move ubersicht modules in tree

445 files changed, 23553 insertions, 12 deletions

diff --git a/users/ryan/modules/simple-bar/default.nix b/users/ryan/modules/simple-bar/default.nix
index 116216f..a309f61 100644
--- a/users/ryan/modules/simple-bar/default.nix
+++ b/users/ryan/modules/simple-bar/default.nix
@@ -4,12 +4,7 @@ with lib;
 
 let
     cfg = config.ryan.simple-bar;
-    # Fetch the git repo at a specific rev
-    "simple-bar-upstream" = builtins.fetchGit {
-        url = "https://github.com/Jean-Tinland/simple-bar";
-        rev = "fb5cada548a05bd01f727772c0a18fd8c7f65b42";
-        shallow = true;
-    };
+    "simple-bar-upstream" = ./simple-bar-source
 in
 {
     options.ryan.simple-bar.enable = mkEnableOption "simple-bar";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/.github/FUNDING.yml b/users/ryan/modules/simple-bar/simple-bar-source/.github/FUNDING.yml
new file mode 100755
index 0000000..0067695
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/.github/FUNDING.yml
@@ -0,0 +1 @@
+github: [Jean-Tinland]
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/bug_report.md b/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100755
index 0000000..07e7338
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,32 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ""
+labels: bug
+assignees: ""
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+
+1. Go to '...'
+2. Click on '....'
+3. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Information (please complete the following information):**
+
+- OS version [e.g. Sonoma 14.1.1]
+- yabai or AeroSpace version [e.g. yabai-v6.0.1]
+- Ãœbersicht version [e.g. Version 1.6 (82)]
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/documentation_error.md b/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/documentation_error.md
new file mode 100755
index 0000000..d0d287b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/documentation_error.md
@@ -0,0 +1,21 @@
+---
+name: Documentation error
+about: Create a report to help us improve
+title: ""
+labels: documentation
+assignees: ""
+---
+
+**Describe the bug**
+A clear and concise description of what the error is.
+
+**Where is located the error**
+
+Link to the documentation page where the error is located.
+
+**Expected content**
+
+What should be the correct content.
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/feature_request.md b/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100755
index 0000000..d883b8f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,19 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ""
+labels: enhancement
+assignees: ""
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/.github/pull_request_template.md b/users/ryan/modules/simple-bar/simple-bar-source/.github/pull_request_template.md
new file mode 100755
index 0000000..d012be7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/.github/pull_request_template.md
@@ -0,0 +1,38 @@
+# Description
+
+Please include a summary of the changes and the related issue. Please also include relevant motivation and context. List any dependencies that are required for this change.
+
+Fixes # (issue)
+
+## Type of change
+
+Please delete options that are not relevant.
+
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] This change requires a documentation update
+
+# How Has This Been Tested?
+
+Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration
+
+- [ ] Test A
+- [ ] Test B
+
+**Test Configuration**:
+
+- OS version [e.g. Sonoma 14.1.1]
+- yabai version [e.g. yabai-v6.0.1] (output of `yabai --version`)
+- Ãœbersicht version [e.g. Version 1.6 (82)]
+
+# Checklist:
+
+- [ ] My code follows the style guidelines of this project
+- [ ] I have performed a self-review of my code
+- [ ] I have commented my code, particularly in hard-to-understand areas (make use of JSDoc if necessary)
+- [ ] My changes generate no new warnings
+
+# Changes to make to the documentation
+
+Please list any changes to the documentation that are required to reflect your changes.
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/.gitignore b/users/ryan/modules/simple-bar/simple-bar-source/.gitignore
new file mode 100755
index 0000000..7839ca3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+.idea
+/node_modules
+yarn.lock
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/.prettierrc b/users/ryan/modules/simple-bar/simple-bar-source/.prettierrc
new file mode 100755
index 0000000..0967ef4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/.prettierrc
@@ -0,0 +1 @@
+{}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/CODE_OF_CONDUCT.md b/users/ryan/modules/simple-bar/simple-bar-source/CODE_OF_CONDUCT.md
new file mode 100755
index 0000000..f9218d4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/CODE_OF_CONDUCT.md
@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+- Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+- The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+https://www.jeantinland.com/contact/.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/CONTRIBUTING.md b/users/ryan/modules/simple-bar/simple-bar-source/CONTRIBUTING.md
new file mode 100755
index 0000000..13ec1f9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/CONTRIBUTING.md
@@ -0,0 +1,47 @@
+# Contributor guidelines
+
+## What do I need to know to help?
+
+If you are looking to help to with a code contribution our project uses **React** in a mac os application names **Ãœbersicht**. It is build on top of **yabai**. If you don't feel ready to make a code contribution yet, no problem! You can also check out the [documentation issues](https://github.com/Jean-Tinland/simple-bar/issues).
+
+If you are interested in making a code contribution and would like to learn more about the technologies that we use, check out the list below.
+
+- [React documentation](https://react.dev/learn)
+- [Ãœbersicht documentation](https://github.com/felixhageloh/uebersicht#%C3%BCbersicht)
+- [yabai documentation](https://github.com/koekeishiya/yabai)
+
+## Coding style conventions
+
+Your PR should:
+
+- Be formatted with prettier
+- Pass the linter (run `yarn lint` to check)
+
+## How do I make a contribution?
+
+Never made an open source contribution before? Wondering how contributions work in the in our project? Here's a quick rundown!
+
+1. Find an issue that you are interested in addressing or a feature that you would like to add.
+2. Fork the repository associated with the issue to your local GitHub organization. This means that you will have a copy of the repository under `your-GitHub-username/simple-bar`.
+3. Clone the repository to your local machine using `git clone https://github.com/Jean-Tinland/simple-bar.git`.
+4. Create a new branch for your fix using `git checkout -b branch-name-here`.
+5. Make the appropriate changes for the issue you are trying to address or the feature that you want to add.
+6. Use `git add insert-paths-of-changed-files-here` to add the file contents of the changed files to the "snapshot" git uses to manage the state of the project, also known as the index.
+7. Use `git commit -m "Insert a short message of the changes made here"` to store the contents of the index with a descriptive message.
+8. Push the changes to the remote repository using `git push origin branch-name-here`.
+9. Submit a pull request to the upstream repository.
+10. Title the pull request with a short description of the changes made and the issue or bug number associated with your change. For example, you can title an issue like so "Added more log outputting to resolve #4352".
+11. In the description of the pull request, explain the changes that you made, any issues you think exist with the pull request you made, and any questions you have for the maintainer. It's OK if your pull request is not perfect (no pull request is), the reviewer will be able to help you fix any problems and improve it!
+12. Wait for the pull request to be reviewed by a maintainer.
+13. Make changes to the pull request if the reviewing maintainer recommends them.
+14. Celebrate your success after your pull request is merged!
+
+## Where can I go for help?
+
+If you need help, you can ask questions on simple-bar's issue section on GitHub or with the contact form on [my website](https://www.jeantinland.com/en/contact/).
+
+## What does the Code of Conduct mean for me?
+
+Our Code of Conduct means that you are responsible for treating everyone on the project with respect and courtesy regardless of their identity. If you are the victim of any inappropriate behavior or comments as described in our Code of Conduct, we are here for you and will do the best to ensure that the abuser is reprimanded appropriately, per our code.
+
+> This contributor guide is adapted from the [opensource.com guide available here](https://opensource.com/life/16/3/contributor-guidelines-template-and-tips).
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/LICENSE b/users/ryan/modules/simple-bar/simple-bar-source/LICENSE
new file mode 100755
index 0000000..bb64387
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Jean Tinland (https://www.jeantinland.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/README.md b/users/ryan/modules/simple-bar/simple-bar-source/README.md
new file mode 100755
index 0000000..e3523b9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/README.md
@@ -0,0 +1,73 @@
+# <img src="./images/logo-simple-bar.png" width="200" alt="simple-bar" />
+
+A [yabai](https://github.com/koekeishiya/yabai) or [AeroSpace](https://github.com/nikitabobko/AeroSpace) status bar widget for [Ãœbersicht](https://github.com/felixhageloh/uebersicht) inspired by [nibar](https://github.com/kkga/nibar), [yabar](https://github.com/AlexNaga/yabar) and [this reddit post](https://www.reddit.com/r/unixporn/comments/chwk89/yabai_yabai_and_gruvbox_with_custom_ubersicht_bar/).
+
+[Website](https://www.jeantinland.com/toolbox/simple-bar) • [Documentation](https://www.jeantinland.com/toolbox/simple-bar/documentation)
+
+[`simple-bar-server`](https://github.com/Jean-Tinland/simple-bar-server) is available to trigger refresh and toggle widgets more efficiently with `curl` commands.
+
+A more "lite" & basic version is available [here](https://github.com/Jean-Tinland/simple-bar-lite).
+
+**Notice: As I am working simultaneously on a lot of projects, things here may seem to move slowly but they are still in progress. I'm always monitoring my notifications and messages, so if you have any questions or want to chat about anything, feel free [to reach out](https://www.jeantinland.com/contact/)!**
+
+## Features
+
+Among the principal features of `simple-bar`, you'll find:
+
+- **Show all opened apps** in every space
+- **Show all opened windows** on the current space and its current layout mode (bsp, stack, float)
+- Interactions: **focus window** on click, launch scripts, toggle states
+- **Multi-monitor support**: enable individual widget on specific displays
+- Add your own custom widgets in settings (it displays scripts outputs)
+- **Refresh and toggle parts of simple-bar on the fly** with `curl` commands by installing [simple-bar-server](https://www.jeantinland.com/toolbox/simple-bar-server/documentation/introduction/) and enabling the server in settings. See [widgets](https://www.jeantinland.com/toolbox/simple-bar-server/documentation/widgets/), [yabai](https://www.jeantinland.com/toolbox/simple-bar-server/documentation/yabai/) or [AeroSpace](https://www.jeantinland.com/toolbox/simple-bar-server/documentation/aerospace/) options in its documentation
+- **Extensible** themes system with 3 theme behaviors: **dark**, **light**, or **system**
+- Numerous customization options, try them out in settings!
+- A handfull selection of widgets
+- Other features available only with SIP disabled and yabai scripting addition installed (**navigate to workspace**, **create new workspace on "+" click**, **move or destroy workspace on space hover**)
+
+[See all features in documentation](https://www.jeantinland.com/toolbox/simple-bar/documentation/features/).
+
+## Preview
+
+![image](./images/preview.png)
+
+<video src="https://github.com/Jean-Tinland/simple-bar/assets/43068795/0f988d1b-e21b-4b82-a1dc-4a1c76f580f3" type="video/mp4" muted autoplay loop></video>
+
+## Installation
+
+Simply clone this repo in your Ãœbersicht widgets directory with the following command.
+
+```bash
+git clone --depth 1 https://github.com/Jean-Tinland/simple-bar $HOME/Library/Application\ Support/Ãœbersicht/widgets/simple-bar
+```
+
+You'll find the full installation guide in the [documentation](https://www.jeantinland.com/toolbox/simple-bar/documentation/installation/).
+
+> [!WARNING]\
+> If you encounter this error: "simple-bar-index.jsx: Something went wrong…", it may be simply due to the fact that the default value for yabai or AeroSpace path is wrong in simple-bar. You can set this path in the settings module.\
+> The default paths are `$(which yabai)` and `$(which aerospace)`.
+
+> [!NOTE]\
+> `simple-bar` is trying to use yabai by default. If you want to switch to AeroSpace, you'll need to open the settings module (simply click on `simple-bar` then press `cmd` + `,`). You'll find the window manager choice in the "Global" tab.
+
+> [!TIP]\
+> If you experience some freezing issues with Ãœbersicht or if you simply want to improve `simple-bar` responsiveness & energy consumption, please try to switch to `simple-bar-server` in order to trigger refresh with `curl` commands. You'll find more information about it in the repo [here](https://github.com/Jean-Tinland/simple-bar-server).
+
+## Roadmap
+
+Here are the features I'm planning to add in the future:
+
+- A timer widget ([#474](https://github.com/Jean-Tinland/simple-bar/issues/474))
+- Bars configurator (spawn multiple bars, place widgets anywhere…) [#380](https://github.com/Jean-Tinland/simple-bar/issues/380)
+- More accessibility settings like reading direction (LTR or RTL)
+- More default themes
+
+Feel free to open an issue if you have any feature request or if you want me to prioritize one of these features.
+
+## Special thanks
+
+I started this project with a simple idea and inspired by similar projects but over the year it has become a real community project. I want to thank everyone who contributed to this project, whether it's by opening issues, suggesting features, or even making pull requests. Furthermore, I also want to thank everyone who is using this project, I'm glad to see that it can be useful to others.
+
+So thank you, [@Amar1729](https://github.com/Amar1729), [@yorhodes](https://github.com/yorhodes), [@ZhongXiLu](https://github.com/ZhongXiLu), [@jamieweavis](https://github.com/jamieweavis), [@kvndrsslr](https://github.com/kvndrsslr), [@rosenpin](https://github.com/rosenpin), [@MikoMagni](https://github.com/MikoMagni), [@anujc4](https://github.com/anujc4), [@SijanC147](https://github.com/SijanC147), [@donaldguy](https://github.com/donaldguy), [@d-miketa](https://github.com/d-miketa), [@izifortune](https://github.com/izifortune), [@theshortcut](https://github.com/theshortcut), [@jming422](https://github.com/jming422), [@s00500](https://github.com/s00500), [@spwx](https://github.com/spwx), [@basbebe](https://github.com/basbebe), [@is0n](https://github.com/is0n), [@Joroovb](https://github.com/Joroovb), [@Sylenss](https://github.com/Sylenss), [@mrzone64](https://github.com/mrzone64), [@devinbhatt](https://github.com/devinbhatt), [@mdwitr0](https://github.com/mdwitr0), [@wr1159](https://github.com/wr1159), [@ardnep](https://github.com/ardnep), [@kntng](https://github.com/kntng) and every other that are helping me improve this little project by adding icons, fixing what they can, and more…
+
+I tried to keep track of everyone who contributed to this project in every page of the documentation. If you think I forgot you, please let me know. :)
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/SECURITY.md b/users/ryan/modules/simple-bar/simple-bar-source/SECURITY.md
new file mode 100755
index 0000000..1779c21
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/SECURITY.md
@@ -0,0 +1,9 @@
+# Security Policy
+
+## Supported Versions
+
+Only `simple-bar` latest version is supported (latest commit on master branch).
+
+## Reporting a Vulnerability
+
+If you think you have detected a vulnerability, please open a new issue in `simple-bar`'s repo, [here](https://github.com/Jean-Tinland/simple-bar/issues).
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/eslint.config.mjs b/users/ryan/modules/simple-bar/simple-bar-source/eslint.config.mjs
new file mode 100755
index 0000000..378720e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/eslint.config.mjs
@@ -0,0 +1,52 @@
+// eslint.config.js
+import js from "@eslint/js";
+import globals from "globals";
+import reactPlugin from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+
+export default [
+  {
+    files: ["**/*.{js,jsx}"],
+    languageOptions: {
+      ecmaVersion: 12,
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+      },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    plugins: {
+      react: reactPlugin,
+      "react-hooks": reactHooks,
+    },
+    rules: {
+      // Base ESLint recommended rules
+      ...js.configs.recommended.rules,
+
+      // React recommended rules
+      ...reactPlugin.configs.recommended.rules,
+
+      // React hooks recommended rules
+      ...reactHooks.configs.recommended.rules,
+
+      // Your custom rules
+      "no-console": "warn",
+      "react/prop-types": "off",
+      "react/react-in-jsx-scope": "off",
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": "warn",
+      "react-hooks/preserve-manual-memoization": "off",
+      "react-hooks/immutability": "off",
+      "react/no-unescaped-entities": "off",
+    },
+    settings: {
+      react: {
+        version: "18.0",
+      },
+    },
+  },
+];
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/images/logo-simple-bar.png b/users/ryan/modules/simple-bar/simple-bar-source/images/logo-simple-bar.png
new file mode 100755
index 0000000..4d1f5e4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/images/logo-simple-bar.png
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/images/preview.png b/users/ryan/modules/simple-bar/simple-bar-source/images/preview.png
new file mode 100755
index 0000000..4c68dae
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/images/preview.png
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/index.jsx b/users/ryan/modules/simple-bar/simple-bar-source/index.jsx
new file mode 100755
index 0000000..bc817ab
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/index.jsx
@@ -0,0 +1,267 @@
+import * as Uebersicht from "uebersicht";
+import * as Error from "./lib/components/error.jsx";
+import SimpleBarContextProvider from "./lib/components/simple-bar-context.jsx";
+import UserWidgets from "./lib/components/data/user-widgets.jsx";
+// Each simple-bar widgets exports both a "Component" or "Widget" render function
+// and a "styles" string containing its own CSS
+import * as Variables from "./lib/styles/core/variables";
+import * as Base from "./lib/styles/core/base";
+import * as Spaces from "./lib/styles/components/spaces/spaces";
+import * as Process from "./lib/styles/components/process";
+import * as Zoom from "./lib/components/data/zoom.jsx";
+import * as Time from "./lib/components/data/time.jsx";
+import * as DateDisplay from "./lib/components/data/date-display.jsx";
+import * as GitHub from "./lib/components/data/github.jsx";
+import * as Weather from "./lib/components/data/weather.jsx";
+import * as Netstats from "./lib/components/data/netstats.jsx";
+import * as Cpu from "./lib/components/data/cpu.jsx";
+import * as Gpu from "./lib/components/data/gpu.jsx";
+import * as Memory from "./lib/components/data/memory.jsx";
+import * as Battery from "./lib/components/data/battery.jsx";
+import * as Sound from "./lib/components/data/sound.jsx";
+import * as Mic from "./lib/components/data/mic.jsx";
+import * as Wifi from "./lib/components/data/wifi.jsx";
+import * as ViscosityVPN from "./lib/components/data/viscosity-vpn.jsx";
+import * as Keyboard from "./lib/components/data/keyboard.jsx";
+import * as Spotify from "./lib/components/data/spotify.jsx";
+import * as YouTubeMusic from "./lib/components/data/youtube-music.jsx";
+import * as Crypto from "./lib/components/data/crypto.jsx";
+import * as Stock from "./lib/components/data/stock.jsx";
+import * as Music from "./lib/components/data/music.jsx";
+import * as Mpd from "./lib/components/data/mpd.jsx";
+import * as BrowserTrack from "./lib/components/data/browser-track.jsx";
+import * as Notifications from "./lib/components/data/notifications.jsx";
+import * as NextMeeting from "./lib/components/data/next-meeting.jsx";
+import * as Specter from "./lib/components/data/specter.jsx";
+import * as Graph from "./lib/components/data/graph.jsx";
+import * as DataWidgetLoader from "./lib/components/data/data-widget-loader.jsx";
+import * as DataWidget from "./lib/components/data/data-widget.jsx";
+import * as SideIcon from "./lib/components/side-icon.jsx";
+import * as Missives from "./lib/components/missives/missives.jsx";
+import * as Utils from "./lib/utils";
+import * as Settings from "./lib/settings";
+
+// Destructure React from Uebersicht in order to make eslint catch hook rules for example
+const { React } = Uebersicht;
+
+// Spaces & process components are lazy loaded to avoid loading them when not needed
+const YabaiContextProvider = React.lazy(
+  () => import("./lib/components/yabai-context.jsx"),
+);
+const AerospaceContextProvider = React.lazy(
+  () => import("./lib/components/aerospace-context.jsx"),
+);
+const YabaiSpaces = React.lazy(
+  () => import("./lib/components/yabai/spaces.jsx"),
+);
+const YabaiProcess = React.lazy(
+  () => import("./lib/components/yabai/process.jsx"),
+);
+const AerospaceSpaces = React.lazy(
+  () => import("./lib/components/aerospace/spaces.jsx"),
+);
+const AerospaceProcess = React.lazy(
+  () => import("./lib/components/aerospace/process.jsx"),
+);
+
+// Set refresh frequency to false
+// Ãœbersicht auto-refresh system is not required as simple-bar works in sync with
+// yabai or AeroSpaces for spaces & process widgets and data widgets are refreshed with
+// their local refresh functions
+const refreshFrequency = false;
+
+// Init settings from file if existing
+Settings.init();
+
+// Get settings from the Settings module
+const settings = Settings.get();
+const {
+  // Do not edit the yabaiPath or aerospacePath lines, theses values are simply
+  // a default value used if nothing is defined in settings.
+  // You can setup your custom yabai or AeroSpace path in the settings module (Global tab) :
+  // while on an empty workspace, click on simple-bar then press cmd + , to open it.
+  yabaiPath = "/opt/homebrew/bin/yabai",
+  aerospacePath = "/opt/homebrew/bin/aerospace",
+  windowManager, // Window manager type (yabai or aerospace)
+  shell, // Shell to use for commands
+  enableServer, // Enable server mode
+  yabaiServerRefresh, // Refresh rate for yabai server
+} = settings.global;
+const { hideWindowTitle, displayOnlyIcon, displaySkhdMode } = settings.process;
+
+// Determine if signals should be disabled based on settings
+const disableSignals = enableServer && yabaiServerRefresh;
+const enableTitleChangedSignal = !hideWindowTitle && !displayOnlyIcon;
+
+// Construct command arguments based on window manager type
+const yabaiArgs = `${yabaiPath} ${displaySkhdMode} ${disableSignals} ${enableTitleChangedSignal}`;
+const aerospaceArgs = `${aerospacePath}`;
+const args = getArguments(windowManager, yabaiArgs, aerospaceArgs);
+const command = `${shell} simple-bar/lib/scripts/init-${windowManager}.sh ${args}`;
+
+// Inject global styles into the document
+// I prefer using native CSS instead of Emotion bundled by default in Ãœbersicht
+Utils.injectStyles("simple-bar-index-styles", [
+  Variables.styles,
+  Base.styles,
+  Spaces.styles,
+  Process.styles,
+  Settings.styles,
+  DataWidget.styles,
+  DateDisplay.styles,
+  Zoom.styles,
+  Time.styles,
+  GitHub.styles,
+  Weather.styles,
+  Netstats.styles,
+  Cpu.styles,
+  Gpu.styles,
+  Memory.styles,
+  Crypto.styles,
+  Stock.styles,
+  Battery.styles,
+  Wifi.styles,
+  ViscosityVPN.styles,
+  Keyboard.styles,
+  Mic.styles,
+  Sound.styles,
+  Spotify.styles,
+  YouTubeMusic.styles,
+  Music.styles,
+  Mpd.styles,
+  BrowserTrack.styles,
+  Notifications.styles,
+  NextMeeting.styles,
+  Specter.styles,
+  Graph.styles,
+  DataWidgetLoader.styles,
+  settings.customStyles.styles,
+  SideIcon.styles,
+  Missives.styles,
+]);
+
+// Render function to display the bar
+function render({ output, error }) {
+  // Define base classes for the bar based on settings
+  const baseClasses = Utils.classNames("simple-bar", {
+    "simple-bar--floating": settings.global.floatingBar,
+    "simple-bar--no-bar-background": settings.global.noBarBg,
+    "simple-bar--no-color-in-data": settings.global.noColorInData,
+    "simple-bar--on-bottom": settings.global.bottomBar,
+    "simple-bar--inline-spaces-options": settings.global.inlineSpacesOptions,
+    "simple-bar--animations-disabled": settings.global.disableAnimations,
+    "simple-bar--spaces-background-color-as-foreground":
+      settings.global.spacesBackgroundColorAsForeground,
+    "simple-bar--widgets-background-color-as-foreground":
+      settings.global.widgetsBackgroundColorAsForeground,
+    "simple-bar--process-aligned-to-left": !settings.global.centered,
+  });
+
+  // Handle errors
+  if (error) {
+    // eslint-disable-next-line no-console
+    console.error("Error in index.jsx", error);
+    return <Error.Component type="error" classes={baseClasses} />;
+  }
+  if (!output) {
+    return <Error.Component type="noOutput" classes={baseClasses} />;
+  }
+
+  // Cleanup the output data
+  const cleanedUpOutput = Utils.cleanupOutput(output);
+
+  // Handle specific errors related to yabai or AeroSpace
+  const errors = ["yabaiError", "aerospaceError"];
+  if (errors.includes(cleanedUpOutput)) {
+    return <Error.Component type={cleanedUpOutput} classes={baseClasses} />;
+  }
+
+  // Parse the output data
+  const data = Utils.parseJson(cleanedUpOutput);
+  if (!data) return <Error.Component type="noData" classes={baseClasses} />;
+
+  const { displays, shadow, skhdMode, SIP, spaces, windows } = data;
+
+  // Check if SIP (System Integrity Protection) is disabled
+  const SIPDisabled = SIP !== "System Integrity Protection status: enabled.";
+
+  // Define additional classes based on data
+  const classes = Utils.classNames(baseClasses, {
+    "simple-bar--no-shadow": shadow !== "on",
+  });
+
+  // Handle bar focus ring on click
+  Utils.handleBarFocus();
+
+  // Render the bar with appropriate components and data
+  return (
+    <SimpleBarContextProvider
+      initialSettings={settings}
+      displays={displays}
+      SIPDisabled={SIPDisabled}
+    >
+      <div className={classes}>
+        <SideIcon.Component />
+        <React.Suspense fallback={<React.Fragment />}>
+          {windowManager === "yabai" && (
+            <YabaiContextProvider
+              spaces={spaces}
+              windows={windows}
+              skhdMode={skhdMode}
+            >
+              <YabaiSpaces />
+              <YabaiProcess />
+            </YabaiContextProvider>
+          )}
+          {windowManager === "aerospace" && (
+            <AerospaceContextProvider>
+              <AerospaceSpaces />
+              <AerospaceProcess />
+            </AerospaceContextProvider>
+          )}
+        </React.Suspense>
+        <Settings.Wrapper />
+        <div className="simple-bar__data">
+          <UserWidgets />
+          <Zoom.Widget />
+          <BrowserTrack.Widget />
+          <Spotify.Widget />
+          <YouTubeMusic.Widget />
+          <Crypto.Widget />
+          <Stock.Widget />
+          <Music.Widget />
+          <Mpd.Widget />
+          <GitHub.Widget />
+          <Weather.Widget />
+          <Netstats.Widget />
+          <Cpu.Widget />
+          <Gpu.Widget />
+          <Memory.Widget />
+          <Battery.Widget />
+          <Notifications.Widget />
+          <NextMeeting.Widget />
+          <Mic.Widget />
+          <Sound.Widget />
+          <ViscosityVPN.Widget />
+          <Wifi.Widget />
+          <Keyboard.Widget />
+          <DateDisplay.Widget />
+          <Time.Widget />
+        </div>
+        <Missives.Component />
+      </div>
+    </SimpleBarContextProvider>
+  );
+}
+
+export { command, refreshFrequency, render };
+
+function getArguments(windowManager, yabaiArgs, aerospaceArgs) {
+  if (windowManager === "yabai") {
+    return yabaiArgs;
+  }
+  if (windowManager === "aerospace") {
+    return aerospaceArgs;
+  }
+  return "";
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/aerospace.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/aerospace.js
new file mode 100755
index 0000000..5b403b1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/aerospace.js
@@ -0,0 +1,102 @@
+import * as Uebersicht from "uebersicht";
+import * as Settings from "./settings";
+import * as Utils from "./utils";
+
+/**
+ * Switches to the specified workspace.
+ * @param {number} index - The index of the workspace to switch to.
+ */
+export async function goToSpace(index) {
+  const settings = Settings.get();
+  const { aerospacePath = "/opt/homebrew/bin/aerospace" } = settings.global;
+  await Uebersicht.run(`${aerospacePath} workspace ${index}`);
+}
+
+/**
+ * Focuses the window with the specified ID.
+ * @param {number} id - The ID of the window to focus.
+ */
+export async function focusWindow(id) {
+  const settings = Settings.get();
+  const { aerospacePath = "/opt/homebrew/bin/aerospace" } = settings.global;
+  await Uebersicht.run(`${aerospacePath} focus --window-id ${id}`);
+}
+
+/**
+ * Retrieves the list of workspaces for the specified display.
+ * @param {number} displayId - The ID of the display.
+ * @returns {Promise<Object[]>} The list of workspaces.
+ */
+export async function getSpaces(displayId) {
+  const settings = Settings.get();
+  const { aerospacePath = "/opt/homebrew/bin/aerospace" } = settings.global;
+  const json = await Uebersicht.run(
+    `${aerospacePath} list-workspaces --monitor ${displayId} --json --format "%{workspace} %{monitor-appkit-nsscreen-screens-id}"`
+  );
+  return Utils.parseJson(json);
+}
+
+/**
+ * Retrieves the currently focused workspace.
+ * @returns {Promise<Object>} The focused workspace.
+ */
+export async function getFocusedSpace() {
+  const settings = Settings.get();
+  const { aerospacePath = "/opt/homebrew/bin/aerospace" } = settings.global;
+  const json = await Uebersicht.run(
+    `${aerospacePath} list-workspaces --focused --json`
+  );
+  return Utils.parseJson(json);
+}
+
+/**
+ * Retrieves the list of windows for the specified workspace.
+ * @param {number} workspaceId - The ID of the workspace.
+ * @returns {Promise<Object[]>} The list of windows.
+ */
+export async function getWindows(workspaceId) {
+  const settings = Settings.get();
+  const { aerospacePath = "/opt/homebrew/bin/aerospace" } = settings.global;
+  const json = await Uebersicht.run(
+    `${aerospacePath} list-windows --workspace ${workspaceId} --json`
+  );
+  const cleanedJson = json.replace(/\\\n/g, "").replace(/00000/g, "0");
+  return Utils.parseJson(cleanedJson);
+}
+
+/**
+ * Retrieves the currently focused window.
+ * @returns {Promise<Object>} The focused window.
+ */
+export async function getFocusedWindow() {
+  const settings = Settings.get();
+  const { aerospacePath = "/opt/homebrew/bin/aerospace" } = settings.global;
+  const json = await Uebersicht.run(
+    `${aerospacePath} list-windows --focused --json`
+  );
+  return Utils.parseJson(json);
+}
+
+/**
+ * Retrieves the list of displays.
+ * @returns {Promise<Object[]>} The list of displays.
+ */
+export async function getDisplays() {
+  const settings = Settings.get();
+  const { aerospacePath = "/opt/homebrew/bin/aerospace" } = settings.global;
+  const json = await Uebersicht.run(`${aerospacePath} list-monitors --json`);
+  return Utils.parseJson(json);
+}
+
+/**
+ * Retrieves the custom display index for the specified display.
+ * @param {Object} display - The display object.
+ * @returns {number} The custom display index.
+ */
+export function getDisplayIndex(item) {
+  const settings = Settings.get();
+  const { customAeroSpaceDisplayIndexes } = settings.spacesDisplay;
+  const nativeId = item["monitor-appkit-nsscreen-screens-id"];
+  const customId = customAeroSpaceDisplayIndexes[nativeId];
+  return customId || nativeId;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/app-icons.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/app-icons.js
new file mode 100755
index 0000000..3eef38d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/app-icons.js
@@ -0,0 +1,254 @@
+import * as Icons from "./components/icons/icons.jsx";
+
+// List of supported apps and their corresponding icons
+export const apps = {
+  "1Password 7": Icons.OnePassword,
+  "1Password": Icons.OnePassword,
+  "Acrobat Reader": Icons.PDF,
+  "Activity Monitor": Icons.Activity,
+  "Affinity Designer": Icons.AffinityDesigner,
+  "Affinity Photo": Icons.AffinityPhoto,
+  "Affinity Publisher": Icons.AffinityPublisher,
+  Airmail: Icons.Airmail,
+  Alacritty: Icons.Terminal,
+  Alfred: Icons.Alfred,
+  "Android Messages": Icons.AndroidMessages,
+  "Android Studio": Icons.AndroidStudio,
+  Anki: Icons.Anki,
+  Antigravity: Icons.Antigravity,
+  Anytype: Icons.Anytype,
+  "App Store": Icons.AppStore,
+  Arc: Icons.Arc,
+  Atom: Icons.Atom,
+  "Apple Simulator": Icons.AppleSimulator,
+  Audacity: Icons.Audacity,
+  Aqua: Icons.Aqua,
+  "Battle.net": Icons.BattleNet,
+  "Bambu Studio": Icons.BambuStudio,
+  Bear: Icons.Bear,
+  "Beekeeper Studio": Icons.Beekeeper,
+  Bitwarden: Icons.BitWarden,
+  Blender: Icons.Blender,
+  "Brave Browser": Icons.BraveBrowser,
+  Bruno: Icons.Bruno,
+  Claude: Icons.Claude,
+  ClaudeCode: Icons.ClaudeCode,
+  Cline: Icons.Cline,
+  CLion: Icons.CLion,
+  Calendar: Icons.Calendar,
+  Calibre: Icons.Book,
+  "Canary Mail": Icons.Mail,
+  Caprine: Icons.Caprine,
+  CARROT: Icons.CARROT,
+  ChatGPT: Icons.ChatGPT,
+  Chatterino: Icons.Chatterino,
+  Chromium: Icons.GoogleChrome,
+  "CleanMyMac X": Icons.Desktop,
+  ClickUp: Icons.ClickUp,
+  "Code - Insiders": Icons.Code,
+  Code: Icons.Code,
+  Codex: Icons.Codex,
+  "Color Picker": Icons.ColorPicker,
+  ComfyUI: Icons.ComfyUI,
+  Copilot: Icons.Copilot,
+  Cursor: Icons.Cursor,
+  DataGrip: Icons.DataGrip,
+  Deezer: Icons.Deezer,
+  Default: Icons.Default,
+  "DEVONthink 3": Icons.DEVONthink3,
+  "Discord Canary": Icons.Discord,
+  "Discord PTB": Icons.Discord,
+  Discord: Icons.Discord,
+  "Docker Desktop": Icons.Docker,
+  Drafts: Icons.Drafts,
+  Dropbox: Icons.Dropbox,
+  Element: Icons.Element,
+  Emacs: Icons.Emacs,
+  "Evernote Legacy": Icons.EvernoteLegacy,
+  FaceTime: Icons.FaceTime,
+  Fantastical: Icons.Calendar,
+  Figma: Icons.Figma,
+  "Figma Beta": Icons.Figma,
+  "Final Cut Pro": Icons.FinalCutPro,
+  "Find My": Icons.Radar,
+  Finder: Icons.Finder,
+  "Firefox Developer Edition": Icons.FirefoxDeveloperEdition,
+  "Firefox Nightly": Icons.FirefoxDeveloperEdition,
+  Firefox: Icons.Firefox,
+  Fleet: Icons.Fleet,
+  Folx: Icons.Folx,
+  FreeTube: Icons.FreeTube,
+  Ghostty: Icons.Ghostty,
+  "GitHub Desktop": Icons.GitHub,
+  Gnucash: Icons.GnuCash,
+  GoLand: Icons.GoLand,
+  GoodNotes: Icons.GoodNotes,
+  "Google Chrome Canary": Icons.GoogleChrome,
+  "Google Chrome": Icons.GoogleChrome,
+  Goose: Icons.Goose,
+  "Grammarly Editor": Icons.Grammarly,
+  GrandTotal: Icons.Dollar,
+  Helium: Icons.Helium,
+  HEY: Icons.Mail,
+  "Home Assistant": Icons.HomeAssistant,
+  HTTPie: Icons.HTTPie,
+  Hyper: Icons.Terminal,
+  Insomnia: Icons.Insomnia,
+  "IntelliJ IDEA": Icons.Idea,
+  Iris: Icons.Iris,
+  iTerm2: Icons.Terminal,
+  Joplin: Icons.Joplin,
+  Kakoune: Icons.Kakoune,
+  KeePassXC: Icons.KeePassXC,
+  "Keyboard Maestro": Icons.KeyboardMaestro,
+  Keynote: Icons.Keynote,
+  kitty: Icons.Terminal,
+  "League of Legends": Icons.LeagueOfLegends,
+  LibreWolf: Icons.LibreWolf,
+  Linear: Icons.Linear,
+  Live: Icons.Ableton,
+  "LM Studio": Icons.LMStudio,
+  MacVim: Icons.Vim,
+  Mail: Icons.Mail,
+  MailMate: Icons.Mail,
+  Mailspring: Icons.Mail,
+  "MAMP PRO": Icons.Mamp,
+  MAMP: Icons.Mamp,
+  Maestro: Icons.MaestroAI,
+  Manus: Icons.Manus,
+  Matlab: Icons.Matlab,
+  Mattermost: Icons.Mattermost,
+  Messages: Icons.Messages,
+  "Microsoft Edge": Icons.MicrosoftEdge,
+  "Microsoft Excel": Icons.MicrosoftExcel,
+  "Microsoft Outlook": Icons.MicrosoftOutlook,
+  "Microsoft PowerPoint": Icons.MicrosoftPowerPoint,
+  "Microsoft Teams": Icons.Teams,
+  "Microsoft To Do": Icons.Things,
+  "Microsoft Word": Icons.MicrosoftWord,
+  Mimestream: Icons.Mimestream,
+  Min: Icons.MinBrowser,
+  Miro: Icons.Miro,
+  "Monero GUI": Icons.MoneroGUI,
+  "MongoDB Compass": Icons.MongoDB,
+  MoneyMoney: Icons.Bank,
+  mpv: Icons.Mpv,
+  Music: Icons.Music,
+  n8n: Icons.N8n,
+  Neovide: Icons.Vim,
+  NetNewsWire: Icons.NetNewsWire,
+  Notability: Icons.Notability,
+  NotebookLM: Icons.NotebookLM,
+  Notes: Icons.Notes,
+  Notion: Icons.Notion,
+  Nova: Icons.Nova,
+  Numbers: Icons.Numbers,
+  "OBS Studio": Icons.OBSStudio,
+  OBS: Icons.OBSStudio,
+  Obsidian: Icons.Obsidian,
+  Ollama: Icons.Ollama,
+  OmniFocus: Icons.OmniFocus,
+  OpenClaw: Icons.OpenClaw,
+  opencode: Icons.Opencode,
+  OrbStack: Icons.OrbStack,
+  Pages: Icons.Pages,
+  "Parallels Desktop": Icons.Parallels,
+  Perplexity: Icons.Perplexity,
+  "Pi-hole Remote": Icons.Pihole,
+  Pine: Icons.Pine,
+  Pins: Icons.Pins,
+  Podcasts: Icons.Podcasts,
+  "PomoDone App": Icons.Pomodone,
+  Postman: Icons.Postman,
+  "Proton Mail": Icons.ProtonMail,
+  PyCharm: Icons.PyCharm,
+  Preview: Icons.PDF,
+  PHPStorm: Icons.PHPStorm,
+  Plex: Icons.Plex,
+  Quip: Icons.Quip,
+  qutebrowser: Icons.QuteBrowser,
+  Receipts: Icons.Dollar,
+  "Redis Insight": Icons.Redis,
+  Reeder: Icons.Reeder5,
+  Reminders: Icons.Reminders,
+  Remnote: Icons.Remnote,
+  "Remote Desktop": Icons.RemoteDesktop,
+  Replit: Icons.Replit,
+  Rider: Icons.Rider,
+  "Rocket.Chat": Icons.RocketChat,
+  Roon: Icons.Roon,
+  "Royal TSX": Icons.RoyalTSX,
+  RubyMine: Icons.RubyMine,
+  RustRover: Icons.RustRover,
+  "Safari Technology Preview": Icons.Safari,
+  Safari: Icons.Safari,
+  Screens4: Icons.Screens4,
+  "Sequel Ace": Icons.SequelAce,
+  "Sequel Pro": Icons.SequelPro,
+  Setapp: Icons.Setapp,
+  Signal: Icons.Signal,
+  sioyek: Icons.PDF,
+  Sketch: Icons.Sketch,
+  SketchUp: Icons.SketchUp,
+  Skim: Icons.PDF,
+  Skype: Icons.Skype,
+  Slack: Icons.Slack,
+  Spark: Icons.Spark,
+  Spotify: Icons.Spotify,
+  Spotlight: Icons.Spotlight,
+  spotube: Icons.Spotube,
+  Spotube: Icons.Spotube,
+  "Sublime Text": Icons.SublimeText,
+  "Super Productivity": Icons.SuperProductivity,
+  "System Preferences": Icons.Gear,
+  "System Settings": Icons.Gear,
+  TablePlus: Icons.TablePlus,
+  Tailscale: Icons.Tailscale,
+  "TeamSpeak 3": Icons.TeamSpeak,
+  Telegram: Icons.Telegram,
+  Terminal: Icons.Terminal,
+  Texts: Icons.Messages,
+  Things: Icons.Things,
+  Thunderbird: Icons.Thunderbird,
+  TickTick: Icons.TickTick,
+  TIDAL: Icons.Tidal,
+  Todoist: Icons.Todoist,
+  "Tor Browser": Icons.TorBrowser,
+  Tower: Icons.Tower,
+  Transmit: Icons.Transmit,
+  Trello: Icons.Trello,
+  Tweetbot: Icons.Twitter,
+  Twitter: Icons.Twitter,
+  Typora: Icons.Text,
+  Vim: Icons.Vim,
+  VimR: Icons.Vim,
+  Vivaldi: Icons.Vivaldi,
+  VLC: Icons.VLC,
+  "VMware Fusion": Icons.VMwareFusion,
+  VSCodium: Icons.VSCodium,
+  Warp: Icons.Warp,
+  WebStorm: Icons.WebStorm,
+  WezTerm: Icons.Terminal,
+  WhatsApp: Icons.WhatsApp,
+  "Windows App": Icons.Windows,
+  Xcode: Icons.Xcode,
+  "YouTube Music": Icons.YoutubeMusic,
+  zathura: Icons.PDF,
+  Zed: Icons.Zed,
+  Zen: Icons.ZenBrowser,
+  Zeplin: Icons.Zeplin,
+  "zoom.us": Icons.Zoom,
+  Zotero: Icons.Zotero,
+  Zulip: Icons.Zulip,
+
+  // German app names
+  Musik: Icons.Music,
+  Kalender: Icons.Calendar,
+  Nachrichten: Icons.Messages,
+
+  // Chinese app names
+  访达: Icons.Finder,
+  邮件: Icons.Mail,
+  微信: Icons.Wechat,
+  网易云音�: Icons.NeteaseMusic,
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace-context.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace-context.jsx
new file mode 100755
index 0000000..f780a71
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace-context.jsx
@@ -0,0 +1,117 @@
+import * as Uebersicht from "uebersicht";
+import { useSimpleBarContext } from "./simple-bar-context.jsx";
+import useServerSocket from "../hooks/use-server-socket.js";
+import * as Aerospace from "../aerospace.js";
+
+const { React } = Uebersicht;
+
+// Create a context with default values
+const AerospaceContext = React.createContext({
+  spaces: [],
+  windows: [],
+  mode: "",
+});
+
+/**
+ * Custom hook to use the AerospaceContext
+ * @returns {Object} The context value
+ */
+export function useAerospaceContext() {
+  return React.useContext(AerospaceContext);
+}
+
+// Memoized AerospaceContextProvider component
+export default React.memo(AerospaceContextProvider);
+
+/**
+ * AerospaceContextProvider component
+ * @param {Object} props - The component props
+ * @param {React.ReactNode} props.children - The child components
+ * @returns {JSX.Element} The provider component
+ */
+function AerospaceContextProvider({ children }) {
+  // Get settings, displayIndex, and displays from SimpleBarContext
+  const { settings, displayIndex, displays } = useSimpleBarContext();
+  const { enableServer, aerospaceServerRefresh } = settings.global;
+  const serverEnabled = enableServer && aerospaceServerRefresh;
+
+  // State to store aerospace spaces
+  const [aerospaceSpaces, setAerospaceSpaces] = React.useState([]);
+  const latestRequestRef = React.useRef(0);
+
+  // Fetches and sets the aerospace spaces
+  const getSpaces = React.useCallback(async () => {
+    const requestId = latestRequestRef.current + 1;
+    latestRequestRef.current = requestId;
+
+    let focusedWindow = {};
+    const [focusedSpace] = await Aerospace.getFocusedSpace();
+    try {
+      [focusedWindow] = await Aerospace.getFocusedWindow();
+      // eslint-disable-next-line no-empty
+    } catch {}
+    const spaces = await Promise.all(
+      displays.map(async (display) => {
+        const id = display["monitor-id"];
+        const result = await Aerospace.getSpaces(id);
+        return Promise.all(
+          result.map(async (space) => {
+            const focused = space.workspace === focusedSpace.workspace;
+            const monitor = Aerospace.getDisplayIndex(space);
+            const windows = await Aerospace.getWindows(space.workspace);
+            const formatted = windows.map((window) => {
+              const focused =
+                window["window-id"] === focusedWindow["window-id"];
+              return {
+                ...window,
+                focused,
+              };
+            });
+            return { ...space, windows: formatted, focused, monitor };
+          })
+        );
+      })
+    );
+    if (requestId !== latestRequestRef.current) {
+      return;
+    }
+    setAerospaceSpaces(spaces.flat());
+  }, [displays]);
+
+  // Refreshes spaces with the data sent by simple-bar-server if it exists
+  // in order to speed up the process then refreshes everything in background
+  // else, simply refreshes everything
+  const refreshSpaces = React.useCallback(
+    async (data) => {
+      if (data) {
+        const { space } = data;
+        setAerospaceSpaces((current) => {
+          return current.map((s) => ({ ...s, focused: s.workspace === space }));
+        });
+        getSpaces();
+      } else {
+        await getSpaces();
+      }
+    },
+    [getSpaces]
+  );
+
+  // Resets the aerospace spaces state
+  const resetSpaces = () => {
+    setAerospaceSpaces([]);
+  };
+
+  // Use server socket to fetch and reset spaces
+  useServerSocket("spaces", serverEnabled, refreshSpaces, resetSpaces);
+
+  // Fetch spaces on component mount and when displayIndex changes
+  React.useEffect(() => {
+    refreshSpaces();
+  }, [refreshSpaces, displayIndex]);
+
+  return (
+    <AerospaceContext.Provider value={{ spaces: aerospaceSpaces }}>
+      {children}
+    </AerospaceContext.Provider>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/opened-apps.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/opened-apps.jsx
new file mode 100755
index 0000000..5b56966
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/opened-apps.jsx
@@ -0,0 +1,33 @@
+import * as Uebersicht from "uebersicht";
+import * as AppIcons from "../../app-icons.js";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import * as Utils from "../../utils.js";
+
+const { React } = Uebersicht;
+
+/**
+ * OpenedApps component to display icons of opened applications.
+ * @param {Object} props - The component props.
+ * @param {Array} props.apps - The list of opened applications.
+ * @returns {JSX.Element|null} The rendered component or null if no apps are opened.
+ */
+export default function OpenedApps({ apps }) {
+  if (!apps.length) return null;
+
+  return apps.map((app, i) => {
+    const { focused } = app;
+    const appName = Utils.normalizeAppName(app["app-name"]);
+    const Icon = AppIcons.apps[appName] || AppIcons.apps.Default;
+
+    // Generate class names for the app icon
+    const classes = Utils.classNames("space__icon", {
+      "space__icon--focused": focused,
+    });
+
+    return (
+      <SuspenseIcon key={i}>
+        <Icon className={classes} />
+      </SuspenseIcon>
+    );
+  });
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/process.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/process.jsx
new file mode 100755
index 0000000..0c461cc
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/process.jsx
@@ -0,0 +1,72 @@
+import * as Uebersicht from "uebersicht";
+import Window from "./window.jsx";
+import * as Utils from "../../utils";
+import { useAerospaceContext } from "../aerospace-context.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+
+export { processStyles as styles } from "../../styles/components/process";
+
+const { React } = Uebersicht;
+
+/**
+ * Process component to display windows in the current space.
+ * @returns {JSX.Element|null} The rendered component or null if not visible.
+ */
+const Component = React.memo(() => {
+  // Get spaces from aerospace context
+  const { spaces } = useAerospaceContext();
+  // Get settings and display index from simple bar context
+  const { settings, displayIndex } = useSimpleBarContext();
+  const { spacesDisplay, process, widgets } = settings;
+  const { exclusionsAsRegex } = spacesDisplay;
+  const { processWidget } = widgets;
+  const { centered, showOnDisplay } = process;
+
+  // Determine if the component should be visible
+  const visible =
+    spaces?.length &&
+    processWidget &&
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay);
+
+  if (!visible) return null;
+
+  // Find the focused space on the current display
+  const { windows = [] } =
+    spaces.find((space) => space.focused && space.monitor === displayIndex) ||
+    {};
+
+  if (!windows.length) return null;
+
+  // Get exclusions for filtering windows
+  const exclusions = exclusionsAsRegex
+    ? spacesDisplay.exclusions
+    : spacesDisplay.exclusions.split(", ");
+
+  const titleExclusions = exclusionsAsRegex
+    ? spacesDisplay.titleExclusions
+    : spacesDisplay.titleExclusions.split(", ");
+
+  // Generate class names for the component
+  const classes = Utils.classNames("process", {
+    "process--centered": centered,
+  });
+
+  // Filter windows based on exclusions
+  const filteredWindows = windows.filter((window) =>
+    Utils.filterApps(window, exclusions, titleExclusions, exclusionsAsRegex),
+  );
+
+  return (
+    <div className={classes}>
+      <div className="process__container">
+        {filteredWindows.map((window, i) => (
+          <Window key={i} window={window} />
+        ))}
+      </div>
+    </div>
+  );
+});
+
+Component.displayName = "Process";
+
+export default Component;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/space.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/space.jsx
new file mode 100755
index 0000000..ab91bbb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/space.jsx
@@ -0,0 +1,84 @@
+import * as Uebersicht from "uebersicht";
+import OpenedApps from "./opened-apps.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+import * as Aerospace from "../../aerospace.js";
+
+const { React } = Uebersicht;
+
+/**
+ * Space component to display a single space.
+ * @param {Object} props - The component props.
+ * @param {Object} props.space - The space object.
+ * @param {boolean} props.lastOfSpace - Indicates if this is the last space of the monitor.
+ * @returns {JSX.Element|null} The rendered component.
+ */
+export default function Space({ space, lastOfSpace }) {
+  const { windows } = space;
+  const { settings } = useSimpleBarContext();
+  const { spacesDisplay } = settings;
+  const {
+    displayAllSpacesOnAllScreens,
+    exclusionsAsRegex,
+    hideDuplicateAppsInSpaces,
+  } = spacesDisplay;
+  const { workspace, focused } = space;
+
+  /**
+   * Handle click event to switch to the clicked space.
+   * @param {Event} e - The click event.
+   */
+  const onClick = (e) => {
+    if (focused) return;
+    Aerospace.goToSpace(workspace);
+    Utils.clickEffect(e);
+  };
+
+  // Determine if the space should be hidden
+  const hidden = !focused && !windows.length && spacesDisplay.hideEmptySpaces;
+
+  if (hidden) return null;
+
+  // Get exclusions and title exclusions based on settings
+  const exclusions = exclusionsAsRegex
+    ? spacesDisplay.exclusions
+    : spacesDisplay.exclusions.split(", ");
+  const titleExclusions = exclusionsAsRegex
+    ? spacesDisplay.titleExclusions
+    : spacesDisplay.titleExclusions.split(", ");
+
+  // Filter windows based on exclusions
+  const filteredWindows = windows.filter((window) =>
+    Utils.filterApps(window, exclusions, titleExclusions, exclusionsAsRegex),
+  );
+
+  // Remove duplicate apps if the setting is enabled
+  const displayedWindows = hideDuplicateAppsInSpaces
+    ? filteredWindows.reduce((acc, window) => {
+        const isDuplicate = acc.find(
+          (w) => w["app-name"] === window["app-name"],
+        );
+        return isDuplicate ? acc : [...acc, window];
+      }, [])
+    : filteredWindows;
+
+  // Determine the CSS classes for the space
+  const classes = Utils.classNames("space", {
+    "space--focused": focused,
+    "space--empty": windows.length,
+  });
+
+  return (
+    <React.Fragment>
+      {displayAllSpacesOnAllScreens && lastOfSpace && (
+        <div className="spaces__separator" />
+      )}
+      <div className={classes}>
+        <button className="space__inner" onClick={onClick}>
+          {workspace}
+          <OpenedApps apps={displayedWindows} />
+        </button>
+      </div>
+    </React.Fragment>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/spaces.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/spaces.jsx
new file mode 100755
index 0000000..d576389
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/spaces.jsx
@@ -0,0 +1,67 @@
+import * as Uebersicht from "uebersicht";
+import Space from "./space.jsx";
+import { useAerospaceContext } from "../aerospace-context.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+import * as AeroSpace from "../../aerospace.js";
+
+export { spacesStyles as styles } from "../../styles/components/spaces/spaces.js";
+
+const { React } = Uebersicht;
+
+/**
+ * Spaces component to display spaces on the screen.
+ * @returns {JSX.Element|null} The rendered component.
+ */
+const Component = React.memo(() => {
+  // Get spaces from aerospace context
+  const { spaces } = useAerospaceContext();
+  // Get displays, displayIndex, and settings from simple bar context
+  const { displays, displayIndex, settings } = useSimpleBarContext();
+  const { spacesDisplay, process } = settings;
+  const { displayAllSpacesOnAllScreens, showOnDisplay } = spacesDisplay;
+  // Determine if the component should be visible on the current display
+  const visible = Utils.isVisibleOnDisplay(displayIndex, showOnDisplay);
+  const isProcessVisible = Utils.isVisibleOnDisplay(
+    displayIndex,
+    process.showOnDisplay
+  );
+
+  // If not visible, return null
+  if (!visible) return null;
+
+  // If there are no spaces, return an empty div
+  if (!spaces?.length) {
+    return <div className="spaces spaces--empty" />;
+  }
+
+  // Map through displays and render spaces for the current display
+  return displays.map((display) => {
+    const displayId = AeroSpace.getDisplayIndex(display);
+    if (displayId !== displayIndex) return null;
+
+    // Filter spaces based on display settings
+    const filteredSpaces = displayAllSpacesOnAllScreens
+      ? spaces
+      : spaces.filter((space) => space.monitor === displayId);
+
+    return (
+      <div key={displayId} className="spaces">
+        {filteredSpaces.map((space, i) => {
+          const { workspace } = space;
+          const lastOfSpace =
+            i !== 0 && space.monitor !== spaces[i - 1].monitor;
+
+          return (
+            <Space key={workspace} space={space} lastOfSpace={lastOfSpace} />
+          );
+        })}
+        {isProcessVisible && <div className="spaces__end-separator" />}
+      </div>
+    );
+  });
+});
+
+Component.displayName = "Spaces";
+
+export default Component;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/window.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/window.jsx
new file mode 100755
index 0000000..04b54d6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/aerospace/window.jsx
@@ -0,0 +1,99 @@
+import * as Uebersicht from "uebersicht";
+import * as AppIcons from "../../app-icons";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+import * as Aerospace from "../../aerospace";
+
+const { React } = Uebersicht;
+
+/**
+ * Window component to display a window in the process bar.
+ * @param {Object} props - The component props.
+ * @param {Object} props.window - The window object.
+ * @returns {JSX.Element|null} The rendered component.
+ */
+export default function Window({ window }) {
+  // Get settings from context
+  const { settings } = useSimpleBarContext();
+  // Create a ref for the button element
+  const ref = React.useRef();
+  // Destructure settings
+  const {
+    displayOnlyCurrent,
+    hideWindowTitle,
+    displayOnlyIcon,
+    expandAllProcesses,
+  } = settings.process;
+  // Destructure window properties
+  const {
+    focused,
+    "app-name": appName,
+    "window-title": title,
+    "window-id": id,
+  } = window;
+
+  // If displayOnlyCurrent is true and the window is not focused, return null
+  if (displayOnlyCurrent && !focused) {
+    return null;
+  }
+
+  // Get the icon for the app or use the default icon
+  const Icon = AppIcons.apps[appName] || AppIcons.apps.Default;
+
+  /**
+   * Handle click event on the window button.
+   * @param {Event} e - The click event.
+   */
+  const onClick = (e) => {
+    !displayOnlyCurrent && Utils.clickEffect(e);
+    Aerospace.focusWindow(id);
+  };
+
+  /**
+   * Handle mouse enter event on the window button.
+   */
+  const onMouseEnter = () => {
+    Utils.startSliding(ref.current, ".process__inner", ".process__name");
+  };
+
+  /**
+   * Handle mouse leave event on the window button.
+   */
+  const onMouseLeave = () => {
+    Utils.stopSliding(ref.current, ".process__name");
+  };
+
+  // Generate class names based on settings and window state
+  const classes = Utils.classNames("process__window", {
+    "process__window--expanded": expandAllProcesses,
+    "process__window--focused": !displayOnlyCurrent && focused,
+    "process__window--only-current": displayOnlyCurrent,
+    "process__window--only-icon": displayOnlyIcon,
+  });
+
+  // Clean up the window title
+  const cleanedUpName =
+    appName !== title && title.length ? `${appName} / ${title}` : appName;
+  const processName = hideWindowTitle ? appName : cleanedUpName;
+
+  // Render the window button
+  return (
+    <button
+      ref={ref}
+      className={classes}
+      onClick={onClick}
+      onMouseEnter={displayOnlyIcon ? undefined : onMouseEnter}
+      onMouseLeave={displayOnlyIcon ? undefined : onMouseLeave}
+    >
+      <SuspenseIcon>
+        <Icon className="process__icon" />
+      </SuspenseIcon>
+      {!displayOnlyIcon && (
+        <span className="process__inner">
+          <span className="process__name">{processName}</span>
+        </span>
+      )}
+    </button>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/battery.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/battery.jsx
new file mode 100755
index 0000000..1f08af6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/battery.jsx
@@ -0,0 +1,183 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { batteryStyles as styles } from "../../styles/components/data/battery";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+/**
+ * Battery widget component
+ * @returns {JSX.Element|null} The battery widget component
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings, pushMissive } = useSimpleBarContext();
+  const { widgets, batteryWidgetOptions } = settings;
+  const { batteryWidget } = widgets;
+  const {
+    refreshFrequency,
+    toggleCaffeinateOnClick,
+    caffeinateOption,
+    disableCaffeinateInvertedBackground,
+    showOnDisplay,
+    showIcon,
+  } = batteryWidgetOptions;
+
+  // Determine if the widget should be visible based on display settings
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && batteryWidget;
+
+  // Calculate the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  // Reset the widget state
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetch battery information and update the state
+   */
+  const getBattery = React.useCallback(async () => {
+    if (!visible) return;
+    // Fetch battery information and parse the results
+    const [system, percentage, status, caffeinate, lowPowerMode] =
+      await Promise.all([
+        Utils.getSystem(),
+        Utils.cachedRun(
+          `pmset -g batt | grep -Eo '[0-9]+%' | head -1 | tr -d '%'`,
+          refresh,
+        ),
+        Utils.cachedRun(
+          `pmset -g batt | head -1 | grep -q 'AC Power' && echo 'AC' || echo 'Batt'`,
+          refresh,
+        ),
+        Uebersicht.run(`pgrep caffeinate -d`),
+        Utils.cachedRun(
+          `pmset -g | awk '/lowpowermode|powermode/ {print $2; exit}'`,
+          refresh,
+        ),
+      ]);
+    setState({
+      system,
+      percentage: parseInt(percentage, 10),
+      charging: Utils.cleanupOutput(status) === "AC",
+      caffeinate: Utils.cleanupOutput(caffeinate),
+      lowPowerMode: Utils.cleanupOutput(lowPowerMode) === "1",
+    });
+    setLoading(false);
+  }, [visible, refresh]);
+
+  // Use server socket to fetch battery data
+  useServerSocket("battery", visible, getBattery, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getBattery, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="battery" />;
+  if (!state) return null;
+
+  const { system, percentage, charging, caffeinate, lowPowerMode } = state;
+  const isLowBattery = !charging && percentage < 20;
+
+  const classes = Utils.classNames("battery", {
+    "battery--low": isLowBattery,
+    "battery--low-power-mode": lowPowerMode,
+    "battery--caffeinate":
+      !disableCaffeinateInvertedBackground && caffeinate.length > 0,
+  });
+
+  const transformValue = getTransform(percentage);
+
+  /**
+   * Handle click event to toggle caffeinate mode
+   * @param {React.MouseEvent} e - The click event
+   */
+  const onClick = async (e) => {
+    Utils.clickEffect(e);
+    await toggleCaffeinate(system, caffeinate, caffeinateOption, pushMissive);
+    getBattery();
+  };
+
+  const onClickProp = toggleCaffeinateOnClick ? { onClick } : {};
+
+  const Icon = () => (
+    <div className="battery__icon">
+      <div className="battery__icon-inner">
+        <div
+          className="battery__icon-filler"
+          style={{ transform: transformValue }}
+        />
+        {charging && (
+          <SuspenseIcon>
+            <Icons.Charging className="battery__charging-icon" />
+          </SuspenseIcon>
+        )}
+      </div>
+    </div>
+  );
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      disableSlider
+      {...onClickProp}
+    >
+      {caffeinate.length > 0 && (
+        <SuspenseIcon>
+          <Icons.Coffee className="battery__caffeinate-icon" />
+        </SuspenseIcon>
+      )}
+      {percentage}%
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Battery";
+
+/**
+ * Get the transform value for the battery icon based on the percentage
+ * @param {number} value - The battery percentage
+ * @returns {string} The transform value
+ */
+function getTransform(value) {
+  let transform = `0.${value}`;
+  if (value === 100) transform = "1";
+  if (value < 10) transform = `0.0${value}`;
+  return `scaleX(${transform})`;
+}
+
+/**
+ * Toggle caffeinate mode on or off
+ * @param {string} system - The system architecture
+ * @param {string} caffeinate - The current caffeinate state
+ * @param {string} option - The caffeinate option
+ * @param {function} pushMissive - Function to push notifications
+ */
+async function toggleCaffeinate(system, caffeinate, option, pushMissive) {
+  const command =
+    system === "x86_64" ? "caffeinate" : "arch -arch arm64 caffeinate";
+  if (caffeinate.length === 0) {
+    Uebersicht.run(`${command} ${option} &`);
+    Utils.notification("Enabling caffeinate...", pushMissive);
+  } else {
+    await Uebersicht.run("pkill -f caffeinate");
+    Utils.notification("Disabling caffeinate...", pushMissive);
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/browser-track.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/browser-track.jsx
new file mode 100755
index 0000000..d320e4a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/browser-track.jsx
@@ -0,0 +1,147 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { browserTrackStyles as styles } from "../../styles/components/data/browser-track";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+/**
+ * BrowserTrack Widget component
+ * @returns {JSX.Element|null} The BrowserTrack widget
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, browserTrackWidgetOptions } = settings;
+  const { browserTrackWidget } = widgets;
+  const { refreshFrequency, showSpecter, showOnDisplay, showIcon } =
+    browserTrackWidgetOptions;
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && browserTrackWidget;
+
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const ref = React.useRef();
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Resets the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches the current browser track information
+   */
+  const getBrowserTrack = React.useCallback(async () => {
+    if (!visible) return;
+    const [firefoxStatus, firefoxDevStatus] = await Promise.all([
+      Utils.cachedRun(
+        `pgrep -xq 'Firefox' && echo "true" || echo "false"`,
+        refresh,
+      ),
+      Utils.cachedRun(
+        `pgrep -xq 'Firefox Developer Edition' && echo "true" || echo "false"`,
+        refresh,
+      ),
+    ]);
+    const isFirefoxDevRunning =
+      Utils.cleanupOutput(firefoxDevStatus) === "true";
+    const isFirefoxRunning = Utils.cleanupOutput(firefoxStatus) === "true";
+    const scriptNamePrefix = isFirefoxDevRunning
+      ? "firefox-dev"
+      : isFirefoxRunning
+        ? "firefox"
+        : "browser";
+
+    const [browserTrackOutput, spotifyStatus] = await Promise.all([
+      Utils.cachedRun(
+        `osascript ./simple-bar/lib/scripts/${scriptNamePrefix}-audio.applescript 2>&1`,
+        refresh,
+      ),
+      Utils.cachedRun(
+        `pgrep -fq '[S]potify Helper' && echo "true" || echo "false"`,
+        refresh,
+      ),
+    ]);
+    const browserTrack = JSON.parse(browserTrackOutput);
+    setState({
+      ...browserTrack,
+      isSpotifyRunning: Utils.cleanupOutput(spotifyStatus) === "true",
+    });
+    setLoading(false);
+  }, [visible, refresh]);
+
+  useServerSocket(
+    "browser-track",
+    visible,
+    getBrowserTrack,
+    resetWidget,
+    setLoading,
+  );
+  useWidgetRefresh(visible, getBrowserTrack, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="browser-track" />;
+  if (!state) return null;
+  const { browser, title, isSpotifyRunning } = state;
+
+  if (!browser?.length || !title?.length || isSpotifyRunning) return null;
+
+  /**
+   * Icon component for displaying browser and playing icons
+   * @returns {JSX.Element} The icon component
+   */
+  const Icon = () => {
+    const BrowserIcon = getIcon(browser);
+    return (
+      <div className="browser-track__icons">
+        <SuspenseIcon>
+          <BrowserIcon />
+          <Icons.Playing />
+        </SuspenseIcon>
+      </div>
+    );
+  };
+
+  return (
+    <DataWidget.Widget
+      ref={ref}
+      classes="browser-track"
+      Icon={showIcon ? Icon : null}
+      showSpecter={showSpecter}
+    >
+      {title}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "BrowserTrack";
+
+/**
+ * Returns the appropriate icon component based on the browser name
+ * @param {string} browser - The name of the browser
+ * @returns {JSX.Element} The icon component for the browser
+ */
+function getIcon(browser) {
+  if (browser === "chrome") return Icons.GoogleChrome;
+  if (browser === "brave") return Icons.BraveBrowser;
+  if (browser === "safari") return Icons.Safari;
+  if (browser === "firefox") return Icons.Firefox;
+  return Icons.Default;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/cpu.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/cpu.jsx
new file mode 100755
index 0000000..378b3c9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/cpu.jsx
@@ -0,0 +1,153 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import Graph from "./graph.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { cpuStyles as styles } from "../../styles/components/data/cpu";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 2000;
+const GRAPH_LENGTH = 50;
+
+/**
+ * CPU Widget component
+ * @returns {JSX.Element|null} The CPU widget
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, cpuWidgetOptions } = settings;
+  const { cpuWidget } = widgets;
+  const {
+    refreshFrequency,
+    showOnDisplay,
+    displayAsGraph,
+    cpuMonitorApp,
+    showIcon,
+    cpuUsageThreshold,
+  } = cpuWidgetOptions;
+
+  // Determine if the widget should be visible based on display settings
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && cpuWidget;
+
+  // Set the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const [graph, setGraph] = React.useState([]);
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Reset the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setGraph([]);
+  };
+
+  /**
+   * Fetch CPU usage data
+   */
+  const getCpu = React.useCallback(async () => {
+    if (!visible) return;
+    try {
+      const usage = await Utils.cachedRun(
+        `top -l 2 | awk '/CPU usage/ && NR > 10 {gsub(/%/, "", $7); print int(100 - $7); exit}'`,
+        refresh,
+      );
+      const formattedUsage = { usage: parseInt(usage, 10) };
+      setState(formattedUsage);
+      if (displayAsGraph) {
+        Utils.addToGraphHistory(formattedUsage, setGraph, GRAPH_LENGTH);
+      }
+      setLoading(false);
+    } catch {
+      setTimeout(getCpu, 1000);
+    }
+  }, [displayAsGraph, setGraph, visible, refresh]);
+
+  // Use server socket to fetch CPU data
+  useServerSocket("cpu", visible, getCpu, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getCpu, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="cpu" />;
+  if (!state) return null;
+
+  const { usage } = state;
+  const threshold = Number(cpuUsageThreshold) || 0;
+  const usageValue = Number(usage) || 0;
+
+  if (threshold > 0 && usageValue < threshold) return null;
+
+  // Handle click event to open CPU monitor app
+  const onClick =
+    cpuMonitorApp === "None"
+      ? undefined
+      : (e) => {
+          Utils.clickEffect(e);
+          openCpuUsageApp(cpuMonitorApp);
+        };
+
+  if (displayAsGraph) {
+    return (
+      <DataWidget.Widget
+        classes="cpu cpu--graph"
+        onClick={onClick}
+        disableSlider
+      >
+        <Graph
+          className="cpu__graph"
+          caption={{
+            usage: {
+              value: `${usage}%`,
+              icon: showIcon ? Icons.CPU : null,
+              color: "var(--yellow)",
+            },
+          }}
+          values={graph}
+          maxLength={GRAPH_LENGTH}
+          maxValue={100}
+        />
+      </DataWidget.Widget>
+    );
+  }
+
+  return (
+    <DataWidget.Widget
+      classes="cpu"
+      Icon={showIcon ? Icons.CPU : null}
+      onClick={onClick}
+    >
+      <span className="cpu__usage">{usage}%</span>
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Cpu";
+
+/**
+ * Open the specified CPU usage monitoring application
+ * @param {string} app - The name of the application to open
+ */
+function openCpuUsageApp(app) {
+  switch (app) {
+    case "Activity Monitor":
+      Uebersicht.run(`open -a "Activity Monitor"`);
+      break;
+    case "Top":
+      Utils.runInUserTerminal("top");
+      break;
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/crypto.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/crypto.jsx
new file mode 100755
index 0000000..3faf4ea
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/crypto.jsx
@@ -0,0 +1,160 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { cryptoStyles as styles } from "../../styles/components/data/crypto";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 5 * 60 * 1000; // Default refresh frequency set to 5 minutes
+
+/**
+ * Crypto Widget Component
+ * @returns {JSX.Element|null} The Crypto Widget component
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings, pushMissive } = useSimpleBarContext();
+  const { widgets, cryptoWidgetOptions } = settings;
+  const { cryptoWidget } = widgets;
+  const {
+    refreshFrequency,
+    denomination,
+    identifiers,
+    precision,
+    showOnDisplay,
+    showIcon,
+  } = cryptoWidgetOptions;
+
+  // Calculate the refresh frequency using the provided or default value
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible on the current display
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && cryptoWidget;
+
+  const ref = React.useRef();
+  const denominatorToken = getDenominatorToken(denomination);
+
+  // Memoize cleanedUpIdentifiers to prevent recreation on every render
+  const cleanedUpIdentifiers = React.useMemo(
+    () => identifiers.replace(/ /g, ""),
+    [identifiers],
+  );
+
+  // Memoize enumeratedIdentifiers to prevent recreation on every render
+  const enumeratedIdentifiers = React.useMemo(
+    () => cleanedUpIdentifiers.replace(/ /g, "").split(","),
+    [cleanedUpIdentifiers],
+  );
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  // Reset the widget state
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches cryptocurrency prices from the CoinGecko API
+   */
+  const getCrypto = React.useCallback(async () => {
+    if (!visible) return;
+    const response = await fetch(
+      `https://api.coingecko.com/api/v3/simple/price?ids=${cleanedUpIdentifiers}&vs_currencies=${denomination}`,
+    );
+    const result = await response.json();
+
+    const prices = enumeratedIdentifiers.map((id) => {
+      const value = parseFloat(result[id][denomination]).toFixed(precision);
+      return `${denominatorToken}${value}`;
+    });
+    setState(prices);
+    setLoading(false);
+  }, [
+    visible,
+    cleanedUpIdentifiers,
+    denomination,
+    enumeratedIdentifiers,
+    precision,
+    denominatorToken,
+  ]);
+
+  useServerSocket("crypto", visible, getCrypto, resetWidget, setLoading);
+  useWidgetRefresh(visible, getCrypto, refresh);
+
+  /**
+   * Refreshes the cryptocurrency prices
+   * @param {Event} e - The event object
+   */
+  const refreshCrypto = (e) => {
+    Utils.clickEffect(e);
+    setLoading(true);
+    getCrypto();
+    Utils.notification("Refreshing price from coingecko.com...", pushMissive);
+  };
+
+  if (loading) return <DataWidgetLoader.Widget className="crypto" />;
+  if (!state) return null;
+
+  const classes = Utils.classNames("crypto");
+
+  return enumeratedIdentifiers.map((id, i) => (
+    <DataWidget.Widget
+      key={id}
+      classes={classes}
+      ref={ref}
+      Icon={showIcon ? getIcon(id) : null}
+      href={`https://coingecko.com/en/coins/${id}`}
+      onClick={(e) => openCrypto(e, pushMissive)}
+      onRightClick={refreshCrypto}
+    >
+      {state[i]}
+    </DataWidget.Widget>
+  ));
+});
+
+Widget.displayName = "Crypto";
+
+/**
+ * Returns the icon component for a given cryptocurrency identifier
+ * @param {string} identifier - The cryptocurrency identifier
+ * @returns {JSX.Element} The icon component
+ */
+function getIcon(identifier) {
+  if (identifier === "celo") return Icons.Celo;
+  if (identifier === "ethereum") return Icons.Ethereum;
+  if (identifier === "bitcoin") return Icons.Bitcoin;
+  return Icons.Moon;
+}
+
+/**
+ * Returns the symbol for a given denomination
+ * @param {string} denomination - The denomination (e.g., "usd", "eur")
+ * @returns {string} The symbol for the denomination
+ */
+function getDenominatorToken(denomination) {
+  if (denomination === "usd") return "$";
+  if (denomination === "eur") return "€";
+  return "";
+}
+
+/**
+ * Opens the cryptocurrency price chart
+ * @param {Event} e - The event object
+ * @param {Function} pushMissive - The function to push a notification
+ */
+function openCrypto(e, pushMissive) {
+  Utils.clickEffect(e);
+  Utils.notification("Opening price chart from coingecko.com...", pushMissive);
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/data-widget-loader.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/data-widget-loader.jsx
new file mode 100755
index 0000000..4115024
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/data-widget-loader.jsx
@@ -0,0 +1,37 @@
+import * as Uebersicht from "uebersicht";
+import * as Utils from "../../utils";
+
+export { dataWidgetLoaderStyles as styles } from "../../styles/components/data/data-widget-loader";
+
+const { React } = Uebersicht;
+
+/**
+ * A memoized React component that renders a data widget loader.
+ *
+ * @param {Object} props - The properties object.
+ * @param {number} [props.width=14] - The width of the loader.
+ * @param {number} [props.height=14] - The height of the loader.
+ * @param {string} [props.className] - Additional class names for the loader.
+ * @param {Object} [props.style] - Additional styles for the loader.
+ * @returns {JSX.Element} The rendered data widget loader component.
+ */
+export const Widget = React.memo(
+  ({ width = 14, height = 14, className, style }) => {
+    // Generate class names using the Utils.classNames function
+    const classes = Utils.classNames("data-widget-loader", "data-widget", {
+      [className]: className,
+    });
+
+    // Return the JSX for the data widget loader
+    return (
+      <div className={classes} style={style}>
+        <div
+          className="data-widget-loader__inner"
+          style={{ width, height, flex: `0 0 ${width || height}px` }}
+        />
+      </div>
+    );
+  },
+);
+
+Widget.displayName = "DataWidgetLoader";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/data-widget.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/data-widget.jsx
new file mode 100755
index 0000000..f5555a1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/data-widget.jsx
@@ -0,0 +1,136 @@
+import * as Uebersicht from "uebersicht";
+import * as Specter from "./specter.jsx";
+import * as Utils from "../../utils";
+import { SuspenseIcon } from "../icons/icon.jsx";
+export { dataWidgetStyles as styles } from "../../styles/components/data/data-widget";
+
+const { React } = Uebersicht;
+
+/**
+ * Widget component that renders a clickable data widget with optional icon and specter.
+ * @param {Object} props - The properties object.
+ * @param {React.Component} props.Icon - The icon component to display.
+ * @param {string} props.classes - Additional classes for the widget.
+ * @param {string} props.href - The URL to link to.
+ * @param {function} props.onClick - The click event handler.
+ * @param {function} props.onRightClick - The right-click event handler.
+ * @param {function} props.onMiddleClick - The middle-click event handler.
+ * @param {Object} props.style - The style object.
+ * @param {boolean} props.disableSlider - Flag to disable the slider effect.
+ * @param {boolean} props.showSpecter - Flag to show the specter widget.
+ * @param {boolean} props.useDivForClick - Render a div for click handling instead of a button.
+ * @param {React.ReactNode} props.children - The child elements to render inside the widget.
+ * @returns {React.ReactElement} The rendered widget component.
+ */
+export function Widget({
+  Icon,
+  classes,
+  href,
+  onClick,
+  onRightClick,
+  onMiddleClick,
+  style,
+  disableSlider,
+  showSpecter,
+  useDivForClick,
+  children,
+}) {
+  const ref = React.useRef();
+
+  let Tag = "div";
+  if (href) Tag = "a";
+  if (onClick && !href && !useDivForClick) Tag = "button";
+
+  const renderDivButton = Tag === "div" && Boolean(onClick);
+
+  const dataWidgetClasses = Utils.classNames("data-widget", classes, {
+    "data-widget--clickable": href || onClick,
+  });
+
+  /**
+   * Handles the click event, determining the appropriate action based on the event.
+   * @param {MouseEvent} e - The mouse event.
+   */
+  const onClickProp = (e) => {
+    const { metaKey } = e;
+    const action = metaKey || isMiddleClick(e) ? onMiddleClick : onClick;
+    if (action) action(e);
+  };
+
+  /**
+   * Handles the mouse enter event to start the sliding effect.
+   */
+  const onMouseEnter = () => {
+    Utils.startSliding(
+      ref.current,
+      ".data-widget__inner",
+      ".data-widget__slider",
+    );
+  };
+
+  /**
+   * Handles the mouse leave event to stop the sliding effect.
+   */
+  const onMouseLeave = () => {
+    Utils.stopSliding(ref.current, ".data-widget__slider");
+  };
+
+  /**
+   * Handles keyboard interaction for div-based clickable widgets.
+   * @param {KeyboardEvent} e - The keyboard event.
+   */
+  const onKeyDown = (e) => {
+    if (e.key !== "Enter" && e.key !== " ") return;
+    e.preventDefault();
+    onClickProp(e);
+  };
+
+  return (
+    <Tag
+      ref={ref}
+      className={dataWidgetClasses}
+      href={href}
+      onClick={onClickProp}
+      role={renderDivButton ? "button" : undefined}
+      tabIndex={renderDivButton ? 0 : undefined}
+      onKeyDown={renderDivButton ? onKeyDown : undefined}
+      onContextMenu={onRightClick || undefined}
+      onMouseEnter={!disableSlider ? onMouseEnter : undefined}
+      onMouseLeave={!disableSlider ? onMouseLeave : undefined}
+      style={style}
+    >
+      {Icon && (
+        <SuspenseIcon>
+          <Icon />
+        </SuspenseIcon>
+      )}
+      {showSpecter && <Specter.Widget />}
+      <Inner disableSlider={disableSlider}>{children}</Inner>
+    </Tag>
+  );
+}
+
+/**
+ * Inner component that optionally wraps children with sliding effect elements.
+ * @param {Object} props - The properties object.
+ * @param {boolean} props.disableSlider - Flag to disable the slider effect.
+ * @param {React.ReactNode} props.children - The child elements to render inside the inner component.
+ * @returns {React.ReactElement} The rendered inner component.
+ */
+function Inner({ disableSlider, children }) {
+  if (disableSlider) return children;
+  return (
+    <div className="data-widget__inner">
+      <div className="data-widget__slider">{children}</div>
+    </div>
+  );
+}
+
+/**
+ * Checks if the event is a middle-click.
+ * @param {MouseEvent} e - The mouse event.
+ * @returns {boolean} True if the event is a middle-click, false otherwise.
+ */
+function isMiddleClick(e) {
+  return e.button === 1 || e["button&2"] === 1;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/date-display.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/date-display.jsx
new file mode 100755
index 0000000..af4c058
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/date-display.jsx
@@ -0,0 +1,118 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import * as Utils from "../../utils";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+
+export { dateStyles as styles } from "../../styles/components/data/date-display";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 30000;
+
+/**
+ * Date display widget component.
+ * @returns {JSX.Element} The date display widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, dateWidgetOptions } = settings;
+  const { dateWidget } = widgets;
+  const {
+    refreshFrequency,
+    shortDateFormat,
+    locale,
+    calendarApp,
+    showOnDisplay,
+    showIcon,
+  } = dateWidgetOptions;
+
+  // Determine if the widget should be visible based on display settings
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && dateWidget;
+
+  // Calculate the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  const formatOptions = shortDateFormat ? "short" : "long";
+
+  // Memoize the date format options
+  const options = React.useMemo(
+    () => ({
+      weekday: formatOptions,
+      month: formatOptions,
+      day: "numeric",
+    }),
+    [formatOptions],
+  );
+
+  // Ensure locale is valid, default to "en-UK" if not
+  const _locale = locale.length > 4 ? locale : "en-UK";
+
+  /**
+   * Reset the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Get the current date and update the state.
+   */
+  const getDate = React.useCallback(() => {
+    if (!visible) return;
+    const now = new Date().toLocaleDateString(_locale, options);
+    setState({ now });
+    setLoading(false);
+  }, [_locale, options, visible]);
+
+  // Use server socket to get date updates
+  useServerSocket("date-display", visible, getDate, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getDate, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="date-display" />;
+  if (!state) return null;
+  const { now } = state;
+
+  /**
+   * Handle click event to open the calendar application.
+   * @param {Event} e - The click event.
+   */
+  const onClick = (e) => {
+    Utils.clickEffect(e);
+    openCalendarApp(calendarApp);
+  };
+
+  return (
+    <DataWidget.Widget
+      classes="date-display"
+      Icon={showIcon ? Icons.Date : null}
+      onClick={onClick}
+    >
+      {now}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "DateDisplay";
+
+/**
+ * Open the specified calendar application.
+ * @param {string} calendarApp - The name of the calendar application to open.
+ */
+function openCalendarApp(calendarApp) {
+  const appName = calendarApp || "Calendar";
+  Uebersicht.run(`open -a "${appName}"`);
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/github.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/github.jsx
new file mode 100755
index 0000000..89308b5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/github.jsx
@@ -0,0 +1,105 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh.js";
+import useServerSocket from "../../hooks/use-server-socket.js";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+
+export { githubStyles as styles } from "../../styles/components/data/github.js";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 1000 * 60 * 10;
+
+/**
+ * GitHub notification widget component
+ * @returns {JSX.Element|null} The GitHub notification widget component
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, githubWidgetOptions } = settings;
+  const { githubWidget } = widgets;
+  const {
+    refreshFrequency,
+    showOnDisplay,
+    hideWhenNoNotification,
+    notificationUrl,
+    ghBinaryPath,
+    showIcon,
+  } = githubWidgetOptions;
+
+  const isDisabled = React.useRef(false);
+
+  // Calculate the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && githubWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Reset the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetch GPU data and update the widget state
+   */
+  const getGitHub = React.useCallback(async () => {
+    if (!visible) return;
+    setLoading(true);
+    const result = await Utils.cachedRun(
+      `${ghBinaryPath} api notifications`,
+      refresh,
+    );
+    if (!visible || isDisabled.current) {
+      return setLoading(false);
+    }
+    const json = JSON.parse(result);
+    const count = json.length;
+    setState({ count: count > 99 ? "99+" : count });
+    setLoading(false);
+  }, [ghBinaryPath, visible, refresh]);
+
+  // Update the disabled state based on visibility
+  React.useEffect(() => {
+    isDisabled.current = !visible;
+  }, [visible]);
+
+  // Use server socket to fetch GPU data
+  useServerSocket("github", visible, getGitHub, resetWidget, setLoading);
+  // Use widget refresh hook to periodically refresh the widget
+  useWidgetRefresh(visible, getGitHub, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="github" />;
+  if (!state) return null;
+
+  const { count } = state;
+
+  if (hideWhenNoNotification && count === 0) return null;
+
+  return (
+    <DataWidget.Widget
+      classes="github"
+      href={notificationUrl}
+      Icon={showIcon ? Icons.GitHub : null}
+      onRightClick={getGitHub}
+    >
+      <span className="github__count">{count}</span>
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "GitHub";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/gpu.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/gpu.jsx
new file mode 100755
index 0000000..6ac1dab
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/gpu.jsx
@@ -0,0 +1,128 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import Graph from "./graph.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh.js";
+import useServerSocket from "../../hooks/use-server-socket.js";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+
+export { gpuStyles as styles } from "../../styles/components/data/gpu.js";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 2000;
+const GRAPH_LENGTH = 40;
+
+/**
+ * GPU Widget component
+ * @returns {JSX.Element|null} The GPU widget component
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, gpuWidgetOptions } = settings;
+  const { gpuWidget } = widgets;
+  const {
+    refreshFrequency,
+    showOnDisplay,
+    displayAsGraph,
+    gpuMacmonBinaryPath,
+    showIcon,
+  } = gpuWidgetOptions;
+
+  const isDisabled = React.useRef(false);
+
+  // Calculate the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && gpuWidget;
+
+  const [graph, setGraph] = React.useState([]);
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Reset the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setGraph([]);
+  };
+
+  /**
+   * Fetch GPU data and update the widget state
+   */
+  const getGpu = React.useCallback(async () => {
+    if (!visible) return;
+    try {
+      const result = await Utils.cachedRun(
+        `${gpuMacmonBinaryPath} pipe -s 1`,
+        refresh,
+      );
+      if (!visible || isDisabled.current) {
+        return;
+      }
+      const json = JSON.parse(result);
+      const { gpu_usage } = json;
+      const formattedUsage = { usage: Math.round(gpu_usage[1] * 100) };
+      setState(formattedUsage);
+      if (displayAsGraph) {
+        Utils.addToGraphHistory(formattedUsage, setGraph, GRAPH_LENGTH);
+      }
+      setLoading(false);
+    } catch {
+      setTimeout(getGpu, 1000);
+    }
+  }, [displayAsGraph, gpuMacmonBinaryPath, visible, refresh]);
+
+  // Update the disabled state based on visibility
+  React.useEffect(() => {
+    isDisabled.current = !visible;
+  }, [visible]);
+
+  // Use server socket to fetch GPU data
+  useServerSocket("gpu", visible, getGpu, resetWidget, setLoading);
+  // Use widget refresh hook to periodically refresh the widget
+  useWidgetRefresh(visible, getGpu, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="cpu" />;
+  if (!state) return null;
+
+  const { usage } = state;
+
+  if (displayAsGraph) {
+    return (
+      <DataWidget.Widget classes="gpu gpu--graph" disableSlider>
+        <Graph
+          className="gpu__graph"
+          caption={{
+            usage: {
+              value: `${usage}%`,
+              icon: showIcon ? Icons.CPU : null,
+              color: "var(--cyan)",
+            },
+          }}
+          values={graph}
+          maxLength={GRAPH_LENGTH}
+          maxValue={100}
+        />
+      </DataWidget.Widget>
+    );
+  }
+
+  return (
+    <DataWidget.Widget classes="cpu" Icon={showIcon ? Icons.CPU : null}>
+      <span className="cpu__usage">{usage}%</span>
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Gpu";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/graph.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/graph.jsx
new file mode 100755
index 0000000..008e68e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/graph.jsx
@@ -0,0 +1,87 @@
+import * as Uebersicht from "uebersicht";
+import * as Utils from "../../utils.js";
+import { SuspenseIcon } from "../icons/icon.jsx";
+
+const { React } = Uebersicht;
+
+export { graphStyles as styles } from "../../styles/components/data/graph";
+
+/**
+ * Graph component to display a bar graph with captions and values.
+ *
+ * @param {Object} props - The properties object.
+ * @param {string} props.className - Additional class names for the graph container.
+ * @param {Object} props.caption - Caption data containing value, icon, and color for each key.
+ * @param {Array} props.values - Array of value objects to be displayed as bars.
+ * @param {number} props.maxLength - Maximum length of the graph.
+ * @param {number} [props.maxValue] - Maximum value for scaling the bars.
+ * @returns {JSX.Element|null} The rendered graph component or null if no caption is provided.
+ */
+export default function Graph({
+  className,
+  caption,
+  values = [],
+  maxLength,
+  maxValue,
+}) {
+  // Return null if no caption is provided
+  if (!caption) {
+    return null;
+  }
+
+  const captionKeys = Object.keys(caption);
+
+  // Calculate maxValue if not provided
+  if (maxValue === undefined) {
+    const allValues = values.map((value) => Object.values(value)).flat();
+    maxValue = Math.max(...allValues);
+  }
+
+  const classes = Utils.classNames("graph", className);
+
+  return (
+    <div className={classes}>
+      <div className="graph__bars">
+        {values.map((value) => {
+          const keys = Object.keys(value);
+          return keys.map((key) => {
+            const height = (value[key] / maxValue) * 100;
+            const { color: backgroundColor } = caption[key];
+            return (
+              <div
+                key={key}
+                className="graph__bar"
+                style={{
+                  flex: `0 0 calc(100% / ${maxLength * captionKeys.length})`,
+                  height: `${height}%`,
+                  backgroundColor,
+                }}
+              />
+            );
+          });
+        })}
+      </div>
+      <div className="graph__data">
+        {captionKeys.map((key) => {
+          const { value, icon: Icon, color } = caption[key];
+          return (
+            <div key={key} className="graph__data-item">
+              {Icon && (
+                <SuspenseIcon>
+                  <Icon
+                    className="graph__data-item-icon"
+                    style={{ fill: color }}
+                  />
+                </SuspenseIcon>
+              )}
+              <span
+                className="graph__data-item-value"
+                dangerouslySetInnerHTML={{ __html: value }}
+              />
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/keyboard.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/keyboard.jsx
new file mode 100755
index 0000000..d6e04f2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/keyboard.jsx
@@ -0,0 +1,108 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { keyboardStyles as styles } from "../../styles/components/data/keyboard";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 20000;
+
+/**
+ * Keyboard widget component.
+ * @returns {JSX.Element|null} The rendered widget or null if not visible.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, keyboardWidgetOptions } = settings;
+  const { keyboardWidget } = widgets;
+  const { refreshFrequency, showOnDisplay, showIcon, keyboardMaxLength } =
+    keyboardWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible based on display settings
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && keyboardWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches the current keyboard layout or input mode.
+   */
+  const getKeyboard = React.useCallback(async () => {
+    if (!visible) return;
+    const keyboard = await Utils.cachedRun(
+      `defaults read ~/Library/Preferences/com.apple.HIToolbox.plist AppleSelectedInputSources | awk '/KeyboardLayout Name/ {$1=$2=$3=""; print $0}'`,
+      refresh,
+    );
+    const layout = Utils.cleanupOutput(keyboard)
+      .replace(";", "")
+      .replaceAll('"', "");
+    if (layout.length) {
+      setState({ keyboard: layout });
+      setLoading(false);
+      return;
+    }
+
+    const inputMode = await Utils.cachedRun(
+      `defaults read ~/Library/Preferences/com.apple.HIToolbox.plist AppleSelectedInputSources | awk '/"Input Mode" =/ {$1=$2=$3=""; print $0}'`,
+      refresh,
+    );
+    const cleanedInputMode = Utils.cleanupOutput(inputMode)
+      .replace(/"com.apple.inputmethod.(.*)"/, "$1")
+      .replace(";", "");
+
+    if (!cleanedInputMode.length) return setLoading(false);
+
+    const splitedInputMode = cleanedInputMode.split(".");
+    const inputModeName = splitedInputMode[splitedInputMode.length - 1];
+    setState({ keyboard: inputModeName });
+    setLoading(false);
+  }, [visible, refresh]);
+
+  // Use server socket to listen for keyboard events
+  useServerSocket("keyboard", visible, getKeyboard, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getKeyboard, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="keyboard" />;
+  if (!state) return null;
+  const { keyboard } = state;
+
+  const maxLength = Number(keyboardMaxLength) || 0;
+  const displayKeyboard =
+    maxLength > 0 ? keyboard.slice(0, maxLength) : keyboard;
+
+  if (!displayKeyboard?.length) return null;
+
+  return (
+    <DataWidget.Widget
+      classes="keyboard"
+      Icon={showIcon ? Icons.Keyboard : null}
+    >
+      {displayKeyboard}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Keyboard";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/memory.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/memory.jsx
new file mode 100755
index 0000000..e4361db
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/memory.jsx
@@ -0,0 +1,134 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { memoryStyles as styles } from "../../styles/components/data/memory";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 4000;
+
+/**
+ * Memory Widget component
+ * @returns {JSX.Element|null} The memory widget component
+ */
+export const Widget = () => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, memoryWidgetOptions } = settings;
+  const { memoryWidget } = widgets;
+  const {
+    refreshFrequency,
+    showOnDisplay,
+    memoryMonitorApp,
+    showIcon,
+    memoryUsageThreshold,
+  } = memoryWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && memoryWidget;
+
+  const [state, setState] = Uebersicht.React.useState();
+  const [loading, setLoading] = Uebersicht.React.useState(visible);
+
+  /**
+   * Reset the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetch memory usage data
+   */
+  const getMemory = React.useCallback(async () => {
+    const output = await Utils.cachedRun(
+      'vm_stat | awk \'BEGIN {page_size=4096} /page size of/ {page_size=$8} /Pages free/ {free=$3} /Pages inactive/ {inactive=$3} /Pages speculative/ {spec=$4} /Pages active/ {active=$3} /Pages wired/ {wired=$4} END {gsub(/\\./, "", free); gsub(/\\./, "", inactive); gsub(/\\./, "", spec); gsub(/\\./, "", active); gsub(/\\./, "", wired); available=free+inactive+spec; total=available+active+wired; printf "%.0f", (available/total)*100}\'',
+      refresh,
+    );
+    const free = parseInt(Utils.cleanupOutput(output), 10);
+    setState({ free });
+    setLoading(false);
+  }, [setLoading, setState, refresh]);
+
+  // Use server socket to get memory data
+  useServerSocket("memory", visible, getMemory, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getMemory, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="memory" />;
+  if (!state) return null;
+
+  const { free } = state;
+  const used = 100 - free;
+  const threshold = Number(memoryUsageThreshold) || 0;
+
+  if (threshold > 0 && used < threshold) return null;
+
+  // Handle click event to open memory usage app
+  const onClick =
+    memoryMonitorApp === "None"
+      ? undefined
+      : (e) => {
+          Utils.clickEffect(e);
+          openMemoryUsageApp(memoryMonitorApp);
+        };
+
+  /**
+   * Pie chart component for memory usage
+   * @returns {JSX.Element} The pie chart component
+   */
+  const Pie = () => {
+    return (
+      <div
+        className="memory__pie"
+        style={{
+          backgroundImage: `conic-gradient(var(--pie-color) ${used}%, var(--main-alt) ${used}% 100%)`,
+        }}
+      />
+    );
+  };
+
+  const classes = Utils.classNames("memory", {
+    "memory--low": used <= 30,
+    "memory--medium": used > 30 && used <= 70,
+    "memory--high": used > 70,
+  });
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Pie : null}
+      onClick={onClick}
+    >
+      <div className="memory__content">{used}%</div>
+    </DataWidget.Widget>
+  );
+};
+
+/**
+ * Open the specified memory usage application
+ * @param {string} app - The name of the application to open
+ */
+function openMemoryUsageApp(app) {
+  switch (app) {
+    case "Activity Monitor":
+      Uebersicht.run(`open -a "Activity Monitor"`);
+      break;
+    case "Top":
+      Utils.runInUserTerminal("top");
+      break;
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/mic.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/mic.jsx
new file mode 100755
index 0000000..5c071a8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/mic.jsx
@@ -0,0 +1,152 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import * as Utils from "../../utils";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+
+const { React } = Uebersicht;
+
+export { micStyles as styles } from "../../styles/components/data/mic";
+
+const DEFAULT_REFRESH_FREQUENCY = 20000;
+
+/**
+ * Mic widget component.
+ * @returns {JSX.Element} The rendered mic widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, micWidgetOptions } = settings;
+  const { micWidget } = widgets;
+  const { refreshFrequency, showOnDisplay, showIcon } = micWidgetOptions;
+
+  // Determine the refresh frequency for the widget.
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible.
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && micWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+  const { volume: _volume } = state || {};
+  const [volume, setVolume] = React.useState(_volume && parseInt(_volume, 10));
+  const [dragging, setDragging] = React.useState(false);
+
+  /**
+   * Reset the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetch the current microphone volume.
+   */
+  const getMic = React.useCallback(async () => {
+    if (!visible) return;
+    const volume = await Utils.cachedRun(
+      `osascript -e 'input volume of (get volume settings)'`,
+      refresh,
+    );
+    setState({ volume: Utils.cleanupOutput(volume) });
+    setLoading(false);
+  }, [visible, refresh]);
+
+  // Use server socket to get mic data.
+  useServerSocket("mic", visible, getMic, resetWidget, setLoading);
+  // Refresh the widget periodically.
+  useWidgetRefresh(visible, getMic, refresh);
+
+  // Update the mic volume when dragging state changes.
+  React.useEffect(() => {
+    if (!dragging) setMic(volume);
+  }, [dragging, volume]);
+
+  // Update the volume state when the fetched volume changes.
+  React.useEffect(() => {
+    setVolume((currentVolume) => {
+      if (_volume && currentVolume !== parseInt(_volume, 10)) {
+        return parseInt(_volume, 10);
+      }
+      return currentVolume;
+    });
+  }, [_volume]);
+
+  if (loading) return <DataWidgetLoader.Widget className="mic" />;
+  if (!state || volume === undefined || _volume === "missing value")
+    return null;
+
+  const Icon = !volume ? Icons.MicOff : Icons.MicOn;
+
+  /**
+   * Handle volume change event.
+   * @param {React.ChangeEvent<HTMLInputElement>} e - The change event.
+   */
+  const onChange = (e) => {
+    const value = parseInt(e.target.value, 10);
+    setVolume(value);
+  };
+
+  /**
+   * Handle mouse down event on the slider.
+   */
+  const onMouseDown = () => setDragging(true);
+
+  /**
+   * Handle mouse up event on the slider.
+   */
+  const onMouseUp = () => setDragging(false);
+
+  const formattedVolume = `${volume.toString().padStart(2, "0")}%`;
+
+  const classes = Utils.classNames("mic", {
+    "mic--dragging": dragging,
+  });
+
+  return (
+    <DataWidget.Widget classes={classes} disableSlider>
+      <div className="mic__display">
+        {showIcon && (
+          <SuspenseIcon>
+            <Icon />
+          </SuspenseIcon>
+        )}
+        <span className="mic__value">{formattedVolume}</span>
+      </div>
+      <div className="mic__slider-container">
+        <input
+          type="range"
+          min="0"
+          max="100"
+          step="1"
+          value={volume}
+          className="mic__slider"
+          onMouseDown={onMouseDown}
+          onMouseUp={onMouseUp}
+          onChange={onChange}
+        />
+      </div>
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Mic";
+
+/**
+ * Set the microphone volume.
+ * @param {number} volume - The volume level to set.
+ */
+function setMic(volume) {
+  if (volume === undefined) return;
+  Uebersicht.run(`osascript -e 'set volume input volume ${volume}'`);
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/mpd.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/mpd.jsx
new file mode 100755
index 0000000..53449b1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/mpd.jsx
@@ -0,0 +1,228 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { mpdStyles as styles } from "../../styles/components/data/mpd";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+/**
+ * MPD Widget component
+ * @returns {JSX.Element|null} The MPD widget
+ */
+export const Widget = React.memo(() => {
+  const ref = React.useRef();
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, mpdWidgetOptions } = settings;
+  const { mpdWidget } = widgets;
+  const {
+    refreshFrequency,
+    showSpecter,
+    mpdBinaryPath,
+    mpdHost,
+    mpdPort,
+    mpdFormatString,
+    showOnDisplay,
+    showIcon,
+  } = mpdWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible on the current display
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && mpdWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+  const [isMpdActive, setIsMpdActive] = React.useState(false);
+  const { volume: _volume } = state || {};
+  const defaultVolume = _volume && parseInt(_volume);
+  const [volume, setVolume] = React.useState(defaultVolume);
+  const [dragging, setDragging] = React.useState(false);
+
+  /**
+   * Reset the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setIsMpdActive(false);
+  };
+
+  /**
+   * Fetch MPD data
+   */
+  const getMpd = React.useCallback(async () => {
+    if (!visible) return;
+
+    try {
+      const mpdProcess = await Utils.cachedRun(
+        `pgrep -x mpd > /dev/null && echo "true" || echo "false"`,
+        refresh,
+      );
+
+      if (Utils.cleanupOutput(mpdProcess) === "false") {
+        setLoading(false);
+        setIsMpdActive(false);
+        return;
+      }
+
+      const [playerState, trackInfo, volumeState] = await Promise.all([
+        Utils.cachedRun(
+          `${mpdBinaryPath} --host ${mpdHost} --port ${mpdPort} | head -n 2 | tail -n 1 | awk '{print substr($1,2,length($1)-2)}' 2>/dev/null || echo "stopped"`,
+          refresh,
+        ),
+        Utils.cachedRun(
+          `${mpdBinaryPath} --host ${mpdHost} --port ${mpdPort} --format "${mpdFormatString}" | head -n 1`,
+          refresh,
+        ),
+        Utils.cachedRun(
+          `${mpdBinaryPath} --host ${mpdHost} --port ${mpdPort} volume | sed -e 's/volume:[ ]*//g' -e 's/%//g'`,
+          refresh,
+        ),
+      ]);
+      if (Utils.cleanupOutput(trackInfo) === "") {
+        setLoading(false);
+        setIsMpdActive(false);
+        return;
+      }
+      setState({
+        playerState: Utils.cleanupOutput(playerState),
+        trackInfo: Utils.cleanupOutput(trackInfo),
+        volume: Utils.cleanupOutput(volumeState),
+      });
+      setIsMpdActive(true);
+      setLoading(false);
+    } catch {
+      setLoading(false);
+      setIsMpdActive(false);
+    }
+  }, [visible, mpdBinaryPath, mpdHost, mpdPort, mpdFormatString, refresh]);
+
+  // Update the volume when dragging ends
+  React.useEffect(() => {
+    if (!dragging) setSound(mpdBinaryPath, mpdHost, mpdPort, volume);
+  }, [dragging, mpdBinaryPath, mpdHost, mpdPort, volume]);
+
+  // Set the volume state when dragging ends
+  React.useEffect(() => {
+    if (!dragging) setVolume(volume);
+  }, [dragging, volume]);
+
+  useServerSocket("mpd", visible, getMpd, resetWidget, setLoading);
+  useWidgetRefresh(visible, getMpd, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="mpd" />;
+  if (!state || !isMpdActive) return null;
+  const { playerState, trackInfo } = state;
+
+  if (!trackInfo.length) return null;
+
+  const isPlaying = playerState === "playing";
+  const Icon = isPlaying ? Icons.Playing : Icons.Paused;
+
+  /**
+   * Handle click event to toggle play/pause
+   * @param {React.MouseEvent} e - The click event
+   */
+  const onClick = async (e) => {
+    Utils.clickEffect(e);
+    await togglePlay(mpdBinaryPath, mpdHost, mpdPort);
+    await getMpd();
+  };
+
+  /**
+   * Handle volume change event
+   * @param {React.ChangeEvent<HTMLInputElement>} e - The change event
+   */
+  const onChange = (e) => {
+    const value = parseInt(e.target.value);
+    setVolume(value);
+  };
+
+  const onMouseDown = () => setDragging(true);
+
+  const onMouseUp = () => setDragging(false);
+
+  const stopPropagation = (e) => e.stopPropagation();
+
+  const onMouseEnter = () =>
+    Utils.startSliding(ref.current, ".mpd__inner", ".mpd__info");
+  const onMouseLeave = () => Utils.stopSliding(ref.current, ".mpd__slider");
+
+  const classes = Utils.classNames("sound", "mpd", {
+    "mpd--playing": isPlaying,
+    "mpd--dragging": dragging,
+  });
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      onClick={onClick}
+      showSpecter={showSpecter && isPlaying}
+      disableSlider
+    >
+      <div
+        ref={ref}
+        className="mpd__outer"
+        onMouseEnter={onMouseEnter}
+        onMouseLeave={onMouseLeave}
+      >
+        <div className="mpd__inner">
+          <div className="mpd__info">{trackInfo}</div>
+        </div>
+        <div className="mpd__slider-container" onClick={stopPropagation}>
+          <input
+            type="range"
+            min="0"
+            max="100"
+            step="1"
+            value={volume}
+            className="mpd__slider"
+            onMouseDown={onMouseDown}
+            onMouseUp={onMouseUp}
+            onChange={onChange}
+          />
+        </div>
+      </div>
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Mpd";
+
+/**
+ * Toggle play/pause state of MPD
+ * @param {string} path - The path to the MPD binary
+ * @param {string} host - The MPD host
+ * @param {string} port - The MPD port
+ * @returns {Promise<void>}
+ */
+async function togglePlay(path, host, port) {
+  return Uebersicht.run(`${path} --host ${host} --port ${port} toggle`);
+}
+
+/**
+ * Set the volume of MPD
+ * @param {string} path - The path to the MPD binary
+ * @param {string} host - The MPD host
+ * @param {string} port - The MPD port
+ * @param {number} volume - The volume level to set
+ */
+function setSound(path, host, port, volume) {
+  if (!volume) return;
+  Uebersicht.run(`${path} --host ${host} --port ${port} volume ${volume}`);
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/music.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/music.jsx
new file mode 100755
index 0000000..f0fabd6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/music.jsx
@@ -0,0 +1,161 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { musicStyles as styles } from "../../styles/components/data/music";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+/**
+ * Music widget component.
+ * @returns {JSX.Element|null} The music widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, musicWidgetOptions } = settings;
+  const { musicWidget } = widgets;
+  const { refreshFrequency, showSpecter, showOnDisplay, showIcon } =
+    musicWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible on the current display
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && musicWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+  const [isMusicActive, setIsMusicActive] = React.useState(false);
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setIsMusicActive(false);
+  };
+
+  /**
+   * Fetches the current music information.
+   */
+  const getMusic = React.useCallback(async () => {
+    if (!visible) return;
+    const osVersion = await Utils.cachedRun(`sw_vers -productVersion`, refresh);
+    const processName =
+      Utils.cleanupOutput(osVersion) === "10.15" ? "iTunes" : "Music";
+    const isRunning = await Utils.cachedRun(
+      `pgrep -xq "${processName}" && echo "true" || echo "false"`,
+      refresh,
+    );
+    if (Utils.cleanupOutput(isRunning) === "false") {
+      setLoading(false);
+      setIsMusicActive(false);
+      return;
+    }
+    const output = await Utils.cachedRun(
+      `osascript -e 'tell application "${processName}"' -e 'set output to (player state as string) & "|" & (name of current track as string) & "|" & (artist of current track as string)' -e 'end tell' 2>/dev/null || echo "stopped|unknown track|unknown artist"`,
+      refresh,
+    );
+    const [playerState, trackName, artistName] =
+      Utils.cleanupOutput(output).split("|");
+    setState({
+      playerState,
+      trackName,
+      artistName,
+      processName: Utils.cleanupOutput(processName),
+    });
+    setIsMusicActive(true);
+    setLoading(false);
+  }, [visible, refresh]);
+
+  // Use server socket to listen for music events
+  useServerSocket("music", visible, getMusic, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getMusic, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="music" />;
+  if (!state || !isMusicActive) return null;
+  const { processName, playerState, trackName, artistName } = state;
+
+  if (!trackName.length) return null;
+
+  const isPlaying = playerState === "playing";
+  const Icon = isPlaying ? Icons.Playing : Icons.Paused;
+
+  /**
+   * Handles click event to toggle play/pause.
+   * @param {React.MouseEvent} e - The click event.
+   */
+  const onClick = (e) => {
+    Utils.clickEffect(e);
+    togglePlay(!isPlaying, processName);
+    getMusic();
+  };
+
+  /**
+   * Handles right-click event to skip to the next track.
+   * @param {React.MouseEvent} e - The right-click event.
+   */
+  const onRightClick = (e) => {
+    Utils.clickEffect(e);
+    Uebersicht.run(
+      `osascript -e 'tell application "${processName}" to Next Track'`,
+    );
+    getMusic();
+  };
+
+  /**
+   * Handles middle-click event to open the music application.
+   * @param {React.MouseEvent} e - The middle-click event.
+   */
+  const onMiddleClick = (e) => {
+    Utils.clickEffect(e);
+    Uebersicht.run(`open -a '${processName}'`);
+    getMusic();
+  };
+
+  const classes = Utils.classNames("music", {
+    "music--playing": isPlaying,
+  });
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      onClick={onClick}
+      onRightClick={onRightClick}
+      onMiddleClick={onMiddleClick}
+      showSpecter={showSpecter && isPlaying}
+    >
+      {trackName} - {artistName}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Music";
+
+/**
+ * Toggles play/pause state of the music application.
+ * @param {boolean} isPaused - Whether the music is paused.
+ * @param {string} processName - The name of the music application process.
+ */
+function togglePlay(isPaused, processName) {
+  if (isPaused) {
+    Uebersicht.run(`osascript -e 'tell application "${processName}" to play'`);
+  } else {
+    Uebersicht.run(`osascript -e 'tell application "${processName}" to pause'`);
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/netstats.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/netstats.jsx
new file mode 100755
index 0000000..ef3d7be
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/netstats.jsx
@@ -0,0 +1,182 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import Graph from "./graph.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh.js";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+
+export { netstatsStyles as styles } from "../../styles/components/data/netstats";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 2000;
+const GRAPH_LENGTH = 30;
+
+/**
+ * Netstats widget component.
+ * @returns {JSX.Element|null} The rendered component.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, netstatsWidgetOptions } = settings;
+  const { netstatsWidget } = widgets;
+  const {
+    refreshFrequency,
+    showOnDisplay,
+    displayAsGraph,
+    showIcon,
+    netstatsThreshold,
+  } = netstatsWidgetOptions;
+
+  const isDisabled = React.useRef(false);
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && netstatsWidget;
+
+  const [graph, setGraph] = React.useState([]);
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setGraph([]);
+  };
+
+  /**
+   * Fetches network statistics.
+   */
+  const getNetstats = React.useCallback(async () => {
+    if (!visible) return;
+    try {
+      const output = await Utils.cachedRun(
+        `bash ./simple-bar/lib/scripts/netstats.sh 2>&1`,
+        refresh,
+      );
+      if (!visible || isDisabled.current) {
+        return;
+      }
+      const data = Utils.cleanupOutput(output);
+      const json = JSON.parse(data);
+      setState(json);
+      if (displayAsGraph) {
+        Utils.addToGraphHistory(json, setGraph, GRAPH_LENGTH);
+      }
+      setLoading(false);
+    } catch {
+      setTimeout(getNetstats, 1000);
+    }
+  }, [displayAsGraph, setGraph, visible, refresh]);
+
+  // Update the disabled state based on visibility
+  React.useEffect(() => {
+    isDisabled.current = !visible;
+  }, [visible]);
+
+  // Set up server socket and widget refresh hooks
+  useServerSocket("netstats", visible, getNetstats, resetWidget, setLoading);
+  useWidgetRefresh(visible, getNetstats, refresh);
+
+  if (loading)
+    return (
+      <React.Fragment>
+        <DataWidgetLoader.Widget className="netstats" />
+        {!displayAsGraph && <DataWidgetLoader.Widget className="netstats" />}
+      </React.Fragment>
+    );
+
+  if (!state) {
+    return null;
+  }
+
+  const { download, upload } = state;
+
+  if (download === undefined || upload === undefined) {
+    return null;
+  }
+
+  const threshold = (Number(netstatsThreshold) || 0) * 1024;
+  const isBelowThreshold =
+    threshold > 0 &&
+    Math.abs(download) < threshold &&
+    Math.abs(upload) < threshold;
+
+  if (isBelowThreshold) {
+    return null;
+  }
+
+  const formattedDownload = Utils.formatBytes(download);
+  const formattedUpload = Utils.formatBytes(upload);
+
+  if (displayAsGraph) {
+    return (
+      <DataWidget.Widget classes="netstats netstats--graph" disableSlider>
+        <Graph
+          className="netstats__graph"
+          caption={{
+            download: {
+              value: formattedDownload,
+              icon: showIcon ? Icons.Download : null,
+              color: "var(--magenta)",
+            },
+            upload: {
+              value: formattedUpload,
+              icon: showIcon ? Icons.Upload : null,
+              color: "var(--blue)",
+            },
+          }}
+          values={graph}
+          maxLength={GRAPH_LENGTH}
+        />
+      </DataWidget.Widget>
+    );
+  }
+
+  return (
+    <React.Fragment>
+      <DataWidget.Widget classes="netstats" disableSlider>
+        <div className="netstats__item">
+          {showIcon && (
+            <SuspenseIcon>
+              <Icons.Download className="netstats__icon netstats__icon--download" />
+            </SuspenseIcon>
+          )}
+          <span
+            className="netstats__value"
+            dangerouslySetInnerHTML={{ __html: formattedDownload }}
+          />
+        </div>
+      </DataWidget.Widget>
+      <DataWidget.Widget classes="netstats" disableSlider>
+        <div className="netstats__item">
+          {showIcon && (
+            <SuspenseIcon>
+              <Icons.Upload className="netstats__icon netstats__icon--upload" />
+            </SuspenseIcon>
+          )}
+          <span
+            className="netstats__value"
+            dangerouslySetInnerHTML={{ __html: formattedUpload }}
+          />
+        </div>
+      </DataWidget.Widget>
+    </React.Fragment>
+  );
+});
+
+Widget.displayName = "Netstats";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/next-meeting.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/next-meeting.jsx
new file mode 100755
index 0000000..74f6bf8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/next-meeting.jsx
@@ -0,0 +1,310 @@
+/**
+ * Next Meeting Widget
+ *
+ * Displays the next upcoming calendar event with time until start and optional join button.
+ * Uses icalBuddy for fast calendar access with proper recurring event support.
+ *
+ * Requirements:
+ * - macOS with Calendar.app or compatible calendar
+ * - icalBuddy installed (brew install ical-buddy)
+ * - Calendar access permissions granted
+ *
+ * @module next-meeting
+ */
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { nextMeetingStyles as styles } from "../../styles/components/data/next-meeting";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 60000; // 1 minute
+
+// Timing thresholds (in minutes)
+const URGENT_THRESHOLD = 5; // Red pulsing when ≤5 min until meeting
+const UPCOMING_THRESHOLD = 15; // Yellow when ≤15 min until meeting
+
+// Uses icalBuddy for fast calendar access (handles recurring events properly)
+// Note: Shell script automatically skips meetings that started more than 15 minutes ago
+const BASE_COMMAND = `./simple-bar/lib/scripts/next-meeting.sh`;
+
+/**
+ * Builds the shell command with optional custom icalBuddy path and look-ahead hours.
+ * @param {string} icalBuddyPath - Optional custom path to icalBuddy binary
+ * @param {number} lookAheadHours - Hours to look ahead for meetings (default: 12)
+ * @returns {string} Complete shell command
+ */
+function buildCommand(icalBuddyPath, lookAheadHours) {
+  const hours = lookAheadHours || 12;
+  if (icalBuddyPath && icalBuddyPath.trim()) {
+    // Escape special shell characters to prevent injection
+    const safePath = icalBuddyPath.replace(/["$`\\]/g, "\\$&");
+    return `${BASE_COMMAND} "${safePath}" ${hours}`;
+  }
+  return `${BASE_COMMAND} "" ${hours}`;
+}
+
+// Patterns to extract meeting URLs from notes
+const MEETING_URL_PATTERNS = [
+  /https?:\/\/[\w-]*\.?zoom\.us\/[^\s<>"]+/gi,
+  /https?:\/\/teams\.microsoft\.com\/l\/meetup-join\/[^\s<>"]+/gi,
+  /https?:\/\/meet\.google\.com\/[^\s<>"]+/gi,
+  /https?:\/\/[\w-]*\.?webex\.com\/[^\s<>"]+/gi,
+];
+
+// SafeLinks pattern (Microsoft Outlook protection wrapper)
+const SAFELINKS_PATTERN =
+  /https?:\/\/[\w.-]*safelinks\.protection\.outlook\.com\/[^\s<>">\]]+/gi;
+
+/**
+ * Decode a URL that may be URL-encoded
+ * @param {string} url - Possibly encoded URL
+ * @returns {string} Decoded URL
+ */
+function decodeUrl(url) {
+  try {
+    return decodeURIComponent(url);
+  } catch {
+    return url;
+  }
+}
+
+/**
+ * Extract the real URL from a SafeLink wrapper
+ * @param {string} safeLink - SafeLink URL
+ * @returns {string} Extracted real URL or original
+ */
+function extractFromSafeLink(safeLink) {
+  const urlParam = safeLink.match(/[?&]url=([^&]+)/i);
+  if (urlParam && urlParam[1]) {
+    return decodeUrl(urlParam[1]);
+  }
+  return safeLink;
+}
+
+/**
+ * Extract meeting URL from event URL or notes
+ * @param {string} url - Event URL
+ * @param {string} notes - Event notes/description
+ * @returns {string|null} Meeting URL or null
+ */
+function extractMeetingUrl(url, notes) {
+  // First check direct URL
+  if (url && url.trim() && url !== "missing value") {
+    for (const pattern of MEETING_URL_PATTERNS) {
+      pattern.lastIndex = 0;
+      const match = url.match(pattern);
+      if (match) return match[0];
+    }
+    if (url.startsWith("http")) return url;
+  }
+
+  // Check notes for meeting links
+  if (notes && notes.trim()) {
+    // First try direct meeting URLs
+    for (const pattern of MEETING_URL_PATTERNS) {
+      pattern.lastIndex = 0;
+      const match = notes.match(pattern);
+      if (match) return match[0];
+    }
+
+    // Check for SafeLinks that contain meeting URLs
+    SAFELINKS_PATTERN.lastIndex = 0;
+    const safeLinks = notes.match(SAFELINKS_PATTERN);
+    if (safeLinks) {
+      for (const safeLink of safeLinks) {
+        const realUrl = extractFromSafeLink(safeLink);
+        for (const pattern of MEETING_URL_PATTERNS) {
+          pattern.lastIndex = 0;
+          if (pattern.test(realUrl)) {
+            return realUrl;
+          }
+        }
+      }
+    }
+  }
+
+  return null;
+}
+
+/**
+ * Format time until meeting
+ * @param {number} minutes - Minutes until meeting
+ * @returns {string} Formatted time string
+ */
+function formatTimeUntil(minutes) {
+  if (minutes < 0) return "now";
+  if (minutes < 1) return "<1m";
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  const mins = minutes % 60;
+  if (mins === 0) return `${hours}h`;
+  return `${hours}h ${mins}m`;
+}
+
+/**
+ * Parse meeting data from shell script output
+ * @param {string} output - Raw command output
+ * @returns {Object|null} Meeting object or null
+ */
+function parseMeetingData(output) {
+  if (!output || !output.trim()) return null;
+
+  const parts = output.trim().split("|");
+  if (parts.length < 5) return null;
+
+  const [title, startTime, url, notes, minutesUntil] = parts;
+  if (!title) return null;
+
+  const meetingUrl = extractMeetingUrl(url, notes);
+
+  return {
+    title: title.trim(),
+    startTime: startTime,
+    url: meetingUrl,
+    minutesUntil: parseInt(minutesUntil, 10) || 0,
+  };
+}
+
+/**
+ * Join button sub-component for meeting URLs.
+ * @component
+ * @param {Object} props - Component props
+ * @param {string} props.url - Meeting URL to open
+ * @returns {JSX.Element} Join button element
+ */
+const JoinButton = React.memo(({ url }) => {
+  /**
+   * Opens the meeting URL when clicked.
+   * @param {React.MouseEvent} e - Click event
+   */
+  const handleJoin = async (e) => {
+    e.stopPropagation();
+    Utils.clickEffect(e);
+    // Escape special shell characters to prevent injection
+    const safeUrl = url.replace(/["$`\\]/g, "\\$&");
+    await Uebersicht.run(`open "${safeUrl}"`);
+  };
+
+  return (
+    <button
+      className="next-meeting__join"
+      onClick={handleJoin}
+      title="Join meeting"
+      aria-label="Join video meeting"
+    >
+      Join
+    </button>
+  );
+});
+
+JoinButton.displayName = "JoinButton";
+
+/**
+ * Next Meeting widget component
+ * Shows the next upcoming meeting with optional join button
+ * @returns {JSX.Element|null} The next meeting widget
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, nextMeetingWidgetOptions, dateWidgetOptions } = settings;
+  const { nextMeetingWidget } = widgets;
+  const {
+    refreshFrequency,
+    showOnDisplay,
+    showJoinButton,
+    showTimeOnly,
+    icalBuddyPath,
+    lookAheadHours,
+  } = nextMeetingWidgetOptions;
+
+  // Calculate the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible based on display settings
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && nextMeetingWidget;
+
+  const [state, setState] = React.useState(null);
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = React.useCallback(() => {
+    setState(null);
+    setLoading(false);
+  }, []);
+
+  /**
+   * Fetches next meeting and updates the state.
+   */
+  const getMeeting = React.useCallback(async () => {
+    if (!visible) return;
+    try {
+      const command = buildCommand(icalBuddyPath, lookAheadHours);
+      const output = await Uebersicht.run(command);
+      const meeting = parseMeetingData(output);
+      setState(meeting);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error("Error fetching next meeting:", error);
+      setState(null);
+    }
+    setLoading(false);
+  }, [visible, icalBuddyPath, lookAheadHours]);
+
+  // Server socket for real-time updates
+  useServerSocket("next-meeting", visible, getMeeting, resetWidget, setLoading);
+
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getMeeting, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="next-meeting" />;
+  if (!state) return null;
+
+  const { title, minutesUntil, url } = state;
+  const timeDisplay = formatTimeUntil(minutesUntil);
+  const isUrgent = minutesUntil <= URGENT_THRESHOLD; // Red pulsing: ≤5 min or in progress (up to 15 min)
+  const isUpcoming = minutesUntil <= UPCOMING_THRESHOLD; // Yellow: ≤15 min (but not urgent/in-progress)
+
+  const widgetClasses = Utils.classNames("next-meeting", {
+    "next-meeting--urgent": isUrgent,
+    "next-meeting--upcoming": isUpcoming && !isUrgent,
+  });
+
+  /**
+   * Handle click event to open the calendar application
+   * @param {Event} e - The click event
+   */
+  const openCalendar = async (e) => {
+    Utils.clickEffect(e);
+    const calendarApp = dateWidgetOptions?.calendarApp || "Calendar";
+    await Uebersicht.run(`open -a "${calendarApp}"`);
+  };
+
+  return (
+    <DataWidget.Widget
+      classes={widgetClasses}
+      Icon={Icons.Calendar}
+      onClick={openCalendar}
+      useDivForClick
+    >
+      {!showTimeOnly && <span className="next-meeting__title">{title}</span>}
+      <span className="next-meeting__time">{timeDisplay}</span>
+      {showJoinButton && url && <JoinButton url={url} />}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "NextMeeting";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/notifications.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/notifications.jsx
new file mode 100755
index 0000000..b55e487
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/notifications.jsx
@@ -0,0 +1,189 @@
+/**
+ * Notifications Widget
+ *
+ * Displays badge counts from running applications with active notifications.
+ * Uses macOS lsappinfo to query app status labels (dock badges).
+ *
+ * Requirements:
+ * - macOS (lsappinfo is macOS-specific)
+ * - No special permissions required
+ *
+ * @module notifications
+ */
+import * as Uebersicht from "uebersicht";
+import * as AppIcons from "../../app-icons.js";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { notificationsStyles as styles } from "../../styles/components/data/notifications";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+// Shell command to get notification badges from running apps
+const COMMAND = `lsappinfo -all list 2>/dev/null | perl -0777 -pe 's/---/\\n---\\n/g' | perl -ne '
+  if (/"CFBundleName"="([^"]+)"/) { $app = $1; }
+  if (/"StatusLabel"=\\{ "label"="([^"]*)"/) { $badge = $1; }
+  if (/"LSBundlePath"="([^"]+)"/) { $path = $1; }
+  if (/^---$/ || eof) {
+    print "$app|$badge|$path\\n" if ($app && $badge);
+    ($app, $badge, $path) = ("", "", "");
+  }
+'`;
+
+/**
+ * Parses shell command output into notification objects.
+ * @param {string} output - Raw command output from lsappinfo
+ * @returns {Array<{name: string, badge: string, bundlePath: string}>} Array of notification objects
+ */
+function parseNotifications(output) {
+  if (!output || !output.trim()) return [];
+
+  return output
+    .trim()
+    .split("\n")
+    .filter((line) => line.includes("|"))
+    .map((line) => {
+      const [name, badge, bundlePath] = line.split("|");
+      return { name, badge, bundlePath };
+    })
+    .filter((item) => item.name && item.badge);
+}
+
+/**
+ * Single app notification pill component.
+ * @component
+ * @param {Object} props - Component props
+ * @param {Object} props.app - Application notification data
+ * @param {string} props.app.name - Application name
+ * @param {string} props.app.badge - Badge count
+ * @param {string} props.app.bundlePath - Path to application bundle
+ * @returns {JSX.Element} Notification pill button
+ */
+const NotificationPill = React.memo(({ app }) => {
+  /**
+   * Opens the application when pill is clicked.
+   * @param {React.MouseEvent} e - Click event
+   */
+  const openApp = async (e) => {
+    Utils.clickEffect(e);
+    // Escape special shell characters to prevent injection
+    const safePath = app.bundlePath.replace(/["$`\\]/g, "\\$&");
+    await Uebersicht.run(`open "${safePath}"`);
+  };
+
+  // Get the SVG icon for this app, or use Default
+  const Icon = AppIcons.apps[app.name] || AppIcons.apps.Default;
+
+  return (
+    <button
+      className="notification-pill"
+      onClick={openApp}
+      title={`${app.name}: ${app.badge} notification${app.badge !== "1" ? "s" : ""}`}
+      aria-label={`Open ${app.name} - ${app.badge} notification${app.badge !== "1" ? "s" : ""}`}
+    >
+      <SuspenseIcon>
+        <Icon className="notification-pill__icon" />
+      </SuspenseIcon>
+      <span className="notification-pill__badge">{app.badge}</span>
+    </button>
+  );
+});
+
+NotificationPill.displayName = "NotificationPill";
+
+/**
+ * Notification Badges widget component.
+ * Shows each app with notifications as an inline pill.
+ * @component
+ * @returns {JSX.Element|null} The notifications widget component or null if no notifications
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, notificationsWidgetOptions } = settings;
+  const { notificationsWidget } = widgets;
+  const { refreshFrequency, showOnDisplay, excludedApps } = notificationsWidgetOptions;
+
+  // Determine if the widget should be visible based on display settings
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) &&
+    notificationsWidget;
+
+  // Calculate the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const [state, setState] = React.useState([]);
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = React.useCallback(() => {
+    setState([]);
+    setLoading(false);
+  }, []);
+
+  // Build the exclusion list from the comma-separated setting
+  const exclusionList = React.useMemo(
+    () =>
+      excludedApps
+        ? excludedApps
+            .split(",")
+            .map((s) => s.trim().toLowerCase())
+            .filter(Boolean)
+        : [],
+    [excludedApps],
+  );
+
+  /**
+   * Fetches notification badges and updates the state.
+   */
+  const getNotifications = React.useCallback(async () => {
+    if (!visible) return;
+    try {
+      const output = await Utils.cachedRun(COMMAND, refresh);
+      const notifications = parseNotifications(output).filter(
+        (item) => !exclusionList.includes(item.name.toLowerCase()),
+      );
+      setState(notifications);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error("Error fetching notifications:", error);
+      setState([]);
+    }
+    setLoading(false);
+  }, [visible, refresh, exclusionList]);
+
+  // Server socket for real-time updates
+  useServerSocket(
+    "notifications",
+    visible,
+    getNotifications,
+    resetWidget,
+    setLoading,
+  );
+
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getNotifications, refresh);
+
+  // Don't render anything if loading or no notifications
+  if (loading || !state.length) return null;
+
+  return (
+    <div className="notifications">
+      {state.map((app) => (
+        <NotificationPill key={app.bundlePath} app={app} />
+      ))}
+    </div>
+  );
+});
+
+Widget.displayName = "Notifications";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/sound.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/sound.jsx
new file mode 100755
index 0000000..7301426
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/sound.jsx
@@ -0,0 +1,154 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { soundStyles as styles } from "../../styles/components/data/sound";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 20000;
+
+/**
+ * Sound widget component.
+ * @returns {JSX.Element|null} The sound widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, soundWidgetOptions } = settings;
+  const { soundWidget } = widgets;
+  const { refreshFrequency, showOnDisplay, showIcon } = soundWidgetOptions;
+
+  // Determine the refresh frequency for the widget.
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible on the current display.
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && soundWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+  const { volume: _volume } = state || {};
+  const [volume, setVolume] = React.useState(_volume && parseInt(_volume, 10));
+  const [dragging, setDragging] = React.useState(false);
+
+  /**
+   * Reset the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetch the current sound settings.
+   */
+  const getSound = React.useCallback(async () => {
+    if (!visible) return;
+    const output = await Utils.cachedRun(
+      `osascript -e 'set v to get volume settings' -e 'output volume of v & output muted of v'`,
+      refresh,
+    );
+    const parts = Utils.cleanupOutput(output).split(",");
+    setState({
+      volume: parts[0],
+      muted: parts[1],
+    });
+    setLoading(false);
+  }, [visible, refresh]);
+
+  // Use server socket to listen for sound updates.
+  useServerSocket("sound", visible, getSound, resetWidget, setLoading);
+  // Refresh the widget at the specified interval.
+  useWidgetRefresh(visible, getSound, refresh);
+
+  // Update the sound settings when dragging ends.
+  React.useEffect(() => {
+    if (!dragging) setSound(volume);
+  }, [dragging, volume]);
+
+  // Update the volume state when the fetched volume changes.
+  React.useEffect(() => {
+    setVolume((currentVolume) => {
+      if (_volume && currentVolume !== parseInt(_volume, 10)) {
+        return parseInt(_volume, 10);
+      }
+      return currentVolume;
+    });
+  }, [_volume]);
+
+  if (loading) return <DataWidgetLoader.Widget className="sound" />;
+  if (!state || volume === undefined) return null;
+
+  const { muted } = state;
+  if (_volume === "missing value" || muted === "missing value") return null;
+
+  let Icon = Icons.VolumeHigh;
+  if (volume < 50) Icon = Icons.VolumeLow;
+  if (volume < 20) Icon = Icons.NoVolume;
+  if (muted === "true" || !volume) Icon = Icons.VolumeMuted;
+
+  /**
+   * Handle volume change event.
+   * @param {React.ChangeEvent<HTMLInputElement>} e - The change event.
+   */
+  const onChange = (e) => {
+    const value = parseInt(e.target.value, 10);
+    setVolume(value);
+  };
+
+  const onMouseDown = () => setDragging(true);
+  const onMouseUp = () => setDragging(false);
+
+  const formattedVolume = `${volume.toString().padStart(2, "0")}%`;
+
+  const classes = Utils.classNames("sound", {
+    "sound--dragging": dragging,
+  });
+
+  return (
+    <DataWidget.Widget classes={classes} disableSlider>
+      <div className="sound__display">
+        {showIcon && (
+          <SuspenseIcon>
+            <Icon />
+          </SuspenseIcon>
+        )}
+        <span className="sound__value">{formattedVolume}</span>
+      </div>
+      <div className="sound__slider-container">
+        <input
+          type="range"
+          min="0"
+          max="100"
+          step="1"
+          value={volume}
+          className="sound__slider"
+          onMouseDown={onMouseDown}
+          onMouseUp={onMouseUp}
+          onChange={onChange}
+        />
+      </div>
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Sound";
+
+/**
+ * Set the system volume.
+ * @param {number} volume - The volume to set.
+ */
+function setSound(volume) {
+  if (volume === undefined) return;
+  Uebersicht.run(`osascript -e 'set volume output volume ${volume}'`);
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx
new file mode 100755
index 0000000..66b0850
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/specter.jsx
@@ -0,0 +1,24 @@
+import * as Uebersicht from "uebersicht";
+
+export { specterStyles as styles } from "../../styles/components/data/specter";
+
+const { React } = Uebersicht;
+
+/**
+ * Specter widget component
+ *
+ * This component renders a div with six span elements inside it. These are animated in CSS.
+ *
+ * @returns {JSX.Element} The rendered widget component
+ */
+export const Widget = React.memo(() => {
+  return (
+    <div className="specter">
+      {[...new Array(6)].map((_, i) => (
+        <span key={i} />
+      ))}
+    </div>
+  );
+});
+
+Widget.displayName = "Specter";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/spotify.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/spotify.jsx
new file mode 100755
index 0000000..bc9f6e6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/spotify.jsx
@@ -0,0 +1,189 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Icons from "../icons/icons.jsx";
+import * as Utils from "../../utils";
+
+export { spotifyStyles as styles } from "../../styles/components/data/spotify";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+/**
+ * Spotify widget component.
+ * @returns {JSX.Element|null} The Spotify widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, spotifyWidgetOptions } = settings;
+  const { spotifyWidget } = widgets;
+  const {
+    refreshFrequency,
+    showSpecter,
+    showOnDisplay,
+    showIcon,
+    showSpotifyMetadata,
+  } = spotifyWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && spotifyWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+  const [isSpotifyActive, setIsSpotifyActive] = React.useState(false);
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setIsSpotifyActive(false);
+  };
+
+  /**
+   * Fetches the current Spotify state.
+   */
+  const getSpotify = React.useCallback(async () => {
+    if (!visible) return;
+    const isRunning = await Utils.cachedRun(
+      `pgrep -fq '[S]potify Helper' && echo "true" || echo "false"`,
+      refresh,
+    );
+    if (Utils.cleanupOutput(isRunning) === "false") {
+      setLoading(false);
+      setIsSpotifyActive(false);
+      setState({
+        playerState: "",
+        trackName: "",
+        artistName: "",
+      });
+      return;
+    }
+    // if showSpotifyMetadata is enabled, retrieves all information
+    if (showSpotifyMetadata) {
+      const output = await Utils.cachedRun(
+        `osascript -e 'tell application "Spotify"' -e 'set output to (player state as string) & "|" & (name of current track as string) & "|" & (artist of current track as string)' -e 'end tell' 2>/dev/null || echo "stopped||"`,
+        refresh,
+      );
+      const [playerState, trackName, artistName] =
+        Utils.cleanupOutput(output).split("|");
+      setState({
+        playerState,
+        trackName,
+        artistName,
+      });
+      // else, only playerState
+    } else {
+      const playerState = await Utils.cachedRun(
+        `osascript -e 'tell application "Spotify" to player state as string' 2>/dev/null || echo "stopped"`,
+        refresh,
+      );
+      setState({
+        playerState: Utils.cleanupOutput(playerState),
+        trackName: "",
+        artistName: "",
+      });
+    }
+
+    setIsSpotifyActive(true);
+    setLoading(false);
+  }, [visible, showSpotifyMetadata, refresh]);
+
+  // Set up server socket and widget refresh hooks
+  useServerSocket("spotify", visible, getSpotify, resetWidget, setLoading);
+  useWidgetRefresh(visible, getSpotify, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="spotify" />;
+  if (!state || !isSpotifyActive) return null;
+  const { playerState, trackName, artistName } = state;
+
+  if (!trackName.length && showSpotifyMetadata) return null;
+
+  const label = artistName.length ? `${trackName} - ${artistName}` : trackName;
+  const isPlaying = playerState === "playing";
+  const Icon = getIcon(playerState);
+
+  /**
+   * Handles click event to toggle play/pause.
+   * @param {React.MouseEvent} e - The click event.
+   */
+  const onClick = (e) => {
+    Utils.clickEffect(e);
+    togglePlay(!isPlaying);
+    getSpotify();
+  };
+
+  /**
+   * Handles right-click event to skip to the next track.
+   * @param {React.MouseEvent} e - The right-click event.
+   */
+  const onRightClick = (e) => {
+    Utils.clickEffect(e);
+    Uebersicht.run(`osascript -e 'tell application "Spotify" to Next Track'`);
+    getSpotify();
+  };
+
+  /**
+   * Handles middle-click event to open Spotify.
+   * @param {React.MouseEvent} e - The middle-click event.
+   */
+  const onMiddleClick = (e) => {
+    Utils.clickEffect(e);
+    Uebersicht.run(`open -a 'Spotify'`);
+    getSpotify();
+  };
+
+  const classes = Utils.classNames("spotify", {
+    "spotify--hidden-metadata": !showSpotifyMetadata,
+    "spotify--playing": isPlaying,
+  });
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      onClick={onClick}
+      onRightClick={onRightClick}
+      onMiddleClick={onMiddleClick}
+      showSpecter={showSpecter && isPlaying}
+      disableSlider={!showSpotifyMetadata}
+    >
+      {showSpotifyMetadata && label}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Spotify";
+
+/**
+ * Toggles play/pause state of Spotify.
+ * @param {boolean} isPaused - Whether the player is paused.
+ */
+function togglePlay(isPaused) {
+  const state = isPaused ? "play" : "pause";
+  Uebersicht.run(`osascript -e 'tell application "Spotify" to ${state}'`);
+}
+
+/**
+ * Gets the appropriate icon based on the player state.
+ * @param {string} playerState - The current state of the player.
+ * @returns {JSX.Element} The icon component.
+ */
+function getIcon(playerState) {
+  if (playerState === "stopped") return Icons.Stopped;
+  if (playerState === "playing") return Icons.Playing;
+  return Icons.Paused;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/stock.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/stock.jsx
new file mode 100755
index 0000000..4327f1c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/stock.jsx
@@ -0,0 +1,211 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { stockStyles as styles } from "../../styles/components/data/stock";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 15 * 60 * 1000; // 15 min
+
+/**
+ * Stock widget component
+ * @returns {JSX.Element|null} The stock widget
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings, pushMissive } = useSimpleBarContext();
+  const { widgets, stockWidgetOptions } = settings;
+  const { stockWidget } = widgets;
+  const {
+    refreshFrequency,
+    yahooFinanceApiKey,
+    symbols,
+    showSymbol,
+    showCurrency,
+    showMarketPrice,
+    showMarketChange,
+    showMarketPercent,
+    showColor,
+    showOnDisplay,
+    showIcon,
+  } = stockWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Check if the widget should be visible on the current display
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && stockWidget;
+
+  const ref = React.useRef();
+
+  // Memoize cleanedUpSymbols to prevent recreation on every render
+  const cleanedUpSymbols = React.useMemo(
+    () => symbols.replace(/ /g, ""),
+    [symbols],
+  );
+
+  // Memoize enumeratedSymbols to prevent recreation on every render
+  const enumeratedSymbols = React.useMemo(
+    () => cleanedUpSymbols.replace(/ /g, "").split(","),
+    [cleanedUpSymbols],
+  );
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Reset the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetch stock data from Yahoo Finance API
+   */
+  const getStocks = React.useCallback(async () => {
+    if (!visible) return;
+    const response = await fetch(
+      `https://yfapi.net/v6/finance/quote?symbols=${cleanedUpSymbols}`,
+      {
+        headers: new Headers({ "x-api-key": yahooFinanceApiKey }),
+      },
+    );
+    if (response.status === 429) {
+      // Exceeded daily quota
+    } else if (response.status === 403) {
+      Utils.notification("Invalid Yahoo Finance API key", pushMissive);
+    } else if (response.status === 200) {
+      const result = await response.json();
+      const symbolQuotes = result.quoteResponse.result;
+
+      if (symbolQuotes.length !== enumeratedSymbols.length) {
+        // One or more symbols is invalid
+        const receivedSymbols = symbolQuotes.map((s) => s.symbol.toLowerCase());
+        const invalidSymbols = enumeratedSymbols.filter(
+          (s) => !receivedSymbols.includes(s),
+        );
+        Utils.notification("Invalid stock symbol(s): " + invalidSymbols);
+      } else {
+        setState({ symbolQuotes });
+      }
+    } else {
+      // eslint-disable-next-line no-console
+      console.error("Unexpected response from Yahoo Finance API: ", response);
+    }
+
+    setLoading(false);
+  }, [
+    visible,
+    cleanedUpSymbols,
+    yahooFinanceApiKey,
+    pushMissive,
+    enumeratedSymbols,
+  ]);
+
+  // Use server socket to fetch stock data
+  useServerSocket("stock", visible, getStocks, resetWidget, setLoading);
+  // Refresh widget data periodically
+  useWidgetRefresh(visible, getStocks, refresh);
+
+  /**
+   * Refresh stock data on user interaction
+   * @param {Event} e - The event object
+   */
+  const refreshStocks = (e) => {
+    Utils.clickEffect(e);
+    setLoading(true);
+    getStocks();
+  };
+
+  if (loading) return <DataWidgetLoader.Widget className="stock" />;
+  if (!state || !state.symbolQuotes) return null;
+
+  return enumeratedSymbols.map((symbolName, i) => {
+    const symbolQuote = state.symbolQuotes[i];
+    const symbol = symbolQuote.symbol;
+    const currencySymbol = getCurrencySymbol(symbolQuote.currency);
+    const marketPrice = Number(symbolQuote.regularMarketPrice).toFixed(2);
+    const marketChange = Number(symbolQuote.regularMarketChange).toFixed(2);
+    const marketPercentChange = Number(
+      symbolQuote.regularMarketChangePercent,
+    ).toFixed(2);
+    const stockUp = !marketChange.startsWith("-");
+
+    return (
+      <DataWidget.Widget
+        key={symbolName}
+        classes="stock"
+        ref={ref}
+        Icon={showIcon ? (stockUp ? Icons.UpArrow : Icons.DownArrow) : null}
+        href={`https://finance.yahoo.com/quote/${symbolName}`}
+        onClick={openStock}
+        onRightClick={refreshStocks}
+      >
+        <span>
+          {showSymbol && symbol}
+          {(showCurrency || showMarketPrice) && showSymbol && (
+            <span>&nbsp;</span>
+          )}
+          {showCurrency && currencySymbol}
+          {showMarketPrice && marketPrice}
+        </span>
+        <span className={showColor ? (stockUp ? "stockUp" : "stockDown") : ""}>
+          {(showMarketChange || showMarketPercent) && <span>&nbsp;</span>}
+          {showMarketChange && formatPriceChange(marketChange)}
+          {showMarketPercent &&
+            showMarketChange &&
+            ` (${formatPriceChange(marketPercentChange)}%)`}
+          {showMarketPercent &&
+            !showMarketChange &&
+            `${formatPriceChange(marketPercentChange)}%`}
+        </span>
+      </DataWidget.Widget>
+    );
+  });
+});
+
+Widget.displayName = "Stock";
+
+/**
+ * Handle click event to open stock details
+ * @param {Event} e - The event object
+ */
+function openStock(e) {
+  Utils.clickEffect(e);
+}
+
+/**
+ * Get the currency symbol for a given currency code
+ * @param {string} currency - The currency code
+ * @returns {string} The currency symbol
+ */
+function getCurrencySymbol(currency) {
+  if (currency === "EUR") return "€";
+  if (currency === "USD") return "$";
+  if (currency === "GBP") return "£";
+  if (currency === "CNY") return "Â¥";
+  if (currency === "JPY") return "Â¥";
+  return `${currency} `;
+}
+
+/**
+ * Format the price change with a '+' for positive changes
+ * @param {string} priceChange - The price change
+ * @returns {string} The formatted price change
+ */
+function formatPriceChange(priceChange) {
+  // Add a '+' for positive changes
+  return (priceChange.startsWith("-") ? "" : "+") + priceChange;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/time.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/time.jsx
new file mode 100755
index 0000000..6890ffb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/time.jsx
@@ -0,0 +1,144 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { timeStyles as styles } from "../../styles/components/data/time";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 1000;
+
+/**
+ * Time widget component.
+ * @returns {JSX.Element|null} The rendered widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, timeWidgetOptions } = settings;
+  const { timeWidget } = widgets;
+  const {
+    refreshFrequency,
+    hour12,
+    dayProgress,
+    showSeconds,
+    showOnDisplay,
+    showIcon,
+  } = timeWidgetOptions;
+
+  // Determine if the widget should be visible on the current display
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && timeWidget;
+
+  // Calculate the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  // Options for formatting the time string
+  const options = React.useMemo(
+    () => ({
+      hour: "numeric",
+      minute: "numeric",
+      second: showSeconds ? "numeric" : undefined,
+      hour12,
+    }),
+    [hour12, showSeconds],
+  );
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches the current time and updates the widget state.
+   */
+  const getTime = React.useCallback(() => {
+    if (!visible) return;
+    const time = new Date().toLocaleString("en-UK", options);
+    setState({ time });
+    setLoading(false);
+  }, [visible, options]);
+
+  // Use server socket to get time updates
+  useServerSocket("time", visible, getTime, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getTime, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="time" />;
+  if (!state) return null;
+  const { time } = state;
+
+  // Calculate the progress of the current day
+  const [dayStart, dayEnd] = [new Date(), new Date()];
+  dayStart.setHours(0, 0, 0);
+  dayEnd.setHours(0, 0, 0);
+  dayEnd.setDate(dayEnd.getDate() + 1);
+  const range = dayEnd - dayStart;
+  const diff = Math.max(0, dayEnd - new Date());
+  const fillerWidth = (100 - (100 * diff) / range) / 100;
+
+  /**
+   * Icon component for the time widget.
+   * @returns {JSX.Element} The rendered icon.
+   */
+  const TimeIcon = () => {
+    return <Icon time={time} />;
+  };
+
+  return (
+    <DataWidget.Widget
+      classes="time"
+      Icon={showIcon ? TimeIcon : null}
+      disableSlider
+    >
+      {time}
+      {dayProgress && (
+        <div
+          className="time__filler"
+          style={{ transform: `scaleX(${fillerWidth})` }}
+        />
+      )}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Time";
+
+/**
+ * Icon component for displaying the time as a clock.
+ * @param {Object} props - The component props.
+ * @param {string} props.time - The current time string.
+ * @returns {JSX.Element} The rendered icon.
+ */
+function Icon({ time }) {
+  const [hours, minutes] = time.split(":");
+
+  const hoursInDegree = ((parseInt(hours, 10) % 12) / 12) * 360;
+  const minutesInDegree = (parseInt(minutes, 10) / 60) * 360;
+
+  return (
+    <div className="time__icon">
+      <div
+        className="time__hours"
+        style={{ transform: `rotate(${hoursInDegree}deg)` }}
+      />
+      <div
+        className="time__minutes"
+        style={{ transform: `rotate(${minutesInDegree}deg)` }}
+      />
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/user-widgets.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/user-widgets.jsx
new file mode 100755
index 0000000..efa9876
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/user-widgets.jsx
@@ -0,0 +1,181 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Settings from "../../settings";
+import * as Utils from "../../utils";
+
+const { React } = Uebersicht;
+
+export default React.memo(UserWidgets);
+
+/**
+ * UserWidgets component that renders a list of user-defined widgets.
+ * @returns {JSX.Element[]} Array of UserWidget components.
+ */
+function UserWidgets() {
+  const { settings } = useSimpleBarContext();
+  const { userWidgetsList } = settings.userWidgets;
+
+  // Get the keys of the userWidgetsList object
+  const keys = Object.keys(userWidgetsList);
+
+  // Map over the keys and render a UserWidget for each key
+  return keys.map((key) => (
+    <UserWidget key={key} index={key} widget={userWidgetsList[key]} />
+  ));
+}
+
+UserWidgets.displayName = "UserWidgets";
+
+/**
+ * UserWidget component that renders an individual user-defined widget.
+ * @param {Object} props - The component props.
+ * @param {string} props.index - The index of the widget.
+ * @param {Object} props.widget - The widget configuration object.
+ * @returns {JSX.Element|null} The rendered UserWidget component or null if not visible.
+ */
+const UserWidget = React.memo(({ index, widget }) => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(true);
+  const [isWidgetActive, setIsWidgetActive] = React.useState(true);
+  const {
+    icon,
+    backgroundColor,
+    output,
+    onClickAction,
+    onRightClickAction,
+    onMiddleClickAction,
+    refreshFrequency,
+    active,
+    noIcon,
+    hideWhenNoOutput = true,
+    showOnDisplay = "",
+  } = widget;
+
+  // Determine if the widget should be visible based on display settings and active status
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && active;
+
+  /**
+   * Resets the widget state and loading status.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setIsWidgetActive(true);
+  };
+
+  /**
+   * Fetches the widget output and updates the state.
+   */
+  const getUserWidget = React.useCallback(async () => {
+    if (!visible) return;
+    const widgetOutput = await Utils.cachedRun(output, refreshFrequency);
+    const cleanedOutput = Utils.cleanupOutput(widgetOutput);
+
+    // Hide widget if script returns empty output and hideWhenNoOutput is enabled
+    if (
+      hideWhenNoOutput &&
+      (!cleanedOutput.length || cleanedOutput.trim() === "")
+    ) {
+      setLoading(false);
+      setIsWidgetActive(false);
+      setState(undefined);
+      return;
+    }
+
+    setState(widgetOutput);
+    setIsWidgetActive(true);
+    setLoading(false);
+  }, [visible, output, hideWhenNoOutput, refreshFrequency]);
+
+  // Use server socket to listen for widget updates
+  useServerSocket(
+    "user-widget",
+    visible,
+    getUserWidget,
+    resetWidget,
+    setLoading,
+    index,
+  );
+
+  // Refresh the widget at the specified frequency
+  useWidgetRefresh(visible, getUserWidget, refreshFrequency);
+
+  // Hide widget if not visible or if script indicates it should be inactive (only when hideWhenNoOutput is enabled)
+  if (!visible || (hideWhenNoOutput && !isWidgetActive)) return null;
+
+  const isCustomColor = !Settings.userWidgetColors.includes(backgroundColor);
+
+  const property = settings.global.widgetsBackgroundColorAsForeground
+    ? "color"
+    : "backgroundColor";
+
+  const style = settings.global.noColorInData
+    ? undefined
+    : {
+        [property]: isCustomColor ? backgroundColor : `var(${backgroundColor})`,
+      };
+
+  if (loading) return <DataWidgetLoader.Widget style={style} />;
+
+  const Icon = !noIcon ? Icons[icon] : null;
+
+  const hasOnClickAction = onClickAction?.trim().length > 0;
+  const hasRightClickAction = onRightClickAction?.trim().length > 0;
+  const hasMiddleClickAction = onMiddleClickAction?.trim().length > 0;
+
+  /**
+   * Handles the click event for the widget.
+   * @param {Event} e - The click event.
+   */
+  const onClick = async (e) => {
+    Utils.clickEffect(e);
+    await Uebersicht.run(onClickAction);
+    getUserWidget();
+  };
+
+  /**
+   * Handles the right-click event for the widget.
+   * @param {Event} e - The right-click event.
+   */
+  const onRightClick = async (e) => {
+    Utils.clickEffect(e);
+    await Uebersicht.run(onRightClickAction);
+    getUserWidget();
+  };
+
+  /**
+   * Handles the middle-click event for the widget.
+   * @param {Event} e - The middle-click event.
+   */
+  const onMiddleClick = async (e) => {
+    Utils.clickEffect(e);
+    await Uebersicht.run(onMiddleClickAction);
+    getUserWidget();
+  };
+
+  const onClickProps = {
+    onClick: hasOnClickAction ? onClick : undefined,
+    onRightClick: hasRightClickAction ? onRightClick : undefined,
+    onMiddleClick: hasMiddleClickAction ? onMiddleClick : undefined,
+  };
+
+  return (
+    <DataWidget.Widget
+      classes={`user-widget user-widget--${index}`}
+      Icon={Icon}
+      style={style}
+      {...onClickProps}
+    >
+      {state}
+    </DataWidget.Widget>
+  );
+});
+
+UserWidget.displayName = "UserWidget";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/viscosity-vpn.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/viscosity-vpn.jsx
new file mode 100755
index 0000000..340c59b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/viscosity-vpn.jsx
@@ -0,0 +1,144 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { viscosityVPNStyles as styles } from "../../styles/components/data/viscosity-vpn";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 8000;
+
+/**
+ * Viscosity VPN Widget component.
+ * @returns {JSX.Element|null} The Viscosity VPN widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings, pushMissive } = useSimpleBarContext();
+  const { widgets, vpnWidgetOptions } = settings;
+  const { vpnWidget } = widgets;
+  const {
+    refreshFrequency,
+    vpnConnectionName,
+    vpnShowConnectionName,
+    showOnDisplay,
+    showIcon,
+  } = vpnWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && vpnWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+  const [isViscosityActive, setIsViscosityActive] = React.useState(false);
+
+  /**
+   * Reset the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+    setIsViscosityActive(false);
+  };
+
+  /**
+   * Fetch the current VPN status.
+   */
+  const getVPN = React.useCallback(async () => {
+    if (!visible) return;
+    const isRunning = await Utils.cachedRun(
+      `pgrep -xq 'Viscosity' && echo "true" || echo "false"`,
+      refresh,
+    );
+    if (Utils.cleanupOutput(isRunning) === "false") {
+      setLoading(false);
+      setIsViscosityActive(false);
+      return;
+    }
+    const status = await Utils.cachedRun(
+      `osascript -e "tell application \\"Viscosity\\" to return state of the first connection where name is equal to \\"${vpnConnectionName}\\"" 2>/dev/null`,
+      refresh,
+    );
+    if (!status.length) return;
+    setState({ status: Utils.cleanupOutput(status) });
+    setIsViscosityActive(true);
+    setLoading(false);
+  }, [visible, vpnConnectionName, refresh]);
+
+  // Use server socket to listen for VPN status updates
+  useServerSocket("viscosity-vpn", visible, getVPN, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getVPN, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="viscosity-vpn" />;
+  if (!state || !vpnConnectionName.length || !isViscosityActive) return null;
+
+  const { status } = state;
+  const isConnected = status === "Connected";
+
+  const classes = Utils.classNames("viscosity-vpn", {
+    "viscosity-vpn--disconnected": !isConnected,
+  });
+
+  const Icon = isConnected ? Icons.VPN : Icons.VPNOff;
+
+  /**
+   * Handle click event to toggle VPN connection.
+   * @param {Event} e - The click event.
+   */
+  const clicked = (e) => {
+    Utils.clickEffect(e);
+    toggleVPN(isConnected, vpnConnectionName, pushMissive);
+    setTimeout(getVPN, refreshFrequency / 2);
+  };
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      onClick={clicked}
+    >
+      {vpnShowConnectionName ? vpnConnectionName : status}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "ViscosityVPN";
+
+/**
+ * Toggle the VPN connection.
+ * @param {boolean} isConnected - Whether the VPN is currently connected.
+ * @param {string} vpnConnectionName - The name of the VPN connection.
+ * @param {function} pushMissive - Function to push notifications.
+ */
+function toggleVPN(isConnected, vpnConnectionName, pushMissive) {
+  if (isConnected) {
+    Uebersicht.run(
+      `osascript -e 'tell application "Viscosity" to disconnect "${vpnConnectionName}"'`,
+    );
+    Utils.notification(
+      `Disabling Viscosity ${vpnConnectionName} network...`,
+      pushMissive,
+    );
+  } else {
+    Uebersicht.run(
+      `osascript -e 'tell application "Viscosity" to connect "${vpnConnectionName}"'`,
+    );
+    Utils.notification(
+      `Enabling Viscosity ${vpnConnectionName} network...`,
+      pushMissive,
+    );
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/weather.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/weather.jsx
new file mode 100755
index 0000000..946fda1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/weather.jsx
@@ -0,0 +1,214 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import * as Utils from "../../utils";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+
+export { weatherStyles as styles } from "../../styles/components/data/weather";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 1000 * 60 * 30; // Default refresh frequency set to 30 minutes
+
+/**
+ * Weather widget component
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings, pushMissive } = useSimpleBarContext();
+  const { widgets, weatherWidgetOptions } = settings;
+  const { weatherWidget } = widgets;
+  const {
+    refreshFrequency,
+    customLocation,
+    unit,
+    hideLocation,
+    hideGradient,
+    showOnDisplay,
+    showIcon,
+  } = weatherWidgetOptions;
+
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && weatherWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+  const location = React.useRef(
+    visible && customLocation.length ? customLocation : undefined,
+  );
+
+  /**
+   * Resets the widget state and loading status
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches weather data from wttr.in
+   */
+  const getWeather = React.useCallback(async () => {
+    if (!visible) return;
+    if (!location.current) {
+      const position = await Promise.race([getPosition(), Utils.timeout(5000)]);
+      if (!position) await getWeather();
+      const { city, zip } = position?.address || {};
+      location.current = zip || city;
+      if (!location.current) return setLoading(false);
+    }
+    try {
+      const result = await fetch(
+        `https://wttr.in/${location.current}?format=j1`,
+      );
+      const data = await result.json();
+      setState({ location: location.current, data });
+    } catch  {
+      // eslint-disable-next-line no-console
+      console.error("Error while fetching weather")
+    }
+    setLoading(false);
+  }, [visible, location]);
+
+  useServerSocket("weather", visible, getWeather, resetWidget, setLoading);
+  useWidgetRefresh(visible, getWeather, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="weather" />;
+  if (!state || !state.data.current_condition) return null;
+
+  const {
+    temp_C: tempC,
+    temp_F: tempF,
+    weatherDesc,
+  } = state.data.current_condition[0];
+  const temperature = unit === "C" ? tempC : tempF;
+  const wttrUnitParam = unit === "C" ? "?m" : "?u";
+
+  const description = weatherDesc[0].value;
+
+  const { astronomy } = state.data.weather[0];
+  const sunriseData = astronomy[0].sunrise.replace(" AM", "").split(":");
+  const sunsetData = astronomy[0].sunset.replace(" PM", "").split(":");
+
+  const now = new Date();
+  const nowIntervalStart = new Date();
+  nowIntervalStart.setHours(nowIntervalStart.getHours() - 1);
+  const nowIntervalStop = new Date();
+  nowIntervalStop.setHours(nowIntervalStop.getHours() + 1);
+  const sunriseTime = new Date();
+  sunriseTime.setHours(
+    parseInt(sunriseData[0], 10),
+    parseInt(sunriseData[1], 10),
+    0,
+    0,
+  );
+  const sunsetTime = new Date();
+  sunsetTime.setHours(
+    parseInt(sunsetData[0], 10) + 12,
+    parseInt(sunsetData[1], 10),
+    0,
+    0,
+  );
+
+  const atNight = sunriseTime >= now || now >= sunsetTime;
+
+  const Icon = getIcon(description, atNight);
+  const label = getLabel(state.location, temperature, unit, hideLocation);
+
+  const sunRising =
+    sunriseTime >= nowIntervalStart && sunriseTime <= nowIntervalStop;
+  const sunSetting =
+    sunsetTime >= nowIntervalStart && sunsetTime <= nowIntervalStop;
+
+  /**
+   * Handles right-click event to refresh weather data
+   * @param {Event} e - The event object
+   */
+  const onRightClick = (e) => {
+    Utils.clickEffect(e);
+    setLoading(true);
+    getWeather();
+    Utils.notification("Refreshing forecast from wttr.in...", pushMissive);
+  };
+
+  const classes = Utils.classNames("weather", {
+    "weather--sunrise": sunRising,
+    "weather--sunset": sunSetting,
+  });
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      href={`https://wttr.in/${state.location}${wttrUnitParam}`}
+      onClick={(e) => openWeather(e, pushMissive)}
+      onRightClick={onRightClick}
+      disableSlider
+    >
+      {!hideGradient && <div className="weather__gradient" />}
+      {label}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Weather";
+
+/**
+ * Returns the appropriate weather icon based on the description and time of day
+ * @param {string} description - Weather description
+ * @param {boolean} atNight - Whether it is currently night time
+ * @returns {JSX.Element} - The weather icon component
+ */
+function getIcon(description, atNight) {
+  if (description.includes("fog") || description.includes("mist")) {
+    return Icons.Fog;
+  }
+  if (description.includes("storm")) return Icons.Storm;
+  if (description.includes("snow")) return Icons.Snow;
+  if (description.includes("rain")) return Icons.Rain;
+  if (description.includes("cloud")) return Icons.Cloud;
+  if (atNight) return Icons.Moon;
+  return Icons.Sun;
+}
+
+/**
+ * Returns the label for the weather widget
+ * @param {string} location - The location name
+ * @param {string} temperature - The temperature value
+ * @param {string} unit - The temperature unit (C or F)
+ * @param {boolean} hideLocation - Whether to hide the location name
+ * @returns {string} - The label text
+ */
+function getLabel(location, temperature, unit, hideLocation) {
+  if (!location) return "Fetching...";
+  if (hideLocation) return `${temperature}°${unit}`;
+  return `${location}, ${temperature}°${unit}`;
+}
+
+/**
+ * Opens the weather forecast in a new tab
+ * @param {Event} e - The event object
+ * @param {Function} pushMissive - Function to push notifications
+ */
+function openWeather(e, pushMissive) {
+  Utils.clickEffect(e);
+  Utils.notification("Opening forecast from wttr.in...", pushMissive);
+}
+
+/**
+ * Gets the current geographical position of the user
+ * @returns {Promise<GeolocationPosition>} - The position object
+ */
+async function getPosition() {
+  return new Promise((resolve) =>
+    navigator.geolocation.getCurrentPosition(resolve),
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/wifi.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/wifi.jsx
new file mode 100755
index 0000000..c7bedcd
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/wifi.jsx
@@ -0,0 +1,154 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { wifiStyles as styles } from "../../styles/components/data/wifi";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 20000;
+
+/**
+ * Wifi widget component.
+ * @returns {JSX.Element|null} The Wifi widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings, pushMissive } = useSimpleBarContext();
+  const { widgets, networkWidgetOptions } = settings;
+  const { wifiWidget } = widgets;
+  const {
+    refreshFrequency,
+    hideWifiIfDisabled,
+    toggleWifiOnClick,
+    networkDevice,
+    hideNetworkName,
+    showOnDisplay,
+    showIcon,
+  } = networkWidgetOptions;
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && wifiWidget;
+
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches the wifi status and SSID.
+   */
+  const getWifi = React.useCallback(async () => {
+    if (!visible) return;
+    const [status, ssid] = await Promise.all([
+      Utils.cachedRun(
+        `ifconfig ${networkDevice} | grep status | cut -c 10-`,
+        refresh,
+      ),
+      Utils.cachedRun(
+        `system_profiler SPAirPortDataType | awk '/Current Network/ {getline;$1=$1;print $0 | "tr -d ':'";exit}'`,
+        refresh,
+      ),
+    ]);
+    setState({
+      status: Utils.cleanupOutput(status),
+      ssid: Utils.cleanupOutput(ssid),
+    });
+    setLoading(false);
+  }, [networkDevice, visible, refresh]);
+
+  useServerSocket("wifi", visible, getWifi, resetWidget, setLoading);
+  useWidgetRefresh(visible, getWifi, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="wifi" />;
+  if (!state) return null;
+
+  const { status, ssid } = state;
+  const isActive = status === "active";
+  const name = renderName(ssid, hideNetworkName);
+
+  if (hideWifiIfDisabled && !isActive) return null;
+
+  const classes = Utils.classNames("wifi", {
+    "wifi--hidden-name": !name,
+    "wifi--inactive": !isActive,
+  });
+
+  const Icon = isActive ? Icons.Wifi : Icons.WifiOff;
+
+  /**
+   * Handles the click event to toggle wifi.
+   * @param {React.MouseEvent} e - The click event.
+   */
+  const onClick = async (e) => {
+    Utils.clickEffect(e);
+    await toggleWifi(isActive, networkDevice, pushMissive);
+    getWifi();
+  };
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      onClick={toggleWifiOnClick ? onClick : undefined}
+      onRightClick={openWifiPreferences}
+    >
+      {name}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Wifi";
+
+/**
+ * Toggles the wifi on or off.
+ * @param {boolean} isActive - Whether the wifi is currently active.
+ * @param {string} networkDevice - The network device name.
+ * @param {function} pushMissive - Function to push notifications.
+ */
+async function toggleWifi(isActive, networkDevice, pushMissive) {
+  if (isActive) {
+    await Uebersicht.run(`networksetup -setairportpower ${networkDevice} off`);
+    Utils.notification("Disabling network...", pushMissive);
+  } else {
+    await Uebersicht.run(`networksetup -setairportpower ${networkDevice} on`);
+    Utils.notification("Enabling network...", pushMissive);
+  }
+}
+
+/**
+ * Opens the wifi preferences pane.
+ * @param {React.MouseEvent} e - The click event.
+ */
+function openWifiPreferences(e) {
+  Utils.clickEffect(e);
+  Uebersicht.run(`open /System/Library/PreferencePanes/Network.prefPane/`);
+}
+
+/**
+ * Renders the wifi network name.
+ * @param {string} name - The network name.
+ * @param {boolean} hideNetworkName - Whether to hide the network name.
+ * @returns {string} The rendered network name.
+ */
+function renderName(name, hideNetworkName) {
+  if (!name || hideNetworkName) return "";
+  if (name === "with an AirPort network.y off.") return "Disabled";
+  if (name === "with an AirPort network.") return "Searching...";
+  return name;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/youtube-music.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/youtube-music.jsx
new file mode 100755
index 0000000..bf586b1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/youtube-music.jsx
@@ -0,0 +1,191 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Icons from "../icons/icons.jsx";
+import * as Utils from "../../utils";
+
+export { youtubeMusicStyles as styles } from "../../styles/components/data/youtube-music";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+/**
+ * YouTube Music Widget component.
+ * @returns {JSX.Element} The YouTube Music widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const {
+    widgets: { youtubeMusicWidget },
+    youtubeMusicWidgetOptions: {
+      refreshFrequency,
+      showSpecter,
+      showOnDisplay,
+      youtubeMusicPort,
+      showIcon,
+    },
+  } = settings;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible on the current display
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && youtubeMusicWidget;
+
+  const [state, setState] = React.useState();
+  const [cachedAccessToken, setCachedAccessToken] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  const apiUrl = `http://localhost:${youtubeMusicPort}`;
+
+  /**
+   * Resets the widget state.
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setCachedAccessToken(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches the access token for the YouTube Music API.
+   * @returns {Promise<string>} The access token.
+   */
+  const getAccessToken = React.useCallback(async () => {
+    // As of 2024/12/01, the generated access tokens don't expire
+    if (cachedAccessToken) return cachedAccessToken;
+
+    const response = await fetch(`${apiUrl}/auth/simple-bar`, {
+      method: "POST",
+    });
+    const json = await response.json();
+    setCachedAccessToken(json.accessToken);
+    return json.accessToken;
+  }, [apiUrl, cachedAccessToken]);
+
+  /**
+   * Fetches data from a specified route.
+   * @param {string} route - The API route to fetch data from.
+   * @param {string} [method="POST"] - The HTTP method to use.
+   * @returns {Promise<Response>} The fetch response.
+   */
+  const fetchRoute = React.useCallback(
+    async (route, method = "POST") => {
+      const headers = {};
+      const url = new URL(route, apiUrl);
+
+      // All routes under /api are protected
+      const needsAuthentication = url.pathname.startsWith("/api");
+      if (needsAuthentication) {
+        const accessToken = await getAccessToken();
+        if (!accessToken) {
+          throw new Error("Failed to get access token");
+        }
+        headers.Authorization = `Bearer ${accessToken}`;
+      }
+
+      return await fetch(url, { method, headers });
+    },
+    [apiUrl, getAccessToken],
+  );
+
+  /**
+   * Refreshes the widget state by fetching the current song info.
+   */
+  const refreshState = React.useCallback(async () => {
+    if (!visible) return;
+
+    try {
+      const response = await fetchRoute("/api/v1/song-info", "GET");
+      const json = await response.json();
+      setState(json);
+    } catch {
+      // most likely due to offline server, reset state
+      resetWidget();
+    }
+  }, [visible, fetchRoute]);
+
+  // Use server socket to listen for updates
+  useServerSocket(
+    "youtube-music",
+    visible,
+    refreshState,
+    resetWidget,
+    setLoading,
+  );
+  // Use widget refresh hook to periodically refresh the state
+  useWidgetRefresh(visible, refreshState, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="youtube-music" />;
+
+  /**
+   * Handles click event to toggle play/pause.
+   * @param {React.MouseEvent} e - The click event.
+   */
+  const onClick = async (e) => {
+    Utils.clickEffect(e);
+    await fetchRoute("/api/v1/toggle-play");
+    await refreshState();
+  };
+
+  /**
+   * Handles right-click event to skip to the next song.
+   * @param {React.MouseEvent} e - The right-click event.
+   */
+  const onRightClick = async (e) => {
+    Utils.clickEffect(e);
+    await fetchRoute("/api/v1/next");
+    await refreshState();
+  };
+
+  /**
+   * Handles middle-click event to open YouTube Music app.
+   * @param {React.MouseEvent} e - The middle-click event.
+   */
+  const onMiddleClick = async (e) => {
+    Utils.clickEffect(e);
+    Uebersicht.run(`open -a 'YouTube Music'`);
+    await refreshState();
+  };
+
+  const classes = Utils.classNames("youtube-music", {});
+  if (!state) return null;
+  const { title, artist, isPaused } = state;
+  if (!title) return null;
+
+  const label = artist.length ? `${title} - ${artist}` : title;
+  const Icon = getIcon(isPaused);
+
+  return (
+    <DataWidget.Widget
+      classes={classes}
+      Icon={showIcon ? Icon : null}
+      onClick={onClick}
+      onRightClick={onRightClick}
+      onMiddleClick={onMiddleClick}
+      showSpecter={showSpecter && !isPaused}
+    >
+      {label}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "YouTube Music";
+
+/**
+ * Returns the appropriate icon based on the play/pause state.
+ * @param {boolean} isPaused - Whether the music is paused.
+ * @returns {JSX.Element} The icon component.
+ */
+function getIcon(isPaused) {
+  return isPaused ? Icons.Paused : Icons.Playing;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/zoom.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/zoom.jsx
new file mode 100755
index 0000000..2c123e9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/zoom.jsx
@@ -0,0 +1,107 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { zoomStyles as styles } from "../../styles/components/data/zoom";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 5000;
+
+/**
+ * Zoom widget component.
+ * @returns {JSX.Element|null} The Zoom widget.
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, zoomWidgetOptions } = settings;
+  const { zoomWidget } = widgets;
+  const { refreshFrequency, showVideo, showMic, showOnDisplay } =
+    zoomWidgetOptions;
+
+  // Determine the refresh frequency for the widget
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  // Determine if the widget should be visible
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && zoomWidget;
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Reset the widget state.
+   */
+  const resetWidget = React.useCallback(() => {
+    setState(undefined);
+    setLoading(false);
+  }, []);
+
+  /**
+   * Fetch the Zoom status for mic and video.
+   */
+  const getZoom = React.useCallback(async () => {
+    if (!visible) return;
+    try {
+      const [mic, video] = await Promise.all([
+        Utils.cachedRun(
+          `osascript ./simple-bar/lib/scripts/zoom-mute-status.applescript`,
+          refresh,
+        ),
+        Utils.cachedRun(
+          `osascript ./simple-bar/lib/scripts/zoom-video-status.applescript`,
+          refresh,
+        ),
+      ]);
+      setState({
+        mic: Utils.cleanupOutput(mic),
+        video: Utils.cleanupOutput(video),
+      });
+      setLoading(false);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error("Error fetching Zoom status:", error);
+      setLoading(false);
+    }
+  }, [visible, refresh]);
+
+  // Use server socket to listen for Zoom events
+  useServerSocket("zoom", visible, getZoom, resetWidget, setLoading);
+  // Refresh the widget at the specified interval
+  useWidgetRefresh(visible, getZoom, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="zoom" />;
+  if (!state || (!state.mic.length && !state.video.length)) return null;
+
+  const { mic, video } = state;
+
+  const VideoIcon = video === "off" ? Icons.CameraOff : Icons.Camera;
+  const MicIcon = mic === "off" ? Icons.MicOff : Icons.MicOn;
+
+  return (
+    <DataWidget.Widget classes="zoom">
+      {showVideo && (
+        <SuspenseIcon>
+          <VideoIcon className={`zoom__icon zoom__icon--${video}`} />
+        </SuspenseIcon>
+      )}
+      {showMic && (
+        <SuspenseIcon>
+          <MicIcon className={`zoom__icon zoom__icon--${mic}`} />
+        </SuspenseIcon>
+      )}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "Zoom";
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/error.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/error.jsx
new file mode 100755
index 0000000..135cb29
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/error.jsx
@@ -0,0 +1,42 @@
+import * as Settings from "./settings/settings.jsx";
+import * as Utils from "../utils";
+
+// Error messages for different types of errors
+const message = {
+  error: "Something went wrong…",
+  yabaiError: "yabai is not running",
+  aerospaceError: "AeroSpace is either not running or outdated",
+  noOutput: "Loading…",
+  noData: "JSON error…",
+};
+
+/**
+ * Component to display error messages based on the type of error.
+ * @param {Object} props - The properties object.
+ * @param {string} props.type - The type of error.
+ * @param {string} props.classes - Additional CSS classes.
+ * @returns {JSX.Element} The error component.
+ */
+export function Component({ type, classes }) {
+  // Combine base class with additional classes and conditional loading class
+  const errorClasses = Utils.classNames("simple-bar--empty", classes, {
+    "simple-bar--loading": type === "noOutput",
+  });
+
+  // Refresh the component after 2 seconds for general errors and JSON errors
+  if (type === "error" || type === "noData") {
+    setTimeout(Utils.softRefresh, 2000);
+  }
+
+  // Refresh the component after 15 seconds for yabai and aerospace errors
+  if (type === "yabaiError" || type === "aerospaceError") {
+    setTimeout(Utils.softRefresh, 15000);
+  }
+
+  return (
+    <div className={errorClasses}>
+      <span>simple-bar-index.jsx: {message[type]}</span>
+      <Settings.Wrapper />
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/icon.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/icon.jsx
new file mode 100755
index 0000000..c46f60c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/icon.jsx
@@ -0,0 +1,40 @@
+import * as Uebersicht from "uebersicht";
+
+const { React } = Uebersicht;
+
+/**
+ * Icon component renders an SVG element.
+ *
+ * @param {Object} props - The properties object.
+ * @param {number} [props.width=24] - The width of the SVG.
+ * @param {number} [props.height=24] - The height of the SVG.
+ * @param {React.ReactNode} props.children - The children elements to be rendered inside the SVG.
+ * @returns {JSX.Element} The SVG element.
+ */
+export default function Icon({ width = 24, height = 24, children, ...props }) {
+  return (
+    <svg
+      viewBox={`0 0 ${width} ${height}`}
+      width={width}
+      height={height}
+      {...props}
+    >
+      {children}
+    </svg>
+  );
+}
+
+/**
+ * SuspenseIcon component renders its children within a React.Suspense component.
+ *
+ * @param {Object} props - The properties object.
+ * @param {React.ReactNode} props.children - The children elements to be rendered inside the Suspense component.
+ * @returns {JSX.Element} The Suspense component with a fallback SVG loader.
+ */
+export function SuspenseIcon({ children }) {
+  return (
+    <React.Suspense fallback={<svg className="simple-bar-icon-loader" />}>
+      {children}
+    </React.Suspense>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/icons.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/icons.jsx
new file mode 100755
index 0000000..514a2f1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/icons.jsx
@@ -0,0 +1,337 @@
+import * as Uebersicht from "uebersicht";
+
+const { React } = Uebersicht;
+
+export const Default = React.lazy(() => import("./library/default.jsx"));
+export const Ableton = React.lazy(() => import("./library/ableton.jsx"));
+export const Activity = React.lazy(() => import("./library/activity.jsx"));
+export const Add = React.lazy(() => import("./library/add.jsx"));
+export const AffinityDesigner = React.lazy(
+  () => import("./library/affinity-designer.jsx"),
+);
+export const AffinityPhoto = React.lazy(
+  () => import("./library/affinity-photo.jsx"),
+);
+export const AffinityPublisher = React.lazy(
+  () => import("./library/affinity-publisher.jsx"),
+);
+export const Airmail = React.lazy(() => import("./library/airmail.jsx"));
+export const Alfred = React.lazy(() => import("./library/alfred.jsx"));
+export const AndroidMessages = React.lazy(
+  () => import("./library/android-messages.jsx"),
+);
+export const AndroidStudio = React.lazy(
+  () => import("./library/android-studio.jsx"),
+);
+export const Anki = React.lazy(() => import("./library/anki.jsx"));
+export const Antigravity = React.lazy(
+  () => import("./library/antigravity.jsx"),
+);
+export const Anytype = React.lazy(() => import("./library/anytype.jsx"));
+export const AppleSimulator = React.lazy(
+  () => import("./library/apple-simulator.jsx"),
+);
+export const AppStore = React.lazy(() => import("./library/app-store.jsx"));
+export const Apple = React.lazy(() => import("./library/apple.jsx"));
+export const Arc = React.lazy(() => import("./library/arc.jsx"));
+export const Atom = React.lazy(() => import("./library/atom.jsx"));
+export const Audacity = React.lazy(() => import("./library/audacity.jsx"));
+export const Aqua = React.lazy(() => import("./library/aqua.jsx"));
+export const Bank = React.lazy(() => import("./library/bank.jsx"));
+export const BattleNet = React.lazy(() => import("./library/battle-net.jsx"));
+export const BambuStudio = React.lazy(
+  () => import("./library/bambu-studio.jsx"),
+);
+export const Bear = React.lazy(() => import("./library/bear.jsx"));
+export const Beekeeper = React.lazy(() => import("./library/beekeeper.jsx"));
+export const Bell = React.lazy(() => import("./library/bell.jsx"));
+export const BellOff = React.lazy(() => import("./library/bell-off.jsx"));
+export const Bitcoin = React.lazy(() => import("./library/bitcoin.jsx"));
+export const BitWarden = React.lazy(() => import("./library/bit-warden.jsx"));
+export const Blender = React.lazy(() => import("./library/blender.jsx"));
+export const Book = React.lazy(() => import("./library/book.jsx"));
+export const BraveBrowser = React.lazy(
+  () => import("./library/brave-browser.jsx"),
+);
+export const Bruno = React.lazy(() => import("./library/bruno.jsx"));
+export const CLion = React.lazy(() => import("./library/c-lion.jsx"));
+export const Calendar = React.lazy(() => import("./library/calendar.jsx"));
+export const Camera = React.lazy(() => import("./library/camera.jsx"));
+export const CameraOff = React.lazy(() => import("./library/camera-off.jsx"));
+export const Cancel = React.lazy(() => import("./library/cancel.jsx"));
+export const Caprine = React.lazy(() => import("./library/caprine.jsx"));
+export const CARROT = React.lazy(() => import("./library/ca-r-r-o-t.jsx"));
+export const Celo = React.lazy(() => import("./library/celo.jsx"));
+export const Charging = React.lazy(() => import("./library/charging.jsx"));
+export const ChatGPT = React.lazy(() => import("./library/chat-gpt.jsx"));
+export const Chatterino = React.lazy(() => import("./library/chatterino.jsx"));
+export const ChevronBottom = React.lazy(
+  () => import("./library/chevron-bottom.jsx"),
+);
+export const ChevronLeft = React.lazy(
+  () => import("./library/chevron-left.jsx"),
+);
+export const ChevronRight = React.lazy(
+  () => import("./library/chevron-right.jsx"),
+);
+export const ChevronTop = React.lazy(() => import("./library/chevron-top.jsx"));
+export const CheckBox = React.lazy(() => import("./library/check-box.jsx"));
+export const ClickUp = React.lazy(() => import("./library/click-up.jsx"));
+export const Claude = React.lazy(() => import("./library/claude.jsx"));
+export const ClaudeCode = React.lazy(() => import("./library/claude-code.jsx"));
+export const Cline = React.lazy(() => import("./library/cline.jsx"));
+export const Clock = React.lazy(() => import("./library/clock.jsx"));
+export const Close = React.lazy(() => import("./library/close.jsx"));
+export const Cloud = React.lazy(() => import("./library/cloud.jsx"));
+export const Codex = React.lazy(() => import("./library/codex.jsx"));
+export const Code = React.lazy(() => import("./library/code.jsx"));
+export const Coffee = React.lazy(() => import("./library/coffee.jsx"));
+export const ColorPicker = React.lazy(
+  () => import("./library/color-picker.jsx"),
+);
+export const ComfyUI = React.lazy(() => import("./library/comfy-ui.jsx"));
+export const Copilot = React.lazy(() => import("./library/copilot.jsx"));
+export const CPU = React.lazy(() => import("./library/cp-u.jsx"));
+export const Cursor = React.lazy(() => import("./library/cursor.jsx"));
+export const DataGrip = React.lazy(() => import("./library/data-grip.jsx"));
+export const Date = React.lazy(() => import("./library/date.jsx"));
+export const Deezer = React.lazy(() => import("./library/deezer.jsx"));
+export const Desktop = React.lazy(() => import("./library/desktop.jsx"));
+export const DEVONthink3 = React.lazy(
+  () => import("./library/de-v-o-nthink3.jsx"),
+);
+export const Discord = React.lazy(() => import("./library/discord.jsx"));
+export const Docker = React.lazy(() => import("./library/docker.jsx"));
+export const Dollar = React.lazy(() => import("./library/dollar.jsx"));
+export const DownArrow = React.lazy(() => import("./library/down-arrow.jsx"));
+export const Download = React.lazy(() => import("./library/download.jsx"));
+export const Drafts = React.lazy(() => import("./library/drafts.jsx"));
+export const Dropbox = React.lazy(() => import("./library/dropbox.jsx"));
+export const Element = React.lazy(() => import("./library/element.jsx"));
+export const Emacs = React.lazy(() => import("./library/emacs.jsx"));
+export const Ethereum = React.lazy(() => import("./library/ethereum.jsx"));
+export const EvernoteLegacy = React.lazy(
+  () => import("./library/evernote-legacy.jsx"),
+);
+export const FaceTime = React.lazy(() => import("./library/face-time.jsx"));
+export const Figma = React.lazy(() => import("./library/figma.jsx"));
+export const FinalCutPro = React.lazy(
+  () => import("./library/final-cut-pro.jsx"),
+);
+export const Finder = React.lazy(() => import("./library/finder.jsx"));
+export const Firefox = React.lazy(() => import("./library/firefox.jsx"));
+export const FirefoxDeveloperEdition = React.lazy(
+  () => import("./library/firefox-developer-edition.jsx"),
+);
+export const Fleet = React.lazy(() => import("./library/fleet.jsx"));
+export const Fog = React.lazy(() => import("./library/fog.jsx"));
+export const Folx = React.lazy(() => import("./library/folx.jsx"));
+export const FreeTube = React.lazy(() => import("./library/free-tube.jsx"));
+export const Gear = React.lazy(() => import("./library/gear.jsx"));
+export const Ghostty = React.lazy(() => import("./library/ghostty.jsx"));
+export const GitHub = React.lazy(() => import("./library/git-hub.jsx"));
+export const GoodNotes = React.lazy(() => import("./library/good-notes.jsx"));
+export const GoogleChrome = React.lazy(
+  () => import("./library/google-chrome.jsx"),
+);
+export const GnuCash = React.lazy(() => import("./library/gnu-cash.jsx"));
+export const GoLand = React.lazy(() => import("./library/go-land.jsx"));
+export const Goose = React.lazy(() => import("./library/goose.jsx"));
+export const Grammarly = React.lazy(() => import("./library/grammarly.jsx"));
+export const Helium = React.lazy(() => import("./library/helium.jsx"));
+export const HomeAssistant = React.lazy(
+  () => import("./library/home-assistant.jsx"),
+);
+export const HTTPie = React.lazy(() => import("./library/ht-t-pie.jsx"));
+export const Idea = React.lazy(() => import("./library/idea.jsx"));
+export const Insomnia = React.lazy(() => import("./library/insomnia.jsx"));
+export const Iris = React.lazy(() => import("./library/iris.jsx"));
+export const Italic = React.lazy(() => import("./library/italic.jsx"));
+export const Joplin = React.lazy(() => import("./library/joplin.jsx"));
+export const Kakoune = React.lazy(() => import("./library/kakoune.jsx"));
+export const KeePassXC = React.lazy(() => import("./library/kee-pass-x-c.jsx"));
+export const Keyboard = React.lazy(() => import("./library/keyboard.jsx"));
+export const KeyboardMaestro = React.lazy(
+  () => import("./library/keyboard-maestro.jsx"),
+);
+export const Keynote = React.lazy(() => import("./library/keynote.jsx"));
+export const LeagueOfLegends = React.lazy(
+  () => import("./library/league-of-legends.jsx"),
+);
+export const LibreWolf = React.lazy(() => import("./library/libre-wolf.jsx"));
+export const Linear = React.lazy(() => import("./library/linear.jsx"));
+export const LMStudio = React.lazy(() => import("./library/lm-studio.jsx"));
+export const MaestroAI = React.lazy(() => import("./library/maestro-ai.jsx"));
+export const Mail = React.lazy(() => import("./library/mail.jsx"));
+export const Mamp = React.lazy(() => import("./library/mamp.jsx"));
+export const Manus = React.lazy(() => import("./library/manus.jsx"));
+export const Matlab = React.lazy(() => import("./library/matlab.jsx"));
+export const Mattermost = React.lazy(() => import("./library/mattermost.jsx"));
+export const Messages = React.lazy(() => import("./library/messages.jsx"));
+export const MicOff = React.lazy(() => import("./library/mic-off.jsx"));
+export const MicOn = React.lazy(() => import("./library/mic-on.jsx"));
+export const MicrosoftEdge = React.lazy(
+  () => import("./library/microsoft-edge.jsx"),
+);
+export const MicrosoftExcel = React.lazy(
+  () => import("./library/microsoft-excel.jsx"),
+);
+export const MicrosoftOutlook = React.lazy(
+  () => import("./library/microsoft-outlook.jsx"),
+);
+export const MicrosoftPowerPoint = React.lazy(
+  () => import("./library/microsoft-power-point.jsx"),
+);
+export const MicrosoftWord = React.lazy(
+  () => import("./library/microsoft-word.jsx"),
+);
+export const Mimestream = React.lazy(() => import("./library/mimestream.jsx"));
+export const MinBrowser = React.lazy(() => import("./library/min-browser.jsx"));
+export const Miro = React.lazy(() => import("./library/miro.jsx"));
+export const MoneroGUI = React.lazy(() => import("./library/monero-gui.jsx"));
+export const MongoDB = React.lazy(() => import("./library/mongo-db.jsx"));
+export const Moon = React.lazy(() => import("./library/moon.jsx"));
+export const Mpv = React.lazy(() => import("./library/mpv.jsx"));
+export const Music = React.lazy(() => import("./library/music.jsx"));
+export const N8n = React.lazy(() => import("./library/n8n.jsx"));
+export const NeteaseMusic = React.lazy(
+  () => import("./library/netease-music.jsx"),
+);
+export const NetNewsWire = React.lazy(
+  () => import("./library/net-news-wire.jsx"),
+);
+export const Notability = React.lazy(() => import("./library/notability.jsx"));
+export const NotebookLM = React.lazy(() => import("./library/notebook-lm.jsx"));
+export const Notes = React.lazy(() => import("./library/notes.jsx"));
+export const Notion = React.lazy(() => import("./library/notion.jsx"));
+export const Nova = React.lazy(() => import("./library/nova.jsx"));
+export const NoVolume = React.lazy(() => import("./library/no-volume.jsx"));
+export const Numbers = React.lazy(() => import("./library/numbers.jsx"));
+export const Obsidian = React.lazy(() => import("./library/obsidian.jsx"));
+export const OBSStudio = React.lazy(() => import("./library/ob-s-studio.jsx"));
+export const Ollama = React.lazy(() => import("./library/ollama.jsx"));
+export const OmniFocus = React.lazy(() => import("./library/omni-focus.jsx"));
+export const OnePassword = React.lazy(
+  () => import("./library/one-password.jsx"),
+);
+export const OpenBook = React.lazy(() => import("./library/open-book.jsx"));
+export const OpenClaw = React.lazy(() => import("./library/open-claw.jsx"));
+export const Opencode = React.lazy(() => import("./library/opencode.jsx"));
+export const OrbStack = React.lazy(() => import("./library/orb-stack.jsx"));
+export const Pages = React.lazy(() => import("./library/pages.jsx"));
+export const Parallels = React.lazy(() => import("./library/parallels.jsx"));
+export const Paused = React.lazy(() => import("./library/paused.jsx"));
+export const Perplexity = React.lazy(() => import("./library/perplexity.jsx"));
+export const PDF = React.lazy(() => import("./library/pdf.jsx"));
+export const PHPStorm = React.lazy(() => import("./library/php-storm.jsx"));
+export const Pihole = React.lazy(() => import("./library/pihole.jsx"));
+export const Pine = React.lazy(() => import("./library/pine.jsx"));
+export const Pins = React.lazy(() => import("./library/pins.jsx"));
+export const Playing = React.lazy(() => import("./library/playing.jsx"));
+export const Plex = React.lazy(() => import("./library/plex.jsx"));
+export const Podcasts = React.lazy(() => import("./library/podcasts.jsx"));
+export const Pomodone = React.lazy(() => import("./library/pomodone.jsx"));
+export const Postman = React.lazy(() => import("./library/postman.jsx"));
+export const ProtonMail = React.lazy(() => import("./library/proton-mail.jsx"));
+export const PyCharm = React.lazy(() => import("./library/py-charm.jsx"));
+export const Quip = React.lazy(() => import("./library/quip.jsx"));
+export const QuteBrowser = React.lazy(
+  () => import("./library/qute-browser.jsx"),
+);
+export const Radar = React.lazy(() => import("./library/radar.jsx"));
+export const Rain = React.lazy(() => import("./library/rain.jsx"));
+export const Ram = React.lazy(() => import("./library/ram.jsx"));
+export const Redis = React.lazy(() => import("./library/redis.jsx"));
+export const Reeder5 = React.lazy(() => import("./library/reeder5.jsx"));
+export const Reminders = React.lazy(() => import("./library/reminders.jsx"));
+export const Remnote = React.lazy(() => import("./library/remnote.jsx"));
+export const RemoteDesktop = React.lazy(
+  () => import("./library/remote-desktop.jsx"),
+);
+export const Remove = React.lazy(() => import("./library/remove.jsx"));
+export const Replit = React.lazy(() => import("./library/replit.jsx"));
+export const Rider = React.lazy(() => import("./library/rider.jsx"));
+export const RocketChat = React.lazy(() => import("./library/rocket-chat.jsx"));
+export const Roon = React.lazy(() => import("./library/roon.jsx"));
+export const RoyalTSX = React.lazy(() => import("./library/royal-tsx.jsx"));
+export const RubyMine = React.lazy(() => import("./library/ruby-mine.jsx"));
+export const RustRover = React.lazy(() => import("./library/rust-rover.jsx"));
+export const Safari = React.lazy(() => import("./library/safari.jsx"));
+export const Screens4 = React.lazy(() => import("./library/screens4.jsx"));
+export const SequelAce = React.lazy(() => import("./library/sequel-ace.jsx"));
+export const SequelPro = React.lazy(() => import("./library/sequel-pro.jsx"));
+export const Setapp = React.lazy(() => import("./library/setapp.jsx"));
+export const Signal = React.lazy(() => import("./library/signal.jsx"));
+export const Sketch = React.lazy(() => import("./library/sketch.jsx"));
+export const SketchUp = React.lazy(() => import("./library/sketch-up.jsx"));
+export const Skype = React.lazy(() => import("./library/skype.jsx"));
+export const Slack = React.lazy(() => import("./library/slack.jsx"));
+export const Snow = React.lazy(() => import("./library/snow.jsx"));
+export const Spark = React.lazy(() => import("./library/spark.jsx"));
+export const Spotify = React.lazy(() => import("./library/spotify.jsx"));
+export const Spotlight = React.lazy(() => import("./library/spotlight.jsx"));
+export const Spotube = React.lazy(() => import("./library/spotube.jsx"));
+export const Statistics = React.lazy(() => import("./library/statistics.jsx"));
+export const Stopped = React.lazy(() => import("./library/stopped.jsx"));
+export const Storm = React.lazy(() => import("./library/storm.jsx"));
+export const SublimeText = React.lazy(
+  () => import("./library/sublime-text.jsx"),
+);
+export const Sun = React.lazy(() => import("./library/sun.jsx"));
+export const SuperProductivity = React.lazy(
+  () => import("./library/super-productivity.jsx"),
+);
+export const TablePlus = React.lazy(() => import("./library/table-plus.jsx"));
+export const Tailscale = React.lazy(() => import("./library/tailscale.jsx"));
+export const Teams = React.lazy(() => import("./library/teams.jsx"));
+export const TeamSpeak = React.lazy(() => import("./library/team-speak.jsx"));
+export const Telegram = React.lazy(() => import("./library/telegram.jsx"));
+export const Terminal = React.lazy(() => import("./library/terminal.jsx"));
+export const Text = React.lazy(() => import("./library/text.jsx"));
+export const Thermostat = React.lazy(() => import("./library/thermostat.jsx"));
+export const Things = React.lazy(() => import("./library/things.jsx"));
+export const Thunderbird = React.lazy(
+  () => import("./library/thunderbird.jsx"),
+);
+export const TickTick = React.lazy(() => import("./library/tick-tick.jsx"));
+export const Tidal = React.lazy(() => import("./library/tidal.jsx"));
+export const Todoist = React.lazy(() => import("./library/todoist.jsx"));
+export const TorBrowser = React.lazy(() => import("./library/tor-browser.jsx"));
+export const Tower = React.lazy(() => import("./library/tower.jsx"));
+export const Transmit = React.lazy(() => import("./library/transmit.jsx"));
+export const Trello = React.lazy(() => import("./library/trello.jsx"));
+export const Twitter = React.lazy(() => import("./library/twitter.jsx"));
+export const UpArrow = React.lazy(() => import("./library/up-arrow.jsx"));
+export const Upload = React.lazy(() => import("./library/upload.jsx"));
+export const Vim = React.lazy(() => import("./library/vim.jsx"));
+export const Vivaldi = React.lazy(() => import("./library/vivaldi.jsx"));
+export const VLC = React.lazy(() => import("./library/vl-c.jsx"));
+export const VMwareFusion = React.lazy(
+  () => import("./library/vmware-fusion.jsx"),
+);
+export const VolumeHigh = React.lazy(() => import("./library/volume-high.jsx"));
+export const VolumeLow = React.lazy(() => import("./library/volume-low.jsx"));
+export const VolumeMuted = React.lazy(
+  () => import("./library/volume-muted.jsx"),
+);
+export const VPN = React.lazy(() => import("./library/vp-n.jsx"));
+export const VPNOff = React.lazy(() => import("./library/vp-n-off.jsx"));
+export const VSCodium = React.lazy(() => import("./library/vs-codium.jsx"));
+export const Warp = React.lazy(() => import("./library/warp.jsx"));
+export const WebStorm = React.lazy(() => import("./library/web-storm.jsx"));
+export const Wechat = React.lazy(() => import("./library/wechat.jsx"));
+export const WhatsApp = React.lazy(() => import("./library/whats-app.jsx"));
+export const Widget = React.lazy(() => import("./library/widget.jsx"));
+export const Wifi = React.lazy(() => import("./library/wifi.jsx"));
+export const WifiOff = React.lazy(() => import("./library/wifi-off.jsx"));
+export const Windows = React.lazy(() => import("./library/windows.jsx"));
+export const Xcode = React.lazy(() => import("./library/xcode.jsx"));
+export const YoutubeMusic = React.lazy(
+  () => import("./library/youtube-music.jsx"),
+);
+export const Zed = React.lazy(() => import("./library/zed.jsx"));
+export const ZenBrowser = React.lazy(() => import("./library/zen-browser.jsx"));
+export const Zeplin = React.lazy(() => import("./library/zeplin.jsx"));
+export const Zoom = React.lazy(() => import("./library/zoom.jsx"));
+export const Zotero = React.lazy(() => import("./library/zotero.jsx"));
+export const Zulip = React.lazy(() => import("./library/zulip.jsx"));
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ableton.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ableton.jsx
new file mode 100755
index 0000000..c57cf32
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ableton.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Ableton(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.58214 17.8332c0 .0971-.08573.1668-.17146.1668H.18559C.08573 18 0 17.9303 0 17.8332V7.16772c0-.06969.08573-.15332.18559-.15332h1.22557c.08573 0 .17147.08363.17147.15332L1.58214 17.8332zm3.20666 0c0 .0971-.08574.1668-.17147.1668H3.39225c-.09986 0-.18511-.0697-.18511-.1668V7.16772c0-.06969.08525-.15332.18511-.15332h1.22557c.08573 0 .17146.08363.17146.15332L4.7888 17.8332zm3.20665 0c0 .0971-.08524.1668-.17146.1668H6.59842c-.09986 0-.18511-.0697-.18511-.1668V7.16772c0-.06969.08525-.15332.18511-.15332h1.22557c.08622 0 .17146.08363.17146.15332V17.8332zm3.22075 0c0 .0971-.0857.1668-.1709.1668H9.81969c-.09986 0-.18559-.0697-.18559-.1668V7.16772c0-.06969.08573-.15332.18559-.15332h1.22561c.0852 0 .1709.08363.1709.15332V17.8332zM23.829 7c.0994 0 .171.08456.171.16772v1.2024c0 .09803-.0711.18166-.171.18166H12.9547c-.0711 0-.1563-.08363-.1563-.18166v-1.2024c0-.08363.0857-.16772.1563-.16772H23.829zm0 3.1593c.0994 0 .171.0841.171.1677v1.202c0 .0975-.0711.1816-.171.1816H12.9547c-.0711 0-.1563-.0841-.1563-.1816v-1.202c0-.0841.0857-.1677.1563-.1677H23.829zm0 3.1449c.0994 0 .171.0837.171.1678v1.2014c0 .099-.0711.1826-.171.1826H12.9547c-.0711 0-.1563-.0836-.1563-.1826V13.472c0-.0846.0857-.1678.1563-.1678H23.829zm0 3.144c.0994 0 .171.0846.171.1677v1.2024c0 .0981-.0711.1817-.171.1817H12.9547c-.0711 0-.1563-.0836-.1563-.1817v-1.2024c0-.0836.0857-.1677.1563-.1677H23.829z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/activity.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/activity.jsx
new file mode 100755
index 0000000..502cbc7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/activity.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Activity(props) {
+  return (
+    <Icon {...props}>
+      <path d="M9 2C9.43043 2 9.81257 2.27543 9.94868 2.68377L15 17.8377L17.0513 11.6838C17.1874 11.2754 17.5696 11 18 11H22C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H18.7208L15.9487 21.3162C15.8126 21.7246 15.4304 22 15 22C14.5696 22 14.1874 21.7246 14.0513 21.3162L9 6.16228L6.94868 12.3162C6.81257 12.7246 6.43043 13 6 13H2C1.44772 13 1 12.5523 1 12C1 11.4477 1.44772 11 2 11H5.27924L8.05132 2.68377C8.18743 2.27543 8.56957 2 9 2Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/add.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/add.jsx
new file mode 100755
index 0000000..fb2663d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/add.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Add(props) {
+  return (
+    <Icon {...props}>
+      <path d="M24 10.29v3.42H13.71V24H10.3V13.71H0V10.3h10.29V0h3.42v10.29H24z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-designer.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-designer.jsx
new file mode 100755
index 0000000..4840d80
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-designer.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function AffinityDesigner(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M24,15.7928906 L24,23 C24,23.5522847 23.5522847,24 23,24 L11.8164141,24 L7.07807813,15.7928906 L24,15.7928906 Z M14.52,0 L5.7,15.2767969 L10.7364141,24 L1,24 C0.44771525,24 2.04643073e-12,23.5522847 2.04636308e-12,23 L2.04636308e-12,18.0827344 L10.44,0 L14.52,0 Z M9.34651441,-0.000941031503 L-0.000485585763,16.188059 L2.15027995e-12,1 C2.1502123e-12,0.44771525 0.44771525,1.5286817e-13 1,1.52766688e-13 L9.34651441,-0.000941031503 Z M10.2,9.35320313 L13.3776797,14.8570313 L9.25253906,14.8570313 C8.79203906,14.8570313 8.36653125,14.6153906 8.13628125,14.2164844 C7.90603011,13.817726 7.90603011,13.3264146 8.13628125,12.9276563 C8.2344601,12.7576004 8.33529127,12.5829519 8.43707936,12.406647 L8.64142909,12.0526986 C9.4258093,10.6941005 10.2,9.35320313 10.2,9.35320313 Z M23,0 C23.5522847,-1.08246745e-15 24,0.44771525 24,1 L24,14.8570313 L14.4581484,14.8570313 L10.74,8.4178125 L15.6,0 L23,0 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-photo.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-photo.jsx
new file mode 100755
index 0000000..d4eb1a0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-photo.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function AffinityPhoto(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M24,15.7920082 L24,23 C24,23.5522847 23.5522847,24 23,24 L15.6562434,24 L10.9174908,15.7920082 L24,15.7920082 Z M9.299907,9.04129496 L0.663593364,23.999976 C0.299024142,23.999976 0.00342023664,23.7045519 0.00319844346,23.3399827 L-2.30926389e-14,18.0825899 L5.2199478,9.04129496 L9.299907,9.04129496 Z M8.1599184,12.8864511 L14.5762542,23.999976 L1.73638264,23.999976 L8.1599184,12.8864511 Z M9.26450411,-3.67739595e-06 L-0.000495891046,16.0469963 L-2.13162821e-14,1 C-2.13839363e-14,0.44771525 0.44771525,3.60701891e-13 1,3.60600438e-13 L9.26450411,-3.67739595e-06 Z M23.2797672,1.20792265e-13 C23.6774101,1.19659685e-13 23.9997652,0.322349875 23.9997716,0.7199928 L24,14.8560091 L14.702733,14.8560091 L23.2797672,1.20792265e-13 Z M10.9830102,9.02389498 L13.0189098,9.02439898 L13.0311497,9.02439898 C13.3470932,9.02572164 13.6509005,9.19092207 13.8436281,9.44504185 L13.9160208,9.55381445 L13.9160208,9.55381445 L14.9948101,11.4225486 C14.9948101,11.4225486 15.00105,11.4329886 15.00393,11.4380286 C15.1803282,11.7465003 15.1870481,12.1352039 15.0108899,12.4492916 C14.6492135,13.0820269 14.2820172,13.7117383 13.9177008,14.3429617 C13.7386626,14.6499454 13.399786,14.8502251 13.0397896,14.8547131 L12.9117873,14.8551763 L12.9117873,14.8551763 L12.6228707,14.855854 C12.5719021,14.8559418 12.519806,14.8560179 12.4670028,14.8560834 L10.9731703,14.8560091 L10.9731703,14.8560091 C10.6177338,14.8545211 10.2721373,14.6648973 10.0882991,14.3553216 C10.0842192,14.3486017 10.0762992,14.3349217 10.0762992,14.3349217 C10.0762992,14.3349217 8.99727003,12.4659955 8.99487005,12.4616515 C8.81847182,12.1531798 8.81871181,11.7546362 8.99487005,11.4405486 L9.00278997,11.4267006 C9.00278997,11.4267006 9.27248283,10.958682 9.56478703,10.4516591 L9.72498304,10.1738116 C9.85787327,9.9433462 9.98615347,9.72093828 10.0866191,9.54687845 C10.2656573,9.23989476 10.6050139,9.02869497 10.9650103,9.02418298 C10.9710103,9.02415898 10.9830102,9.02389498 10.9830102,9.02389498 Z M22.199778,1.20792265e-13 L15.8398416,11.015845 L9.9599004,0.831383169 L10.4398956,1.20792265e-13 L22.199778,1.20792265e-13 Z M9.4199058,1.76668623 L13.0798692,8.10599189 L5.7599424,8.10599189 L9.4199058,1.76668623 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-publisher.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-publisher.jsx
new file mode 100755
index 0000000..127ed96
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/affinity-publisher.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function AffinityPublisher(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M3.66,11.743296 L10.7364,24 L1,24 C0.44771525,24 1.04864034e-15,23.5522847 0,23 L0,18.082608 L3.66,11.743296 Z M12.36,0 L24,20.16108 L24,23 C24,23.5522847 23.5522847,24 23,24 L22.1364,24 L9.36,1.870608 L10.44,0 L12.36,0 Z M8.82,2.805912 L21.0564,24 L16.9764,24 L6.84,6.235392 L8.82,2.805912 Z M6.240096,7.274376 L15.8964,24 L11.8164,24 C11.8164,24 10.1629545,21.135146 8.39585019,18.0741035 L8.07364883,17.5159825 C6.78257585,15.2796038 5.48074536,13.025003 4.760472,11.778744 C4.41324,11.177976 4.413144,10.437552 4.760184,9.836688 C5.400432,8.728176 6.240096,7.274376 6.240096,7.274376 Z M23,0 C23.5522847,-2.12449416e-16 24,0.44771525 24,1 L24,18.290448 L13.44,0 L23,0 Z M9.1711219,-0.000294809315 L-0.00087810197,15.8857052 L1.24344979e-14,1 C1.23668437e-14,0.44771525 0.44771525,2.10599713e-13 1,2.10498285e-13 L9.1711219,-0.000294809315 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/airmail.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/airmail.jsx
new file mode 100755
index 0000000..bad0d1f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/airmail.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Airmail(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 Z M4.41330385,8.54740435 L10.9512111,13.3604352 L11.0977263,13.4587231 C11.796293,13.8840706 12.6921408,13.8429055 13.3514536,13.3390862 L13.3514536,13.3390862 L19.5962577,8.56845889 C20.0697419,9.61494176 20.3333333,10.7766883 20.3333333,12 C20.3333333,16.6023729 16.6023729,20.3333333 12,20.3333333 C7.39762708,20.3333333 3.66666667,16.6023729 3.66666667,12 C3.66666667,10.7684782 3.93380809,9.59935061 4.41330385,8.54740435 Z M12,3.66666667 C14.6579701,3.66666667 17.0252969,4.91105867 18.5511698,6.84903215 L12.1371028,11.7499506 L5.4605582,6.83417134 C6.98681826,4.90469947 9.3488301,3.66666667 12,3.66666667 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/alfred.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/alfred.jsx
new file mode 100755
index 0000000..909dccf
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/alfred.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Alfred(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12,4 C16.9705627,4 21,7.35786438 21,11.5 L21,11.5 L21.0012572,13.3275425 C22.8675988,14.1207509 24,15.1625646 24,16.3035607 C24,18.7888421 18.627417,20.8035607 12,20.8035607 C5.372583,20.8035607 0,18.7888421 0,16.3035607 C0,15.1623601 1.13280722,14.1203774 2.9997465,13.327116 L3,11.5 L3.0041259,11.2707046 C3.14956116,7.23465056 7.12148471,4 12,4 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/android-messages.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/android-messages.jsx
new file mode 100755
index 0000000..a074703
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/android-messages.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function AndroidMessages(props) {
+  return (
+    <Icon {...props}>
+      <path d="M.61 5.7a.3.3 0 0 1 0-.48l2.42-1.86a.3.3 0 0 1 .48.24V7.3a.3.3 0 0 1-.48.24L.6 5.69z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M22 3.3H3.18v16.1c0 1.1.9 2 2 2H22a2 2 0 0 0 2-2V5.3a2 2 0 0 0-2-2zM9.15 8.66a.64.64 0 1 0 0 1.28h8.88a.64.64 0 0 0 0-1.28H9.15zm-.64 3.67c0-.35.3-.64.64-.64h8.88a.64.64 0 1 1 0 1.28H9.15a.64.64 0 0 1-.64-.64zm.64 2.4a.64.64 0 1 0 0 1.27h8.88a.64.64 0 1 0 0-1.28H9.15z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/android-studio.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/android-studio.jsx
new file mode 100755
index 0000000..25fb85d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/android-studio.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function AndroidStudio(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 1c-5.436 0-9.85 4.415-9.85 9.85a9.835 9.835 0 003.496 7.526l4.134-7.15-.36-.357c-.106-.106-.159-.195-.16-.278v-.027h-.01V8.22c0-.564.467-1.03 1.031-1.03h.582V5.343h2.283V7.19h.573c.573 0 1.031.466 1.04 1.039v2.327h-.009v.01h-.002c-.003.08-.047.183-.16.295l-.008.009-.358.357 1.772 3.064a5.276 5.276 0 001.28-3.44h1.837a7.104 7.104 0 01-2.16 5.098l1.403 2.43a9.834 9.834 0 003.497-7.527C21.86 5.405 17.445 1 12 1zm6.354 17.377c-.47.398-.978.751-1.515 1.054l1.393 2.41a.52.52 0 00.181.187l1.379.94a.162.162 0 00.17.01.175.175 0 00.08-.153l-.143-1.656a.634.634 0 00-.08-.25l-1.465-2.54v-.002zm-1.515 1.054l-1.373-2.373a7.052 7.052 0 01-3.457.904 7.053 7.053 0 01-3.458-.904L7.176 19.44A9.796 9.796 0 0012 20.704c1.758 0 3.41-.463 4.84-1.272zm-9.662.009a9.889 9.889 0 01-1.53-1.064L4.18 20.91a.636.636 0 00-.08.251l-.126 1.665c-.01.063.027.116.08.152.054.037.117.028.17-.01l1.378-.93a.713.713 0 00.18-.187l1.394-2.41zM12 8.085v.018a1.366 1.366 0 00-1.369 1.375A1.376 1.376 0 0012 10.85h.01a1.383 1.383 0 001.369-1.374 1.384 1.384 0 00-1.37-1.375L12 8.085zm-.867 4.495l-1.668 2.885c.777.43 1.65.654 2.536.654a5.164 5.164 0 002.526-.646l-1.663-2.887-.344.344a.698.698 0 01-.51.214h-.018a.727.727 0 01-.51-.214l-.35-.35z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/anki.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/anki.jsx
new file mode 100755
index 0000000..6a177aa
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/anki.jsx
@@ -0,0 +1,16 @@
+import Icon from "../icon.jsx";
+
+export default function Anki(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.23077 0C2.3419 0 0 2.3419 0 5.23077V18.7692C0 21.6581 2.3419 24 5.23077 24H18.7692C21.6581 24 24 21.6581 24 18.7692V5.23077C24 2.3419 21.6581 0 18.7692 0H5.23077ZM3.07692 4.39008V10.4003C3.07692 11.403 3.56556 12.3429 4.38638 12.9189L10.1088 16.9347C11.1547 17.6686 12.5453 17.6798 13.6029 16.9628L19.5728 12.9154C20.4173 12.3429 20.9231 11.389 20.9231 10.3687V4.26178C20.9231 3.99273 20.8315 3.7317 20.6634 3.52161C20.4386 3.24054 20.0982 3.07692 19.7382 3.07692H4.39008C4.04181 3.07692 3.7078 3.21527 3.46154 3.46154C3.21527 3.7078 3.07692 4.04181 3.07692 4.39008Z"
+      />
+      <path d="M5.53846 6.15385C5.53846 5.98391 5.67622 5.84615 5.84615 5.84615H8.92308C9.09301 5.84615 9.23077 5.98391 9.23077 6.15385C9.23077 6.32378 9.09301 6.46154 8.92308 6.46154H5.84615C5.67622 6.46154 5.53846 6.32378 5.53846 6.15385Z" />
+      <path d="M5.53846 8.30769C5.53846 8.13776 5.67622 8 5.84615 8H18.1538C18.3238 8 18.4615 8.13776 18.4615 8.30769C18.4615 8.47763 18.3238 8.61538 18.1538 8.61538H5.84615C5.67622 8.61538 5.53846 8.47763 5.53846 8.30769Z" />
+      <path d="M5.53846 10.4615C5.53846 10.2916 5.67622 10.1538 5.84615 10.1538H18.1538C18.3238 10.1538 18.4615 10.2916 18.4615 10.4615C18.4615 10.6315 18.3238 10.7692 18.1538 10.7692H5.84615C5.67622 10.7692 5.53846 10.6315 5.53846 10.4615Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/antigravity.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/antigravity.jsx
new file mode 100755
index 0000000..0c71174
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/antigravity.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Antigravity(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21.751 22.607c1.34 1.005 3.35.335 1.508-1.508C17.73 15.74 18.904 1 12.037 1 5.17 1 6.342 15.74.815 21.1c-2.01 2.009.167 2.511 1.507 1.506 5.192-3.517 4.857-9.714 9.715-9.714 4.857 0 4.522 6.197 9.714 9.715z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/anytype.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/anytype.jsx
new file mode 100755
index 0000000..a585ecd
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/anytype.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Anytype(props) {
+  return (
+    <Icon {...props}>
+      <path d="M3.6304 0h15.0261v5.2H3.6305V0Zm15.0261 5.2H24.5v18.7h-5.8435V5.2ZM8.326 24c4.3223 0 7.8262-3.3579 7.8262-7.5S12.6483 9 8.3261 9C4.0039 9 .5 12.3579.5 16.5S4.0039 24 8.326 24Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/app-store.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/app-store.jsx
new file mode 100755
index 0000000..91ebdc9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/app-store.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function AppStore(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M7.85263158,16.2315789 C7.29473684,15.5578947 6.58947368,15.3526316 5.72631579,15.6210526 L5.72631579,15.6210526 L4.95789474,16.9473684 C4.66315789,17.4631579 4.83684211,18.1210526 5.35263158,18.4157895 C5.86842105,18.7105263 6.52631579,18.5368421 6.82105263,18.0210526 L6.82105263,18.0210526 Z M13.5789474,7.51052632 C12.9421053,8.03684211 12.3,9.59473684 13.2,11.1473684 C14.0789474,12.6736842 15.4052632,14.9631579 17.1684211,18.0210526 C17.4684211,18.5368421 18.1210526,18.7105263 18.6368421,18.4157895 C19.1526316,18.1157895 19.3263158,17.4631579 19.0315789,16.9473684 L19.0315789,16.9473684 L17.9842105,15.1315789 L19.5368421,15.1315789 C20.1315789,15.1315789 20.6105263,14.6526316 20.6105263,14.0578947 C20.6105263,13.4631579 20.1315789,12.9842105 19.5368421,12.9842105 L19.5368421,12.9842105 L16.7421053,12.9842105 C15.3368421,10.5473684 14.2842105,8.72105263 13.5789474,7.51052632 Z M13.9421053,3.53684211 C13.4263158,3.24210526 12.7684211,3.41578947 12.4736842,3.93157895 L12.4736842,3.93157895 L11.9947368,4.75789474 L11.5263158,3.93157895 C11.2263158,3.41578947 10.5736842,3.24210526 10.0578947,3.53684211 C9.54210526,3.83684211 9.36842105,4.48947368 9.66315789,5.00526316 L9.66315789,5.00526316 L10.7578947,6.90526316 L7.25263158,12.9789474 L4.51578947,12.9789474 C3.92105263,12.9789474 3.44210526,13.4578947 3.44210526,14.0526316 C3.44210526,14.6473684 3.92105263,15.1263158 4.51578947,15.1263158 L4.51578947,15.1263158 L14.2789474,15.1263158 C14.7473684,14.2473684 14.1421053,12.9789474 13.0631579,12.9789474 L13.0631579,12.9789474 L9.73157895,12.9789474 L14.3368421,5.00526316 C14.6315789,4.48947368 14.4578947,3.83157895 13.9421053,3.53684211 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/apple-simulator.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/apple-simulator.jsx
new file mode 100755
index 0000000..13abc8f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/apple-simulator.jsx
@@ -0,0 +1,16 @@
+import Icon from "../icon.jsx";
+
+export default function Ableton(props) {
+  return (
+    <Icon {...props}>
+      <path d="m11.084 2.681.62-1.07a1.393 1.393 0 1 1 2.415 1.391L8.153 13.33h4.315c1.399 0 2.182 1.643 1.575 2.783H1.39C.62 16.113 0 15.493 0 14.72c0-.772.62-1.391 1.391-1.391h3.547L9.48 5.46 8.061 2.999a1.395 1.395 0 0 1 2.416-1.392l.607 1.074ZM5.718 17.546l-1.338 2.32a1.393 1.393 0 1 1-2.415-1.391l.993-1.72c1.124-.348 2.038-.08 2.76.79Zm11.52-4.208h3.62c.772 0 1.391.619 1.391 1.39 0 .773-.62 1.392-1.391 1.392h-2.01l1.356 2.355a1.395 1.395 0 0 1-2.415 1.39c-2.286-3.963-4.002-6.929-5.141-8.905-1.166-2.01-.333-4.028.489-4.713.913 1.568 2.278 3.934 4.101 7.09Z" />
+      <path d="m16.693 9.093-5.081 8.801a1.016 1.016 0 0 0 .372 1.388l4.113 2.375c.486.28 1.108.114 1.388-.372l5.082-8.8a1.016 1.016 0 0 0-.372-1.388L18.08 8.72a1.016 1.016 0 0 0-1.388.372Zm-.587-.338a1.694 1.694 0 0 1 2.314-.62l4.113 2.375a1.694 1.694 0 0 1 .62 2.313l-5.08 8.8a1.694 1.694 0 0 1-2.314.62l-4.114-2.374a1.694 1.694 0 0 1-.62-2.314l5.081-8.8Zm-1.978 10.2a.678.678 0 1 1 1.173.679.678.678 0 0 1-1.173-.678Z" />
+      <path
+        fillOpacity=".75"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m16.693 9.093-5.081 8.8a1.016 1.016 0 0 0 .372 1.39l4.113 2.374c.486.28 1.108.114 1.388-.372l5.082-8.8a1.016 1.016 0 0 0-.372-1.389L18.08 8.721a1.016 1.016 0 0 0-1.388.372Zm-1.64 9.615a.678.678 0 1 0-.677 1.174.678.678 0 0 0 .677-1.174Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/apple.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/apple.jsx
new file mode 100755
index 0000000..dc8ffe8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/apple.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Apple(props) {
+  return (
+    <Icon {...props}>
+      <path d="M18.5373 12.7261c.0337 3.6251 3.1802 4.8315 3.215 4.8469-.0266.085-.5027 1.719-1.6576 3.4069-.9984 1.4593-2.0347 2.9131-3.6671 2.9432-1.6038.0296-2.1196-.9511-3.9534-.9511-1.8332 0-2.4062.921-3.9245.9807-1.5756.0596-2.7755-1.5779-3.7821-3.0319-2.0572-2.9739-3.6292-8.4038-1.5183-12.069 1.0486-1.8202 2.9226-2.9727 4.9566-3.0023 1.5472-.0295 3.0076 1.041 3.9534 1.041.9453 0 2.72-1.2873 4.5857-1.0983.7809.0326 2.9734.3155 4.3811 2.3761-.1135.0703-2.616 1.5272-2.5888 4.5579M15.523 3.8247C16.3596 2.812 16.9226 1.4026 16.769 0c-1.2058.0485-2.6638.8035-3.5287 1.8155-.7751.8962-1.4539 2.3306-1.2707 3.7053 1.344.104 2.7168-.683 3.5534-1.6961Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/aqua.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/aqua.jsx
new file mode 100755
index 0000000..8267772
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/aqua.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Aqua(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm3.0002 19.1999h9.6v1.8h-9.6v-1.8Zm.5946-9.3264a4.3915 4.3915 0 0 0 1.653 1.6716c.4853.2807 1.013.4646 1.578.551l.0006.1018c0 .3774.078.7056.2346.984.1558.2779.391.5029.6756.6462.294.1518.636.228 1.026.228h1.4472v-1.299H9.11c-.1332 0-.2484-.0246-.3444-.0738a.5048.5048 0 0 1-.222-.219c-.0516-.096-.0774-.2112-.0774-.3438v-.0402a4.4563 4.4563 0 0 0 1.476-.5346 4.367 4.367 0 0 0 1.6494-1.6728c.399-.7092.5982-1.5012.5982-2.376 0-.8748-.1992-1.6668-.5976-2.3766a4.3674 4.3674 0 0 0-1.65-1.6722c-.7008-.405-1.4784-.6078-2.3442-.6078-.8658 0-1.6494.2034-2.3502.6084a4.3884 4.3884 0 0 0-1.653 1.6722c-.4014.7092-.6018 1.5012-.6018 2.376 0 .8748.201 1.6668.6018 2.3766Zm6.4344-.7782c-.24.4734-.5724.8448-.9966 1.1124-.4242.2682-.9024.402-1.434.402s-1.011-.1338-1.4376-.402c-.426-.2676-.7608-.6384-1.0032-1.1124-.2418-.474-.363-1.0068-.363-1.5984 0-.5916.1212-1.1244.363-1.5984A2.772 2.772 0 0 1 6.161 4.7861c.4266-.2682.906-.402 1.4376-.402s1.0092.1344 1.434.402c.428.2722.773.657.9966 1.1124.24.474.36 1.0068.36 1.5984 0 .5916-.12 1.1244-.36 1.5984Zm7.6146-6.1002H15.74l-3.2478 9.0036h1.8072l.6816-2.0898h3.5052l.7272 2.0898h1.7682l-3.3378-9.0036ZM16.808 5.118l1.215 3.4338h-2.6238L16.544 5.118l.129-.5724.135.5724Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/arc.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/arc.jsx
new file mode 100755
index 0000000..dd7a339
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/arc.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Arc(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M23.94 8.63c.14-.72.03-1.47-.34-2.1a2.85 2.85 0 0 0-2.47-1.4h-.01c-1.38 0-2.53.98-2.8 2.33-.17.8-.48 1.56-.93 2.27a.26.26 0 0 1-.45-.02l-2.86-6a2.88 2.88 0 0 0-5.23-.07L5.9 9.85c-.08.17-.31.16-.38 0a2.86 2.86 0 0 0-3.77-1.58 2.93 2.93 0 0 0-1.52 3.82 10.55 10.55 0 0 0 2.66 3.66c.08.08.1.2.06.3l-.96 2.02a2.92 2.92 0 0 0 1.27 3.85 2.88 2.88 0 0 0 3.9-1.33l.82-1.72a.25.25 0 0 1 .3-.14 11.46 11.46 0 0 0 6.3-.06.26.26 0 0 1 .3.14l.82 1.71a2.95 2.95 0 0 0 2.62 1.72c.46 0 .9-.1 1.31-.31a2.93 2.93 0 0 0 1.27-3.87l-1.02-2.15a.26.26 0 0 1 .05-.3 13.23 13.23 0 0 0 4-6.98ZM5.54 20.9c.29-.19.52-.45.67-.76l.75-1.56c.06-.13 0-.3-.14-.35a13.88 13.88 0 0 1-2.7-1.49c-.13-.1-.32-.04-.39.1l-.8 1.67c-.43.91-.09 2.04.82 2.48a1.85 1.85 0 0 0 1.79-.1Zm-4.38-9.3c1.47 3.64 5.92 6.5 10.13 6.5.93 0 1.85-.14 2.75-.37a.26.26 0 0 0 .16-.37l-1.37-2.9a.26.26 0 0 0-.29-.14 7.2 7.2 0 0 1-1.25.12c-2.73 0-5.82-1.93-6.74-4.21a1.83 1.83 0 1 0-3.39 1.37Zm10.17.23-.64 1.33c-.04.09.01.2.12.2a5.06 5.06 0 0 0 1.29-.02c.09-.02.14-.12.1-.2l-.62-1.31a.14.14 0 0 0-.25 0Zm7.12 9.34c.25-.01.48-.07.7-.18.9-.45 1.24-1.57.8-2.49L13.1 4.08a1.85 1.85 0 0 0-2.74-.7c-.22.15-.4.37-.52.61L6.5 11.03a.26.26 0 0 0 .05.29 7.47 7.47 0 0 0 2.79 1.72c.12.04.26-.02.32-.14l1.54-3.25c.1-.21.4-.21.5 0l4.99 10.48a1.83 1.83 0 0 0 1.76 1.04Zm-.77-9.97c0 .05 0 .1.02.14l1.47 3.07c.07.17.29.2.42.07a12.1 12.1 0 0 0 3.32-6.02c.2-.98-.36-2-1.33-2.23a1.83 1.83 0 0 0-2.24 1.42 8.2 8.2 0 0 1-1.6 3.42.26.26 0 0 0-.06.13Z"
+      />
+      <path d="M19.15 20.99a1.83 1.83 0 0 1-2.46-.86l-5-10.48c-.1-.21-.4-.21-.49 0L9.66 12.9a.26.26 0 0 1-.32.14 7.47 7.47 0 0 1-2.8-1.72.26.26 0 0 1-.04-.3L9.84 4c.12-.24.3-.46.52-.62a1.85 1.85 0 0 1 2.74.7l6.86 14.43c.43.92.1 2.04-.81 2.49ZM6.21 20.14a1.84 1.84 0 0 1-2.46.85 1.87 1.87 0 0 1-.81-2.48l.8-1.66c.06-.15.25-.2.38-.1a12.8 12.8 0 0 0 2.7 1.48c.14.06.2.22.14.35l-.75 1.56Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/atom.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/atom.jsx
new file mode 100755
index 0000000..104203e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/atom.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Atom(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.272 2.184c-.525-.17-.908-.144-1.185 0l-.003.002-.004.001c-.356.179-.651.565-.824 1.234-.172.668-.205 1.56-.08 2.627.05.431.126.887.226 1.362.952-.15 1.98-.247 3.06-.287a27.316 27.316 0 0 1 1.883-2.17L10.044 3.19c-.663-.505-1.261-.842-1.772-1.006Zm3.792 2.06-1.299-1.76-.055-.043c-.735-.568-1.456-.991-2.132-1.209-.676-.218-1.355-.243-1.948.063-.706.354-1.128 1.047-1.342 1.876-.214.83-.238 1.856-.105 2.993.053.454.132.93.235 1.423a16.55 16.55 0 0 0-1.555.396c-1.093.339-2.021.774-2.693 1.303-.669.527-1.132 1.19-1.166 1.975-.041.682.242 1.304.711 1.842.467.535 1.138 1.013 1.944 1.433l.097.05 2.347.119c-.303.802-.54 1.572-.705 2.291-.255 1.114-.346 2.134-.232 2.98.114.845.443 1.583 1.091 2.015l.005.003.005.003c.642.407 1.42.43 2.214.218.793-.21 1.655-.665 2.537-1.298a.5.5 0 1 0-.582-.813c-.827.593-1.578.977-2.212 1.145-.63.168-1.092.11-1.417-.093-.317-.214-.558-.629-.65-1.313-.093-.685-.025-1.576.216-2.623.174-.76.436-1.59.781-2.462l2.049.103c1.391 2.55 3.005 4.686 4.551 6.114.842.777 1.684 1.364 2.478 1.684.794.32 1.6.395 2.3.04.68-.346 1.09-1.01 1.304-1.805.214-.795.25-1.775.137-2.862a17.458 17.458 0 0 0-.504-2.653l2.405.122.101-.041c.844-.338 1.555-.753 2.076-1.234.521-.48.88-1.052.945-1.696l.002-.015v-.014c.032-.785-.369-1.49-.987-2.085-.619-.595-1.5-1.125-2.553-1.576-1.64-.702-3.76-1.239-6.126-1.52l-1.67-2.265c.467-.446.928-.842 1.376-1.184.86-.657 1.648-1.094 2.313-1.298.663-.204 1.137-.158 1.459.039.335.226.57.61.673 1.199.106.6.068 1.379-.119 2.314a.5.5 0 1 0 .98.196c.2-1 .26-1.914.124-2.684-.137-.778-.482-1.442-1.11-1.861l-.007-.004-.006-.005c-.662-.412-1.472-.4-2.288-.15-.819.252-1.713.762-2.626 1.46-.448.341-.906.732-1.367 1.167Zm-.117 1.526c-.394.413-.79.858-1.184 1.332a32.255 32.255 0 0 1 2.231.089l-1.047-1.42Zm1.84 2.495a30.525 30.525 0 0 0-3.822-.157 31.426 31.426 0 0 0-2.252 3.418 30.327 30.327 0 0 0 1.105 2.365l8.288.418a28.413 28.413 0 0 0-1.422-3.472l-1.897-2.572Zm4.387 6.098 2.53.128c.72-.298 1.282-.642 1.67-1 .4-.369.59-.726.626-1.046.01-.39-.186-.832-.682-1.309-.5-.481-1.263-.953-2.253-1.377-1.322-.566-3.005-1.027-4.906-1.318l1.383 1.876.02.04a29.075 29.075 0 0 1 1.612 4.006Zm-.756.963-8.037-.405c1.278 2.235 2.709 4.08 4.052 5.32.79.73 1.531 1.232 2.173 1.49.643.26 1.126.252 1.474.076m.338-6.48c.285 1.012.473 1.96.56 2.808.105 1.018.064 1.864-.107 2.499-.171.634-.454 1.001-.791 1.173m-9.414-7.974c-.196-.396-.382-.79-.558-1.183-.193.38-.373.757-.54 1.128l1.098.055Zm-2.166-.11c.318-.738.688-1.497 1.107-2.264-.396-1-.717-1.974-.959-2.898-.532.109-1.03.235-1.49.377-1.027.319-1.829.708-2.369 1.133-.54.426-.77.847-.786 1.236v.011c-.023.348.113.724.466 1.128.34.39.862.781 1.556 1.153l2.475.125Zm1.136-5.338c.167.627.372 1.28.614 1.951a31.64 31.64 0 0 1 1.432-2.172c-.716.048-1.4.123-2.046.221Z"
+      />
+      <path d="M13.378 11.996a1.357 1.357 0 1 1-2.714 0 1.357 1.357 0 0 1 2.714 0Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/audacity.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/audacity.jsx
new file mode 100755
index 0000000..c5b72ea
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/audacity.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Audacity(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 2.145c-2.487 0-4.755.776-6.428 2.08-1.673 1.303-2.76 3.169-2.76 5.244v.75C1.153 11.06 0 13.268 0 15.856c0 3.312 1.884 6 4.312 6V9.468c0-1.554.805-2.984 2.186-4.06C7.879 4.331 9.829 3.643 12 3.643c2.17 0 4.12.688 5.502 1.764 1.38 1.077 2.186 2.507 2.186 4.06v12.387c2.428 0 4.312-2.687 4.312-6 0-2.587-1.152-4.795-2.813-5.636v-.75c0-2.075-1.086-3.94-2.76-5.244-1.672-1.304-3.94-2.08-6.427-2.08zm0 6.153l-1.125 8.683L9.75 9.105l-.562 6.75-.376-.75-.375-4.5-.187 4.5-.563 1.313-.374-4.5-.376 3.562-.562-.937v2.625l-.563-2.11v-4.64a1.432 1.432 0 0 0-.937-.375v11.812c.375 0 .75-.187.937-.562v-3.375l.188.187.563 1.875.187-2.25.563 2.813v-3.562l.374.937.563 2.625v-3.562l.375.374.563 3.188.562-4.313 1.24 4.86.072-2.985.375-1.124.376 4.687 1.124-4.687.375 3.937.938-4.125.938 4.5.187-3.375.562-1.125.188 4.313.938-4.125.562 1.875.188-1.688.374.75v3.375c.188.375.563.562.938.562V10.043c-.375 0-.75.188-.938.375v4.813l-.374 1-.188-3.188-.375 2.437-.375-.75-.188-2.625-.937 3.563-.188-.75L15 9.293l-.562 4.875-.376 1.5-.75-5.062-.75 4.312-.375 1.125Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bambu-studio.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bambu-studio.jsx
new file mode 100755
index 0000000..66c60d0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bambu-studio.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function BambuStudio(props) {
+  return (
+    <Icon {...props}>
+      <path d="m 12.558,2 h 7.115 v 9.056 C 19.6,11.031 19.531,11.01 19.463,10.983 Q 16.088,9.652 12.712,8.325 A 0.207,0.207 0 0 1 12.556,8.093 q 0.006,-2.96 0,-5.917 V 2 Z M 11.437,22 H 4.52 a 0.176,0.176 0 0 1 -0.2,-0.2 q 0,-2.952 0,-5.9 a 0.209,0.209 0 0 1 0.154,-0.234 q 3.421,-1.341 6.839,-2.691 c 0.036,-0.015 0.075,-0.024 0.128,-0.041 V 22 Z M 4.326,2 h 7.107 c 0,0.051 0.008,0.1 0.008,0.14 0,0.169 0,0.338 0,0.507 q 0,4.442 0.011,8.883 a 0.237,0.237 0 0 1 -0.178,0.264 q -3.385,1.324 -6.767,2.66 c -0.055,0.022 -0.112,0.04 -0.182,0.064 V 2 Z m 8.24,7.465 1.184,0.464 q 2.89,1.139 5.783,2.274 a 0.2,0.2 0 0 1 0.152,0.219 q -0.006,4.7 0,9.393 v 0.175 c -0.067,0 -0.117,0.007 -0.167,0.007 q -3.39,0 -6.779,0 c -0.139,0 -0.181,-0.034 -0.181,-0.177 q 0.006,-6.1 0,-12.191 c 0,-0.05 0,-0.1 0.008,-0.167 z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bank.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bank.jsx
new file mode 100755
index 0000000..a777b0a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bank.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Bank(props) {
+  return (
+    <Icon {...props}>
+      <path d="M4 11.5v4a1.5 1.5 0 1 0 3 0v-4a1.5 1.5 0 1 0-3 0zm6 0v4a1.5 1.5 0 1 0 3 0v-4a1.5 1.5 0 1 0-3 0zM3.5 22h16a1.5 1.5 0 1 0 0-3h-16a1.5 1.5 0 1 0 0 3zM16 11.5v4a1.5 1.5 0 1 0 3 0v-4a1.5 1.5 0 1 0-3 0zM10.57 1.49l-7.9 4.16c-.41.21-.67.64-.67 1.1C2 7.44 2.56 8 3.25 8h16.51a1.25 1.25 0 0 0 .57-2.35l-7.9-4.16a1.98 1.98 0 0 0-1.86 0z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/battle-net.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/battle-net.jsx
new file mode 100755
index 0000000..120d215
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/battle-net.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function BattleNet(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21.07 10.577s1.9757.1005 1.9757-1.0615c0-1.5168-2.632-2.883-2.632-2.883s.4119-.874.6697-1.3629c.2579-.4889.9812-2.3908 1.0448-2.8261.0803-.5492-.0436-.72-.0436-.72-.1774 1.172-2.0861 4.5473-2.2401 4.6612-1.8618-.8706-4.4201-1.1151-4.4201-1.1151S12.9197-.001 10.5624-.001c-2.3373 0-2.324 4.5138-2.324 4.5138s-.6596-1.2791-1.49-1.2791c-1.2122 0-1.6107 1.8283-1.6107 3.814-2.3908 0-4.4033.5357-4.584.586-.1776.0502-.7435.462-.489.4118.5258-.1674 2.9836-.5491 5.1333-.3616.1206 1.8852 1.2222 4.343 1.2222 4.343s-2.364 3.4222-2.364 5.8633c0 .6429.2813 1.8182 1.9756 1.8182 1.4231 0 3.0204-.8538 3.3184-1.0246-.2612.3717-.4554 1.0849-.4554 1.4131 0 .2679.1607 1.028 1.2557 1.028 1.4064 0 2.9802-1.0783 2.9802-1.0783s1.4867 2.4646 2.7558 3.593c.3416.3047.6697.3617.6697.3617s-1.2624-1.2122-2.9232-4.3397c1.5436-.951 3.1509-3.2012 3.1509-3.2012s.1909.0067 1.6575.0067c2.2971 0 5.5586-.4822 5.5586-2.3072.0033-1.8818-2.93-3.5829-2.93-3.5829Zm.2545-1.1351c0 .6663-.6328.6596-.6328.6596l-.4822.0302s-.9142-.4789-1.47-.7066c0 0 .8605-1.3226 1.0614-1.691.1507.0904 1.5236.9476 1.5236 1.7078Zm-9.6136-6.7875c1.0816 0 2.6219 2.5449 2.6219 2.5449s-2.4042-.2143-4.3832.9476c.0536-1.8316.6697-3.4925 1.7613-3.4925Zm-4.276 2.0627c.3415 0 .6763.4186.817.7702 0 .2344.1205 1.6006.1205 1.6006l-1.9823-.077c0-1.7848.6998-2.2938 1.0447-2.2938Zm-.2077 12.4063c-1.0849 0-1.3059-.6027-1.3059-1.1452 0-1.2289.9811-2.9501.9811-2.9501s1.1017 2.3139 3.0204 3.2883c-.951.5592-1.7379.807-2.6956.807Zm3.5193 2.421c-.76 0-.8538-.4923-.8538-.6061 0-.3516.2779-.7702.2779-.7702s1.2758-.8605 1.3561-.9543l.9443 1.7613s-.9644.5693-1.7245.5693Zm2.3708-.9577c-.4621-.807-.8037-1.6508-.8037-1.6508s1.8987.1205 2.92-.9309c-.6363.2846-1.6509.6462-2.8295.5357 2.4645-2.1698 3.9043-3.7436 5.1198-5.3676-.1038-.1273-.6596-.5157-.7969-.5793-.7333.884-3.5896 3.9345-6.235 5.4447-3.3485-1.825-4.0517-7.1927-4.122-8.3077l1.8283.174s-.6864 1.219-.6864 2.1164c0 .894.1071.9409.1071.9409s-.0234-1.5604.941-2.7659c.7366 3.9111 1.5034 5.9135 2.0995 7.1089.3047-.1272.8706-.3783.8706-.3783s-1.6877-4.8655-1.594-8.157c.7669-.4086 1.9021-.8305 3.1812-.8305 3.3686 0 6.0776 1.4466 6.0776 1.4466l-1.0582 1.48s-.9443-1.7077-2.2803-2.0124c.7032.5223 1.4934 1.2155 1.9019 2.21-2.7926-1.0883-6.1612-1.6642-7.2428-1.7915-.0938.3985-.0804.9678-.0804.9678s4.5172.8337 7.8054 2.7123c-.0234 4.1119-4.5037 7.2696-5.1232 7.6346Zm4.2794-3.074s1.403-1.8383 1.3796-4.276c0 0 2.2669 1.403 2.2669 2.7726 0 1.5269-3.6465 1.5034-3.6465 1.5034Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bear.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bear.jsx
new file mode 100755
index 0000000..249f1d5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bear.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Bear(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.992,0.623C5.412,0.627 -0,6.043 0,12.622C0,15.462 1.008,18.211 2.842,20.377C3.275,18.108 3.903,15.88 4.717,13.717C5.437,11.845 6.45,10.098 7.717,8.543C8.985,6.987 7.492,6.158 8.542,6.158C9.463,6.279 10.312,6.72 10.942,7.403C11.572,8.085 14.752,6.893 15.997,8.378C17.324,9.592 18.916,10.481 20.647,10.973C22.377,11.464 21.802,10.643 21.322,12.472C20.842,14.302 19.252,15.862 16.057,15.862C14.902,15.862 14.557,16.567 14.557,17.467C14.923,19.185 15.61,20.819 16.582,22.282L17.302,23.377C21.385,21.357 23.979,17.178 23.979,12.622C23.979,6.044 18.57,0.63 11.992,0.623Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/beekeeper.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/beekeeper.jsx
new file mode 100755
index 0000000..121e00b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/beekeeper.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Beekeeper(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.23 0h11.56A5.21 5.21 0 0 1 24 5.21V18.8A5.21 5.21 0 0 1 18.79 24H5.2A5.21 5.21 0 0 1 0 18.79V5.2A5.21 5.21 0 0 1 4.6.04V13.5c0 1.7.9 3.3 2.4 4.16l2.6 1.51a4.67 4.67 0 0 0 4.79 0l2.6-1.5a4.78 4.78 0 0 0 2.4-4.17v-3c.02-1.72-.9-3.3-2.38-4.16l-2.6-1.5a4.88 4.88 0 0 0-2.4-.66v3A4.78 4.78 0 0 1 16.8 12a4.8 4.8 0 0 1-7.18 4.17A4.78 4.78 0 0 1 7.22 12V0Zm1.09 8.94c.2-.26.46-.49.71-.7V5.18l-.71.42v3.34Zm2.49-1.56c-.21.06-.44.12-.64.21V4.57c.23-.1.46-.17.71-.23v3.02l-.07.02Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bell-off.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bell-off.jsx
new file mode 100755
index 0000000..170e05f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bell-off.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function BellOff(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm0-15.5c2.49 0 4 2.02 4 4.5v.1l2 2V11c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.24.06-.47.15-.69.23l1.64 1.64c.18-.02.36-.05.55-.05zM5.41 3.35L4 4.76l2.81 2.81C6.29 8.57 6 9.74 6 11v5l-2 2v1h14.24l1.74 1.74 1.41-1.41L5.41 3.35zM16 17H8v-6c0-.68.12-1.32.34-1.9L16 16.76V17z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bell.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bell.jsx
new file mode 100755
index 0000000..db84ce4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bell.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Bell(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6zM7.58 4.08L6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2c.15-2.65 1.51-4.97 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43c2.02 1.45 3.39 3.77 3.54 6.42z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bit-warden.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bit-warden.jsx
new file mode 100755
index 0000000..88ae754
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bit-warden.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function BitWarden(props) {
+  return (
+    <Icon {...props}>
+      <path d="M3.75 0A3.75 3.75 0 000 3.75v16.5A3.75 3.75 0 003.75 24h16.5A3.75 3.75 0 0024 20.25V3.75A3.75 3.75 0 0020.25 0zm1.36 2.92h13.8c.208 0 .388.076.54.228a.737.737 0 01.227.539v9.2c0 .687-.134 1.367-.401 2.042a7.618 7.618 0 01-.995 1.797 11.097 11.097 0 01-1.413 1.528c-.547.495-1.052.906-1.515 1.234-.464.327-.947.636-1.45.928-.503.291-.86.489-1.072.593-.212.104-.381.184-.51.24a.687.687 0 01-.31.071.688.688 0 01-.312-.072 13.784 13.784 0 01-.51-.24 20.61 20.61 0 01-1.071-.592 19.133 19.133 0 01-1.45-.928 16.457 16.457 0 01-1.515-1.234 11.11 11.11 0 01-1.414-1.528 7.617 7.617 0 01-.994-1.797 5.502 5.502 0 01-.401-2.042v-9.2c0-.208.076-.387.227-.54a.737.737 0 01.54-.227zm6.9 2.3v13.62c.95-.502 1.801-1.05 2.552-1.64 1.877-1.47 2.815-2.907 2.815-4.313V5.22Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bitcoin.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bitcoin.jsx
new file mode 100755
index 0000000..116e1af
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bitcoin.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Bitcoin(props) {
+  return (
+    <Icon width={256} height={256} {...props}>
+      <circle fill="#fa8a34" cx="128" cy="128" r="128" />
+      <path
+        fill="#fff"
+        d="M1204.1,462.447c-4.67,12.309-32.28,20.379-32.28,20.379l5.38,22.428-14.21,3.4-5.41-22.585-11.24,2.563,5.44,22.708-14.21,3.4-5.48-22.865-28.48,6.493-1.13-17.911s5.18-.648,9.9-1.581,4.82-6.292,4.19-8.909-12.85-53.641-14.15-59.061-6.97-6.829-9.44-6.434-10.29,3.255-10.29,3.255l-3.58-14.952,27.66-6.626-5.55-23.176,14.2-3.4,5.55,23.176c4.06-.972,7.9-1.89,11.22-2.686l-5.55-23.176,14.2-3.4,5.59,23.311c6.37-1.033,18.66-2.112,26.25.684,9.1,3.353,15.14,14.553,15.8,23.091s-8.38,17.817-8.38,17.817,14.2,0.988,20.24,8.591C1212.62,442.426,1206.19,456.916,1204.1,462.447Zm-78.62-64.174,6.81,28.41s12.27-1.557,19.83-6.33,10.78-9.509,9.66-15.754c-1.19-6.631-8.99-10.52-16.68-10.234A73.025,73.025,0,0,0,1125.48,398.273Zm9.46,42.794,7.35,30.652s19.47-3.676,25.8-7.763,13.55-11.94,9.34-20.419-15.95-8.035-23.8-6.947A145.286,145.286,0,0,0,1134.94,441.067Z"
+        transform="translate(-1016 -309)"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/blender.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/blender.jsx
new file mode 100755
index 0000000..5fcb14e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/blender.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Blender(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23.93 12.87c-.14-.99-.48-1.93-1.02-2.79a7.8 7.8 0 0 0-1.79-1.99L13.6 2.3l-.01-.01c-.25-.2-.6-.3-.96-.3s-.71.1-.99.3c-.3.2-.46.48-.47.77a.9.9 0 0 0 .36.73l1.45 1.16 1.44 1.15H5.2c-1.05 0-1.77.5-1.92 1.32-.06.36.05.76.31 1.07.27.32.67.5 1.11.5h4.55L.89 15.18l-.04.03c-.46.36-.77.86-.84 1.37-.05.4.04.75.27 1.04.26.34.68.53 1.17.53.48 0 .96-.18 1.37-.51l4.52-3.7a6 6 0 0 0-.04.64c0 .3.1.91.26 1.4a7.4 7.4 0 0 0 1.6 2.78 8.26 8.26 0 0 0 2.8 2c1.14.5 2.37.77 3.65.77h.01a9 9 0 0 0 3.67-.78 8.3 8.3 0 0 0 2.79-2.01 7.46 7.46 0 0 0 1.9-4.33c.04-.5.02-1.02-.05-1.54zm-8.23 4.89c-2.82 0-5.11-2.05-5.11-4.58 0-2.53 2.29-4.58 5.11-4.58 2.83 0 5.12 2.05 5.12 4.58 0 2.53-2.3 4.58-5.12 4.58zm2.95-4.98c.04.75-.26 1.45-.79 1.97-.54.53-1.3.86-2.16.86-.86 0-1.63-.33-2.17-.86a2.55 2.55 0 0 1-.79-1.97c.04-.73.4-1.38.94-1.84a3.11 3.11 0 0 1 2.02-.72c.77 0 1.48.27 2.01.72.54.46.9 1.1.94 1.84z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/book.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/book.jsx
new file mode 100755
index 0000000..59c53a5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/book.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Book(props) {
+  return (
+    <Icon {...props}>
+      <path d="m18.15 1.35-4 4a.5.5 0 0 0-.15.36v8.17c0 .43.51.66.83.37l4-3.6a.48.48 0 0 0 .17-.37V1.71a.5.5 0 0 0-.85-.36zm4.32 3.85c-.47-.24-.96-.44-1.47-.61v12.03a10.29 10.29 0 0 0-9 .96V5.48A11 11 0 0 0 1.53 5.2a.97.97 0 0 0-.53.88v12.08a1 1 0 0 0 1.48.87A8.7 8.7 0 0 1 6.5 18c2.07 0 3.98.82 5.5 2a9.04 9.04 0 0 1 5.5-2c1.45 0 2.81.4 4.02 1.04a1 1 0 0 0 1.48-.87V6.08c0-.37-.2-.72-.53-.88z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/brave-browser.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/brave-browser.jsx
new file mode 100755
index 0000000..66e72a9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/brave-browser.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function BraveBrowser(props) {
+  return (
+    <Icon {...props}>
+      <path d="M15.68 0l2.096 2.38s1.84-.512 2.709.358c.868.87 1.584 1.638 1.584 1.638l-.562 1.381.715 2.047s-2.104 7.98-2.35 8.955c-.486 1.919-.818 2.66-2.198 3.633-1.38.972-3.884 2.66-4.293 2.916-.409.256-.92.692-1.38.692-.46 0-.97-.436-1.38-.692a185.796 185.796 0 01-4.293-2.916c-1.38-.973-1.712-1.714-2.197-3.633-.247-.975-2.351-8.955-2.351-8.955l.715-2.047-.562-1.381s.716-.768 1.585-1.638c.868-.87 2.708-.358 2.708-.358L8.321 0h7.36zm-3.679 14.936c-.14 0-1.038.317-1.758.69-.72.373-1.242.637-1.409.742-.167.104-.065.301.087.409.152.107 2.194 1.69 2.393 1.866.198.175.489.464.687.464.198 0 .49-.29.688-.464.198-.175 2.24-1.759 2.392-1.866.152-.108.254-.305.087-.41-.167-.104-.689-.368-1.41-.741-.72-.373-1.617-.69-1.757-.69zm0-11.278s-.409.001-1.022.206-1.278.46-1.584.46c-.307 0-2.581-.434-2.581-.434S4.119 7.152 4.119 7.849c0 .697.339.881.68 1.243l2.02 2.149c.192.203.59.511.356 1.066-.235.555-.58 1.26-.196 1.977.384.716 1.042 1.194 1.464 1.115.421-.08 1.412-.598 1.776-.834.364-.237 1.518-1.19 1.518-1.554 0-.365-1.193-1.02-1.413-1.168-.22-.15-1.226-.725-1.247-.95-.02-.227-.012-.293.284-.851.297-.559.831-1.304.742-1.8-.089-.495-.95-.753-1.565-.986-.615-.232-1.799-.671-1.947-.74-.148-.068-.11-.133.339-.175.448-.043 1.719-.212 2.292-.052.573.16 1.552.403 1.632.532.079.13.149.134.067.579-.081.445-.5 2.581-.541 2.96-.04.38-.12.63.288.724.409.094 1.097.256 1.333.256s.924-.162 1.333-.256c.408-.093.329-.344.288-.723-.04-.38-.46-2.516-.541-2.961-.082-.445-.012-.45.067-.579.08-.129 1.059-.372 1.632-.532.573-.16 1.845.009 2.292.052.449.042.487.107.339.175-.148.069-1.332.508-1.947.74-.615.233-1.476.49-1.565.986-.09.496.445 1.241.742 1.8.297.558.304.624.284.85-.02.226-1.026.802-1.247.95-.22.15-1.413.804-1.413 1.169 0 .364 1.154 1.317 1.518 1.554.364.236 1.355.755 1.776.834.422.079 1.08-.4 1.464-1.115.384-.716.039-1.422-.195-1.977-.235-.555.163-.863.355-1.066l2.02-2.149c.341-.362.68-.546.68-1.243 0-.697-2.695-3.96-2.695-3.96s-2.274.436-2.58.436c-.307 0-.972-.256-1.585-.461-.613-.205-1.022-.206-1.022-.206z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bruno.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bruno.jsx
new file mode 100755
index 0000000..a36f8b5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/bruno.jsx
@@ -0,0 +1,11 @@
+import Icon from "../icon.jsx";
+
+export default function Bruno(props) {
+  return (
+    <Icon width={190} height={190} {...props}>
+      <path d="M81.2 28c-4 1.1-9.4 3-12.1 4.4-2.6 1.3-7.3 3.1-10.4 4-14.4 4.2-30 22.6-39.8 47.1-2.8 7.1-3.1 8.7-2.7 15.5.5 8.7 3.7 16.5 11.4 28.2 7.2 10.7 10.5 13.8 14.8 13.8 3.7 0 8.6-3.5 8.6-6.1 0-.6 1 .1 2.2 1.7 9 12.1 21.3 19.9 23.2 14.8.9-2.3.9-2.2-2.6-4-5.6-2.8-11.8-8.4-15.5-14-3.2-4.9-3.4-5.5-2.3-8.8.9-2.7.8-4.7-.5-9.7-2.2-8.4-3-25.2-1.5-30.9 2.3-8.8 2.3-9.9.5-10.7-6.6-2.5-9.6 21.3-5.2 41.6 1.4 6.4 1.4 6.5-1.6 13-4.4 9.8-4.9 9.8-11.7 1.3-5.7-7.3-12.5-20.6-14.1-27.6-1.5-6.8-.9-9.1 6.5-24.9 8.2-17.5 21.5-32 31.9-34.8 2.3-.6 6.7-2.2 9.7-3.6C80.3 33.6 86.9 32 97.2 32c10.9 0 21 2.6 30.7 8 3 1.6 6.6 3 8 3 4.4 0 12.8 4.6 18 9.8 5.8 5.8 12.9 17.6 17.3 28.7 5.8 14.5 4 24.1-7.5 41.6-6 9.1-9 12.4-10.5 11.5-.6-.3-2.4-3.6-4.2-7.3l-3.1-6.8 1.6-8.2c4.1-20.5.1-45.4-6.2-39.1-1 1.1-1 2.2.2 6.2 2 6.6 1.9 22-.1 32.4-1.4 6.8-1.5 9-.5 12.3 1.1 3.6 1 4.4-1.1 7.7-3.4 5.7-10.8 13.2-15 15.3-2.4 1.2-3.8 2.7-3.8 3.8 0 6.9 14.1-1.7 21.7-13.1l2.5-3.7 2.5 2.9c3.4 4.1 8.8 4.2 12.5.2 9-9.7 18.2-26.4 20-36.2 1.4-7.4.4-12.2-5.1-24.9-5.6-13.1-9.7-19.7-16.8-26.9C152 42.8 143.7 38 138.8 38c-1.4 0-6-1.8-10.1-4-14.4-7.8-32.1-10-47.5-6z" />
+      <path d="M72.2 73.6c-2.9 2-3 6.8-.1 8.8 1.9 1.3 2.7 1.3 5.3.2 2.7-1.1 3.1-1.8 2.9-4.7-.1-3.1-2.4-5.9-4.8-5.9-.6 0-2.1.7-3.3 1.6zM123.8 73.1c-1.2.7-1.8 2.2-1.8 4.9 0 3.3.4 3.9 3 4.9 3.8 1.3 5.4.7 6.9-2.5 1.3-2.9.2-5.7-2.9-7.4-2.3-1.2-3-1.2-5.2.1zM88.2 98c-2.4 1-5 6.1-5.9 11.5-.5 2.8-.1 3.3 3.4 4.9 5.3 2.4 21.5 2.6 25.9.3 5.5-2.9 5.9-4 3-10.2-1.7-3.8-3.3-5.8-5.1-6.5-3.3-1.2-18.2-1.2-21.3 0z" />
+      <path d="M67 115.5c-3.4 4.1 2.2 17 9.4 21.4 3.3 2.1 3.4 2.2 3.8 10.4.8 14.6 5.3 20.9 16.3 22.2 6.8.9 12.9-.8 15.3-4.3 2.8-3.9 5.2-12.7 5.2-19.2v-5.7l5.3-3.9c5.9-4.4 9.7-10.8 9.7-16.5 0-4.4-2.2-6.8-4.5-4.9-.8.7-1.5 2.8-1.5 4.7 0 5.7-4 10.9-10.8 13.9-3.1 1.4-3.6 1.3-6-.2-5.8-3.6-7.2-5.6-7.2-10 0-2.9-.5-4.4-1.6-4.8-2.7-1-4.4 1.3-4.4 5.9 0 4-.3 4.5-4.7 7.4-5.2 3.5-6.8 3.4-12.1-.6-4.5-3.4-6.6-6.9-7.2-12.2-.5-4.9-2.6-6.4-5-3.6zm36.4 21.5c2.2 1.7 4.8 3 5.8 3 4.2 0 1 19.5-3.7 22.6-1.9 1.3-3.8 1.5-8 .9-8.7-1-10.9-4.4-11-16.4 0-6.3.1-6.5 3-7.3 1.7-.4 4.4-1.9 6-3.2 1.7-1.4 3.2-2.5 3.5-2.5.3 0 2.3 1.3 4.4 2.9z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/c-lion.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/c-lion.jsx
new file mode 100755
index 0000000..fb7ff5d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/c-lion.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function CLion(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm3 19.1999h9.6v1.8H3v-1.8Zm.6018-9.3264a4.3723 4.3723 0 0 0 1.6464 1.6716v-.0012c.699.4056 1.479.6078 2.3406.6078.729 0 1.398-.135 2.007-.405a4.1173 4.1173 0 0 0 1.521-1.1352 3.8665 3.8665 0 0 0 .813-1.6752h-1.839a2.4132 2.4132 0 0 1-1.3956 1.428 2.9272 2.9272 0 0 1-1.0932.1992c-.5322 0-1.0122-.1326-1.4412-.3984a2.7627 2.7627 0 0 1-1.0062-1.0968c-.2424-.465-.3636-.9888-.3636-1.5726 0-.5826.1212-1.1064.3636-1.572a2.766 2.766 0 0 1 1.0062-1.0962c.429-.2658.909-.399 1.4412-.399a2.937 2.937 0 0 1 1.0932.1992c.3238.1263.6166.3207.8586.57.2373.2454.4202.538.537.8586h1.839a3.8665 3.8665 0 0 0-.813-1.6758 4.1173 4.1173 0 0 0-1.521-1.1352c-.609-.27-1.278-.405-2.007-.405-.8616 0-1.6422.2034-2.3406.6084A4.374 4.374 0 0 0 3.6018 5.121c-.399.7092-.5982 1.5012-.5982 2.376 0 .8748.1992 1.6668.5982 2.3766Zm11.5962.5436v-7.422h-1.7496v9.0036h6.0198v-1.5816H15.198Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ca-r-r-o-t.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ca-r-r-o-t.jsx
new file mode 100755
index 0000000..94339d1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ca-r-r-o-t.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function CARROT(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12.5 3.6h1.7v.1h.4v.1H15l.1.1h.1l.1.1.6.3h.1v.1l.4.2c.6.4 1 1 1.4 1.6h.1v.2c.2.2.4.5.4.8l.1.2.1.2V8h.1V8h.2l.6.4c.5.3 1 .8 1.3 1.3l.2.5v.2h.1V10.9l.1.2V13h-.1v.2l-.1.1v.1l-.2.4a7.1 7.1 0 0 0-.5.6l-.4.4-.3.3h-.1l-.1.1-.2.1h-.1l-.2.1-.1.1h-.2v.1H18l-.2.1H5.8v-.1H5.5v-.1h-.1l-.3-.1-.3-.2-.1-.1h-.1l-.1-.1-.6-.6-.2-.2V14l-.2-.2v-.1l-.3-.4V13H3v-.2l-.1-.3V10.7l.1-.1v-.1l.1-.2.2-.5h.1c0-.2.1-.2.2-.3a6.3 6.3 0 0 1 .7-.8l.3-.2.2-.1c.2-.1.5-.3.8-.3L6 8h.4l.3-.1H8v-.3l.1-.2v-.1l.1-.2.1-.2v-.2a6.6 6.6 0 0 1 1.2-1.6l1.3-1h.1l.3-.1.1-.1.3-.1a1930 1930 0 0 1 .2 0v-.1H12l.1-.1h.4M8 9.4l-.8.2a2.4 2.4 0 0 0 1 4.6h7.3a2.4 2.4 0 0 0 .3-4.8H8m10.4 3.7h-.1v.1l-.2.1v.7l.2.1h.5l.2-.2v-.5l-.2-.2c-.2 0-.3-.1-.4 0Zm0 0" />
+      <path d="m11.6 10.7.2-.2h.2l2 2.2.2.2H13c-.1 0-.2 0-.3-.2l-.7-.8-.8 1H9.5v-.1l2.1-2.1ZM11 16.7h2v.1h.1v.4H13v.1h-.1v.1l-.1.1v.1h-.1v.2a2.2 2.2 0 0 1-.2 0v.2H14v.1h.1v.2l-.1.1v.1h-.1l-.1.1h-.1v.1h-.2v.1h-.1v.1h-.2v.1H13v.1h-.1v.1h-.1v.1h-.2v.1h-.1l-.1.1h-.1l-.1.1H12v.1H12v.1h-.2v.1h-.1v.1h-.2v.1h-.1l-.1.1h-.1v.1H11v.1h-.2v.1h-.5V20.1l.1-.2v-.1h.1v-.2h.1v-.1h.1v-.1l.1-.1v-.1h.1v-.1l.1-.1V19h.1v-.1h.1v-.1h.1H10.4v-.2.1h-.6v-.1h-.1V18h.1V18l.1-.1v-.1h.1v-.1h.1v-.1h.1v-.1l.1-.1v-.1h.1V17h.1V17h.1l.1-.2h.1v-.1h.1Zm0 0" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/calendar.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/calendar.jsx
new file mode 100755
index 0000000..613f1b0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/calendar.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Calendar(props) {
+  return (
+    <Icon {...props}>
+      <path d="M5 5c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1V6c0-.5523-.4477-1-1-1H5ZM2 6c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v14c0 1.6569-1.3431 3-3 3H5c-1.6568 0-3-1.3431-3-3V6Z" />
+      <path d="M16 1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1V2c0-.5523.4477-1 1-1ZM8 1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1V2c0-.5523.4477-1 1-1ZM2 10c0-.5523.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3c-.5523 0-1-.4477-1-1Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/camera-off.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/camera-off.jsx
new file mode 100755
index 0000000..a0f3891
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/camera-off.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function CameraOff(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21 14.2V8.91c0-.89-1.08-1.34-1.71-.71L17 10.5V7c0-.55-.45-1-1-1h-5.61l8.91 8.91c.62.63 1.7.18 1.7-.71zM2.71 2.56c-.39.39-.39 1.02 0 1.41L4.73 6H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.55-.18l2.48 2.48c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.12 2.56c-.39-.39-1.02-.39-1.41 0z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/camera.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/camera.jsx
new file mode 100755
index 0000000..e18b0da
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/camera.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Camera(props) {
+  return (
+    <Icon {...props}>
+      <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l2.29 2.29c.63.63 1.71.18 1.71-.71V8.91c0-.89-1.08-1.34-1.71-.71L17 10.5z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cancel.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cancel.jsx
new file mode 100755
index 0000000..f96294f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cancel.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Cancel(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zM2.4 12a9.6 9.6 0 0 1 15.5-7.6L4.4 18a9.5 9.5 0 0 1-2-5.9zm9.6 9.6c-2.2 0-4.3-.8-5.9-2L19.6 6A9.6 9.6 0 0 1 12 21.6z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/caprine.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/caprine.jsx
new file mode 100755
index 0000000..6e3c3f2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/caprine.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Caprine(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0C5.37 0 0 4.97 0 11.11c0 3.5 1.74 6.62 4.47 8.65V24l4.09-2.24c1.09.3 2.24.46 3.44.46 6.63 0 12-4.97 12-11.1C24 4.97 18.63 0 12 0zm1.2 14.96l-3.06-3.26-5.97 3.26L10.73 8l3.13 3.26L19.76 8l-6.57 6.96z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/celo.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/celo.jsx
new file mode 100755
index 0000000..155c73d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/celo.jsx
@@ -0,0 +1,20 @@
+import Icon from "../icon.jsx";
+
+export default function Celo(props) {
+  return (
+    <Icon width={950} height={950} {...props}>
+      <path
+        fill="#fbcc5c"
+        d="M375,850c151.88,0,275-123.12,275-275S526.88,300,375,300,100,423.12,100,575,223.12,850,375,850Zm0,100C167.9,950,0,782.1,0,575S167.9,200,375,200,750,367.9,750,575,582.1,950,375,950Z"
+      />
+      <path
+        fill="#35d07f"
+        d="M575,650c151.88,0,275-123.12,275-275S726.88,100,575,100,300,223.12,300,375,423.12,650,575,650Zm0,100c-207.1,0-375-167.9-375-375S367.9,0,575,0,950,167.9,950,375,782.1,750,575,750Z"
+      />
+      <path
+        fill="#5ea33b"
+        d="M587.39,750a274.38,274.38,0,0,0,54.55-108.06A274.36,274.36,0,0,0,750,587.4a373.63,373.63,0,0,1-29.16,133.45A373.62,373.62,0,0,1,587.39,750ZM308.06,308.06A274.36,274.36,0,0,0,200,362.6a373.63,373.63,0,0,1,29.16-133.45A373.62,373.62,0,0,1,362.61,200,274.38,274.38,0,0,0,308.06,308.06Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/charging.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/charging.jsx
new file mode 100755
index 0000000..808f939
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/charging.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Charging(props) {
+  return (
+    <Icon {...props}>
+      <path d="M7 2v11h3v9l7-12h-4l3-8z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chat-gpt.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chat-gpt.jsx
new file mode 100755
index 0000000..8efbe29
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chat-gpt.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function ChatGPT(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.0098 5.7696C.0098 2.5886 2.5883.01 5.7694.01h12.4598c3.1821 0 5.7606 2.5786 5.7606 5.7596V24H5.7694c-3.181 0-5.7596-2.5785-5.7596-5.7596V5.7696Zm11.0354-2.786c-1.975 0-3.7297 1.2698-4.3412 3.1451l-.0012.0073A4.5265 4.5265 0 0 0 3.714 8.3185c-.9875 1.7105-.7651 3.8649.5532 5.3321l.0057.0048a4.5265 4.5265 0 0 0 .3957 3.6796c.9876 1.7104 2.9646 2.5951 4.8944 2.187l.0069-.0026a4.5261 4.5261 0 0 0 3.3845 1.4971c1.9751 0 3.7297-1.2698 4.3412-3.1451l.0012-.0073a4.5266 4.5266 0 0 0 2.9888-2.1826c.9875-1.7104.7651-3.8649-.5532-5.3321l-.0057-.0047a4.5265 4.5265 0 0 0-.3957-3.6796c-.9876-1.7105-2.9646-2.5951-4.8944-2.187l-.0069.0026a4.5265 4.5265 0 0 0-3.3845-1.4971ZM9.4568 15.5288l-3.478-2.0072a3.3702 3.3702 0 0 1-.885-.7384l-.0081.0086c-.9026-1.0579-1.0906-2.6112-.3567-3.8872l.0022.0081c.3957-.6853 1.0115-1.2082 1.7524-1.485v4.2571c0 .0477.0055.0942.016.1389.0344.1604.1372.3005.2848.3857l4.2096 2.4304-1.5372.889ZM5.282 14.4911l3.6867 2.1285a.6049.6049 0 0 0 .1288.0557c.156.0502.3285.0312.476-.0539l4.2095-2.4304.0013 1.7757-3.4773 2.0084a3.3702 3.3702 0 0 1-1.082.3973l.0034.0113c-1.3675.2527-2.8067-.3611-3.5447-1.6348l.0081.0022c-.3956-.6853-.5406-1.48-.4098-2.26Zm6.7178-.4282-1.7865-1.0314v-2.0629l1.7865-1.0315 1.7865 1.0315v2.0629l-1.7865 1.0314Zm-4.3275-2.5008 1.5385.8868V7.5881c0-.1704.0698-.3293.1913-.4392a.6035.6035 0 0 1 .1126-.0837l3.6867-2.1285c-.6101-.5033-1.3708-.775-2.1622-.775l.006-.006c-1.472.0023-2.7233.9418-3.1881 2.2524l.0114.0027a3.371 3.371 0 0 0-.1969 1.1357l.0007 4.0156Zm6.8126 5.3727-3.6867 2.1285c.6101.5033 1.3708.7751 2.1622.7751l-.006.006c1.472-.0023 2.7232-.9418 3.1881-2.2524l-.0115-.0028a3.3715 3.3715 0 0 0 .197-1.1357l-.0007-4.0156-1.5385-.8867v4.8608c0 .1703-.0698.3292-.1913.4392a.6006.6006 0 0 1-.1126.0836Zm3.0311-.3625c.7409-.2767 1.3567-.7996 1.7523-1.485l.0022.0082c.734-1.276.546-2.8293-.3566-3.8872l-.0081.0086a3.3704 3.3704 0 0 0-.8851-.7384l-3.4779-2.0072-1.5372.889 4.2096 2.4304c.1474.0851.2501.2249.2846.385a.601.601 0 0 1 .0162.1395v4.2571Zm-2.4851-9.1918 3.6867 2.1285c.1308-.78-.0142-1.5747-.4098-2.26l.0081.0021c-.738-1.2736-2.1772-1.8875-3.5447-1.6348l.0034.0114a3.3708 3.3708 0 0 0-1.082.3973l-3.4773 2.0084.0012 1.7757 4.2097-2.4304c.1475-.0852.3201-.1041.4761-.0539a.6034.6034 0 0 1 .1286.0557Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chatterino.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chatterino.jsx
new file mode 100755
index 0000000..6970765
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chatterino.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Chatterino(props) {
+  return (
+    <Icon {...props}>
+      <path d="M2.879 16.969s-.621-1.344-.957-2.856a9.693 9.693 0 0 1-.168-2.832c.285-4.008 2.973-8.57 7.629-10.008 3.48-1.082 7.082-.867 9.695 1.055 3.336 2.473 3.195 3 3.195 3l-4.73 4.656s-1.055-2.113-3.285-2.879c-1.563-.554-2.809-.335-3.89-.144C9 7.199 6.624 8.137 4.944 10.223c-.578.722-1.082 1.464-1.488 2.547-.723 1.992-.578 4.199-.578 4.199" />
+      <path d="M13.992 23.762h-.238c-3.531-.121-5.617-1.008-6.555-1.54-.36.364-.91.817-1.558 1.06-1.13.405-2.45.238-2.52.238l-1.754-.239 1.418-1.058c.024-.024.79-.621.79-1.606.027-1.273-.31-1.898-.575-2.426-1.32-2.566-1.848-4.703-1.68-6.96C1.61 7.343 4.223 2.448 9.238.91c3.84-1.177 7.489-.766 10.059 1.151 3.625 2.692 3.48 3.313 3.383 3.672l-.047.196-5.473 5.328-.433-.914c0-.024-.817-1.656-2.665-2.23-1.124-.36-2.496-.024-3.261.48-2.067 1.39-2.664 3.695-1.465 5.496.937 1.367 2.328 2.039 4.031 1.918 1.848-.121 3.387-2.352 3.387-2.375l.476-.723 5.692 5.547-.363.504c-.145.215-3.649 4.8-8.567 4.8m-7.031-3.48.574.453c.024 0 1.899 1.442 6.266 1.586 3.406.121 6.191-2.593 7.199-3.718l-3.55-3.48c-.747.862-2.184 2.23-3.962 2.35-2.23.145-4.105-.745-5.328-2.542-1.656-2.45-.863-5.664 1.848-7.489 1.055-.722 2.832-1.203 4.488-.671 1.512.476 2.496 1.46 3.024 2.16l3.55-3.457c-.308-.336-1.008-1.032-2.636-2.235-2.188-1.629-5.403-1.965-8.786-.933C5.281 3.625 3 7.922 2.762 11.352c-.145 1.968.308 3.816 1.535 6.168.383.746.766 1.609.742 3.12a3.16 3.16 0 0 1-.336 1.415c.145-.024.29-.07.434-.117.597-.22 1.199-.868 1.367-1.083Zm0 0" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/check-box.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/check-box.jsx
new file mode 100755
index 0000000..cf80ac0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/check-box.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function CheckBox(props) {
+  return (
+    <Icon {...props}>
+      <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM17.99 9l-1.41-1.42-6.59 6.59-2.58-2.57-1.42 1.41 4 3.99z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-bottom.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-bottom.jsx
new file mode 100755
index 0000000..1ed7678
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-bottom.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function ChevronBottom(props) {
+  return (
+    <Icon {...props}>
+      <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-left.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-left.jsx
new file mode 100755
index 0000000..f9da786
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-left.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function ChevronLeft(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.25 12l8.25-8.25L15.75 0l-12 12 12 12 3.75-3.75L11.25 12z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-right.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-right.jsx
new file mode 100755
index 0000000..028c8b1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-right.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function ChevronRight(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12.75 12L4.5 3.75 8.25 0l12 12-12 12-3.75-3.75L12.75 12z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-top.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-top.jsx
new file mode 100755
index 0000000..37f5dfc
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/chevron-top.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function ChevronTop(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/claude-code.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/claude-code.jsx
new file mode 100755
index 0000000..65babc9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/claude-code.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function ClaudeCode(props) {
+  return (
+    <Icon {...props}>
+      <path
+        clipRule="evenodd"
+        d="M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/claude.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/claude.jsx
new file mode 100755
index 0000000..53f843b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/claude.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Claude(props) {
+  return (
+    <Icon {...props}>
+      <path d="M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/click-up.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/click-up.jsx
new file mode 100755
index 0000000..467588e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/click-up.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function ClickUp(props) {
+  return (
+    <Icon {...props}>
+      <path d="M2,18.439 L5.69,15.611 C7.651,18.171 9.734,19.35 12.053,19.35 C14.36,19.35 16.383,18.184 18.256,15.646 L22,18.405 C19.298,22.065 15.941,24 12.053,24 C8.178,24 4.788,22.078 2,18.439 Z M12.04,6.15 L5.472,11.81 L2.436,8.29 L12.055,0 L21.598,8.296 L18.548,11.805 L12.04,6.15 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cline.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cline.jsx
new file mode 100755
index 0000000..11caeb8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cline.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Cline(props) {
+  return (
+    <Icon {...props}>
+      <path d="M17.035 3.991c2.75 0 4.98 2.24 4.98 5.003v1.667l1.45 2.896a1.01 1.01 0 01-.002.909l-1.448 2.864v1.668c0 2.762-2.23 5.002-4.98 5.002H7.074c-2.751 0-4.98-2.24-4.98-5.002V17.33l-1.48-2.855a1.01 1.01 0 01-.003-.927l1.482-2.887V8.994c0-2.763 2.23-5.003 4.98-5.003h9.962zM8.265 9.6a2.274 2.274 0 00-2.274 2.274v4.042a2.274 2.274 0 004.547 0v-4.042A2.274 2.274 0 008.265 9.6zm7.326 0a2.274 2.274 0 00-2.274 2.274v4.042a2.274 2.274 0 104.548 0v-4.042A2.274 2.274 0 0015.59 9.6z" />
+      <path d="M12.054 5.558a2.779 2.779 0 100-5.558 2.779 2.779 0 000 5.558z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/clock.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/clock.jsx
new file mode 100755
index 0000000..ce01a6c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/clock.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Clock(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 3c-4.9706 0-9 4.0294-9 9s4.0294 9 9 9 9-4.0294 9-9-4.0294-9-9-9ZM1 12C1 5.9249 5.9249 1 12 1s11 4.9249 11 11-4.9249 11-11 11S1 18.0751 1 12Z" />
+      <path d="M12 5c.5523 0 1 .4477 1 1v5.382l3.4472 1.7236c.494.247.6942.8476.4472 1.3416-.247.494-.8476.6942-1.3416.4472l-4-2A1 1 0 0 1 11 12V6c0-.5523.4477-1 1-1Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/close.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/close.jsx
new file mode 100755
index 0000000..627ff65
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/close.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Close(props) {
+  return (
+    <Icon {...props}>
+      <path d="M24 2.4L21.6 0L12 9.6L2.4 0L0 2.4L9.6 12L0 21.6L2.4 24L12 14.4L21.6 24L24 21.6L14.4 12L24 2.4Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cloud.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cloud.jsx
new file mode 100755
index 0000000..4b5b44a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cloud.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+import * as Utils from "../../../utils";
+
+export default function Cloud(props) {
+  return (
+    <Icon
+      {...props}
+      className={Utils.classNames(props.className, "cloud-icon")}
+    >
+      <path d="M17.173 8.725a2.181 2.181 0 0 1-2.112-1.636 6.544 6.544 0 1 0-6.331 8.18h9.817a3.272 3.272 0 1 0 0-6.544h-1.374ZM8.73 17.45a8.725 8.725 0 1 1 8.442-10.906h1.374a5.453 5.453 0 1 1 0 10.906H8.73Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/code.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/code.jsx
new file mode 100755
index 0000000..d0bd4cb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/code.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Code(props) {
+  return (
+    <Icon {...props}>
+      <path d="M8.54 14.69L2.6 19.3 0 18.02V5.99l2.58-1.3L8.5 9.33 17.85 0 24 2.44v19.08L17.88 24l-9.34-9.31zm9.12 1.62V7.7L12.06 12l5.6 4.3zM2.8 14.76l2.94-2.66L2.8 9.18v5.58z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/codex.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/codex.jsx
new file mode 100755
index 0000000..332ea52
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/codex.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Codex(props) {
+  return (
+    <Icon {...props}>
+      <path
+        clipRule="evenodd"
+        d="M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/coffee.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/coffee.jsx
new file mode 100755
index 0000000..e168da6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/coffee.jsx
@@ -0,0 +1,15 @@
+import Icon from "../icon.jsx";
+
+export default function Coffee(props) {
+  return (
+    <Icon {...props}>
+      <path d="M17 8C17 7.44772 17.4477 7 18 7H19C20.3261 7 21.5979 7.52678 22.5355 8.46447C23.4732 9.40215 24 10.6739 24 12C24 13.3261 23.4732 14.5979 22.5355 15.5355C21.5979 16.4732 20.3261 17 19 17H18C17.4477 17 17 16.5523 17 16C17 15.4477 17.4477 15 18 15H19C19.7956 15 20.5587 14.6839 21.1213 14.1213C21.6839 13.5587 22 12.7956 22 12C22 11.2044 21.6839 10.4413 21.1213 9.87868C20.5587 9.31607 19.7956 9 19 9H18C17.4477 9 17 8.55228 17 8Z" />
+      <path d="M1 8C1 7.44772 1.44772 7 2 7H18C18.5523 7 19 7.44772 19 8V17C19 18.3261 18.4732 19.5979 17.5355 20.5355C16.5979 21.4732 15.3261 22 14 22H6C4.67392 22 3.40215 21.4732 2.46447 20.5355C1.52678 19.5979 1 18.3261 1 17V8ZM3 9V17C3 17.7956 3.31607 18.5587 3.87868 19.1213C4.44129 19.6839 5.20435 20 6 20H14C14.7956 20 15.5587 19.6839 16.1213 19.1213C16.6839 18.5587 17 17.7956 17 17V9H3Z" />
+      <g>
+        <path d="M6 0C6.55228 0 7 0.447715 7 1V4C7 4.55228 6.55228 5 6 5C5.44772 5 5 4.55228 5 4V1C5 0.447715 5.44772 0 6 0Z" />
+        <path d="M10 0C10.5523 0 11 0.447715 11 1V4C11 4.55228 10.5523 5 10 5C9.44772 5 9 4.55228 9 4V1C9 0.447715 9.44772 0 10 0Z" />
+        <path d="M14 0C14.5523 0 15 0.447715 15 1V4C15 4.55228 14.5523 5 14 5C13.4477 5 13 4.55228 13 4V1C13 0.447715 13.4477 0 14 0Z" />
+      </g>
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/color-picker.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/color-picker.jsx
new file mode 100755
index 0000000..c02fd7a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/color-picker.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function ColorPicker(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.64 4.22l-2.86-2.86a1.22 1.22 0 00-1.72 0l-3.81 3.81-1.5-1.48a1.22 1.22 0 10-1.72 1.72l.87.88L1.18 17.01a.6.6 0 00-.18.44v4.94c0 .34.27.61.61.61h4.94c.16 0 .32-.06.43-.18L17.69 12.1l.88.88a1.22 1.22 0 101.73-1.72l-1.5-1.5 3.82-3.8c.5-.5.5-1.27.02-1.74zM5.8 20.56L3.45 18.2l9.85-9.85 2.34 2.35-9.85 9.85z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/comfy-ui.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/comfy-ui.jsx
new file mode 100755
index 0000000..5afa497
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/comfy-ui.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function ComfyUI(props) {
+  return (
+    <Icon {...props}>
+      <path d="M5.485 23.76c-.568 0-1.026-.207-1.325-.598-.307-.402-.387-.964-.22-1.54l.672-2.315a.605.605 0 00-.1-.536.622.622 0 00-.494-.243H2.085c-.568 0-1.026-.207-1.325-.598-.307-.403-.387-.964-.22-1.54l2.31-7.917.255-.87c.343-1.18 1.592-2.14 2.786-2.14h2.313c.276 0 .519-.18.595-.442l.764-2.633C9.906 1.208 11.155.249 12.35.249l4.945-.008h3.62c.568 0 1.027.206 1.325.597.307.402.387.964.22 1.54l-1.035 3.566c-.343 1.178-1.593 2.137-2.787 2.137l-4.956.01H11.37a.618.618 0 00-.594.441l-1.928 6.604a.605.605 0 00.1.537c.118.153.3.243.495.243l3.275-.006h3.61c.568 0 1.026.206 1.325.598.307.402.387.964.22 1.54l-1.036 3.565c-.342 1.179-1.592 2.138-2.786 2.138l-4.957.01h-3.61z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/copilot.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/copilot.jsx
new file mode 100755
index 0000000..151595c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/copilot.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Copilot(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.961.394a.5.5 0 0 1 .645.645l-8.264 21.786a.5.5 0 0 1-.929.015l-3.58-8.591a.5.5 0 0 0-.251-.262l-9.5-4.384a.5.5 0 0 1 .032-.922L22.96.394Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cp-u.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cp-u.jsx
new file mode 100755
index 0000000..7705607
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cp-u.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function CPU(props) {
+  return (
+    <Icon {...props}>
+      <path d="M6 5c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1h12c.5523 0 1-.4477 1-1V6c0-.5523-.4477-1-1-1H6ZM3 6c0-1.6569 1.3431-3 3-3h12c1.6569 0 3 1.3431 3 3v12c0 1.6569-1.3431 3-3 3H6c-1.6569 0-3-1.3431-3-3V6Z" />
+      <path d="M8 9c0-.5523.4477-1 1-1h6c.5523 0 1 .4477 1 1v6c0 .5523-.4477 1-1 1H9c-.5523 0-1-.4477-1-1V9Zm2 1v4h4v-4h-4ZM9 0c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1s-1-.4477-1-1V1c0-.5523.4477-1 1-1ZM15 0c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1s-1-.4477-1-1V1c0-.5523.4477-1 1-1ZM9 19c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1s-1-.4477-1-1v-3c0-.5523.4477-1 1-1ZM15 19c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1s-1-.4477-1-1v-3c0-.5523.4477-1 1-1ZM19 9c0-.5523.4477-1 1-1h3c.5523 0 1 .4477 1 1s-.4477 1-1 1h-3c-.5523 0-1-.4477-1-1ZM19 14c0-.5523.4477-1 1-1h3c.5523 0 1 .4477 1 1s-.4477 1-1 1h-3c-.5523 0-1-.4477-1-1ZM0 9c0-.5523.4477-1 1-1h3c.5523 0 1 .4477 1 1s-.4477 1-1 1H1c-.5523 0-1-.4477-1-1ZM0 14c0-.5523.4477-1 1-1h3c.5523 0 1 .4477 1 1s-.4477 1-1 1H1c-.5523 0-1-.4477-1-1Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cursor.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cursor.jsx
new file mode 100755
index 0000000..1b40ec3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/cursor.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Cursor(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.106 5.68L12.5.135a.998.998 0 00-.998 0L1.893 5.68a.84.84 0 00-.419.726v11.186c0 .3.16.577.42.727l9.607 5.547a.999.999 0 00.998 0l9.608-5.547a.84.84 0 00.42-.727V6.407a.84.84 0 00-.42-.726zm-.603 1.176L12.228 22.92c-.063.108-.228.064-.228-.061V12.34a.59.59 0 00-.295-.51l-9.11-5.26c-.107-.062-.063-.228.062-.228h18.55c.264 0 .428.286.296.514z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/data-grip.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/data-grip.jsx
new file mode 100755
index 0000000..6203fe3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/data-grip.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function DataGrip(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm3 19.1999h9.6v1.8H3v-1.8ZM6.435 2.9951H3.0072v9.0036H6.435c.8526 0 1.6176-.1926 2.2926-.5784a4.1341 4.1341 0 0 0 1.5852-1.6044c.3816-.684.5724-1.4568.5724-2.319 0-.8622-.1908-1.6344-.5724-2.3184a4.1292 4.1292 0 0 0-1.5852-1.6044c-.675-.3864-1.4394-.579-2.2926-.579Zm2.3214 6.0936c-.2184.4482-.5292.792-.9324 1.032s-.873.36-1.4088.36h-1.653V4.5125h1.653c.5364 0 1.0056.12 1.4088.36.4032.2406.714.5844.9324 1.0326.219.4476.3282.978.3282 1.5918 0 .6138-.1092 1.1436-.3282 1.5918Zm3.6528.7848a4.373 4.373 0 0 0 1.6464 1.6716v-.0006c.699.4056 1.5132.6078 2.3412.6078.8274 0 1.5744-.1842 2.2416-.5526a4.13 4.13 0 0 0 1.575-1.515c.384-.6408.576-1.3584.576-2.151v-.708h-3.8136v1.3824h2.0945a1.9786 1.9786 0 0 1-.3647.9138c-.2358.3258-.5544.5814-.9552.7656-.4008.1842-.8478.2766-1.341.2766-.5316 0-1.0122-.1326-1.4406-.3984a2.764 2.764 0 0 1-1.0068-1.0968c-.2418-.465-.363-.99-.363-1.5726s.1212-1.107.363-1.572a2.7672 2.7672 0 0 1 1.0068-1.0968c.429-.2658.909-.3984 1.4406-.3984.3606 0 .6966.057 1.0098.1704.3132.1134.5862.2742.8202.4818.2323.2064.4214.4569.5562.7368h1.878a3.8172 3.8172 0 0 0-.852-1.5564 4.1454 4.1454 0 0 0-1.4922-1.0482c-.5898-.2484-1.2342-.3732-1.9326-.3732-.8616 0-1.6428.2034-2.3412.6084-.6984.405-1.248.963-1.6464 1.6722-.3984.7092-.5982 1.5012-.5982 2.376 0 .8748.1998 1.6668.5982 2.3766Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/date.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/date.jsx
new file mode 100755
index 0000000..9e59c84
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/date.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Date(props) {
+  return (
+    <Icon {...props}>
+      <path d="M5 5c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1V6c0-.5523-.4477-1-1-1H5ZM2 6c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v14c0 1.6569-1.3431 3-3 3H5c-1.6568 0-3-1.3431-3-3V6Z" />
+      <path d="M16 1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1V2c0-.5523.4477-1 1-1ZM8 1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1V2c0-.5523.4477-1 1-1ZM2 10c0-.5523.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3c-.5523 0-1-.4477-1-1Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/de-v-o-nthink3.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/de-v-o-nthink3.jsx
new file mode 100755
index 0000000..5f5acd1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/de-v-o-nthink3.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function DEVONthink3(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5 0a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5H5Zm9.916 6.223c-.577-.865-1.313-1.306-2.17-1.52-.81-.203-1.737-.203-2.703-.203H10c-1.12 0-2.218.418-3.097 1.026-.874.605-1.584 1.436-1.877 2.316l-.009.026c-.498 1.493-1.037 3.112-.502 5.253.267 1.069.795 2.118 1.31 2.954.512.832 1.035 1.492 1.321 1.779.11.11.259.206.4.288.149.085.324.172.512.258a20.47 20.47 0 0 0 2.54.917c.186.053.357.096.501.128.133.028.28.055.401.055.04 0 .125.006.283.017l.017.002c.144.01.328.023.54.035.44.024 1.006.04 1.624.008 1.216-.064 2.715-.321 3.836-1.162 1.675-1.256 2.787-2.957 3.147-3.676l.216-.432-5.568-3.037c.408-1.549.34-3.504-.679-5.032Zm-.832.554c.888 1.332.908 3.154.446 4.552a4.398 4.398 0 0 0-.043.114c-.213.487-.757.878-1.43 1.158-.704.294-1.388.399-1.557.399-.145 0-.66-.092-1.13-.457-.442-.343-.87-.948-.87-2.043 0-.837.338-1.312.73-1.594.417-.3.933-.406 1.27-.406.059 0 .22.052.42.252.187.187.342.44.41.692.068.248.043.453-.056.606-.098.155-.33.351-.872.46l.196.98c.709-.142 1.226-.445 1.518-.9.292-.455.299-.97.179-1.41a2.625 2.625 0 0 0-.668-1.135c-.284-.284-.686-.545-1.127-.545-.497 0-1.23.145-1.855.594C8.995 8.562 8.5 9.337 8.5 10.5c0 1.405.572 2.3 1.256 2.832.655.51 1.39.668 1.744.668.331 0 1.147-.145 1.942-.476a5.34 5.34 0 0 0 .732-.37l.001.12c.019.74.249 1.585 1.006 2.114.312.3 1.124.958 2.159 1.165.312.062.648.084.994.041A9.678 9.678 0 0 1 17.2 17.6c-.879.659-2.13.902-3.289.963-.57.03-1.097.015-1.517-.008a27.053 27.053 0 0 1-.523-.034l-.028-.002h-.005a5.156 5.156 0 0 0-.337-.019s-.014 0-.048-.006a2.31 2.31 0 0 1-.142-.027 7.587 7.587 0 0 1-.44-.112 19.41 19.41 0 0 1-2.398-.864 5.345 5.345 0 0 1-.429-.216 1.092 1.092 0 0 1-.19-.128c-.214-.214-.69-.804-1.178-1.596-.486-.79-.958-1.74-1.19-2.672-.462-1.846-.011-3.221.488-4.72.207-.62.747-1.29 1.498-1.81C8.218 5.832 9.121 5.5 10 5.5c1.018 0 1.826.003 2.504.173.644.16 1.157.47 1.58 1.104Zm1.09 6.473c-.008-.351.045-.71.12-1.02l4.46 2.433c-.347.412-.69.655-1.007.792-.415.18-.825.194-1.211.117-.8-.16-1.464-.707-1.682-.926l-.035-.035-.042-.027c-.409-.273-.587-.745-.602-1.334Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/deezer.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/deezer.jsx
new file mode 100755
index 0000000..ec0b2ae
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/deezer.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Deezer(props) {
+  return (
+    <Icon {...props}>
+      <path d="M20.1289 3.6616c.222-1.287.5479-2.0963.9088-2.0979h.0007c.6731.0023 1.2187 2.809 1.2187 6.2743s-.5464 6.2742-1.2201 6.2742c-.2763 0-.5312-.4769-.7364-1.2762-.3243 2.9258-.9973 4.937-1.7764 4.937-.6028 0-1.1438-1.2081-1.507-3.1135-.2479 3.6237-.8721 6.1947-1.6016 6.1947-.4578 0-.8752-1.0188-1.1842-2.6777-.3716 3.4243-1.2301 5.8236-2.2311 5.8236-1.0011 0-1.8611-2.3986-2.2312-5.8236-.3067 1.6589-.7241 2.6777-1.1842 2.6777-.7295 0-1.3521-2.571-1.6016-6.1947-.3632 1.9054-.9027 3.1135-1.507 3.1135-.7784 0-1.4521-2.0105-1.7764-4.937-.2037.8016-.4601 1.2762-.7363 1.2762-.6738 0-1.2202-2.8089-1.2202-6.2742 0-3.4653.5464-6.2743 1.2202-6.2743.3616 0 .6852.8116.9095 2.0979C4.2325 1.4424 4.8162 0 5.4763 0c.7836 0 1.4627 2.0399 1.784 5.002.3143-2.1559.7912-3.5303 1.3253-3.5303.7486 0 1.385 2.7031 1.6207 6.4737.4433-1.9332 1.0851-3.146 1.7955-3.146.7103 0 1.3521 1.2136 1.7946 3.146.2366-3.7706.8722-6.4737 1.6208-6.4737.5333 0 1.0094 1.3744 1.3254 3.5302C17.0631 2.04 17.7422 0 18.5258 0c.6577 0 1.2437 1.4431 1.6031 3.6616ZM0 7.2209c0-1.549.3098-2.8052.692-2.8052.3824 0 .6922 1.2561.6922 2.8052 0 1.549-.3098 2.8051-.6921 2.8051C.3098 10.026 0 8.7699 0 7.2209Zm22.6158 0c0-1.549.3098-2.8052.6921-2.8052.3822 0 .6921 1.2561.6921 2.8052 0 1.549-.3099 2.8051-.6921 2.8051-.3823 0-.6921-1.2561-.6921-2.8051Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/default.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/default.jsx
new file mode 100755
index 0000000..6a0902c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/default.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Default(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 2a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h20a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm1.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM9 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM11.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/desktop.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/desktop.jsx
new file mode 100755
index 0000000..c7fae7b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/desktop.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Desktop(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21 2H3a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h7l-1.63 2.45A1 1 0 0 0 9.2 22h5.6a1 1 0 0 0 .83-1.55L14 18h7a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0 12H3V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v9z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/discord.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/discord.jsx
new file mode 100755
index 0000000..7b1a27b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/discord.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Discord(props) {
+  return (
+    <Icon {...props}>
+      <path d="M20.3170136,4.49210179 C18.7873347,3.80147275 17.1469855,3.29264772 15.4318982,3.00122249 C15.4006644,2.99559808 15.3694644,3.00965379 15.3533742,3.03776589 C15.1424109,3.40696539 14.908732,3.88861627 14.7450926,4.26719168 C12.9004053,3.99545024 11.0651828,3.99545024 9.25832087,4.26719168 C9.09464763,3.88020127 8.85248426,3.40696539 8.6405744,3.03776589 C8.62448426,3.01059175 8.59328426,2.99653603 8.56205046,3.00122249 C6.84790966,3.29171642 5.2075604,3.80054145 3.67693509,4.49210179 C3.66368438,4.49772288 3.65232664,4.50710245 3.64478861,4.51927593 C0.533391499,9.09311339 -0.318950227,13.554529 0.0991801295,17.9606319 C0.101072073,17.9821849 0.113369876,18.0028067 0.130398044,18.0159115 C2.18320892,19.4992804 4.17170691,20.3998189 6.12327869,20.9967188 C6.15451249,21.0060984 6.18760545,20.9948562 6.2074815,20.9695446 C6.66912656,20.3492291 7.08064205,19.6951538 7.43347584,19.0073187 C7.45429838,18.9670397 7.43442232,18.9192439 7.39186457,18.9033119 C6.7391322,18.6596759 6.11759982,18.3626229 5.51972941,18.025291 C5.47243927,17.9981169 5.46865335,17.9315618 5.51215758,17.8996979 C5.63797166,17.8069333 5.76381954,17.7104102 5.88395475,17.6129558 C5.90568996,17.5951612 5.93597729,17.5914028 5.96153221,17.6026449 C9.88928423,19.3671682 14.1415433,19.3671682 18.0229516,17.6026449 C18.0485066,17.5904715 18.0787939,17.5942299 18.1014756,17.6120245 C18.2216446,17.7094789 18.3474587,17.8069333 18.4742192,17.8996979 C18.5177235,17.9315618 18.514884,17.9981169 18.4675939,18.025291 C17.8697235,18.3691753 17.2481911,18.6596759 16.5945122,18.9023806 C16.5519545,18.9183125 16.5330249,18.9670397 16.5538475,19.0073187 C16.9142531,19.6941892 17.3257686,20.3482645 17.7788953,20.9686133 C17.7978249,20.9948562 17.8318643,21.0060984 17.8630981,20.9967188 C19.8241347,20.3998189 21.8126192,19.4992804 23.8654304,18.0159115 C23.8834135,18.0028067 23.8947712,17.9831162 23.8966642,17.9615632 C24.3970811,12.8676252 23.0584896,8.44279655 20.3482136,4.52020723 C20.3415882,4.50710245 20.3302643,4.49772288 20.3170136,4.49210179 Z M8.02002231,15.2777755 C6.83749839,15.2777755 5.86313222,14.2095357 5.86313222,12.8976266 C5.86313222,11.5857174 6.81860262,10.5174776 8.02002231,10.5174776 C9.23087298,10.5174776 10.1958082,11.595097 10.1768786,12.8976266 C10.1768786,14.2095357 9.22140819,15.2777755 8.02002231,15.2777755 Z M15.9947489,15.2777755 C14.8122588,15.2777755 13.8378926,14.2095357 13.8378926,12.8976266 C13.8378926,11.5857174 14.7933292,10.5174776 15.9947489,10.5174776 C17.2056334,10.5174776 18.1705347,11.595097 18.151639,12.8976266 C18.151639,14.2095357 17.2056334,15.2777755 15.9947489,15.2777755 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/docker.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/docker.jsx
new file mode 100755
index 0000000..2ed8850
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/docker.jsx
@@ -0,0 +1,11 @@
+import Icon from "../icon.jsx";
+
+export default function Windows(props) {
+  return (
+    <Icon {...props}>
+      <path d="M5 9.65h2.2v2.22H5zm-2.7 0h2.2v2.22H2.3z" />
+      <path d="M22.7 10.85a3.15 3.15 0 0 0-2.6-.3 3.3 3.3 0 0 0-1.45-2.2l-.25-.25-.25.3a3.05 3.05 0 0 0-.55 2.1 2.8 2.8 0 0 0 .5 1.4l-.75.35a5.3 5.3 0 0 1-1.5.25H1.1v.3a6.05 6.05 0 0 0 .5 3.25l.2.4c1.4 2.3 3.85 3.3 6.5 3.3 5.15 0 9.35-2.2 11.35-7 1.3.1 2.6-.25 3.25-1.5L23 11Zm-17.3 5.9a1.15 1.15 0 1 1 0-2.3 1.15 1.15 0 1 1 0 2.3M5 6.85h2.2v2.22H5z" />
+      <path d="M13.25 9.65h2.2v2.22h-2.2zM10.55 4h2.2v2.22h-2.2zm0 5.65h2.2v2.22h-2.2zM7.8 6.85H10v2.22H7.8zm2.75 0h2.2v2.22h-2.2zM7.8 9.65H10v2.22H7.8z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/dollar.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/dollar.jsx
new file mode 100755
index 0000000..5a24b9f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/dollar.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Dollar(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1.41 16.09v.58c0 .73-.6 1.33-1.33 1.33h-.01c-.73 0-1.33-.6-1.33-1.33v-.6c-1.33-.28-2.51-1.01-3.01-2.24-.23-.55.2-1.16.8-1.16h.24c.37 0 .67.25.81.6.29.75 1.05 1.27 2.51 1.27 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21v-.6c0-.73.6-1.33 1.33-1.33h.01c.73 0 1.33.6 1.33 1.33v.62a3.56 3.56 0 0 1 2.63 2.26.85.85 0 0 1-.81 1.13h-.26a.8.8 0 0 1-.77-.62c-.23-.76-.86-1.25-2.12-1.25-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.02 1.83-1.39 2.83-3.13 3.16z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/down-arrow.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/down-arrow.jsx
new file mode 100755
index 0000000..4cfd2e1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/down-arrow.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function DownArrow(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fill="var(--red)"
+        d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/download.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/download.jsx
new file mode 100755
index 0000000..e612225
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/download.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Download(props) {
+  return (
+    <Icon {...props}>
+      <path d="M13 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM13 8a1 1 0 1 1-2 0V5a1 1 0 1 1 2 0v3ZM13 20a1 1 0 1 1-2 0v-9a1 1 0 1 1 2 0v9Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.707 22.707a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 1.414-1.414L12 20.586l6.293-6.293a1 1 0 0 1 1.414 1.414l-7 7Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/drafts.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/drafts.jsx
new file mode 100755
index 0000000..7c4c114
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/drafts.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Drafts(props) {
+  return (
+    <Icon {...props}>
+      <path d="M3.355,20.645L15.871,20.645C16.797,20.645 17.548,21.397 17.548,22.323C17.548,23.248 16.797,24 15.871,24L1.677,24C0.751,24 0,23.249 0,22.323L0,8.129C-0,7.203 0.752,6.452 1.677,6.452C2.603,6.452 3.355,7.203 3.355,8.129L3.355,20.645ZM20.645,3.355L8.129,3.355C7.203,3.355 6.452,2.603 6.452,1.677C6.452,0.752 7.203,-0 8.129,0L22.323,0C23.249,-0 24,0.751 24,1.677L24,15.871C24,16.797 23.248,17.548 22.323,17.548C21.397,17.548 20.645,16.797 20.645,15.871L20.645,3.355ZM15.766,8.234L10.765,8.234C10.337,8.234 9.99,7.887 9.99,7.46C9.99,7.033 10.337,6.686 10.765,6.686L16.54,6.686C16.967,6.686 17.314,7.033 17.314,7.46L17.314,13.235C17.314,13.663 16.967,14.01 16.54,14.01C16.113,14.01 15.766,13.663 15.766,13.235L15.766,8.234Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/dropbox.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/dropbox.jsx
new file mode 100755
index 0000000..159fac3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/dropbox.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Dropbox(props) {
+  return (
+    <Icon {...props}>
+      <path d="M7.3125,0 L0,4.8 L5.025,8.625 L12,4.0875 L7.3125,0 Z M12,4.0875 L19.3125,8.4 L24,4.575 L16.9125,0 L12,4.0875 Z M19.3125,8.4 L12,13.0875 L16.8,16.8 L24,12.4875 L19.3125,8.4 Z M12,13.0875 L5.025,8.625 L0,12.4875 L7.3125,16.8 L12,13.0875 Z M12,15 L7.2,18.6 L4.8,17.175 L4.8,19.2 L12,24 L19.2,19.3125 L19.2,17.175 L16.8,18.6 L12,15 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/element.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/element.jsx
new file mode 100755
index 0000000..03de2a2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/element.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Element(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 24a12 12 0 100-24 12 12 0 000 24zM9.8 5.6c0-.5.4-.9.9-.9a6 6 0 016 6 .9.9 0 01-1.8 0c0-2.4-1.9-4.2-4.2-4.2a.9.9 0 01-.9-1zm9.5 5a.9.9 0 00-1.8 0c0 2.4-1.9 4.2-4.2 4.2a.9.9 0 100 1.8 6 6 0 006-6zm-5 7.8c0 .5-.5.9-1 .9a6 6 0 01-6-6 .9.9 0 011.8 0c0 2.4 2 4.2 4.2 4.2.5 0 1 .4 1 1zm-9.6-5a.9.9 0 001.8 0c0-2.4 1.9-4.2 4.2-4.2a.9.9 0 100-1.8 6 6 0 00-6 6z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/emacs.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/emacs.jsx
new file mode 100755
index 0000000..59dd511
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/emacs.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Emacs(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 23a11 11 0 100-22 11 11 0 000 22zm-1.65-3.31c-1.2.1-2.13.04-2.13.04.02 0 3.25-.72 4.49-1.07l.31-.09c.7-.19 1.95-.53 1.93-.68-.01-.13-.26-.18-1.84-.1a10.6 10.6 0 01-5.38-.62c-3.05-1-3.7-2.63-2.22-3.99 1.31-1.09 3.56-2.03 6.67-1.86 0 0-1.06-.32-1.42-.5l-.31-.14c-.95-.43-2.24-1.03-3.17-2.05l-.13-.15c-.26-.31-.63-.74-.4-1.23.38-.8 1.58-.86 3.3-.96l.44-.02s2.03-.2 3-.35c.9-.15 1.12-.43.97-.63-.25-.35-.81-.4-4.18-.38 0 0 2.72-.78 3.86-.99 1.2-.21 2.46.41 2.7 1.48.27 1.04-.37 1.7-1.35 1.86 0 0-.11.05-.82.06-1.4.02-2.94.21-4.03.52-.34.1-.95.43-.77.82.15.39.82.7 1.28.93l.07.04 1.18.55c1 .47 2.38 1.11 3.26 1.54 0 0-4.06.92-5.09 1.41-2.05.93-2.3 2-1.82 2.37.5.38 1.44.85 4.26.94l1.27.02c1.74.02 2.76.04 3.67.41.37.16.37.4.36.52v.05c-.23.4-.74.7-1.68 1.04-.9.33-2.58.69-2.58.69-1.37.3-3.22.47-3.7.52z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ethereum.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ethereum.jsx
new file mode 100755
index 0000000..7c29401
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ethereum.jsx
@@ -0,0 +1,34 @@
+import Icon from "../icon.jsx";
+
+export default function Ethereum(props) {
+  return (
+    <Icon width={156} height={256} {...props}>
+      <path
+        d="M0,128 L80,0 L80,93.5358372 L0,128 Z M156,128 L80,93.5809573 L80,0 L156,128 Z"
+        fill="#828384"
+        id="Combined-Shape"
+      />
+      <path
+        d="M80,176 L0,131.00396 L80,96 L80,176 Z M156,131.011473 L80,176 L80,96 L156,131.011473 Z"
+        fill="#343535"
+        id="Combined-Shape"
+      />
+      <path
+        d="M0,148 L80,194.180711 L80,256 L0,148 Z M156,148 L80,256 L80,194.175361 L156,148 Z"
+        fill="#828384"
+        id="Combined-Shape"
+      />
+      <polygon fill="#2F3030" id="Path-3" points="156 128 80 93.5809573 80 0" />
+      <polygon
+        fill="#131313"
+        id="Path-5"
+        points="156 131.011473 80 96 80 176"
+      />
+      <polygon
+        fill="#2F3030"
+        id="Path-7"
+        points="156 148 80 194.175361 80 256"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/evernote-legacy.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/evernote-legacy.jsx
new file mode 100755
index 0000000..fcda973
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/evernote-legacy.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function EvernoteLegacy(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.92,23.85A11.93,11.93,0,1,1,23.85,12,11.91,11.91,0,0,1,11.92,23.85Zm-.4-10.34a1.93,1.93,0,0,0,.92,1.33,3.56,3.56,0,0,0,1.52.51,2.36,2.36,0,0,1,1.76,1.09,1.82,1.82,0,0,1-1.24,2.87,1.3,1.3,0,0,1-1.2-.4.73.73,0,0,1-.19-.74.68.68,0,0,1,.58-.46l.16,0a.66.66,0,0,0,.54-.7.64.64,0,0,0-.67-.6,2.31,2.31,0,0,0-.37,0A2.11,2.11,0,0,0,11.6,18a2,2,0,0,0,.75,2.22,3.16,3.16,0,0,0,2.46.65,4,4,0,0,0,3-1.89,5.69,5.69,0,0,0,.81-2.46c.09-.84.15-1.69.16-2.53,0-1,0-2-.06-3a25.23,25.23,0,0,0-.42-3.56,2.39,2.39,0,0,0-1.1-1.67,3.75,3.75,0,0,0-1.33-.49l-3.08-.53a.2.2,0,0,1-.18-.15,1.4,1.4,0,0,0-.89-.94,3.46,3.46,0,0,0-1.66-.13,1.11,1.11,0,0,0-1,1.14c0,.95,0,1.9,0,2.85a2.43,2.43,0,0,1,0,.38.88.88,0,0,1-.71.8,3,3,0,0,1-.61.08H5a.88.88,0,0,0-.55.17,1.22,1.22,0,0,0-.52,1.19,17.49,17.49,0,0,0,.52,2.67,4,4,0,0,0,1.42,2.27,5.36,5.36,0,0,0,3.66,1.1,1.35,1.35,0,0,0,1.15-.65,5.22,5.22,0,0,0,.64-1.35C11.39,13.94,11.46,13.73,11.52,13.51Zm-7-5.18c.16,0,.28-.07.39-.08l.92,0h2a.66.66,0,0,0,.75-.56.78.78,0,0,0,0-.22V5.68c0-.34,0-.68,0-1s0-.39.07-.6Z" />
+      <path d="M16.37,11.89a6.16,6.16,0,0,1-1.42-.2c-.16,0-.19-.11-.13-.27a.78.78,0,0,1,.34-.4,1.2,1.2,0,0,1,1.35.15.82.82,0,0,1,.24.48c0,.17,0,.23-.18.24Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/face-time.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/face-time.jsx
new file mode 100755
index 0000000..df94f94
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/face-time.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function FaceTime(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0 8.30857018L0 16.6914791C0 18.5218303 1.51470151 20 3.36768637 20L13.6323136 20C15.4953965 20 17 18.5119097 17 16.6914791L17 8.30857018C17 6.47821906 15.4852985 5 13.6323136 5L3.37778438 5C1.51470151 4.99012871 0 6.47821906 0 8.30857018zM21.8033208 5.34198159L17.9441174 8.81128664C17.601525 9.1246787 17.4 9.58102152 17.4 10.0648549L17.4 14.8701997C17.4 15.3540331 17.5914487 15.8048778 17.9290031 16.1182699L21.7882064 19.6535522C22.6698782 20.4562757 24 19.7745105 24 18.5264404L24 6.46909337C24.0100193 5.23201946 22.6799545 4.54475618 21.8033208 5.34198159z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/figma.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/figma.jsx
new file mode 100755
index 0000000..af80266
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/figma.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Figma(props) {
+  return (
+    <Icon {...props}>
+      <path d="M8 24c.5 0 1 0 1.5-.3a4 4 0 0 0 1.3-.7c.4-.4.7-.7.9-1.2.2-.4.3-.8.3-1.3V17H8c-.5 0-1 0-1.5.3a4 4 0 0 0-1.3.7c-.4.4-.7.7-.9 1.2a3.1 3.1 0 0 0 0 2.6c.2.5.5.8.9 1.2.3.3.8.6 1.3.7L8 24zM4 12.5c0-1.2.4-2.3 1.2-3.2C5.9 8.5 6.9 8 8 8h4v9H8c-1 0-2-.5-2.8-1.3-.8-.9-1.2-2-1.2-3.2zM4 4a4 4 0 0 1 4-4h4v8H8a4 4 0 0 1-4-4zM12 0h4a4 4 0 1 1 0 8h-4V0z" />
+      <path d="M20 12.5a5 5 0 0 1-.7 2.5c-.4.7-1 1.3-1.8 1.7-.7.3-1.5.4-2.3.2-.8-.2-1.5-.6-2-1.2-.6-.6-1-1.4-1.1-2.3a5 5 0 0 1 .2-2.6c.3-.8.8-1.5 1.5-2 .6-.5 1.4-.8 2.2-.8 1 0 2 .5 2.8 1.3.8.9 1.2 2 1.2 3.2z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/final-cut-pro.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/final-cut-pro.jsx
new file mode 100755
index 0000000..6d9800b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/final-cut-pro.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function FinalCutPro(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23.608,20.001l-1.743,-9.881l0,-0.001l-0.581,-3.294c-0.034,-0.191 -0.151,-0.346 -0.308,-0.435c-0.122,-0.07 -0.268,-0.098 -0.416,-0.072l-11.473,2.023l10.947,-3.985c0.325,-0.118 0.492,-0.476 0.374,-0.801l-1.144,-3.143c-0.057,-0.157 -0.173,-0.284 -0.323,-0.353c-0.151,-0.07 -0.323,-0.078 -0.479,-0.022l-17.667,6.431c-0.325,0.118 -0.493,0.478 -0.374,0.802l1.125,3.092l0.571,3.239l1.743,9.882c0.029,0.164 0.121,0.309 0.257,0.403c0.106,0.075 0.232,0.114 0.359,0.114c0.037,0 0.073,-0.003 0.109,-0.009l18.516,-3.265c0.163,-0.029 0.308,-0.121 0.403,-0.257c0.095,-0.136 0.133,-0.305 0.104,-0.468Zm-3.084,-10.281l-2.318,0.409l1.286,-2.352l0.669,-0.118l0.363,2.061Zm-17.646,0.986l2.325,-0.409l-1.286,2.352l-0.676,0.119l-0.363,-2.062Zm5.194,-5.555l-0.858,2.54l-2.536,0.923l0.858,-2.54l2.536,-0.923Zm4.043,-1.471l-0.858,2.539l-2.536,0.923l0.857,-2.539l2.537,-0.923Zm4.042,-1.472l-0.857,2.54l-2.537,0.923l0.858,-2.54l2.536,-0.923Zm-9.376,7.81l2.659,-0.469l-1.286,2.352l-2.659,0.469l1.286,-2.352Zm4.238,-0.746l2.657,-0.469l-1.285,2.352l-2.659,0.468l1.287,-2.351Zm4.236,-0.748l2.658,-0.469l-1.286,2.352l-2.658,0.469l1.286,-2.352Zm3.764,-5.13l-2.213,0.806l0.858,-2.539l0.638,-0.233l0.717,1.966Zm-14.989,3.229l-0.857,2.539l-0.647,0.235l-0.715,-1.967l2.219,-0.807Zm0.954,16.027l-1.526,-8.65l17.283,-3.047l1.525,8.649l-17.282,3.048Zm16.132,-12.017l-18.377,3.255l1.634,9.231l18.378,-3.255l-1.635,-9.231Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/finder.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/finder.jsx
new file mode 100755
index 0000000..e71536c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/finder.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Finder(props) {
+  return (
+    <Icon {...props}>
+      <path d="M2 2h-.2A2 2 0 000 4v16a2 2 0 001.8 2H22c1 0 2-1 2-2V4c0-1-1-2-2-2H2zm9.9 2H22v16h-8.3l-.3-2A12.5 12.5 0 015 15.7 1 1 0 016 14.2S8.5 16 12 16h1.2l-.2-3h-2.3a.7.7 0 01-.7-.7A21 21 0 0112 4zm1.3 12l.2 2c3.4-.5 5.6-2.1 5.7-2.2a1 1 0 00-1.2-1.6S16 15.6 13.2 16zM18 7a1 1 0 00-1 1v1a1 1 0 102 0V8a1 1 0 00-1-1zM6 7c.6 0 1 .4 1 1v1a1 1 0 11-2 0V8c0-.6.4-1 1-1z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/firefox-developer-edition.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/firefox-developer-edition.jsx
new file mode 100755
index 0000000..afd96d2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/firefox-developer-edition.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function FirefoxDeveloperEdition(props) {
+  return (
+    <Icon {...props}>
+      <path d="M8.855 7.333c.008 0 .004 0 0 0zM6.082 5.947c.007 0 .004 0 0 0zm16.59 2.14c-.5-1.203-1.514-2.503-2.31-2.914.648 1.27 1.023 2.544 1.166 3.495l.002.02c-1.302-3.246-3.51-4.555-5.314-7.404-.09-.145-.182-.289-.27-.441a3.51 3.51 0 01-.128-.238 2.097 2.097 0 01-.171-.456.03.03 0 00-.027-.03.038.038 0 00-.021 0l-.006.002a.037.037 0 00-.009.005.038.038 0 01.005-.007c-2.56 1.5-3.622 4.126-3.894 5.797a6.136 6.136 0 00-2.282.582.294.294 0 00-.146.366.29.29 0 00.392.169 5.567 5.567 0 011.988-.519l.067-.005A5.636 5.636 0 0112 6.5a5.79 5.79 0 011.652.229l.094.03a5.757 5.757 0 01.265.088 5.839 5.839 0 01.191.075c.052.02.103.041.154.063a5.676 5.676 0 01.235.111l.106.054a5.776 5.776 0 01.224.123 5.165 5.165 0 01.141.086 5.895 5.895 0 012.014 2.083c-.615-.432-1.716-.859-2.776-.674 4.142 2.07 3.03 9.201-2.71 8.932a5.113 5.113 0 01-1.498-.29 6.347 6.347 0 01-.339-.137 4.37 4.37 0 01-.194-.093c-1.406-.727-2.567-2.1-2.712-3.768 0 0 .531-1.981 3.806-1.981.354 0 1.366-.988 1.385-1.274-.005-.094-2.009-.891-2.79-1.66-.418-.412-.616-.61-.791-.76a3.436 3.436 0 00-.299-.225 5.335 5.335 0 01-.032-2.814c-1.183.539-2.103 1.39-2.772 2.142h-.006c-.456-.578-.424-2.486-.398-2.884-.006-.025-.34.174-.385.204a8.395 8.395 0 00-1.125.964 10.086 10.086 0 00-1.075 1.29v0A9.72 9.72 0 00.819 9.9c-.003.013-.11.482-.188 1.062a12.736 12.736 0 00-.037.27 7.724 7.724 0 00-.068.66l-.002.034a28.326 28.326 0 00-.023.383l-.001.06c0 6.358 5.156 11.513 11.516 11.513 5.695 0 10.424-4.135 11.35-9.566.02-.147.035-.295.052-.444.23-1.974-.025-4.05-.746-5.786zm-7.862 3.455z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/firefox.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/firefox.jsx
new file mode 100755
index 0000000..fca522e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/firefox.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Firefox(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23.76 8.17a.2.2 0 0 0-.2.12l-.27.6c-.1-.79-.3-2.05-.55-2.87a5.44 5.44 0 0 0-1.22-2.13.19.19 0 0 0-.23-.03.2.2 0 0 0-.1.21l.2.95a7.75 7.75 0 0 0-2.66-1.9A9.43 9.43 0 0 0 4.5 5.09c-.16-.13-.4-.36-.52-.7-.25-.59-.37-1.25-.37-1.26a.2.2 0 0 0-.13-.15.2.2 0 0 0-.2.04c-1.44 1.39-1.3 3.55-1.25 4.04-.17.19-.68.76-1.2 1.58A8.17 8.17 0 0 0 0 11.5c0 .09.04.17.11.2a.2.2 0 0 0 .23-.04l.42-.45c-.05.18-.1.37-.13.59-.2.94-.14 2.4-.13 2.46 0 .1.06.17.15.19a.2.2 0 0 0 .22-.11l.25-.53c.18 1.28.89 4.01 3.59 6.53a11.3 11.3 0 0 0 7.63 2.93c2.77 0 5.38-.99 7.56-2.86 2.57-2.21 3.53-5.38 3.88-7.64.38-2.45.16-4.34.15-4.43a.2.2 0 0 0-.17-.17zm-4.4.08c.01 0 .28.35.34 1.24.04.67-.1 1.74-.19 2.33l-.52-.6a.2.2 0 0 0-.23-.06.2.2 0 0 0-.12.2c0 .02.18 1.53-.12 2.85a4.12 4.12 0 0 1-.55 1.36l.07-1a.2.2 0 0 0-.15-.2.2.2 0 0 0-.22.11c-.01.02-.92 1.97-3.4 2.74-.36.11-.72.17-1.1.17a5.95 5.95 0 0 1-3.21-1.16h.17c.98 0 1.73-.41 2.34-.75.16-.1.3-.18.45-.25a3.28 3.28 0 0 1 1.59-.47c.16 0 .29-.1.33-.25.1-.38-.36-1.05-.92-1.36a1.88 1.88 0 0 0-.94-.22c-.57 0-1.28.18-2.3.45a2.1 2.1 0 0 1-.55.08 1.7 1.7 0 0 1-1.27-.56c-.32-.34-.5-.8-.48-1.17.01-.18.08-.36.5-.36.37 0 .78.15.78.16h.07c.11 0 .2-.08.2-.19v-.03L9.88 9.6c.2-.13.67-.44 1.12-.77 1.1-.8 1.26-1.1 1.14-1.34-.16-.32-.57-.37-1.05-.43-.27-.04-.58-.08-.86-.17-.58-.2-.96-.7-1.05-.82a1.2 1.2 0 0 1 .1-.75c.2-.33.83-.83 1.06-1a.2.2 0 0 0 .08-.2.2.2 0 0 0-.17-.15c-.02 0-.6-.06-1.57.25-.78.27-1.39.7-1.6.85a7.99 7.99 0 0 0-.5-.07A7.82 7.82 0 0 1 17.05 3.8l-1.33.22a.2.2 0 0 0-.16.19c-.01.09.05.17.13.2.02 0 1.78.56 3.1 1.57.29.23.56.53.8.88.21.47.38.96.5 1.45l-.44-.35a.2.2 0 0 0-.26.02.2.2 0 0 0-.01.27zm0 0" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/fleet.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/fleet.jsx
new file mode 100755
index 0000000..474d739
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/fleet.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Fleet(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 24c6.6271 0 12-5.3729 12-12 0-1.2155-.357-3.152-1.0914-4.3243-1.183-2.0006-3.6319-3.4782-6.5748-3.8479C15.0039 2.2176 13.4855.6724 12 0 5.3729 0 0 5.3729 0 12s5.3729 12 12 12Zm1.3181-2.99c4.5426-.9696 7.7048-4.1922 7.063-7.1976-.6418-3.0051-4.8442-4.6553-9.3864-3.6852-4.5425.9697-7.7047 4.1923-7.063 7.1977.6419 3.005 4.8442 4.6548 9.3864 3.6851Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/fog.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/fog.jsx
new file mode 100755
index 0000000..f1d9556
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/fog.jsx
@@ -0,0 +1,20 @@
+import Icon from "../icon.jsx";
+import * as Utils from "../../../utils";
+
+export default function Fog(props) {
+  return (
+    <Icon {...props} className={Utils.classNames(props.className, "fog-icon")}>
+      <g>
+        <path d="M3.38086 9.44531C3.46961 9.4487 3.55837 9.4552 3.64721 9.4552C10.0824 9.45567 16.5178 9.45661 22.953 9.45087C23.1516 9.45077 23.2511 9.50075 23.2876 9.70489C23.3266 9.92183 23.3938 10.1335 23.4569 10.3793C23.3474 10.3842 23.2626 10.3915 23.1778 10.3915C16.6946 10.392 10.2114 10.3921 3.72815 10.3912C3.44429 10.3912 3.43818 10.448 3.41804 10.1057C3.41493 10.0521 3.39375 9.99976 3.38086 9.94677V9.44531V9.44531Z" />
+        <path d="M23.5298 11.7442C23.4997 11.9058 23.4695 12.0676 23.4356 12.2488H23.2136C16.8542 12.2488 10.4948 12.2482 4.13554 12.2526C3.97469 12.2527 3.88538 12.2184 3.84255 12.0503C3.78288 11.8161 3.70015 11.5879 3.62109 11.3375C3.69902 11.3316 3.75672 11.3237 3.81451 11.3237C10.352 11.3232 16.8895 11.3232 23.4271 11.3234C23.4613 11.3234 23.4956 11.3254 23.5298 11.3265V11.7442V11.7442Z" />
+        <path d="M11.1112 2.00977C11.5427 2.08045 11.9781 2.13297 12.4049 2.22624C13.0137 2.35932 13.5901 2.59 14.1311 2.92591H7.27963C7.27294 2.90708 7.26635 2.88817 7.25977 2.86925C7.65393 2.70737 8.03755 2.50614 8.4449 2.3933C8.99002 2.24205 9.55341 2.15932 10.109 2.04704C10.169 2.03499 10.2288 2.02219 10.2887 2.00977H11.1112V2.00977Z" />
+        <path d="M4.36816 13.1953H23.2229C23.0772 13.5005 22.942 13.7888 22.7999 14.0737C22.787 14.0994 22.7309 14.1098 22.6935 14.1146C22.6395 14.1213 22.5842 14.1165 22.5294 14.1165C16.7683 14.1166 11.0072 14.1157 5.24628 14.1208C5.06219 14.121 4.94115 14.0729 4.84402 13.9123C4.70247 13.6781 4.54219 13.4555 4.36816 13.1953" />
+        <path d="M22.7964 8.52027H3.43945C3.49602 8.23114 3.54722 7.95481 3.60792 7.68074C3.61489 7.64921 3.67174 7.6174 3.71079 7.60799C3.76265 7.59528 3.81969 7.60432 3.87446 7.60432C9.87616 7.60432 15.8779 7.60535 21.8795 7.59961C22.0648 7.59952 22.1898 7.65288 22.2914 7.80215C22.4491 8.03377 22.6135 8.26079 22.7964 8.52027" />
+        <path d="M3.91406 6.6525C4.06456 6.3484 4.19604 6.07499 4.33703 5.80666C4.3567 5.76949 4.42126 5.74953 4.46898 5.73721C4.51406 5.72563 4.56432 5.73448 4.61223 5.73448C8.67453 5.73457 12.7368 5.71481 16.7987 5.75358C17.49 5.76008 18.1867 5.65909 18.8821 5.80017C19.6351 5.95302 20.3421 6.19857 21.038 6.6525L3.91406 6.65241V6.6525Z" />
+        <path d="M22.1028 15.1122C21.7725 15.3877 21.444 15.6655 21.1093 15.9353C21.068 15.9687 20.9932 15.9683 20.9339 15.9683C16.3859 15.9697 11.838 15.9698 7.28997 15.9675C7.21834 15.9675 7.13439 15.9553 7.07689 15.9168C6.68357 15.6538 6.2958 15.3823 5.90625 15.1136C5.91406 15.0963 5.92169 15.0788 5.9295 15.0615H22.0594C22.0738 15.0785 22.0883 15.0953 22.1028 15.1122" />
+        <path d="M16.3646 4.80359H5.04693C5.03366 4.78862 5.02029 4.77366 5.00684 4.75869C5.28825 4.4737 5.56712 4.18589 5.85455 3.9074C5.88966 3.87342 5.97164 3.88312 6.03187 3.88312C9.14858 3.88208 12.2654 3.88123 15.3822 3.88707C15.4789 3.88726 15.5985 3.93432 15.6681 4.00161C15.9193 4.24406 16.1538 4.50457 16.3948 4.75832C16.3846 4.77337 16.3746 4.78853 16.3646 4.80359Z" />
+      </g>
+      <path d="M12.7918 12.9437C12.7515 12.808 12.7102 12.6509 12.6584 12.4974C11.7422 9.78373 9.15539 8.23512 6.37205 8.73281C3.37506 9.26862 1.32847 12.3747 1.97675 15.4034C2.54767 18.0704 4.76339 19.8951 7.45421 19.902C9.87257 19.9082 12.2911 19.9083 14.7096 19.8977C15.0525 19.8962 15.4037 19.853 15.7366 19.7695C17.7103 19.2749 18.891 17.2023 18.3721 15.17C17.8694 13.2006 15.8162 11.9784 13.884 12.5152C13.5143 12.618 13.1645 12.7953 12.7918 12.9437V12.9437ZM0 14.6026V13.9555C0.0408471 13.6362 0.0719059 13.3153 0.123953 12.998C0.808377 8.82392 4.8352 6.02881 8.90635 6.91389C11.0136 7.37196 12.626 8.5569 13.7498 10.4234C13.8322 10.5599 13.9107 10.5961 14.0683 10.5843C14.4894 10.5526 14.9164 10.5084 15.3344 10.5461C18.8317 10.8609 21.1607 14.4454 20.0892 17.8444C19.3375 20.2293 17.2374 21.7692 14.7127 21.7751C12.308 21.7806 9.90334 21.7781 7.49882 21.7739C7.18127 21.7733 6.86231 21.7565 6.54664 21.7216C3.40395 21.3741 0.773271 18.9203 0.166871 15.7686C0.0928 15.3835 0.0547765 14.9914 0 14.6026" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/folx.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/folx.jsx
new file mode 100755
index 0000000..4fc7f48
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/folx.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Folx(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.37 24.37a12 12 0 1 0-9.55-4.74l.93-.94a4.09 4.09 0 0 1 .67-4.04l-.02-.02.36-.5.06-.08a3.87 3.87 0 0 0-1.65-.36H3.1a.33.33 0 0 1-.2-.1.33.33 0 0 1-.1-.25c0-.05.01-.1.03-.13a.34.34 0 0 1 .06-.1l1.87-1.87a.77.77 0 0 1 .61-.2h.03a.9.9 0 0 1 .09.02l1.26.37a24.18 24.18 0 0 1 4.74-4.65l2.86 2.87.02-.02-2.8-2.79c.24-.71.65-1.36 1.23-1.94a4.8 4.8 0 0 1 3.51-1.46 4.8 4.8 0 0 1 3.52 1.46 4.8 4.8 0 0 1 1.46 3.52 4.8 4.8 0 0 1-1.46 3.52c-.57.58-1.22.98-1.94 1.22l-2.79-2.8-.01.02 2.87 2.88-.48.65a24.22 24.22 0 0 1-4.18 4.08l.38 1.26a.9.9 0 0 1 .02.15v.04c0 .21-.06.39-.2.54l-1.87 1.87a.34.34 0 0 1-.23.09.33.33 0 0 1-.25-.1.33.33 0 0 1-.1-.2v-.07c0-.6-.12-1.14-.36-1.63l-.08.06-.5.35-.02-.02c-.73.62-1.6.93-2.58.93-.52 0-1.01-.1-1.47-.27l-.95.92-.65-.52a11.95 11.95 0 0 0 7.92 2.98ZM4.35 21.3l-.37-.35.37.35Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/free-tube.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/free-tube.jsx
new file mode 100755
index 0000000..849131e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/free-tube.jsx
@@ -0,0 +1,16 @@
+import Icon from "../icon.jsx";
+
+export default function FreeTube(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1.59 3.244c0-.915.741-1.656 1.656-1.656h3.996c.915 0 1.656.741 1.656 1.656v19.984c0 .284-.23.514-.514.514H6.672A5.082 5.082 0 0 1 1.59 18.66V3.244Zm1.656-.628a.628.628 0 0 0-.628.628V18.66a4.054 4.054 0 0 0 4.054 4.054H7.87V3.244a.628.628 0 0 0-.629-.628H3.246Z" />
+      <path d="M7.87 3.244c0-.915.742-1.656 1.656-1.656H23.23c.284 0 .514.23.514.514v1.713a5.082 5.082 0 0 1-5.082 5.082H9.526A1.656 1.656 0 0 1 7.871 7.24V3.244Zm1.656-.628a.628.628 0 0 0-.628.628v3.997c0 .347.281.628.628.628h9.136a4.054 4.054 0 0 0 4.054-4.054v-1.2H9.526Z" />
+      <path d="M9.414 8.296a1.085 1.085 0 0 0-1.543.983Zm0 0 7.129 3.328c.834.39.834 1.576 0 1.966l-7.129 3.327a1.085 1.085 0 0 1-1.543-.983V9.279m1.109-.051a.057.057 0 0 0-.082.051v6.655c0 .042.044.07.082.052l7.128-3.328c.016-.007.022-.015.025-.02a.062.062 0 0 0 .008-.031.062.062 0 0 0-.008-.032c-.003-.005-.009-.012-.025-.02L8.98 9.228Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.384.931c.345-.17.732-.266 1.142-.266H23.23c.793 0 1.437.643 1.437 1.437v1.713a6.005 6.005 0 0 1-6.005 6.005H14.86l2.073.967c1.545.721 1.545 2.918 0 3.639l-7.112 3.32v5.482c0 .794-.643 1.437-1.437 1.437H6.672A6.005 6.005 0 0 1 .667 18.66V3.244A2.579 2.579 0 0 1 3.246.665h3.996c.41 0 .798.096 1.142.266ZM6.947 9.264V21.79h-.275a3.13 3.13 0 0 1-3.131-3.13V3.538h3.406v5.725Zm2.874-2.318h8.841a3.13 3.13 0 0 0 3.13-3.131v-.276H9.823v3.407Zm0 7.628 4.215-1.967-4.215-1.968v3.935Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/gear.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/gear.jsx
new file mode 100755
index 0000000..faba81b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/gear.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Gear(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21.175 13.175c.052-.375.077-.763.077-1.175 0-.4-.025-.8-.09-1.175l2.609-1.975a.598.598 0 0 0 .154-.762l-2.467-4.15a.623.623 0 0 0-.328-.273.644.644 0 0 0-.43-.002l-3.072 1.2a9.143 9.143 0 0 0-2.081-1.176L15.084.514a.602.602 0 0 0-.21-.368.633.633 0 0 0-.407-.145H9.533a.604.604 0 0 0-.604.513l-.463 3.175c-.758.3-1.452.712-2.082 1.174l-3.07-1.2a.621.621 0 0 0-.759.276L.101 8.088c-.155.262-.103.587.154.762l2.608 1.975A7.142 7.142 0 0 0 2.748 12c0 .387.026.8.09 1.175L.229 15.15a.598.598 0 0 0-.154.762l2.467 4.15c.154.275.476.363.758.275l3.072-1.2a9.142 9.142 0 0 0 2.081 1.175l.463 3.175c.064.3.308.513.617.513h4.934a.594.594 0 0 0 .604-.512l.463-3.175c.758-.3 1.452-.7 2.082-1.175l3.07 1.2c.284.1.605 0 .759-.276l2.467-4.15c.154-.275.09-.587-.154-.762l-2.583-1.975ZM12 16.5c-2.544 0-4.626-2.025-4.626-4.5S9.456 7.5 12 7.5c2.544 0 4.626 2.025 4.626 4.5S14.544 16.5 12 16.5Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ghostty.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ghostty.jsx
new file mode 100755
index 0000000..2a63aa0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ghostty.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Ghostty(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.335 23.543C.525 22.46 0 20.177 0 18.067V9.942c0-.996.14-1.989.51-2.914.583-1.459 1.636-3.679 3.006-4.804C5.56.547 7.258.058 9.89.004c2.795-.056 4.676.4 6.813 2.22 1.371 1.168 2.365 3.489 2.885 4.94.3.838.412 1.726.412 2.616v8.418c0 2.03-.478 4.216-2.182 5.317-.36.232-.738.405-1.115.462-1.53.234-2.192-1.434-3.736-1.331-1.305.086-1.77 1.368-3.077 1.331-1.228-.034-1.631-1.24-2.857-1.331-1.463-.11-2.057 1.479-3.517 1.331-.396-.04-.797-.204-1.18-.434ZM8.571 9.216a.643.643 0 0 1-.271.526l-4.124 2.915h-.352a1.186 1.186 0 0 1-.716-2.132L5.03 9.07a.22.22 0 0 0-.01-.357l-1.327-.894a.973.973 0 1 1 1.106-1.602l3.5 2.475c.171.12.272.317.272.525Zm3.082-1.22a1.065 1.065 0 0 0-.927 1.589l.1.176c.237.418.68.676 1.16.676h3.94c.48 0 .923-.258 1.16-.676l.1-.177a1.064 1.064 0 0 0-.927-1.589h-4.606Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/git-hub.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/git-hub.jsx
new file mode 100755
index 0000000..b2df650
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/git-hub.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function GitHub(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/gnu-cash.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/gnu-cash.jsx
new file mode 100755
index 0000000..9059b9a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/gnu-cash.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function GnuCash(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 4C1.7909 4 0 5.7909 0 8v1h24V8c0-2.2091-1.7909-4-4-4H4Zm20 8H0v4c0 2.2091 1.7909 4 4 4h16c2.2091 0 4-1.7909 4-4v-4Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/go-land.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/go-land.jsx
new file mode 100755
index 0000000..9f37eed
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/go-land.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function GoLand(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm3.0029 9.8735a4.3708 4.3708 0 0 0 1.6458 1.6716v-.0006c.699.4056 1.5132.6078 2.3412.6078.828 0 1.575-.1842 2.2416-.5526a4.131 4.131 0 0 0 1.5756-1.515c.384-.6408.576-1.3584.576-2.151v-.708H7.5689v1.3824h2.0945a1.977 1.977 0 0 1-.3647.9138c-.2358.3258-.5538.5814-.9546.7656-.4014.1842-.8484.2766-1.341.2766-.5322 0-1.0122-.1326-1.4412-.3984a2.7633 2.7633 0 0 1-1.0062-1.0968c-.2424-.465-.3636-.99-.3636-1.5726s.1212-1.107.3636-1.572c.2289-.4506.5769-.83 1.0062-1.0968.429-.2658.909-.3984 1.4412-.3984.36 0 .6966.057 1.0098.1704.3132.1134.5862.2742.8202.4818a2.348 2.348 0 0 1 .5556.7368h1.878a3.8204 3.8204 0 0 0-.852-1.5564 4.1453 4.1453 0 0 0-1.4916-1.0482c-.5904-.2484-1.2342-.3732-1.9332-.3732-.8622 0-1.6422.2034-2.3412.6084-.6978.405-1.2468.963-1.6458 1.6722-.399.7092-.5982 1.5012-.5982 2.376 0 .8748.1992 1.6668.5982 2.3766Zm9.9066 0a4.3914 4.3914 0 0 0 1.653 1.6716c.7008.405 1.4886.6084 2.3508.6084.8616 0 1.6428-.2028 2.3436-.6078.7014-.405 1.2516-.9636 1.65-1.6728.3984-.7092.5982-1.5012.5982-2.376 0-.8748-.1998-1.6668-.5982-2.3766a4.3674 4.3674 0 0 0-1.6494-1.6722c-.7014-.405-1.4784-.6078-2.3442-.6078-.8664 0-1.65.2034-2.3508.6084a4.3878 4.3878 0 0 0-1.653 1.6722c-.4014.7092-.6012 1.5012-.6012 2.376 0 .8748.2004 1.6668.6012 2.3766Zm6.435-.7782c-.24.4734-.5724.8448-.9972 1.1124-.4242.2682-.9018.402-1.434.402-.531 0-1.011-.1338-1.437-.402-.4266-.2676-.7608-.6384-1.0032-1.1124-.2424-.474-.3636-1.0068-.3636-1.5984 0-.5916.1212-1.1244.3636-1.5984a2.7718 2.7718 0 0 1 1.0032-1.1124c.426-.2682.906-.402 1.437-.402.5316 0 1.0098.1344 1.434.402.4284.272.7735.657.9972 1.1124.24.474.36 1.0068.36 1.5984 0 .5916-.12 1.1244-.36 1.5984ZM2.9999 19.2h9.6v1.8h-9.6v-1.8Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/good-notes.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/good-notes.jsx
new file mode 100755
index 0000000..857c7ac
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/good-notes.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function GoodNotes(props) {
+  return (
+    <Icon {...props}>
+      <path d="M6.375 5.625h8.25a.375.375 0 000-.75h-8.25a.375.375 0 000 .75zm0 0M6.375 7.875h8.25a.375.375 0 000-.75h-8.25a.375.375 0 000 .75zm0 0M6.375 10.125h8.25a.375.375 0 000-.75h-8.25a.375.375 0 000 .75zm0 0M6.375 12.375h8.25a.375.375 0 000-.75h-8.25a.375.375 0 000 .75zm0 0M6.375 14.625h3a.375.375 0 000-.75h-3a.375.375 0 000 .75zm0 0" />
+      <path d="M21.195 9.61a1.131 1.131 0 00-1.543.402l-.902 1.543V2.25a.375.375 0 00-.375-.375h-2.844S14.402.727 14.36.765A.353.353 0 0014.25.75H3.375A.375.375 0 003 1.125v1.172a1.5 1.5 0 000 2.906v.844a1.5 1.5 0 000 2.906v.844a1.5 1.5 0 000 2.906v.469a1.5 1.5 0 000 2.906v2.297c0 .207.168.375.375.375h.375v1.125c0 .207.168.375.375.375h9.531l-.258.438a.365.365 0 00-.046.128v.004l-.004.008-.297 1.992c-.024.153.047.301.18.38a.372.372 0 00.417-.028l1.598-1.238c.102-.082.152-.13.145-.196l.87-1.488h2.114a.375.375 0 00.375-.375v-3.871l2.844-4.856a1.123 1.123 0 00-.399-1.539zm-.664.609c.145-.04.301.015.395.136a.38.38 0 01.023.415l-.191.324-.645-.38.188-.323a.367.367 0 01.23-.172zm-5.648 10.906l-.649-.379 4.93-8.414.648.379zm-.258-19.094l1.344 1.344h-1.344zm4.918 9.653l.191-.32.645.378-.188.32zM18 2.625V12.75c0 .023.004.047.008.074l-.758 1.29V3.75a.379.379 0 00-.11-.266l-.859-.859zM3.75 1.5h10.125v2.25c0 .207.168.375.375.375h2.25v11.27L14.973 18H3.75v-1.922c.527-.137.941-.55 1.078-1.078a.375.375 0 00-.727-.188.736.736 0 01-.351.461v-2.57c.527-.137.941-.55 1.078-1.078a.375.375 0 00-.727-.188.736.736 0 01-.351.461V8.953c.527-.137.941-.55 1.078-1.078a.375.375 0 00-.727-.188.736.736 0 01-.351.461V5.203c.527-.137.941-.55 1.078-1.078a.375.375 0 00-.727-.188.736.736 0 01-.351.461zM2.625 3.75c0-.27.145-.516.375-.648v1.296a.748.748 0 01-.375-.648zm0 3.75c0-.27.145-.516.375-.648v1.296a.748.748 0 01-.375-.648zm0 3.75c0-.27.145-.516.375-.648v1.296a.748.748 0 01-.375-.648zm0 3.375c0-.27.145-.516.375-.648v1.296a.748.748 0 01-.375-.648zM4.5 19.5v-.75h10.035l-.441.75zm9.508 1.98l.34.2-.418.324zM18 19.5h-1.297L18 17.285zm0 0" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/google-chrome.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/google-chrome.jsx
new file mode 100755
index 0000000..90cb83f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/google-chrome.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function GoogleChrome(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 7.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9z" />
+      <path d="M12 17.99a6 6 0 0 1-5.94-5.18L1.92 5.64v-.02l-.47.67c-.11.21-.23.42-.33.64l-.22.52c-.15.38-.29.76-.4 1.15l-.14.48c-.06.22-.1.44-.15.67l-.08.47-.08.66-.04.52c-.02.4-.02.8 0 1.2l.04.52.08.66.08.47.15.67.13.48.2.62.21.54.22.52.33.63.15.3.07.1c.13.23.28.45.42.66l.24.35c.14.2.3.38.45.57l.31.37.43.43c.14.14.28.29.43.42l.37.31.56.45.35.24c.22.15.43.3.66.42l.1.07.3.15c.2.12.42.23.64.33l.06.03.3.13c.81.34 1.66.59 2.53.75l3.42-5.94c-.4.08-.81.13-1.24.13v.01z" />
+      <path d="M23.97 11.17l-.02-.2c-.08-1-.5-2.45-.83-3.42h-7.1a5.97 5.97 0 0 1-.29 9.13L11.51 24c1.49 0 3.49-.27 4.92-.84l.05-.02.08-.03c.94-.39 1.83-.9 2.65-1.5l.02-.02c.37-.28.71-.57 1.04-.88l.05-.05.17-.17c.72-.72 1.35-1.53 1.86-2.4l.05-.08.1-.2c.17-.3.32-.6.46-.92l.18-.41c.12-.3.22-.6.31-.9l.13-.38c.11-.42.2-.84.27-1.27l.03-.24c.06-.36.1-.73.11-1.1v-.3c.01-.37 0-.75-.02-1.12z" />
+      <path d="M22.4 6c-.25-.44-.54-.85-.83-1.24l-.1-.12a11.6 11.6 0 0 0-.84-.98l-.2-.2c-.33-.32-.67-.63-1.02-.9l-.08-.07c-.4-.3-.81-.58-1.24-.83l-.08-.06-.33-.17c-.19-.1-.37-.2-.57-.29L16.55.9l-.47-.19L15.4.5 15 .4c-.25-.07-.5-.12-.75-.17L13.9.15l-.74-.1-.4-.03C12.54 0 12.33 0 12.12 0h-.52l-.4.03a12 12 0 0 0-2.68.49l-.18.04-.67.25-.42.17-.54.26-.52.26-.2.1-.28.19c-.34.2-.67.43-.99.67l-.41.33-.5.44-.3.3c-.18.17-.36.36-.52.54l-.11.14 3.41 5.92A6 6 0 0 1 12 5.99h10.4V6z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/goose.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/goose.jsx
new file mode 100755
index 0000000..740916a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/goose.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Goose(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M21.595 23.61c1.167-.254 2.405-.944 2.405-.944l-2.167-1.784a12.124 12.124 0 01-2.695-3.131 12.127 12.127 0 00-3.97-4.049l-.794-.462a1.115 1.115 0 01-.488-.815.844.844 0 01.154-.575c.413-.582 2.548-3.115 2.94-3.44.503-.416 1.065-.762 1.586-1.159.074-.056.148-.112.221-.17.003-.002.007-.004.009-.007.167-.131.325-.272.45-.438.453-.524.563-.988.59-1.193-.061-.197-.244-.639-.753-1.148.319.02.705.272 1.056.569.235-.376.481-.773.727-1.171.165-.266-.08-.465-.086-.471h-.001V3.22c-.007-.007-.206-.25-.471-.086-.567.35-1.134.702-1.639 1.021 0 0-.597-.012-1.305.599a2.464 2.464 0 00-.438.45l-.007.009c-.058.072-.114.147-.17.221-.397.521-.743 1.083-1.16 1.587-.323.391-2.857 2.526-3.44 2.94a.842.842 0 01-.574.153 1.115 1.115 0 01-.815-.488l-.462-.794a12.123 12.123 0 00-4.049-3.97 12.133 12.133 0 01-3.13-2.695L1.332 0S.643 1.238.39 2.405c.352.428 1.27 1.49 2.34 2.302C1.58 4.167.73 3.75.06 3.4c-.103.765-.063 1.92.043 2.816.726.317 1.961.806 3.219 1.066-1.006.236-2.11.278-2.961.262.15.554.358 1.119.64 1.688.119.263.25.52.39.77.452.125 2.222.383 3.164.171l-2.51.897a27.776 27.776 0 002.544 2.726c2.031-1.092 2.494-1.241 4.018-2.238-2.467 2.008-3.108 2.828-3.8 3.67l-.483.678c-.25.351-.469.725-.65 1.117-.61 1.31-1.47 4.1-1.47 4.1-.154.486.202.842.674.674 0 0 2.79-.861 4.1-1.47.392-.182.766-.4 1.118-.65l.677-.483c.227-.187.453-.37.701-.586 0 0 1.705 2.02 3.458 3.349l.896-2.511c-.211.942.046 2.712.17 3.163.252.142.509.272.772.392.569.28 1.134.49 1.688.64-.016-.853.026-1.956.261-2.962.26 1.258.75 2.493 1.067 3.219.895.106 2.051.146 2.816.043a73.87 73.87 0 01-1.308-2.67c.811 1.07 1.874 1.988 2.302 2.34h-.001z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/grammarly.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/grammarly.jsx
new file mode 100755
index 0000000..574fc84
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/grammarly.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Grammarly(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12,-7.10542736e-15 C18.6278824,-7.10542736e-15 24,5.37252139 24,12 C24,18.6268747 18.6278824,24 12,24 C5.37272042,24 8.8817842e-15,18.6262708 8.8817842e-15,12 C8.8817842e-15,5.37252139 5.37272042,-7.10542736e-15 12,-7.10542736e-15 Z M11.5177091,4.96426774 C8.00904295,5.19979869 5.16955539,8.07086059 4.96819894,11.5814796 C4.733685,15.6664318 7.97407687,19.0019124 12.0048229,19.0019124 C14.0393967,19.0101769 15.9763349,18.1288813 17.3088169,16.5886261 L17.1556895,17.4437846 L17.1556895,18.2168093 C17.1556895,18.6154001 17.4245667,18.9856064 17.8176338,19.0562657 C18.0554118,19.1011531 18.3007987,19.0377271 18.4872137,18.8831969 C18.6736288,18.7286668 18.7817407,18.4990573 18.7822155,18.2566683 L18.7822155,13.6257675 L14.3674454,13.6257675 C13.8688772,13.6257675 13.4752072,14.0750881 13.5686511,14.5908405 C13.6391861,14.983392 14.0087415,15.2527428 14.4078372,15.2527428 L15.6654107,15.2527428 L16.3942728,15.1500755 C15.2283346,16.8609965 13.2033157,17.6485153 10.9896006,17.3012582 C9.18703843,17.0180171 7.63948757,15.7986915 6.98658628,14.0962255 C5.50354182,10.2311022 8.32675207,6.53990941 12.0054258,6.53990941 C13.922532,6.53990941 15.6039186,7.66200302 16.5678975,9.0178158 L16.5691032,9.04680423 C16.8253203,9.41519879 17.3317257,9.52148968 17.7012811,9.26542526 C18.0479113,9.02702555 18.1511653,8.56050888 17.9376036,8.19768495 L17.9436323,8.19768495 C16.5534626,6.02337542 14.0888813,4.7832393 11.5177091,4.96426774 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/helium.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/helium.jsx
new file mode 100755
index 0000000..141b2ff
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/helium.jsx
@@ -0,0 +1,11 @@
+import Icon from "../icon.jsx";
+
+export default function Helium(props) {
+  return (
+    <Icon {...props}>
+      <path
+        d="M7.962 0h8.076c2.768 0 3.772.288 4.785.83a5.638 5.638 0 0 1 2.347 2.347c.542 1.013.83 2.016.83 4.785v8.076c0 2.768-.288 3.772-.83 4.785a5.638 5.638 0 0 1-2.347 2.347c-1.013.542-2.016.83-4.785.83H7.962c-2.768 0-3.772-.288-4.785-.83A5.638 5.638 0 0 1 .83 20.823C.288 19.809 0 18.806 0 16.038V7.962C0 5.194.288 4.19.83 3.177A5.638 5.638 0 0 1 3.177.83C4.191.288 5.194 0 7.962 0Zm2.791 12.504-5.835 5.853a.51.51 0 0 0 0 .716.507.507 0 0 0 .713 0l5.841-5.859v6.262c0 .283.233.516.516.516a.519.519 0 0 0 .516-.516v-6.27l5.849 5.867h.001a.506.506 0 0 0 .712 0 .51.51 0 0 0 0-.716l-5.836-5.853h6.27a.518.518 0 0 0 .516-.515l-.001-.001a.519.519 0 0 0-.516-.516h-6.29l5.858-5.875a.508.508 0 0 0 0-.715h-.002a.503.503 0 0 0-.712 0l-5.849 5.866V4.453a.519.519 0 0 0-.516-.516.519.519 0 0 0-.516.516v6.288L5.63 4.882a.504.504 0 1 0-.713.715l5.858 5.875H4.523a.519.519 0 0 0-.516.516c0 .283.233.516.516.516h6.23Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/home-assistant.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/home-assistant.jsx
new file mode 100755
index 0000000..3d94dc2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/home-assistant.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function HomeAssistant(props) {
+  return (
+    <Icon {...props}>
+      <path d="M24 22.5c0 .8-.7 1.5-1.5 1.5h-21C.7 24 0 23.3 0 22.5v-9c0-.8.5-2 1-2.6L11 1c.5-.5 1.5-.5 2 0l10 10c.5.5 1 1.7 1 2.5v9Z" />
+      <path d="M23 11 13 1c-.5-.5-1.5-.5-2 0L1 11c-.5.5-1 1.7-1 2.5v9c0 .8.7 1.5 1.5 1.5h9.2l-4-4A2 2 0 1 1 8 18.6l3.1 3.1V10.2a2 2 0 1 1 1.8 0v8.1l3.1-3.1a2 2 0 1 1 1.3 1.3l-4.4 4.4v3h9.6c.8 0 1.5-.6 1.5-1.4v-9c0-.8-.5-2-1-2.6Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ht-t-pie.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ht-t-pie.jsx
new file mode 100755
index 0000000..20d99d7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ht-t-pie.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function HTTPie(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.141 5.215C22.12 2.314 19.701 0 16.8 0H7.347C4.467 0 2.057 2.277 2 5.157a5.263 5.263 0 0 0 5.26 5.358h4.222a.306.306 0 0 1 .122.583l-6.473 2.838A5.264 5.264 0 0 0 2 18.783C2.023 21.684 4.44 24 7.343 24h2.215c2.923 0 5.356-2.344 5.351-5.266a5.265 5.265 0 0 0-3.293-4.867.303.303 0 0 1-.005-.559l7.404-3.246a5.264 5.264 0 0 0 3.126-4.847Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/idea.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/idea.jsx
new file mode 100755
index 0000000..bdd92cf
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/idea.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Idea(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1 1v22h22V1H1zm3.413 2.852h4.583v1.68H7.722v5.755h1.274v1.681H4.413v-1.681h1.323V5.533H4.413V3.852zm10.133 0h2.037V9.81c0 .561-.05 1.018-.203 1.426a2.719 2.719 0 01-.663 1.018c-.254.256-.61.51-1.017.612a3.605 3.605 0 01-1.325.255c-.713 0-1.324-.153-1.782-.408a4.41 4.41 0 01-1.172-.968l1.274-1.425c.254.306.508.508.763.662.254.153.56.254.867.254.356 0 .66-.101.916-.356.203-.255.306-.612.306-1.172V3.852zM3.036 18.875h8.25v1.375h-8.25v-1.375z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/insomnia.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/insomnia.jsx
new file mode 100755
index 0000000..5d1fc12
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/insomnia.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Insomnia(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0C5.417 0 0 5.417 0 12s5.417 12 12 12 12-5.417 12-12S18.583 0 12 0zm0 2.478c5.256 0 9.522 4.266 9.522 9.522S17.256 21.522 12 21.522 2.478 17.256 2.478 12c0-.885.12-1.741.347-2.554a4.76 4.76 0 0 0 3.925 2.066 4.764 4.764 0 0 0 4.762-4.762 4.758 4.758 0 0 0-2.067-3.925A9.526 9.526 0 0 1 12 2.478Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/iris.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/iris.jsx
new file mode 100755
index 0000000..cb35f76
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/iris.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Iris(props) {
+  return (
+    <Icon {...props}>
+      <path d="M3 24V0l7 7v10l-7 7zM23 12L10 0v4l9 8-9 8v4l13-12z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/italic.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/italic.jsx
new file mode 100755
index 0000000..cf19e23
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/italic.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Italic(props) {
+  return (
+    <Icon {...props}>
+      <path d="M10 5.5c0 .83.67 1.5 1.5 1.5h.71l-3.42 8H7.5c-.83 0-1.5.67-1.5 1.5S6.67 18 7.5 18h5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5h-.71l3.42-8h1.29c.83 0 1.5-.67 1.5-1.5S17.33 4 16.5 4h-5c-.83 0-1.5.67-1.5 1.5z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/joplin.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/joplin.jsx
new file mode 100755
index 0000000..980784f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/joplin.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Joplin(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5 0a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5H5zm7.01 2h7.58v2.61h-1.86l-.08 12.65c-.65 2.12-1.4 2.98-3.11 4.15-.93.43-1.47.59-2.48.59-1.4 0-2.14-.1-3.34-.69a8.78 8.78 0 01-2.96-2.36 9.54 9.54 0 01-1.34-3.1 6.7 6.7 0 01.59-3.36c.6-.86 1.04-1.3 2-1.98 1-.45 1.59-.64 2.72-.85a6.08 6.08 0 012.18.2v3.83a3.4 3.4 0 00-1.86-.46c-.84.32-1.22.55-1.7 1.04-.3.71-.32 1.1 0 1.82.46.78.8 1.18 1.6 1.79a6 6 0 002.55.41 2.6 2.6 0 001.36-1.51V4.72l-1.85-.1V2z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/kakoune.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/kakoune.jsx
new file mode 100755
index 0000000..9d8d2ab
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/kakoune.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Kakoune(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.16 3.84 12 0l4.08 4.08-6.4 6.63.4-6.87H8.16Zm-3.6 3.6L0 12l4.56 4.56V7.44Zm3.96 13.08L12 24l3.72-3.72H15l-4.44-4.09-1.28 1.52-.16 2.81h-.6Zm9.7-2.75L24 12l-5.36-5.36-4.84 5.72 4.43 5.41Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/kee-pass-x-c.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/kee-pass-x-c.jsx
new file mode 100755
index 0000000..1b73f58
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/kee-pass-x-c.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function KeePassXC(props) {
+  return (
+    <Icon {...props}>
+      <path d="M13.67 3a1.73 1.73 0 1 1-3.37 0 8.14 8.14 0 0 1 3.37 0ZM7.2 5.07a4.79 4.79 0 0 0 2.74 4.34v8.72L12 20.2l2.06-2.06-.13-1.83.97-.97-.97-.96 1.46-1.47-1.46-1.46.13-2.03a4.82 4.82 0 0 0 2.67-5.28 9.16 9.16 0 0 1 3.16 12.59A9.18 9.18 0 1 1 7.28 4.15a5.7 5.7 0 0 0-.08.93Zm3.42 5.48h.68v6.87h-.68v-6.87Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 .98a11.02 11.02 0 1 0 0 22.04A11.02 11.02 0 0 0 12 .98ZM.2 12a11.8 11.8 0 1 1 23.6 0A11.8 11.8 0 0 1 .2 12Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keyboard-maestro.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keyboard-maestro.jsx
new file mode 100755
index 0000000..f171ac7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keyboard-maestro.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function KeyboardMaestro(props) {
+  return (
+    <Icon {...props}>
+      <path d="M6.25 13.2c-1.94 0-3.43.52-4.45 1.54a5.43 5.43 0 007.67 7.67c1.21-1.2 1.53-2.95 1.53-4.47v-1.1h2v1.1c0 1.52.32 3.26 1.53 4.47a5.39 5.39 0 007.67 0 5.43 5.43 0 000-7.67c-1.01-1.02-2.51-1.53-4.45-1.53h-1.12v-2.42h1.12c1.94 0 3.43-.51 4.45-1.53a5.43 5.43 0 00-7.67-7.67c-1.17 1.16-1.5 2.83-1.53 4.3l-.02 1.27h-1.96L11 5.9c-.02-1.48-.36-3.15-1.53-4.31a5.4 5.4 0 00-7.67 0 5.43 5.43 0 000 7.67c1.02 1.02 2.51 1.53 4.45 1.53h1.12v2.42H6.25zm10.59-9.32a2.14 2.14 0 013.04 0c.84.84.84 2.2 0 3.05-.37.37-1.13.57-2.13.57H16.2v-.95s-.11-2.02.63-2.67zm-.63 13.57v-.95h1.54c1 0 1.76.2 2.13.57a2.16 2.16 0 01-3.04 3.05c-.74-.65-.63-2.67-.63-2.67zm-5.98-7.22h3.54v3.54h-3.54v-3.54zM6.25 7.5c-1 0-1.76-.2-2.13-.57a2.16 2.16 0 013.04-3.05c.74.65.63 2.67.63 2.67v.95H6.25zm1.54 9v.95s.11 2.02-.63 2.67a2.14 2.14 0 01-3.04 0 2.16 2.16 0 010-3.05c.37-.37 1.13-.57 2.13-.57H7.8z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keyboard.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keyboard.jsx
new file mode 100755
index 0000000..1b5afc8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keyboard.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Keyboard(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22 5H2.01L2 19h20V5zM11 8h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keynote.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keynote.jsx
new file mode 100755
index 0000000..73dcd0c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/keynote.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Keynote(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23,13.2825938 C23,13.8134141 22.5487801,14.2438036 21.9920387,14.2438036 L21.9920387,14.2438036 L12.92,14.243 L12.9202327,21.345098 C12.9202327,21.8493498 13.3042333,22.2682927 13.8090168,22.3498578 L17.0339036,22.3490919 C17.1378682,22.3490919 17.22215,22.4754011 17.22215,22.6312087 L17.22215,22.7179135 C17.22215,22.8737212 17.1378847,23 17.0339036,23 L7.86311284,23 C7.75914825,23 7.67486643,22.8737212 7.67486643,22.7179135 L7.67486643,22.6312087 C7.67486643,22.4754011 7.75914825,22.3490919 7.86311284,22.3490919 L11.0229725,22.3498073 C11.527756,22.2682345 11.9117566,21.8492568 11.9117566,21.3450489 L11.911,14.243 L3.00796129,14.2438036 C2.49108277,14.2438036 2.06501202,13.8727871 2.00678191,13.3947017 L2,13.2825938 Z M11.7184208,1 C12.2274459,1 12.6400604,1.39347653 12.6400604,1.87889188 L12.6400604,1.87889188 L12.6400604,2.06556744 C12.6400604,2.55098278 12.2274459,2.94445932 11.7184208,2.94445932 L11.7184208,2.94445932 L9.64170756,2.94445932 C9.22111458,2.94445932 8.86702584,2.67546588 8.75645997,2.30829965 L8.75645997,2.30829965 L6.15723551,2.30829965 C5.70220651,2.30829965 5.33200645,2.661329 5.33200645,3.09525272 L5.33200645,3.09525272 L5.33200645,4.20406527 L20.7336056,4.20406527 C21.2835524,4.20406527 21.7379122,4.61344579 21.7691054,5.13705035 L21.7691054,5.13705035 L22.216053,12.64182 L2.61593631,12.64182 L3.06293538,5.13714852 C3.09412855,4.61349488 3.54848838,4.20416344 4.09843519,4.20416344 L4.09843519,4.20416344 L4.71607014,4.20416344 L4.71607014,3.0953018 C4.71607014,2.33750606 5.36258193,1.72093187 6.15728698,1.72093187 L6.15728698,1.72093187 L8.735716,1.72093187 C8.81385333,1.31101139 9.18930373,1 9.64170756,1 L9.64170756,1 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/league-of-legends.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/league-of-legends.jsx
new file mode 100755
index 0000000..808cfac
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/league-of-legends.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function LeagueOfLegends(props) {
+  return (
+    <Icon {...props}>
+      <path d="M 6.2109375 4 L 9 8.53125 L 9 23.451172 L 6.0273438 28 L 23.453125 28 L 28.017578 22 L 16 22 L 16 4 L 6.2109375 4 z M 9.7890625 6 L 14 6 L 14 24 L 23.982422 24 L 22.462891 26 L 9.7246094 26 L 11 24.048828 L 11 7.9667969 L 10.851562 7.7265625 L 9.7890625 6 z M 18 6.1914062 L 18 8.2324219 C 22.002 9.1454219 25 12.725 25 17 C 25 18.052 24.816422 19.061 24.482422 20 L 26.580078 20 C 26.851078 19.046 27 18.04 27 17 C 27 11.618 23.112 7.1354062 18 6.1914062 z M 7 10.695312 C 5.993 12.128312 5.3159375 13.807 5.0859375 15.625 C 5.0289375 16.075 5 16.534 5 17 C 5 17.561 5.0420469 18.112391 5.1230469 18.650391 C 5.3840469 20.362391 6.044 21.944688 7 23.304688 L 7 10.695312 z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/libre-wolf.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/libre-wolf.jsx
new file mode 100755
index 0000000..b1e856a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/libre-wolf.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function LibreWolf(props) {
+  return (
+    <Icon {...props}>
+      <path d="M10.479 23.941c-2.105-.27-4.118-1.109-5.875-2.448-.573-.437-1.648-1.52-2.117-2.132-1.314-1.715-2.131-3.66-2.4-5.718-.116-.88-.116-2.5 0-3.304C.667 6.315 3.2 2.864 6.834 1.14 8.525.339 10.073 0 12.038 0c3.18 0 6 1.14 8.287 3.346 1.102 1.063 1.84 2.071 2.473 3.375C23.654 8.485 24 10.02 24 12.044c0 2.665-.77 4.989-2.367 7.15-.475.643-1.403 1.62-2.019 2.124-1.688 1.385-3.84 2.322-5.977 2.602-.738.096-2.48.108-3.158.021Zm4.454-2.158c1.286-.406 2.334-.95 3.345-1.74.538-.42 1.468-1.358 1.858-1.875 1.057-1.403 1.776-3.16 1.988-4.857.102-.818.043-2.546-.113-3.297-.412-1.988-1.3-3.667-2.7-5.104-.872-.896-1.666-1.486-2.688-1.999-1.55-.777-2.88-1.092-4.624-1.093-1.848-.002-3.467.421-5.07 1.325-1.46.823-2.968 2.334-3.795 3.8-.608 1.08-1.054 2.36-1.227 3.531-.114.768-.117 2.292-.005 3.027.224 1.47.782 2.925 1.59 4.144.442.666.428.658.817.435.697-.398.879-.591 1.259-1.335.444-.87.918-1.63 1.347-2.158.495-.61.563-.718.811-1.293.125-.29.35-.715.498-.945l.271-.419-.35-.344c-.466-.458-.853-.977-.926-1.241-.074-.27.013-.42.363-.622.354-.205.607-.263 1.552-.36.46-.048.96-.135 1.118-.194.156-.06.624-.315 1.04-.566 1.199-.728 1.3-.765 2.019-.75.607.014.608.013.968-.204.755-.456 1.838-1.28 3.264-2.48.273-.23.537-.41.585-.4.202.038.572.947.628 1.541.035.36-.035.717-.249 1.275-.058.152-.085.297-.06.323.062.06.271-.202.271-.339 0-.175.116-.195.274-.047.114.108.213.138.443.138.252 0 .314.024.412.155.167.222.206.828.079 1.212-.124.374-.5.804-.84.964-.304.144-.92.746-1.209 1.181-.11.167-.317.515-.46.773-.143.259-.382.649-.532.868-.294.43-.547 1.03-.79 1.88-.143.5-.155.63-.161 1.743-.007 1.345-.077 1.675-.44 2.09-.414.47-.826 1.505-.861 2.157a4.937 4.937 0 0 1-.175 1.11c-.04.13.034.129.475-.01Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/linear.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/linear.jsx
new file mode 100755
index 0000000..a71356c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/linear.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Linear(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0.32174625,9.1633125 L14.8366875,23.67825 C14.127825,23.8504875 13.394325,23.9598375 12.64245,24 L12.64245,24 L-1.77635684e-14,11.35755 C0.04017375,10.605675 0.149504625,9.8722125 0.32174625,9.1633125 L0.32174625,9.1633125 Z M0.151129875,14.0246625 L9.9753375,23.848875 C4.9584375,23.00085 0.9991575,19.0415625 0.151129875,14.0246625 Z M1.81703625,5.62665 L18.37335,22.182975 C17.84925,22.5124125 17.2978875,22.802475 16.723425,23.0490375 L16.723425,23.0490375 L0.95097375,7.276575 C1.19752125,6.7021125 1.48759125,6.15075 1.81703625,5.62665 L1.81703625,5.62665 Z M11.9913375,2.48689958e-14 C18.62355,2.48689958e-14 24,5.37645 24,12.0086625 C24,15.6496125 22.3796625,18.9121125 19.8207375,21.114375 L2.88562875,4.1792625 C5.0878875,1.62034875 8.3503875,2.48689958e-14 11.9913375,2.48689958e-14 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/lm-studio.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/lm-studio.jsx
new file mode 100755
index 0000000..ad2f9be
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/lm-studio.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function LMStudio(props) {
+  return (
+    <Icon {...props}>
+      <path
+        d="M2.84 2a1.273 1.273 0 100 2.547h14.107a1.273 1.273 0 100-2.547H2.84zM7.935 5.33a1.273 1.273 0 000 2.548H22.04a1.274 1.274 0 000-2.547H7.935zM3.624 9.935c0-.704.57-1.274 1.274-1.274h14.106a1.274 1.274 0 010 2.547H4.898c-.703 0-1.274-.57-1.274-1.273zM1.273 12.188a1.273 1.273 0 100 2.547H15.38a1.274 1.274 0 000-2.547H1.273zM3.624 16.792c0-.704.57-1.274 1.274-1.274h14.106a1.273 1.273 0 110 2.547H4.898c-.703 0-1.274-.57-1.274-1.273zM13.029 18.849a1.273 1.273 0 100 2.547h9.698a1.273 1.273 0 100-2.547h-9.698z"
+        fillOpacity=".3"
+      />
+      <path d="M2.84 2a1.273 1.273 0 100 2.547h10.287a1.274 1.274 0 000-2.547H2.84zM7.935 5.33a1.273 1.273 0 000 2.548H18.22a1.274 1.274 0 000-2.547H7.935zM3.624 9.935c0-.704.57-1.274 1.274-1.274h10.286a1.273 1.273 0 010 2.547H4.898c-.703 0-1.274-.57-1.274-1.273zM1.273 12.188a1.273 1.273 0 100 2.547H11.56a1.274 1.274 0 000-2.547H1.273zM3.624 16.792c0-.704.57-1.274 1.274-1.274h10.286a1.273 1.273 0 110 2.547H4.898c-.703 0-1.274-.57-1.274-1.273zM13.029 18.849a1.273 1.273 0 100 2.547h5.78a1.273 1.273 0 100-2.547h-5.78z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/maestro-ai.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/maestro-ai.jsx
new file mode 100755
index 0000000..8ae6ab1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/maestro-ai.jsx
@@ -0,0 +1,11 @@
+import Icon from "../icon.jsx";
+
+export default function MaestroAI(props) {
+  return (
+    <Icon {...props}>
+      <path d="m23.43.2.04-.1q.32-.25.53.11 0 .12-.04.26l-.22.53-.13.28-1.98 4.52-1.23 2.85q-.08.15.01.3.16.27.1.56-.14.4-.32.8a.6.6 0 0 0-.03.5l.3.68c.1.33.2.65.17 1q-.02.19-.05.35-.22.67-.76 1.15-.46.3-.92.57-.37.22-.64.56l-.3.34q-.14.23-.32.03l-1.22-1.31q-.46-.49-.25-1.13.17-.62.32-1.28 0-.06.03-.1 0-.05.03-.09.14-.31.31-.61l.86-1.28.49-.78c.18-.3.31-.36.61-.28.17.11.23.27.26.48l.08-.12 1.7-3.5.65-1.35.08-.16.11-.22q.23-.45.43-.88l.92-1.93zM22.88 15.92l-.03.46q-.15.75-.33 1.43a2.4 2.4 0 0 1-1 1.41q-.41.21-.82.38c-.7.24-1.44.32-2.17.42q-.27.03-.37-.19l-.6-1.1q-.1-.21.04-.39l.26-.35.82-1.28q.14-.19.32-.32q.18-.1.4-.17l1.42-.68.52-.18.13.12q0 .11-.03.23l-.5.74.03.04 1.3-.72q.22-.12.45-.07z" />
+      <path d="M1.73 6.77q.09-.98.66-1.76a5.4 5.4 0 0 1 3.2-2.18c.77-.19 1.55-.19 2.31.08.36.13.73.24 1.12.2q.13.01.28.06l.06.03q.18.21.11.51-.12.19-.25.33-.08.09.02.16q.12.09.22.21c.32.38.46.82.51 1.3q.01.28.23.47l1.37.94.3.3q.36.42-.1.72-.11.08-.23.13-.19.09-.11.28l.44 1.26c.08.23.15.47.1.72q-.08.37-.37.62c-.24.22-.53.34-.83.45l-.24.1q-.86.25-1.48.88c-.28.3-.29.3-.63.06q-.15-.1-.3-.17c-.13-.07-.16-.04-.17.1q0 .15-.03.3-.05.23-.27.11-.53-.28-1.08-.55-.56-.24-1.15-.47l-.18-.04h-.01q.65.51 1.28 1.05a25 25 0 0 1 3.05 3.41l.46.62.1.13.04-.02-.63-1.93.04-.02.08.06 1.54 1.64c.13.15.12.2 0 .36l-.49.63a1 1 0 0 0-.09.26q.02.25.25.15.16-.1.28-.2l2.25-2.17q.87-.87 1.73-1.78c.2-.2.25-.2.44 0a116 116 0 0 1 2.3 2.43c.15.17.15.2.01.39q-.57.77-1.16 1.53-.79 1.01-1.74 1.9c-.64.61-1.3 1.2-2.08 1.64-.55.31-1.12.55-1.77.49a5 5 0 0 1-1.3-.35c-.2-.12-.35-.05-.5.07q-.22.2-.17.5.01.07.1.12.04.05.15.13-.19.11-.36.18a14 14 0 0 1-5.6.83l-1.75-.17q-.41-.05-.84-.14l-.5-.1c-.37-.08-.39-.1-.32-.46V23q.23-1.7.43-3.4c.14-1.22.33-2.43.77-3.6q.5-1.26 1.29-2.36l.46-.63q.4-.53.76-1.06q.15-.23.2-.49c.1-.28 0-.51-.22-.7q-.34-.32-.66-.64a5 5 0 0 1-1.2-1.86q-.02-.07-.07-.16V8l-.02-.13c-.05-.37-.1-.73-.04-1.1M17.9 21.04q-.07.09-.16.14-.2.1-.42.18l-.58.16q-1.45.43-2.95.66h-.11l.2-.19q1.03-.9 2.03-1.82.46-.46.88-.95c.09-.1.16-.23.32-.2.15.02.16.17.2.28z" />
+      <path d="M9.97 13q.13.4.13.8-.02.42-.07.86c-.1.15-.23.16-.38.13-.72-.19-.97-.94-.48-1.51q.25-.35.68-.49l.09.11z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mail.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mail.jsx
new file mode 100755
index 0000000..5f331f2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mail.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Mail(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 12.713l-11.985-9.713h23.971l-11.986 9.713zm-5.425-1.822l-6.575-5.329v12.501l6.575-7.172zm10.85 0l6.575 7.172v-12.501l-6.575 5.329zm-1.557 1.261l-3.868 3.135-3.868-3.135-8.11 8.848h23.956l-8.11-8.848z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mamp.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mamp.jsx
new file mode 100755
index 0000000..bdfadca
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mamp.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Mamp(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M0.102364475,8.12278348 C0.348208608,6.42298667 2.24084804,1.12581027 7.55587597,0.121484851 C10.6927782,-0.471873056 14.5606318,1.15832949 17.2761989,3.91963527 C15.9222542,4.85153866 15.0170652,5.65650713 14.3332769,6.63475433 C14.8429844,8.53233711 16.3497002,9.30494346 17.4104808,9.6263653 C16.235161,8.91392735 15.4932413,8.24170642 15.0338309,6.80771887 C17.5478966,3.81155207 20.2390202,2.84257363 20.4663751,2.81948027 C22.5683503,4.50073955 24.0520329,7.56650062 23.9986022,10.7945436 C23.9359268,14.5325256 21.9088487,18.3848747 19.5840626,19.9393562 C19.265045,20.0923693 18.5309597,19.6889425 18.4302091,19.2517397 C18.9063852,18.1437298 20.031408,15.4457344 20.170234,13.4307996 C20.3015389,11.4961418 19.0239015,10.3603256 17.9523094,11.7588091 C16.4625159,14.2590185 15.8122589,17.3649966 15.162002,20.7166754 C14.0676901,21.0302424 12.2099921,21.1091054 11.4071207,20.6796004 C11.3048031,18.605754 11.7870901,15.0641441 10.4149696,13.8216586 C9.82723132,13.2886262 9.24717079,13.5357409 8.85341279,14.0271424 C7.8612617,15.2587881 7.88100445,18.4527409 8.07341783,20.5234453 C6.96359374,21.2110618 5.083176,21.0673175 3.89406757,20.6409544 C3.41773477,17.386519 2.29741256,13.4199599 1.38156874,10.383419 C1.12663668,11.604225 1.00300952,13.0551791 1.04265169,14.3022204 C0.430626717,13.8031211 -0.265539937,11.1777048 0.102364475,8.12278348 Z"
+        transform="translate(0 1)"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/manus.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/manus.jsx
new file mode 100755
index 0000000..041df0d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/manus.jsx
@@ -0,0 +1,17 @@
+import Icon from "../icon.jsx";
+
+export default function Manus(props) {
+  return (
+    <Icon {...props}>
+      <path
+        d="M8.047 1.163A.936.936 0 119.863.709c.063.256.132.508.2.76l.005.016c.158.58.315 1.16.416 1.771a.936.936 0 11-1.847.305c-.085-.517-.203-.949-.346-1.473v-.002c-.075-.274-.157-.573-.244-.923zM3.67 2.753a.936.936 0 00.428 1.252c.667.327 1.245.65 1.818 1.295a.936.936 0 001.4-1.242C6.5 3.138 5.66 2.687 4.922 2.325a.936.936 0 00-1.252.428z">
+      </path>
+      <path clipRule="evenodd"
+        d="M15.672 21.284c-.17-.036-.356-.075-.546-.117-.7-.152-1.65-.365-2.097-.513l-.033-.011-.032-.012c-.198-.074-.534-.156-1.09-.283l-.103-.023c-.48-.11-1.07-.244-1.63-.413-.578-.176-1.294-.437-1.903-.862-.638-.446-1.364-1.232-1.404-2.412a5.024 5.024 0 01.009-.51 2.716 2.716 0 01-.65-1.24 2.632 2.632 0 01.03-1.275c.083-.317.21-.594.316-.8.036-.07.073-.14.11-.206-.35-.111-.747-.248-1.133-.412-.503-.215-1.218-.57-1.752-1.141a2.798 2.798 0 01-.71-1.327 2.55 2.55 0 01.226-1.68c.604-1.208 1.757-1.635 2.782-1.672.926-.033 1.912.226 2.795.536.804.282 1.955.807 2.933 1.264.322-.529.747-1.126 1.149-1.608l.08-.095.092-.084a3.43 3.43 0 012.06-.887 3.559 3.559 0 011.059.08l.036.008.023.007h.003l.002.001s.002 0-.477 1.786l.479-1.786.208.058.19.102c.964.516 1.238 1.406 1.31 1.876a2.9 2.9 0 01-.008.903l-.003.018v.005l-1.858-.37 1.857.371-.01.054-.3 1.19c-.058.292-.065.459-.062.547a.286.286 0 00.016.107v.001c.013.03.043.095.154.263.043.066.088.131.144.214l.058.084c.08.118.174.257.274.412.623.97.684 1.902.68 2.499v.026l.238.078.103.032.153.049c.076.024.173.056.267.09.11-.202.407-.636.945-.636.702 0 .99.987.99.987.275 1.838-.98 8.013-2.794 9.164-1.386.88-2.413-.427-3.176-2.437zM8.72 12.868c.118-.119.47-.37 1.136-.445a4.337 4.337 0 012.228.365c.623.276 1.053.908 1.233 1.667.088.371.104.731.066 1.025-.04.31-.128.465-.169.511-.05.058-.228.157-.721.053a3.417 3.417 0 01-.764-.266l-.006-.003a.936.936 0 00-.861 1.662h.001l.003.002.008.004.024.012a4.888 4.888 0 00.34.152c.215.086.52.194.866.267.615.13 1.75.23 2.52-.652.37-.424.548-.98.615-1.501a4.789 4.789 0 00-.1-1.697c-.268-1.128-.976-2.362-2.297-2.948a6.208 6.208 0 00-3.195-.513c-.619.07-1.211.242-1.69.504l-.02-.006h-.004c-1.183-.338-3.536-1.01-2.956-2.17.44-.88 1.643-.807 3.275-.234.663.232 1.584.647 2.453 1.051.27.125.534.25.784.367l.974.454c.693-.832.962-1.29 1.2-1.695.163-.278.312-.53.573-.862l.025-.032a9.902 9.902 0 01.146-.18.895.895 0 01.02-.017c.642-.567 1.389-.36 1.389-.36.427.228.318.806.318.806l-.296 1.178c-.284 1.386.03 1.845.547 2.6.09.133.188.275.29.433.412.643.392 1.26.377 1.765-.01.324-.019.602.09.809.224.425 1.06.69 1.61.862.132.042.247.078.333.11l.059.023c-.078.24-.148.489-.218.737-.313 1.103-.623 2.202-1.55 2.53-.632.225-1.263.214-1.71.156-.786-.17-1.716-.379-2.066-.495-.363-.135-.871-.25-1.424-.377-1.316-.3-2.883-.656-3.331-1.462a.975.975 0 01-.125-.447c-.026-.74.234-1.404.234-1.404s-.403.002-.685-.27a.853.853 0 01-.238-.431c-.03-.13-.042-.28-.025-.44.008 0 .012-.008.012-.028 0-.234.234-.702.702-1.17z">
+      </path>
+      <path
+        d="M14.077.604a.936.936 0 01.315 1.285c-.355.584-.561 1.181-.786 2.081a.936.936 0 11-1.816-.454c.243-.971.504-1.778 1.002-2.598a.936.936 0 011.285-.314z">
+      </path>
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/matlab.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/matlab.jsx
new file mode 100755
index 0000000..7208923
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/matlab.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Matlab(props) {
+  return (
+    <Icon {...props}>
+      <path d="M10.5,22.125c-0.152,0 -0.291,-0.092 -0.348,-0.237c-0.747,-1.883 -2.136,-5.388 -3.168,-5.388c-0.482,0 -0.959,0.309 -0.963,0.312c-0.13,0.087 -0.301,0.084 -0.427,-0.008l-4.688,-3.375c-0.11,-0.079 -0.169,-0.213 -0.153,-0.348c0.015,-0.136 0.104,-0.252 0.23,-0.303l6.174,-2.535c0.276,-0.406 1.346,-1.897 2.505,-2.343c0.175,-0.068 0.322,-0.123 0.446,-0.169c0.628,-0.235 0.628,-0.235 1.108,-0.686l0.106,-0.1c0.652,-0.611 1.896,-2.532 2.281,-3.157c0.044,-0.072 0.091,-0.152 0.141,-0.236c0.419,-0.708 0.992,-1.677 1.865,-1.677c1.002,-0 1.533,1.032 2.125,2.381c0.544,1.24 1.996,5.347 2.59,7.109c1.429,4.24 2.873,7.19 2.888,7.22c0.073,0.148 0.039,0.328 -0.083,0.441c-0.122,0.113 -0.303,0.132 -0.446,0.046c-0.031,-0.018 -0.757,-0.458 -1.948,-1.651c-0.884,-0.884 -1.604,-1.296 -2.266,-1.296c-1.166,0 -1.99,0.927 -3.033,2.101l-0.062,0.07c-0.123,0.139 -0.26,0.299 -0.408,0.473c-1.035,1.211 -2.599,3.043 -4.403,3.351c-0.021,0.004 -0.042,0.005 -0.063,0.005Zm-3.516,-6.375c1.385,0 2.481,2.39 3.746,5.563c1.427,-0.41 2.762,-1.974 3.665,-3.031c0.152,-0.178 0.292,-0.342 0.419,-0.484l0.062,-0.07c1.121,-1.263 2.09,-2.353 3.593,-2.353c1.136,0 2.091,0.81 2.796,1.516c0.224,0.224 0.431,0.42 0.618,0.59c-0.565,-1.288 -1.421,-3.36 -2.269,-5.877c-0.613,-1.819 -2.053,-5.877 -2.566,-7.047c-0.55,-1.253 -0.942,-1.932 -1.439,-1.932c-0.445,0 -0.93,0.819 -1.22,1.309c-0.052,0.088 -0.101,0.172 -0.148,0.247c-0.015,0.025 -1.545,2.503 -2.406,3.312l-0.106,0.099c-0.572,0.538 -0.61,0.562 -1.357,0.841c-0.123,0.047 -0.267,0.101 -0.44,0.167c-0.906,0.349 -1.902,1.67 -2.21,2.149c-0.042,0.065 -0.102,0.116 -0.173,0.145l-5.657,2.321l3.945,2.84c0.253,-0.129 0.684,-0.305 1.147,-0.305Zm-1.012,1.089l-0.32,-0.678c0.024,-0.011 2.322,-1.123 4.111,-3.895c1.699,-2.634 2.539,-4.691 2.989,-5.795c0.115,-0.282 0.203,-0.495 0.27,-0.634c0.165,-0.342 0.324,-0.753 0.493,-1.188c0.529,-1.364 1.076,-2.774 2.094,-2.774l0,0.75c-0.505,0 -1.019,1.326 -1.395,2.295c-0.174,0.45 -0.339,0.875 -0.517,1.243c-0.062,0.13 -0.143,0.329 -0.25,0.592c-0.46,1.127 -1.316,3.225 -3.053,5.917c-1.912,2.963 -4.32,4.119 -4.422,4.167Zm3.834,-4.023l-2.625,-1.969l0.45,-0.6l2.625,1.969l-0.45,0.6Zm4.509,4.414c1.169,-1.317 2.275,-2.561 4.06,-2.604c0,0 -1.266,-5.579 -2.344,-10.173c-0.219,-0.933 -0.306,-1.078 -0.397,-1.078c-0.062,0 -0.136,0.137 -0.194,0.452c-0.311,1.684 -1.784,7.956 -2.971,10.986c-0.454,1.157 -1.264,1.837 -1.969,2.156c-0.322,0.146 -0.787,0.281 -0.787,0.281c0.487,0.855 0.951,1.905 1.428,3.076c1.007,-0.568 1.992,-1.721 2.684,-2.531c0.155,-0.182 0.299,-0.35 0.428,-0.496l0.062,-0.069Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mattermost.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mattermost.jsx
new file mode 100755
index 0000000..eea42a9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mattermost.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Mattermost(props) {
+  return (
+    <Icon {...props}>
+      <path d="M19.052 2.29l.126 2.548c2.065 2.28 2.88 5.511 1.852 8.548-1.534 4.532-6.594 6.915-11.3 5.322s-7.28-6.56-5.745-11.092C5.017 4.569 7.64 2.494 10.68 1.945l1.642-1.94C7.2-.134 2.366 3.045.637 8.153c-2.124 6.276 1.24 13.086 7.516 15.21s13.086-1.24 15.21-7.516c1.727-5.1-.172-10.552-4.311-13.556z" />
+      <path d="M16.11 9.806l-.087-3.56-.07-2.05-.047-1.775s.01-.856-.02-1.057a.328.328 0 00-.036-.107l-.006-.012a.278.278 0 00-.358-.127l-.004.001a.33.33 0 00-.109.071c-.145.142-.658.828-.658.828L13.6 3.4l-1.3 1.585-2.232 2.776s-1.024 1.278-.798 2.851 1.396 2.34 2.303 2.647c.908.308 2.303.41 3.438-.703 1.136-1.113 1.099-2.75 1.099-2.75z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/messages.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/messages.jsx
new file mode 100755
index 0000000..afa1565
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/messages.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Messages(props) {
+  return (
+    <Icon {...props}>
+      <path d="M19.619 21.671c-5.038 1.227-8.711-1.861-8.711-5.167 0-3.175 3.11-5.467 6.546-5.467 3.457 0 6.546 2.309 6.546 5.467 0 1.12-.403 2.22-1.117 3.073-.029 1 .558 2.435 1.088 3.479-1.419-.257-3.438-.824-4.352-1.385zm-10.711-5.167c0-4.117 3.834-7.467 8.546-7.467.886 0 1.74.119 2.544.338-.021-4.834-4.761-8.319-9.998-8.319-5.281 0-10 3.527-10 8.352 0 1.71.615 3.391 1.705 4.695.047 1.527-.851 3.718-1.661 5.313 2.168-.391 5.252-1.258 6.649-2.115.803.196 1.576.304 2.328.363-.067-.379-.113-.765-.113-1.16z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mic-off.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mic-off.jsx
new file mode 100755
index 0000000..f71ff3e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mic-off.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function MicOff(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0 0h24v24H0zm0 0h24v24H0z" fill="none" />
+      <path d="M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mic-on.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mic-on.jsx
new file mode 100755
index 0000000..76524ad
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mic-on.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function MicOn(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0 0h24v24H0z" fill="none" />
+      <path d="M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-edge.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-edge.jsx
new file mode 100755
index 0000000..48e6caf
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-edge.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function MicrosoftEdge(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21.7 17.9l-1 .4c-1.1.4-2.2.6-3.4.6C13 19 9 16 9 12a3 3 0 0 1 1.5-2.5c-4 .2-5 4.3-5 6.8 0 7 6.4 7.6 7.8 7.6.7 0 1.8-.2 2.5-.4h.1a12 12 0 0 0 6.3-5 .4.4 0 0 0-.5-.5z" />
+      <path d="M21.7 17.9l-1 .4c-1.1.4-2.2.6-3.4.6C13 19 9 16 9 12a3 3 0 0 1 1.5-2.5c-4 .2-5 4.3-5 6.8 0 7 6.4 7.6 7.8 7.6.7 0 1.8-.2 2.5-.4h.1a12 12 0 0 0 6.3-5 .4.4 0 0 0-.5-.5z" />
+      <path d="M10 22.6a7.6 7.6 0 0 1 .6-13.2c.2-.2.7-.4 1.4-.4a3 3 0 0 1 3 3s2.3-7.5-7.5-7.5c-4.1 0-7.5 4-7.5 7.3a12 12 0 0 0 15.8 11.5 7 7 0 0 1-5.9-.7z" />
+      <path d="M10 22.6a7.6 7.6 0 0 1 .6-13.2c.2-.2.7-.4 1.4-.4a3 3 0 0 1 3 3s2.3-7.5-7.5-7.5c-4.1 0-7.5 4-7.5 7.3a12 12 0 0 0 15.8 11.5 7 7 0 0 1-5.9-.7z" />
+      <path d="M14.3 14c-.1 0-.3.2-.3.5 0 .2.1.5.4.7 1.4.9 3.9.8 4 .8 1 0 1.9-.3 2.7-.8a5.8 5.8 0 0 0 2.9-5c0-2-.8-3.5-1-4A12 12 0 0 0 12 0 12 12 0 0 0 0 11.8c0-3.4 3.4-6.2 7.5-6.2a9 9 0 0 1 4 1A6 6 0 0 1 15 12c0 .5-.3 1.2-.8 1.9z" />
+      <path d="M14.3 14c-.1 0-.3.2-.3.5 0 .2.1.5.4.7 1.4.9 3.9.8 4 .8 1 0 1.9-.3 2.7-.8a5.8 5.8 0 0 0 2.9-5c0-2-.8-3.5-1-4A12 12 0 0 0 12 0 12 12 0 0 0 0 11.8c0-3.4 3.4-6.2 7.5-6.2a9 9 0 0 1 4 1A6 6 0 0 1 15 12c0 .5-.3 1.2-.8 1.9z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-excel.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-excel.jsx
new file mode 100755
index 0000000..6f4df55
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-excel.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function MicrosoftExcel(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0a2 2 0 00-.4 0l-10 2A2 2 0 000 4v16a2 2 0 001.6 2l10 2a2 2 0 002.4-2V2a2 2 0 00-2-2zm4 2v3h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v3h6a2 2 0 002-2V4a2 2 0 00-2-2h-6zm4 3h1a1 1 0 010 2h-1V5zM3.2 7h2.4l1.2 3 .3.8.3-.8 1.4-3H11l-2.6 5 2.7 5H8.7l-1.5-3.3-.2-.6c0 .1 0 .4-.2.7L5.3 17H2.9l2.8-5-2.5-5zM20 9h1a1 1 0 010 2h-1V9zm0 4h1a1 1 0 010 2h-1v-2zm0 4h1a1 1 0 010 2h-1v-2z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-outlook.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-outlook.jsx
new file mode 100755
index 0000000..2de1829
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-outlook.jsx
@@ -0,0 +1,11 @@
+import Icon from "../icon.jsx";
+
+export default function MicrosoftOutlook(props) {
+  return (
+    <Icon {...props}>
+      <path d="M14.9434 5.1811v4.632l1.6203 1.019a.4124.4124 0 0 0 .1776 0l6.9669-4.697a.9929.9929 0 0 0-.811-.954h-7.9538Z" />
+      <path d="m14.9432 11.5409 1.4775 1.0148a.4406.4406 0 0 0 .4592 0c-.2537.1531 6.8273-4.5481 6.8273-4.5481v8.5128a1.1915 1.1915 0 0 1-.7518 1.2363 1.1902 1.1902 0 0 1-.5083.0788h-7.5047l.0008-6.2946ZM7.2947 9.4053a1.3608 1.3608 0 0 0-1.2009.7087 3.4938 3.4938 0 0 0-.4448 1.8758 3.4252 3.4252 0 0 0 .4448 1.8707 1.3533 1.3533 0 0 0 1.8443.5098 1.3532 1.3532 0 0 0 .4992-.4912 3.3949 3.3949 0 0 0 .4355-1.8606 3.6948 3.6948 0 0 0-.4228-1.929 1.299 1.299 0 0 0-1.1553-.6842Z" />
+      <path d="M.2861 2.8283v18.1209l13.785 2.8906V.1602L.2861 2.8283Zm9.225 12.124a2.7326 2.7326 0 0 1-2.2835 1.151 2.6985 2.6985 0 0 1-2.2326-1.1146 4.6167 4.6167 0 0 1-.8584-2.9042 4.9626 4.9626 0 0 1 .8762-3.058A2.7629 2.7629 0 0 1 7.3334 7.856a2.6352 2.6352 0 0 1 2.2072 1.1172 4.7685 4.7685 0 0 1 .8457 2.9464 4.8736 4.8736 0 0 1-.8753 3.0327Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-power-point.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-power-point.jsx
new file mode 100755
index 0000000..2cdab52
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-power-point.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function MicrosoftPowerPoint(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0a2 2 0 00-.4 0l-10 2A2 2 0 000 4v16a2 2 0 001.6 2l10 2a2 2 0 002.4-2V2a2 2 0 00-2-2zm4 2v5.2a3 3 0 011-.2v3h3a3 3 0 01-4 2.8V16h5a1 1 0 010 2h-5v4h6a2 2 0 002-2V4a2 2 0 00-2-2h-6zm3 3a3 3 0 013 3h-3V5zM4 7h3.5c2.5 0 3.8 1 3.8 3.2a3 3 0 01-1 2.4c-.8.6-1.8 1-3 1h-1V17H4V7zm2.3 1.7v3.1H7c1.2 0 1.8-.5 1.8-1.5s-.6-1.6-1.8-1.6h-.8z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-word.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-word.jsx
new file mode 100755
index 0000000..7d3165b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/microsoft-word.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function MicrosoftWord(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0a2 2 0 00-.4 0l-10 2A2 2 0 000 4v16a2 2 0 001.6 2l10 2a2 2 0 002.4-2V2a2 2 0 00-2-2zm4 2v3h4a1 1 0 010 2h-4v2h4a1 1 0 010 2h-4v2h4a1 1 0 010 2h-4v2h4a1 1 0 010 2h-4v3h6a2 2 0 002-2V4a2 2 0 00-2-2h-6zM2.3 7H4l1 6.6L6.4 7h1.4L9 13.6 10 7h1.8L10 17H8.2L7 10.9 5.8 17H4L2.3 7z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mimestream.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mimestream.jsx
new file mode 100755
index 0000000..1ed0a2b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mimestream.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Mimestream(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.59.03c.4-.11.83.01 1.11.32l4.76 5.23 7.01-.94a1.1 1.1 0 0 1 1.1 1.63l-3.5 6.14 3.06 6.37a1.1 1.1 0 0 1-1.2 1.55l-6.94-1.44-5.1 4.89a1.1 1.1 0 0 1-1.85-.67l-.78-7.03-6.23-3.35a1.1 1.1 0 0 1 .07-1.97l6.45-2.9L8.81.88A1.1 1.1 0 0 1 9.6.03Zm.98 3.44L9.6 8.8a1.1 1.1 0 0 1-.62.8l-4.95 2.24 4.78 2.57a1.1 1.1 0 0 1 .57.84l.6 5.4 3.92-3.75a1.1 1.1 0 0 1 .98-.28l5.31 1.1-2.35-4.89a1.1 1.1 0 0 1 .03-1.02l2.7-4.71-5.39.72a1.1 1.1 0 0 1-.96-.34l-3.65-4.02Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/min-browser.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/min-browser.jsx
new file mode 100755
index 0000000..ed6060c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/min-browser.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function MinBrowser(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.4 0C1.1 0 0 1 0 2.4v19.2C0 22.9 1 24 2.4 24h19.2c1.3 0 2.4-1 2.4-2.4V2.4C24 1.1 23 0 21.6 0H2.4zm5.1 14.7C6.1 11.1 6 9.2 9.2 7c3.4-1 5.1-.8 7.6 1.7 1.9 3.7 1.8 5.5-1.1 8.5-2.6 1.7-7.8 1.2-8.2 1a7 7 0 00-.4 0c-.5-.2-1.1-.3-1.5-.6.3 1.2.7 1.8 2 2.9 1.9 1 3 1.4 5.8 1 2.2-.6 3.5-1.1 5.8-3.2l.1-.2c1.3-1.7 2-2.8 2.3-5a16 16 0 00-2.4-7.4l-.2-.2a10.3 10.3 0 00-5.2-3A11 11 0 008 3c-2.8 2.1-3.6 3-4.4 4.6-1.4 2.8-1.4 4-.9 6.1.8 2.3 1.2 2.8 1.8 3.4 2.8.4 3.4-.2 3-2.5z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/miro.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/miro.jsx
new file mode 100755
index 0000000..678bc73
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/miro.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Miro(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.728 1.024h-4.356l3.868 6-8.182-6h-4.362l3.872 7.862-8.182-7.862h-4.362l3.806 10.148-3.806 19.804h4.362l8.18-21.234-3.87 21.234h4.36l8.184-23.096-3.87 23.096h4.358l8.248-25.368-8.248-4.584z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/monero-gui.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/monero-gui.jsx
new file mode 100755
index 0000000..a5d95a7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/monero-gui.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function MoneroGUI(props) {
+  return (
+    <Icon {...props} width={16} height={16}>
+      <path
+        d="M11.28774193548387 12.046451612903226h3.426838709677419C13.34258064516129 14.31941935483871 10.848322580645162 15.84 8 15.84S2.6574193548387095 14.31941935483871 1.2854193548387096 12.046451612903226H4.71225806451613V8.006322580645161L8 11.319354838709677 11.28774193548387 8v4.046451612903225ZM2.9419354838709677 10.529032258064515V3.9535483870967743l5.039096774193548 5.039096774193548L13.058064516129033 3.9535483870967743V10.529032258064515h2.3646451612903228c0.2687096774193548 -0.7934838709677419 0.41729032258064513 -1.6438709677419354 0.41729032258064513 -2.5290322580645164C15.84 3.669032258064516 12.330967741935483 0.16 8 0.16S0.16 3.669032258064516 0.16 8c0 0.8851612903225806 0.14541935483870969 1.735548387096774 0.41729032258064513 2.5290322580645164H2.9419354838709677Z"
+        strokeWidth="0.0323"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mongo-db.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mongo-db.jsx
new file mode 100755
index 0000000..3d57187
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mongo-db.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function MongoDB(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24 12c0 6.6274-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0s12 5.3726 12 12ZM12.813 6.0778c.6053.6257 1.8087 1.87 2.3947 4.456.0758.4394.1154.8843.1183 1.3303.0138 2.6732-1.3969 4.35-2.1816 5.0749l-.0168.0152a4.785 4.785 0 0 1-.4714.3856l-.0234.0152a17.0453 17.0453 0 0 0-.3047 1.8405h-.2892a42.3361 42.3361 0 0 0-.1978-1.7189v.0026l-.042-.0297c-.3691-.2693-3.0986-2.3815-2.9296-5.9262.1811-3.8006 2.4082-5.6693 2.8422-6.0087.2803-.299.2916-.4134.3134-.71.0046.0108.0087.0218.012.0304l.0037.0095s.2137.5274.4247.8239c.0437.0953.1699.2257.3475.4094Zm-.6407 4.3997c-.1641-.0009-.1641 4.9706-.1641 4.9706 0 .3867.2299 1.4147.4577 1.4421 0 0-.1657-6.4127-.2936-6.4127Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/moon.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/moon.jsx
new file mode 100755
index 0000000..d8a5e15
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/moon.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+import * as Utils from "../../../utils";
+
+export default function Moon(props) {
+  return (
+    <Icon {...props} className={Utils.classNames(props.className, "moon-icon")}>
+      <path d="M12.081 2.509a1 1 0 0 1-.067 1.085 6 6 0 0 0 8.392 8.392 1 1 0 0 1 1.59.896A10 10 0 1 1 11.118 2.004a1 1 0 0 1 .963.505Zm-2.765 1.93a8 8 0 1 0 10.245 10.245A8 8 0 0 1 9.316 4.439Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mpv.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mpv.jsx
new file mode 100755
index 0000000..eef4479
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/mpv.jsx
@@ -0,0 +1,16 @@
+import Icon from "../icon.jsx";
+
+export default function Mpv(props) {
+  return (
+    <Icon {...props}>
+      <g fillRule="evenodd" clipRule="evenodd">
+        <path d="M24 12a12 12 0 11-24 0 12 12 0 0124 0zm-2.46-1.1a8.59 8.59 0 11-17.17 0 8.59 8.59 0 0117.17 0z" />
+        <path
+          fillOpacity=".6"
+          d="M23.45 11.63a11.14 11.14 0 11-22.28 0 11.14 11.14 0 0122.28 0zm-6.51 2.53a5.52 5.52 0 10-10.2-4.22 5.52 5.52 0 0010.2 4.22z"
+        />
+        <path d="M10 9v6l5-3.07L10 9z" />
+      </g>
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/music.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/music.jsx
new file mode 100755
index 0000000..6deefcc
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/music.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Music(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24zm4.28-18.93l.5-.07c.23 0 .39.12.45.34.02.07.01 9.1.01 10.6a1.9 1.9 0 0 1-1.37 1.76c-.47.14-1.15.2-1.48.12-.3-.07-.52-.2-.75-.44-.35-.34-.5-.7-.5-1.15 0-.25.04-.44.16-.7.17-.36.4-.57.79-.77.31-.16.6-.24 1.42-.41.54-.12.76-.16.87-.29.15-.17.04-5.36 0-5.43-.07-.1-.2-.14-.35-.12l-5.62 1.13a.4.4 0 0 0-.29.32l-.02 1.34c-.01 2.2-.05 6.39-.16 6.7a2.3 2.3 0 0 1-.18.37c-.14.2-.4.46-.6.58-.5.29-1.45.44-1.96.3-.54-.14-.94-.5-1.12-1.03-.09-.24-.1-.65-.05-.93.07-.28.22-.55.41-.75.35-.35.77-.52 1.88-.74l.55-.13a.64.64 0 0 0 .34-.32c.04-.1.07-8.5.07-8.5l.06-.1a.7.7 0 0 1 .36-.34c.1-.03 5.64-1.16 6.58-1.34z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/n8n.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/n8n.jsx
new file mode 100755
index 0000000..ab86385
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/n8n.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function N8n(props) {
+  return (
+    <Icon {...props}>
+      <path
+        clipRule="evenodd"
+        d="M24 8.4c0 1.325-1.102 2.4-2.462 2.4-1.146 0-2.11-.765-2.384-1.8h-3.436c-.602 0-1.115.424-1.214 1.003l-.101.592a2.38 2.38 0 01-.8 1.405c.412.354.704.844.8 1.405l.1.592A1.222 1.222 0 0015.719 15h.975c.273-1.035 1.237-1.8 2.384-1.8 1.36 0 2.461 1.075 2.461 2.4S20.436 18 19.078 18c-1.147 0-2.11-.765-2.384-1.8h-.975c-1.204 0-2.23-.848-2.428-2.005l-.101-.592a1.222 1.222 0 00-1.214-1.003H10.97c-.308.984-1.246 1.7-2.356 1.7-1.11 0-2.048-.716-2.355-1.7H4.817c-.308.984-1.246 1.7-2.355 1.7C1.102 14.3 0 13.225 0 11.9s1.102-2.4 2.462-2.4c1.183 0 2.172.815 2.408 1.9h1.337c.236-1.085 1.225-1.9 2.408-1.9 1.184 0 2.172.815 2.408 1.9h.952c.601 0 1.115-.424 1.213-1.003l.102-.592c.198-1.157 1.225-2.005 2.428-2.005h3.436c.274-1.035 1.238-1.8 2.384-1.8C22.898 6 24 7.075 24 8.4zm-1.23 0c0 .663-.552 1.2-1.232 1.2-.68 0-1.23-.537-1.23-1.2 0-.663.55-1.2 1.23-1.2.68 0 1.231.537 1.231 1.2zM2.461 13.1c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm6.153 0c.68 0 1.231-.537 1.231-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm10.462 3.7c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.23.537-1.23 1.2 0 .663.55 1.2 1.23 1.2z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/net-news-wire.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/net-news-wire.jsx
new file mode 100755
index 0000000..4db43e7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/net-news-wire.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function NetNewsWire(props) {
+  return (
+    <Icon {...props}>
+      <path d="M.193 5.012c-.2404.4848-.2737.7724 0 1.3369l4.9267 4.9296c.4604.1626.7184.2138 1.179 0L9.92 7.6857c.2106-.4384.2466-.6914 0-1.1697L4.9512 1.5445c-.4745-.2123-.7485-.238-1.2632 0L.193 5.012ZM5.4144 15.4144l-2.3159 2.256c-.1366.3308-.124.5027 0 .7938l2.316 2.2141c.2794.0963.4363.0773.7158 0l2.3159-2.2977.379.376c.4195.2302.6818.2486 1.2211 0l5.5161-5.4728c.2062-.4006.2013-.6485 0-1.128L11.899 8.4795c-.4277-.1998-.667-.1862-1.0948 0L5.246 13.9523c-.2108.6077-.215.9331.1684 1.4621ZM23.8155 9.8163 14.2992.2912c-.329-.3477-.5133-.4268-.8422 0-1.0863 1.653-1.2793 2.6305-1.179 4.4284.1785 1.3531.4348 2.0691 1.179 3.2586.6483 1.0549 1.118 1.54 2.1054 2.2559 1.4306 1.0571 2.2624 1.3902 3.7897 1.504 1.9629.1438 2.956-.0998 4.4634-1.3369.2536-.1901.2383-.3205 0-.5849ZM20.3627 1.461l-1.6843 1.7128c-.0938.1482-.0924.2311.0421.376l1.8106 1.7546c.2132.0718.3015.0559.4211-.0418l1.6001-1.6292c.2733-.5388.2356-.8407-.0421-1.3787-.1976-.3485-.3772-.5205-.8001-.7938-.4911-.1845-.7808-.2139-1.3474 0ZM16.4045 14.2029l-3.5791 3.6346c-.1692.3593-.1633.5598 0 .9191l5.0529 5.055c.4605.2631.7185.239 1.179 0l3.5792-3.4675c.2378-.4698.2466-.7417 0-1.2115l-5.0108-4.9297c-.4768-.2405-.7444-.2107-1.2212 0Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/netease-music.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/netease-music.jsx
new file mode 100755
index 0000000..0a31527
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/netease-music.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function NeteaseMusic(props) {
+  return (
+    <Icon {...props}>
+      <path d="M15.462 1c.222.036.447.063.667.11.772.17 1.463.512 2.074 1.012.4.328.563.757.449 1.266-.104.456-.395.764-.847.896-.426.124-.81.03-1.16-.251-.442-.355-.936-.602-1.524-.548-.5.045-.979.57-.934 1.04.02.21.094.415.148.621.094.366.19.73.287 1.093.016.063.032.113.12.12a6.5 6.5 0 013.63 1.321c1.059.797 1.927 1.754 2.511 2.955a7.45 7.45 0 01.73 2.79c.083 1.3-.07 2.57-.575 3.771-1.176 2.788-3.244 4.586-6.149 5.414-1.106.315-2.24.438-3.387.373-2.384-.134-4.451-1.037-6.191-2.667-1.72-1.607-2.788-3.582-3.16-5.901-.508-3.156.269-5.985 2.325-8.436 1.13-1.347 2.539-2.319 4.182-2.945a1.233 1.233 0 011.497.48 1.22 1.22 0 01-.197 1.558c-.124.115-.28.204-.438.267-2.505 1.02-4.162 2.822-4.82 5.448-.637 2.548-.074 4.883 1.554 6.937a7.317 7.317 0 003.935 2.579c1.033.274 2.074.292 3.125.13 1.084-.168 2.096-.523 3.003-1.145 1.25-.855 2.14-1.995 2.584-3.448.384-1.252.397-2.518-.076-3.76-.382-1-1.058-1.77-1.906-2.406-.454-.34-.939-.604-1.493-.734-.025-.007-.052-.01-.097-.016.077.29.146.566.218.84.175.662.355 1.324.528 1.989.375 1.44.011 2.704-.981 3.782-.918.997-2.088 1.428-3.43 1.3-1.493-.144-2.56-.954-3.255-2.268-.364-.686-.521-1.427-.55-2.202-.047-1.234.242-2.372.95-3.392.758-1.093 1.81-1.795 3.052-2.23.1-.035.198-.066.312-.104-.067-.254-.137-.5-.197-.752-.083-.344-.189-.687-.231-1.035-.124-1.033.193-1.933.907-2.685.583-.615 1.293-1.005 2.143-1.124l.28-.04C15.207 1 15.335 1 15.463 1zM12.81 9.02c-.736.234-1.372.591-1.848 1.186-.637.795-.765 1.708-.56 2.68.105.505.352.936.785 1.237.54.377 1.277.361 1.843-.031.579-.4.835-1.046.666-1.709-.183-.725-.381-1.448-.572-2.173-.105-.39-.206-.78-.314-1.19z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/no-volume.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/no-volume.jsx
new file mode 100755
index 0000000..0a146d1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/no-volume.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function NoVolume(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.4332 4.0987A1 1 0 0 1 12 5v14a1 1 0 0 1-1.6247.7809L5.6493 16H2c-.5523 0-1-.4477-1-1V9c0-.5523.4477-1 1-1h3.6492l4.7261-3.7809a1 1 0 0 1 1.0579-.1204ZM10 7.0807 6.6247 9.7808A1 1 0 0 1 6 10H3v4h3c.227 0 .4474.0773.6247.2191L10 16.9194V7.0806Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notability.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notability.jsx
new file mode 100755
index 0000000..8a4c560
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notability.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Notability(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 0a4 4 0 00-4 4v16a4 4 0 004 4h16a4 4 0 004-4V4a4 4 0 00-4-4H4zm.46 19.44l1.7-5.62 1-.97-.28.25c-.06-.86-.07-1.45 0-2.34.1-.33.2-.52.57-.86l5.07-5.13c.36.08.5.18.6.5l-2.1 1.92 1.07.87 3.4-3.3a3.24 3.24 0 012.26 0 4 4 0 011.6 1.6 3.1 3.1 0 010 2.15l-3.41 3.44.61.73 1.97-1.92c.4.07.54.2.66.52l-5.04 5.07c-.45.27-.7.37-1.17.5l-.86.13c-.45.06-.7.04-1.15 0l.42-.44-1.13 1.13-5.8 1.77zm7.48-3.47c.37.07.6.07 1.03 0 .99-.7 1.54-1.2 2.54-2.23l-.76-.6-2.8 2.83zm-.83-6.96l-3.36 3.27c-.1-.4-.1-.65 0-1.1.04-.35.14-.54.4-.88l1.91-1.95.9.8.15-.14z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notebook-lm.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notebook-lm.jsx
new file mode 100755
index 0000000..2be5095
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notebook-lm.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function NotebookLM(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.999 3.14C5.372 3.14 0 8.588 0 15.312v5.828h2.212v-.58c0-2.728 2.178-4.938 4.866-4.938 2.688 0 4.866 2.21 4.866 4.937v.581h2.212v-.58c0-3.967-3.17-7.18-7.078-7.18a6.966 6.966 0 00-4.086 1.318C4.2 12.262 6.687 10.59 9.56 10.59c4.057 0 7.347 3.338 7.347 7.453v3.097h2.212v-3.097c0-5.355-4.28-9.698-9.56-9.698a9.438 9.438 0 00-6.217 2.332C4.984 7.528 8.244 5.383 12 5.383c5.406 0 9.788 4.446 9.788 9.93v5.827H24v-5.828C23.999 8.588 18.627 3.14 11.999 3.14z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notes.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notes.jsx
new file mode 100755
index 0000000..23e8a43
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notes.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Notes(props) {
+  return (
+    <Icon {...props}>
+      <path d="M2 0v24h20v-24h-20zm18 22h-16v-15h16v15zm-3-4h-10v-1h10v1zm0-3h-10v-1h10v1zm0-3h-10v-1h10v1z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notion.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notion.jsx
new file mode 100755
index 0000000..ff12f11
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/notion.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Notion(props) {
+  return (
+    <Icon {...props}>
+      <path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/nova.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/nova.jsx
new file mode 100755
index 0000000..ee0bf11
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/nova.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Nova(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M19.448908,7.93508793 C19.448908,7.93508793 19.2774379,0.389455004 12.5840983,0.0161227141 C5.94013132,-0.355859369 4.84459068,5.8105369 4.76185801,8.00664891 C4.69046773,9.90166471 5.81069473,15.5975138 10.7372916,15.8756565 C13.9538577,16.0572593 14.367521,13.2967607 14.367521,13.2967607 C13.8945761,14.4914516 12.6973133,15.2252033 11.4318457,15.0959118 C10.4917722,15.0577013 9.60841903,14.630677 8.98835928,13.9146991 C8.36829953,13.1987212 8.06590673,12.2565744 8.15189577,11.3085806 C8.28933875,8.4731455 9.90062416,5.67956681 14.2040573,6.00159122 C18.3313498,6.31078867 19.448908,7.93508793 19.448908,7.93508793 L19.448908,7.93508793 Z M12.878333,21.9536142 C12.878333,21.9536142 18.9952128,25.4020433 22.6628053,19.7358988 C26.3023754,14.1149863 21.5579239,10.073141 19.7151204,8.90183628 C18.1245182,7.88918088 12.3292283,6.01104267 10.0087104,9.87938629 C9.00892842,11.359559 9.16129721,13.3441628 10.3750026,14.6503434 C9.58615751,13.6415046 9.55536959,12.2252983 10.2996091,11.1823362 C11.4594542,9.49926874 13.7329451,9.05684456 15.4270329,10.1845331 C17.6327926,11.5819976 18.5688727,14.4984451 16.8775234,17.716664 C14.9406449,21.4081305 12.878333,21.9536142 12.878333,21.9536142 L12.878333,21.9536142 Z M4.09866228,9.05913542 C4.09866228,9.05913542 -2.20503321,12.9004749 0.822715534,18.9392766 C3.82511072,24.9301459 9.66643734,22.8103206 11.5926406,21.7821378 C13.2546332,20.8984272 17.5820854,17.0726151 15.3563098,12.6284081 C13.9024833,9.72546267 11.3270955,10.744194 11.3270955,10.744194 C12.5868611,10.5593815 13.8155916,11.2397906 14.340833,12.4130501 C15.3349594,14.3208929 14.1406734,16.5541356 12.492692,17.4533736 C10.4243753,18.5807966 6.56663112,17.5654408 5.24157404,15.0797093 C3.33138351,11.50031 4.09866228,9.05846032 4.09866228,9.05846032 L4.09866228,9.05913542 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/numbers.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/numbers.jsx
new file mode 100755
index 0000000..0f98a60
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/numbers.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Numbers(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23.5267854,22.0919194 C23.788132,22.0919194 24,22.2681331 24,22.4855 L24,22.6064617 C24,22.8238286 23.7881734,23 23.5267854,23 L0.473214594,23 C0.211867974,23 7.10542736e-15,22.8238286 7.10542736e-15,22.6064617 L7.10542736e-15,22.4855 C7.10542736e-15,22.2681331 0.211867974,22.0919194 0.473214594,22.0919194 L23.5267854,22.0919194 Z M11.332473,12.1575222 C11.446809,12.1575222 11.5394967,12.2523006 11.5394967,12.3692158 L11.5394967,20.8974173 C11.5394967,21.0143325 11.446809,21.1091109 11.332473,21.1091109 L6.48219942,21.1091109 C6.36786343,21.1091109 6.2751758,21.0143325 6.2751758,20.8974173 L6.2751758,12.3692158 C6.2751758,12.2523006 6.36786343,12.1575222 6.48219942,12.1575222 L11.332473,12.1575222 Z M5.28580991,17.2381674 C5.37122786,17.2381674 5.44053937,17.3030726 5.44053937,17.3831774 L5.44053937,20.9641432 C5.44053937,21.0442057 5.37122786,21.1091109 5.28580991,21.1091109 L0.330947961,21.1091109 C0.245530015,21.1091109 0.176218507,21.0442057 0.176218507,20.9641432 L0.176218507,17.3831774 C0.176218507,17.3031149 0.245530015,17.2381674 0.330947961,17.2381674 L5.28580991,17.2381674 Z M17.4603722,2 C17.5747321,2 17.6673958,2.09462708 17.6673958,2.21135491 L17.6673958,20.8977984 C17.6673958,20.9538942 17.6455146,21.007674 17.6066889,21.047304 C17.5678633,21.086934 17.5152306,21.109111 17.4603722,21.109111 L12.6100986,21.109111 C12.4957388,21.109111 12.403075,21.0145262 12.403075,20.8977984 L12.403075,2.21135491 C12.403075,2.1552552 12.4249549,2.10147102 12.4637794,2.0618343 C12.5026039,2.02219757 12.5552365,2 12.6100986,2 L17.4603722,2 Z M23.6091808,7.59196981 C23.7119473,7.59196981 23.7952536,7.68054239 23.7952536,7.78977626 L23.7952536,20.9113468 C23.7952536,21.0205807 23.7119473,21.1091109 23.6091808,21.1091109 L18.7170884,21.1091109 C18.6143219,21.1091109 18.5309742,21.0205807 18.5309742,20.9113468 L18.5309742,7.78977626 C18.5309742,7.68054239 18.6142805,7.59196981 18.7170884,7.59196981 L23.6091808,7.59196981 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ob-s-studio.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ob-s-studio.jsx
new file mode 100755
index 0000000..e62cd93
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ob-s-studio.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function OBSStudio(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12,24C5.383,24,0,18.617,0,12S5.383,0,12,0s12,5.383,12,12S18.617,24,12,24z M12,1.109 C5.995,1.109,1.11,5.995,1.11,12C1.11,18.005,5.995,22.89,12,22.89S22.89,18.005,22.89,12C22.89,5.995,18.005,1.109,12,1.109z M6.182,5.99c0.352-1.698,1.503-3.229,3.05-3.996c-0.269,0.273-0.595,0.483-0.844,0.78c-1.02,1.1-1.48,2.692-1.199,4.156 c0.355,2.235,2.455,4.06,4.732,4.028c1.765,0.079,3.485-0.937,4.348-2.468c1.848,0.063,3.645,1.017,4.7,2.548 c0.54,0.799,0.962,1.736,0.991,2.711c-0.342-1.295-1.202-2.446-2.375-3.095c-1.135-0.639-2.529-0.802-3.772-0.425 c-1.56,0.448-2.849,1.723-3.293,3.293c-0.377,1.25-0.216,2.628,0.377,3.772c-0.825,1.429-2.315,2.449-3.932,2.756 c-1.244,0.261-2.551,0.059-3.709-0.464c1.036,0.302,2.161,0.355,3.191-0.011c1.381-0.457,2.522-1.567,3.024-2.935 c0.556-1.49,0.345-3.261-0.591-4.54c-0.7-1.007-1.803-1.717-3.002-1.969c-0.38-0.068-0.764-0.098-1.148-0.134 c-0.611-1.231-0.834-2.66-0.528-3.996L6.182,5.99z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/obsidian.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/obsidian.jsx
new file mode 100755
index 0000000..f581eab
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/obsidian.jsx
@@ -0,0 +1,33 @@
+import Icon from "../icon.jsx";
+
+export default function Obsidian(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.15 0l4.25 6.49-2.32 14.8L15.72 24l-6.36-2.36L5 10.96l2.9-6.7L15.16 0zM8.46 4.81L5.8 10.97l4.1 10.06 5.56 2.03.94-2 2.25-14.39-3.7-5.66-6.48 3.8z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.88 3.1l4.52 3.3-2.27 14.52L15.72 24 8.79 8.32l6.09-5.22zm.05.92L9.66 8.54l6.07 13.73.73-1.59L18.63 6.5l-3.7-2.47z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.15 0l4.25 6.4-.45.57-4.1-2.98.3-3.99zm.54 1.49l-.14 2.08 2.39 1.73-2.25-3.81z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.15 0l.14 4.07-6.35 5.22-.9-4.92L15.14 0zM8.83 4.76l.6 3.2 5.18-4.28.18-2.36-5.96 3.44z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.79 8.7l.67-.18L15.72 24l-6.25-2.55L8.79 8.7zm.8 1.88l.55 10.32L15 22.7 9.6 10.57z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ollama.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ollama.jsx
new file mode 100755
index 0000000..afa63f7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ollama.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Ollama(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.361 10.26a.9.9 0 0 0-.558.47l-.072.148l.001.207c0 .193.004.217.059.353c.076.193.152.312.291.448c.24.238.51.3.872.205a.86.86 0 0 0 .517-.436a.75.75 0 0 0 .08-.498c-.064-.453-.33-.782-.724-.897a1.1 1.1 0 0 0-.466 0m-9.203.005c-.305.096-.533.32-.65.639a1.2 1.2 0 0 0-.06.52c.057.309.31.59.598.667c.362.095.632.033.872-.205c.14-.136.215-.255.291-.448c.055-.136.059-.16.059-.353l.001-.207l-.072-.148a.9.9 0 0 0-.565-.472a1 1 0 0 0-.474.007m4.184 2c-.131.071-.223.25-.195.383c.031.143.157.288.353.407c.105.063.112.072.117.136c.004.038-.01.146-.029.243c-.02.094-.036.194-.036.222c.002.074.07.195.143.253c.064.052.076.054.255.059c.164.005.198.001.264-.03c.169-.082.212-.234.15-.525c-.052-.243-.042-.28.087-.355c.137-.08.281-.219.324-.314a.365.365 0 0 0-.175-.48a.4.4 0 0 0-.181-.033c-.126 0-.207.03-.355.124l-.085.053l-.053-.032c-.219-.13-.259-.145-.391-.143a.4.4 0 0 0-.193.032m.39-2.195c-.373.036-.475.05-.654.086a4.5 4.5 0 0 0-.951.328c-.94.46-1.589 1.226-1.787 2.114c-.04.176-.045.234-.045.53c0 .294.005.357.043.524c.264 1.16 1.332 2.017 2.714 2.173c.3.033 1.596.033 1.896 0c1.11-.125 2.064-.727 2.493-1.571c.114-.226.169-.372.22-.602c.039-.167.044-.23.044-.523c0-.297-.005-.355-.045-.531c-.288-1.29-1.539-2.304-3.072-2.497a7 7 0 0 0-.855-.031zm.645.937a3.3 3.3 0 0 1 1.44.514c.223.148.537.458.671.662c.166.251.26.508.303.82c.02.143.01.251-.043.482c-.08.345-.332.705-.672.957a3 3 0 0 1-.689.348c-.382.122-.632.144-1.525.138c-.582-.006-.686-.01-.853-.042q-.856-.16-1.35-.68c-.264-.28-.385-.535-.45-.946c-.03-.192.025-.509.137-.776c.136-.326.488-.73.836-.963c.403-.269.934-.46 1.422-.512c.187-.02.586-.02.773-.002m-5.503-11a1.65 1.65 0 0 0-.683.298C5.617.74 5.173 1.666 4.985 2.819c-.07.436-.119 1.04-.119 1.503c0 .544.064 1.24.155 1.721c.02.107.031.202.023.208l-.187.152a5.3 5.3 0 0 0-.949 1.02a5.5 5.5 0 0 0-.94 2.339a6.6 6.6 0 0 0-.023 1.357c.091.78.325 1.438.727 2.04l.13.195l-.037.064c-.269.452-.498 1.105-.605 1.732c-.084.496-.095.629-.095 1.294c0 .67.009.803.088 1.266c.095.555.288 1.143.503 1.534c.071.128.243.393.264.407c.007.003-.014.067-.046.141a7.4 7.4 0 0 0-.548 1.873a5 5 0 0 0-.071.991c0 .56.031.832.148 1.279L3.42 24h1.478l-.05-.091c-.297-.552-.325-1.575-.068-2.597c.117-.472.25-.819.498-1.296l.148-.29v-.177c0-.165-.003-.184-.057-.293a.9.9 0 0 0-.194-.25a1.7 1.7 0 0 1-.385-.543c-.424-.92-.506-2.286-.208-3.451c.124-.486.329-.918.544-1.154a.8.8 0 0 0 .223-.531c0-.195-.07-.355-.224-.522a3.14 3.14 0 0 1-.817-1.729c-.14-.96.114-2.005.69-2.834c.563-.814 1.353-1.336 2.237-1.475c.199-.033.57-.028.776.01c.226.04.367.028.512-.041c.179-.085.268-.19.374-.431c.093-.215.165-.333.36-.576c.234-.29.46-.489.822-.729c.413-.27.884-.467 1.352-.561c.17-.035.25-.04.569-.04s.398.005.569.04a4.07 4.07 0 0 1 1.914.997c.117.109.398.457.488.602c.034.057.095.177.132.267c.105.241.195.346.374.43c.14.068.286.082.503.045c.343-.058.607-.053.943.016c1.144.23 2.14 1.173 2.581 2.437c.385 1.108.276 2.267-.296 3.153c-.097.15-.193.27-.333.419c-.301.322-.301.722-.001 1.053c.493.539.801 1.866.708 3.036c-.062.772-.26 1.463-.533 1.854a2 2 0 0 1-.224.258a.9.9 0 0 0-.194.25c-.054.109-.057.128-.057.293v.178l.148.29c.248.476.38.823.498 1.295c.253 1.008.231 2.01-.059 2.581a1 1 0 0 0-.044.098c0 .006.329.009.732.009h.73l.02-.074l.036-.134c.019-.076.057-.3.088-.516a9 9 0 0 0 0-1.258c-.11-.875-.295-1.57-.597-2.226c-.032-.074-.053-.138-.046-.141a1.4 1.4 0 0 0 .108-.152c.376-.569.607-1.284.724-2.228c.031-.26.031-1.378 0-1.628c-.083-.645-.182-1.082-.348-1.525a6 6 0 0 0-.329-.7l-.038-.064l.131-.194c.402-.604.636-1.262.727-2.04a6.6 6.6 0 0 0-.024-1.358a5.5 5.5 0 0 0-.939-2.339a5.3 5.3 0 0 0-.95-1.02l-.186-.152a.7.7 0 0 1 .023-.208c.208-1.087.201-2.443-.017-3.503c-.19-.924-.535-1.658-.98-2.082c-.354-.338-.716-.482-1.15-.455c-.996.059-1.8 1.205-2.116 3.01a7 7 0 0 0-.097.726c0 .036-.007.066-.015.066a1 1 0 0 1-.149-.078A4.86 4.86 0 0 0 12 3.03c-.832 0-1.687.243-2.456.698a1 1 0 0 1-.148.078c-.008 0-.015-.03-.015-.066a7 7 0 0 0-.097-.725C8.997 1.392 8.337.319 7.46.048a2 2 0 0 0-.585-.041Zm.293 1.402c.248.197.523.759.682 1.388c.03.113.06.244.069.292c.007.047.026.152.041.233c.067.365.098.76.102 1.24l.002.475l-.12.175l-.118.178h-.278c-.324 0-.646.041-.954.124l-.238.06c-.033.007-.038-.003-.057-.144a8.4 8.4 0 0 1 .016-2.323c.124-.788.413-1.501.696-1.711c.067-.05.079-.049.157.013m9.825-.012c.17.126.358.46.498.888c.28.854.36 2.028.212 3.145c-.019.14-.024.151-.057.144l-.238-.06a3.7 3.7 0 0 0-.954-.124h-.278l-.119-.178l-.119-.175l.002-.474c.004-.669.066-1.19.214-1.772c.157-.623.434-1.185.68-1.382c.078-.062.09-.063.159-.012"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/omni-focus.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/omni-focus.jsx
new file mode 100755
index 0000000..25b414f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/omni-focus.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function OmniFocus(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.5 0A5.5 5.5 0 0 0 0 5.5v13A5.5 5.5 0 0 0 5.5 24h13a5.5 5.5 0 0 0 5.5-5.5v-13A5.5 5.5 0 0 0 18.5 0h-13ZM9 13.8 16.8 6s.96-.96 2.4 0 1.4 2 1.2 2.4L10.2 19.2c-.2.2-.84.48-1.8 0-.96-.48-3.6-3.4-4.8-4.8-.82-.96-.48-1.32 0-1.8l1.2-1.2c.2-.2.72-.48 1.2 0l2.4 2.4H9Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/one-password.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/one-password.jsx
new file mode 100755
index 0000000..4192696
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/one-password.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function OnePassword(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.9812 0C5.36008 0 0 5.36008 0 11.9812C0 18.6024 5.36008 24 11.9812 24C18.6024 24 24 18.6024 24 11.9812C24 5.35887 18.6024 0 11.9812 0ZM11.9812 2.40376C17.2719 2.40376 21.5962 6.69055 21.5962 11.9812C21.5962 17.2719 17.2719 21.5962 11.9812 21.5962C6.69055 21.5962 2.40376 17.2719 2.40376 11.9812C2.40376 6.69055 6.69055 2.40376 11.9812 2.40376ZM11.9812 3.56808C7.33837 3.56808 3.56808 7.33837 3.56808 11.9812C3.56808 16.6241 7.33837 20.3944 11.9812 20.3944C16.6241 20.3944 20.3944 16.6241 20.3944 11.9812C20.3944 7.33837 16.6241 3.56808 11.9812 3.56808ZM10.0657 7.17371H13.8967V11.9812L12.9577 12.9202L13.8967 13.8967V16.7512H10.0657V11.9812L11.0423 11.0047L10.0657 10.0657V7.17371Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/open-book.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/open-book.jsx
new file mode 100755
index 0000000..2381bbc
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/open-book.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function OpenBook(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1 3a1 1 0 0 1 1-1h6a5 5 0 0 1 5 5v14a1 1 0 1 1-2 0 2 2 0 0 0-2-2H2a1 1 0 0 1-1-1V3Zm10 14.536V7a3 3 0 0 0-3-3H3v13h6a4 4 0 0 1 2 .536Z" />
+      <path d="M12.464 3.464A5 5 0 0 1 16 2h6a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-7a2 2 0 0 0-2 2 1 1 0 1 1-2 0V7a5 5 0 0 1 1.464-3.536ZM13 17.536A4 4 0 0 1 15 17h6V4h-5a3 3 0 0 0-3 3v10.536Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/open-claw.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/open-claw.jsx
new file mode 100755
index 0000000..d314638
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/open-claw.jsx
@@ -0,0 +1,16 @@
+import Icon from "../icon.jsx";
+
+export default function OpenClaw(props) {
+  return (
+    <Icon {...props}>
+      <path d="M9.046 7.104a.527.527 0 110 1.055.527.527 0 010-1.055z" />
+      <path d="M15.376 7.104a.528.528 0 110 1.056.528.528 0 010-1.056z" />
+      <path
+        clipRule="evenodd"
+        d="M16.877 1.912c.58-.27 1.14-.323 1.616-.037a.317.317 0 01-.326.542c-.227-.136-.547-.153-1.022.068-.352.165-.765.45-1.234.866 2.683 1.17 4.4 3.5 5.148 5.921a6.421 6.421 0 00-.704.184c-.578.016-1.174.204-1.502.735-.338.55-.268 1.276.072 2.069l.005.012.007.014c.523 1.045 1.318 1.91 2.2 2.284-.912 3.274-3.44 6.144-5.972 6.988v2.109h-2.11v-2.11c-1.043.417-2.086.01-2.11 0v2.11h-2.11v-2.11c-2.531-.843-5.061-3.713-5.973-6.987.882-.373 1.678-1.238 2.2-2.284l.007-.014.006-.012c.34-.793.41-1.518.071-2.069-.327-.531-.923-.719-1.503-.735a6.409 6.409 0 00-.704-.183c.749-2.421 2.466-4.751 5.149-5.922-.47-.416-.88-.701-1.234-.866-.474-.221-.794-.204-1.021-.068a.318.318 0 01-.435-.109.317.317 0 01.109-.433c.476-.286 1.036-.233 1.615.037.49.229 1.031.628 1.621 1.182A9.924 9.924 0 0112 2.568c1.199 0 2.284.19 3.256.526.59-.554 1.13-.953 1.62-1.182zM8.835 6.577a1.266 1.266 0 100 2.532 1.266 1.266 0 000-2.532zm6.33 0a1.267 1.267 0 100 2.533 1.267 1.267 0 000-2.533z"
+      />
+      <path d="M.395 13.118c-.966-1.932-.163-3.863 2.41-3.365v-.001l.05.01c.084.018.17.038.26.06.033.009.067.017.1.027.084.022.168.048.255.076l.09.027c.528 0 .95.158 1.16.501.212.343.212.87-.105 1.61-.085.17-.178.333-.276.489l-.01.017a4.967 4.967 0 01-.62.791l-.019.02c-1.092 1.117-2.496 1.336-3.295-.262z" />
+      <path d="M21.193 9.753c2.574-.5 3.378 1.433 2.411 3.365-.58 1.159-1.476 1.361-2.342.96l-.011-.005a2.419 2.419 0 01-.114-.056l-.019-.01a2.751 2.751 0 01-.115-.067l-.023-.014c-.035-.022-.071-.044-.106-.068l-.05-.035c-.55-.388-1.062-1.007-1.44-1.76-.276-.647-.311-1.132-.174-1.472.176-.439.636-.639 1.23-.639.032-.011.066-.02.099-.03.08-.026.16-.05.238-.072l.117-.03a5.502 5.502 0 01.3-.067z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/opencode.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/opencode.jsx
new file mode 100755
index 0000000..0e407e0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/opencode.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Opencode(props) {
+  return (
+    <Icon {...props}>
+      <path d="M16 6H8v12h8V6zm4 16H4V2h16v20z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/orb-stack.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/orb-stack.jsx
new file mode 100755
index 0000000..674c20d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/orb-stack.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function OrbStack(props) {
+  return (
+    <Icon {...props}>
+      <path d="M6.348 0h8.511c1.45.04 2.907-.05 4.356.094 1.105.11 2.191.535 3.02 1.289a4.941 4.941 0 0 1 1.453 2.273c.269.856.292 1.758.312 2.649v11.46c-.023.801-.043 1.61-.258 2.387-.25.993-.82 1.891-1.594 2.559a5.151 5.151 0 0 1-2.261 1.102c-.696.156-1.418.164-2.13.187H6.255c-.89-.027-1.8-.047-2.652-.332a5 5 0 0 1-3-2.61c-.465-.949-.563-2.023-.579-3.066-.03-1.168.008-2.336-.023-3.504V7.16c.035-1.137-.023-2.3.297-3.41A5.017 5.017 0 0 1 3.016.574C4.05.07 5.219.047 6.348 0m4.539 3.324a8.536 8.536 0 0 0-5.102 2.461C4.34 7.2 3.434 9.141 3.235 11.152c-.016 1.036-.083 2.09.21 3.094.38 1.465 1.13 2.852 2.223 3.906 1.324 1.418 3.168 2.325 5.09 2.578 1.527.145 3.129.032 4.531-.64 1.168-.77 2.137-1.809 2.887-2.98.258-.485.605-.919.742-1.458.008.508-.438.844-.54 1.317a12.396 12.396 0 0 0 1.61-4.41c-.008-.473.125-.934.106-1.407 0-.437.156-.867.07-1.308a8.611 8.611 0 0 0-.777-2.176c-1.594-3.004-5.145-4.766-8.5-4.344Zm0 0" />
+      <path
+        fillOpacity=".7"
+        fillRule="evenodd"
+        d="M6.977 5.352c.343-.223.707-.543 1.148-.422-.703.578-1.21 1.355-1.836 2.011-.71.762-1.351 1.59-1.965 2.43-.238.36-.27.844-.625 1.121-.11-.765.332-1.433.543-2.133.551-.996 1.235-1.933 2.102-2.671.176-.118.36-.235.515-.38.016-.113.098-.253.235-.23-.032.094-.078.18-.117.274ZM13.633 6.063c.738-.055 1.539.019 2.172.445.238.133.515.219.703.43.332.351.71.667.937 1.101.242.445.528.871.703 1.352.207.504.293 1.046.364 1.582-.016.566.074 1.152-.145 1.691-.172.625-.656 1.176-1.285 1.352-.344-.133-.703-.34-.855-.696-.145-.308-.356-.586-.508-.89a17.213 17.213 0 0 0-1.192-2.192 32.978 32.978 0 0 0-1.054-1.75c-.348-.597-.641-1.261-.582-1.968.203-.207.43-.442.742-.457Zm0 0"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pages.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pages.jsx
new file mode 100755
index 0000000..1e83114
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pages.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Pages(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1.64911375,20.3170678 C2.13834893,19.9967724 2.55830887,19.7164073 2.58223208,19.6939395 C2.62025221,19.658347 2.57123421,19.5995081 2.19878053,19.2334615 C1.96393253,19.0026293 1.74979529,18.8138036 1.7229242,18.8138036 C1.67504,18.8138036 0.518902984,20.4936215 0.45718641,20.6528238 C0.399816072,20.8008663 0.517013316,20.941605 0.674762847,20.9141321 C0.721399866,20.9060125 1.15987856,20.6373262 1.64911375,20.3170678 Z M3.32404036,19.2309033 C4.11584928,18.7123279 4.58705703,18.3420547 5.70154575,17.3626677 C7.34041749,15.9224319 11.056942,12.4481216 11.056942,12.3563226 C11.056942,12.2979287 9.22607995,10.5007668 9.16655539,10.5007668 C9.09191348,10.5007668 6.16746243,13.4932806 4.69321861,15.078148 C3.70537548,16.1400652 3.21787878,16.6882268 2.86575795,17.1328736 C2.43699215,17.6743616 1.87432444,18.48309 1.87432444,18.5578713 C1.87432444,18.6131138 2.794782,19.5089697 2.85154764,19.5089697 C2.87788962,19.5089697 3.09047733,19.3838398 3.32404036,19.2309033 Z M13.0529233,12.6905585 C13.1355018,12.6095484 13.1533025,12.5702855 13.1533025,12.46944 C13.1533025,12.4019997 13.1379584,12.2964086 13.1191373,12.2348261 C13.0729538,12.0837063 13.1177012,11.9449697 13.2840298,11.7233322 C13.4601091,11.4886812 13.6415551,11.2972974 14.912395,10.0057715 C16.6091284,8.28146303 17.6287557,7.21201955 18.0973179,6.66526681 C18.3437685,6.37770904 18.4515552,6.13827531 18.4504214,5.88082288 C18.4495521,5.67913203 18.4450925,5.66552531 18.2769498,5.35060581 C18.2117563,5.22855319 18.2331473,5.11087548 18.3516295,4.93947533 C18.7854218,4.31193502 18.8056791,3.7284775 18.4083952,3.3057053 C18.0572948,2.9320211 17.4634475,2.89794869 16.9115509,3.21987547 C16.7329016,3.32405769 16.001411,3.94651866 15.1321256,4.73400278 C13.2162663,6.46958219 9.37396541,10.1854395 9.37396541,10.3026723 C9.37396541,10.3569879 11.2091737,12.151814 11.2646544,12.151814 C11.289787,12.151814 12.0751332,11.3990697 13.0098767,10.4790776 C14.7676464,8.74902246 15.5883672,7.91886441 16.5960519,6.85164546 C17.4642034,5.93224663 17.4712329,5.92535058 17.5526777,5.91719396 C17.6132604,5.91111358 17.628151,5.92386756 17.6357097,5.98804529 C17.6478414,6.09141185 17.6189294,6.13957296 17.3648446,6.43877243 C16.8782172,7.01188588 16.0148276,7.91004044 14.1143123,9.82035679 C13.4802152,10.4577221 12.8913189,11.0703581 12.8056413,11.1817329 C12.6075662,11.4393337 12.4300508,11.783135 12.3839051,11.9985067 C12.2965268,12.406078 12.5225689,12.7862133 12.8536011,12.7884427 C12.9272604,12.7888457 12.978168,12.7638568 13.0529233,12.6905585 L13.0529233,12.6905585 Z M0.372037945,21.1947567 C0.165723932,21.1947567 0,21.3748325 0,21.597953 C0,21.8210735 0.165723932,22 0.372037945,22 L23.9055166,22 L23.9308381,21.8119529 L23.9645876,21.602365 L23.9882085,21.4027133 L24,21.1947938 L0.372037945,21.1947938 L0.372037945,21.1947567 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/parallels.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/parallels.jsx
new file mode 100755
index 0000000..cf4063f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/parallels.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Parallels(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.002 0C6.902 0 6 .882 6 1.957v20.086C6 23.119 6.901 24 8.002 24c1.1 0 2.003-.881 2.003-1.957V1.957C10.005.882 9.103 0 8.002 0Zm7.996 0c-1.101 0-2.003.882-2.003 1.957v20.086c0 1.076.902 1.957 2.003 1.957 1.1 0 2.002-.881 2.002-1.957V1.957C18 .882 17.098 0 15.998 0Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/paused.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/paused.jsx
new file mode 100755
index 0000000..fe8ed21
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/paused.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Paused(props) {
+  return (
+    <Icon {...props}>
+      <path d="M4.8 20V4l14.4 8-14.4 8z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pdf.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pdf.jsx
new file mode 100755
index 0000000..1fc252e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pdf.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function PDF(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21.47 6.8H2.53c-1.16 0-2.1.94-2.1 2.1v8.44c0 1.17.94 2.11 2.1 2.11h18.94c1.16 0 2.1-.94 2.1-2.1V8.9c0-1.17-.94-2.11-2.1-2.11zM5.99 14.22H5.2v1.62a.7.7 0 01-1.4 0L3.8 10.5a.7.7 0 01.7-.7h1.49c1.23 0 2.24.99 2.24 2.2 0 1.23-1 2.22-2.24 2.22zm6.03 2.16h-1.5a.7.7 0 01-.71-.7L9.8 10.5a.7.7 0 01.7-.7h1.47c1.67 0 2.8 1.32 2.8 3.3 0 1.87-1.16 3.25-2.75 3.28zm7.2-4.04a.7.7 0 010 1.41h-1.27v2a.7.7 0 01-1.4 0v-5.3c0-.4.31-.7.7-.7h2.15a.7.7 0 010 1.4h-1.45v1.2h1.28z" />
+      <path d="M11.97 11.2h-.77l.01 3.78H12c.94-.03 1.36-.96 1.36-1.89 0-.44-.1-1.89-1.4-1.89zM5.99 11.2H5.2a401.72 401.72 0 010 1.62h.78c.45 0 .83-.38.83-.81 0-.44-.38-.8-.83-.8zM20.74 5.4a3.5 3.5 0 00-.75-1.22L17.07 1.1C16.4.4 15.47 0 14.52 0H5.16C3.99 0 3.05.95 3.05 2.1v3.3h17.69zM3.05 20.86v1.03c0 1.16.94 2.11 2.1 2.11h13.7c1.16 0 2.1-.95 2.1-2.1v-1.04H3.05z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/perplexity.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/perplexity.jsx
new file mode 100755
index 0000000..9e095a0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/perplexity.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Perplexity(props) {
+  return (
+    <Icon {...props}>
+      <path d="M19.785 0v7.272H22.5V17.62h-2.935V24l-7.037-6.194v6.145h-1.091v-6.152L4.392 24v-6.465H1.5V7.188h2.884V0l7.053 6.494V.19h1.09v6.49L19.786 0zm-7.257 9.044v7.319l5.946 5.234V14.44l-5.946-5.397zm-1.099-.08l-5.946 5.398v7.235l5.946-5.234V8.965zm8.136 7.58h1.844V8.349H13.46l6.105 5.54v2.655zm-8.982-8.28H2.59v8.195h1.8v-2.576l6.192-5.62zM5.475 2.476v4.71h5.115l-5.115-4.71zm13.219 0l-5.115 4.71h5.115v-4.71z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/php-storm.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/php-storm.jsx
new file mode 100755
index 0000000..628771f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/php-storm.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function PHPStorm(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.2998.896h24v24h-24v-24Zm3 19.1999h9.5999v1.8h-9.6v-1.8Zm3.861-16.2048H3.2954l-.0006.0006v9.0042h1.7562V9.4933h2.058c.6474 0 1.2132-.1164 1.698-.3504.4842-.234.858-.5628 1.122-.9876.2634-.4242.3954-.9264.3954-1.4796s-.1296-1.0392-.3888-1.4592c-.2598-.4206-.6282-.7464-1.107-.978-.4776-.2316-1.0338-.3474-1.668-.3474ZM8.3307 7.4c-.12.2034-.2899.36-.5113.4692-.2208.1092-.4788.1644-.7746.1644H5.0511v-2.682H7.045c.2958 0 .5538.0546.7746.1638.2208.1092.3912.2634.5112.4632.12.1992.18.4302.18.7044s-.06.513-.18.717Zm3.1289 4.3044c.285.4242.6792.7542 1.1832.99v.0006c.5028.2358 1.0812.354 1.7328.354.6522 0 1.2312-.12 1.737-.36.5058-.2406.8988-.5718 1.1802-.9936.2802-.4224.4206-.8994.4206-1.431 0-.4326-.0966-.8328-.2892-1.1994a2.6693 2.6693 0 0 0-.807-.9264c-.345-.2502-.7386-.4212-1.1802-.5112l-1.5306-.3342c-.279-.069-.4986-.1842-.6594-.3474-.1608-.1626-.2412-.3684-.2412-.6168a.9774.9774 0 0 1 .1734-.576 1.1416 1.1416 0 0 1 .486-.3858c.2076-.0924.4488-.138.7236-.138a1.7487 1.7487 0 0 1 .7296.144c.1992.0858.3699.2264.492.4056.1164.1734.174.3696.174.588h1.7556c-.0042-.5142-.1404-.9702-.4086-1.3662-.2676-.3966-.642-.7062-1.122-.9294-.48-.2232-1.035-.3348-1.6398-.3348s-1.1448.1146-1.6212.3438c-.4758.2292-.8466.549-1.1124.9582-.2658.4098-.399.8718-.399 1.386 0 .4248.0882.8064.264 1.1448.1755.3385.4289.6306.7392.852.3174.2298.6906.3918 1.1196.4854l1.5882.354c.3042.0732.543.204.717.3924.1734.189.2604.4266.2604.714 0 .2316-.0618.4374-.189.6174-.1272.18-.3048.3204-.534.4212-.2298.1008-.483.1506-.801.1506-.3174 0-.5982-.0558-.8424-.1668-.2442-.1116-.435-.2658-.5724-.4632-.1374-.1974-.2058-.4266-.2058-.6882h-1.7622c.009.5532.156 1.0416.441 1.4664Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pihole.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pihole.jsx
new file mode 100755
index 0000000..622efe3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pihole.jsx
@@ -0,0 +1,31 @@
+import Icon from "../icon.jsx";
+
+export default function Pihole(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.2099343,22.9818015 C16.2502717,21.9824223 16.7499613,20.7536773 16.7499613,19.1645005 C16.7499613,18.2716125 16.5205956,17.4196827 15.8652649,15.8632724 C14.9887602,13.7989809 14.8413108,13.2910997 14.8413108,12.2671456 C14.8331192,11.5298986 14.8658857,11.3087245 15.0624849,10.7516935 C15.4884498,9.52294853 16.2420801,8.61367727 17.2824174,8.09760439 C18.2899883,7.59791478 19.4532002,7.48323192 20.550879,7.76174744 C22.2301638,8.18771236 23.3360342,9.25262464 23.8521071,10.9319094 C24.0814728,11.6691564 24.0405146,13.0043925 23.7538075,13.9464303 C22.7871948,17.1985086 19.6088412,20.761869 15.7260072,22.949035 C15.2754674,23.2029756 14.8740774,23.4077664 14.8331192,23.4077664 C14.792161,23.4077664 14.9559937,23.2111672 15.2099343,22.9818015 Z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.38307863,15.9369971 C1.42341602,14.9376179 1.92310563,13.708873 1.92310563,12.1196962 C1.92310563,11.2268082 1.6937399,10.3748784 1.03840927,8.81846809 C0.161904539,6.75417659 0.014455146,6.24629534 0.014455146,5.22234122 C0.006263513,4.48509425 0.0390300449,4.26392016 0.235629236,3.70688912 C0.661594151,2.47814418 1.41522438,1.56887292 2.45556177,1.05280004 C3.46313263,0.553110428 4.62634451,0.438427567 5.72402333,0.716943088 C7.40330808,1.142908 8.50917854,2.20782029 9.02525141,3.88710505 C9.25461714,4.62435201 9.21365897,5.95958819 8.92695182,6.90162598 C7.96033913,10.1537043 4.78198553,13.7170646 0.899151507,15.9042306 C0.448611693,16.1581712 0.0472216778,16.3629621 0.006263513,16.3629621 C-0.0346946518,16.3629621 0.129138008,16.1663629 0.38307863,15.9369971 Z"
+        transform="rotate(-180 4.587 8.466)"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.36782952,26.8846361 C5.40816691,25.8852568 5.90785652,24.6565119 5.90785652,23.0673351 C5.90785652,22.1744471 5.6784908,21.3225173 5.02316016,19.766107 C4.14665543,17.7018155 3.99920604,17.1939343 3.99920604,16.1699801 C3.99101441,15.4327332 4.02378094,15.2115591 4.22038013,14.654528 C4.64634504,13.4257831 5.39997528,12.5165118 6.44031267,12.000439 C7.44788352,11.5007493 8.6110954,11.3860665 9.70877422,11.664582 C11.388059,12.0905469 12.4939294,13.1554592 13.0100023,14.834744 C13.239368,15.5719909 13.1984099,16.9072271 12.9117027,17.8492649 C11.94509,21.1013432 8.76673643,24.6647035 4.8839024,26.8518695 C4.43336259,27.1058102 4.03197257,27.310601 3.99101441,27.310601 C3.95005624,27.310601 4.1138889,27.1140018 4.36782952,26.8846361 Z"
+        transform="rotate(90 8.571 19.413)"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.2488012,12.0577804 C12.2891386,11.0584012 12.7888282,9.82965622 12.7888282,8.24047942 C12.7888282,7.34759143 12.5594625,6.4956616 11.9041319,4.93925134 C11.0276271,2.87495983 10.8801777,2.36707859 10.8801777,1.34312446 C10.8719861,0.605877497 10.9047526,0.384703407 11.1013518,-0.172327635 C11.5273167,-1.40107258 12.280947,-2.31034384 13.3212844,-2.82641672 C14.3288552,-3.32610633 15.4920671,-3.44078919 16.5897459,-3.16227367 C18.2690307,-2.73630875 19.3749011,-1.67139647 19.890974,0.00788829019 C20.1203397,0.745135257 20.0793816,2.08037143 19.7926744,3.02240922 C18.8260617,6.27448751 15.6477081,9.83784785 11.7648741,12.0250139 C11.3143343,12.2789545 10.9129443,12.4837453 10.8719861,12.4837453 C10.8310279,12.4837453 10.9948606,12.2871461 11.2488012,12.0577804 Z"
+        transform="rotate(-90 15.452 4.587)"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pine.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pine.jsx
new file mode 100755
index 0000000..0e5e2fd
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pine.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Pine(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.4 0A2.4 2.4 0 000 2.4v19.2A2.4 2.4 0 002.4 24h19.2a2.4 2.4 0 002.4-2.4V2.4A2.4 2.4 0 0021.6 0H2.4zm9.39 1.92l-3.32 6.6h.5l-1.19 2.33h.7l-1.35 2.56h.65l-1.21 2.27h.56L5.88 18.4h5.35v3.68h1.44V18.4h5.45l-1.31-2.72h.65l-1.21-2.27h.56l-1.35-2.56h.6l-1.19-2.33h.36l-3.44-6.6z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pins.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pins.jsx
new file mode 100755
index 0000000..5b63d82
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pins.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Pins(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11 17h2v5l-2 2v-7zm3.571-12c0-2.903 2.36-3.089 2.429-5h-10c.068 1.911 2.429 2.097 2.429 5 0 3.771-3.429 3.291-3.429 10h12c0-6.709-3.429-6.229-3.429-10z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/playing.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/playing.jsx
new file mode 100755
index 0000000..cc96548
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/playing.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Playing(props) {
+  return (
+    <Icon {...props}>
+      <path d="M5.7 4h3.8c.5 0 .9.4.9.9v14.2c0 .5-.4.9-1 .9H5.8a1 1 0 01-.9-.9V4.9c0-.5.4-.9 1-.9zm8.8 0h3.8c.5 0 .9.4.9.9v14.2c0 .5-.4.9-1 .9h-3.7a1 1 0 01-.9-.9V4.9c0-.5.4-.9 1-.9z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/plex.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/plex.jsx
new file mode 100755
index 0000000..ab8a1d0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/plex.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Plex(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.6 0h16.8c2 0 3.6 1.6 3.6 3.6v16.8c0 2-1.6 3.6-3.6 3.6H3.6c-2 0-3.6-1.6-3.6-3.6V3.6C0 1.6 1.6 0 3.6 0Zm3.3 3.3H12l5 8.7-5 8.7H7l5-8.7-5-8.7Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/podcasts.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/podcasts.jsx
new file mode 100755
index 0000000..767f73e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/podcasts.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Podcasts(props) {
+  return (
+    <Icon {...props}>
+      <path d="M14.4123403,14.6048442 C13.9466555,14.1135073 13.1287473,13.7985287 12.163216,13.7985287 C11.1975613,13.7985287 10.3796531,14.1135073 9.91396827,14.6048442 C9.67101302,14.8612421 9.54250572,15.1240531 9.50205429,15.4984755 C9.42361797,16.2235181 9.46764591,16.8478022 9.55261858,17.8458919 C9.63352145,18.7969939 9.78718756,20.0652943 9.98771814,21.357027 C10.1304081,22.2763105 10.246336,22.7724572 10.3519044,23.1277638 C10.523083,23.7035801 11.1627829,24.2071265 12.163216,24.2071265 C13.1635256,24.2071265 13.8032256,23.7034568 13.9744042,23.1277638 C14.0799726,22.7724572 14.1959005,22.2763105 14.3385904,21.357027 C14.539121,20.0652943 14.6927871,18.7969939 14.77369,17.8458919 C14.8586627,16.8476788 14.9026906,16.2233948 14.8242543,15.4984755 C14.7838029,15.1241764 14.6552956,14.8612421 14.4123403,14.6048442 Z M9.62587514,10.2300463 C9.62587514,11.6326505 10.7629551,12.7697304 12.1655592,12.7697304 C13.5682866,12.7697304 14.7053665,11.6326505 14.7053665,10.2300463 C14.7053665,8.8273189 13.5682866,7.69023898 12.1655592,7.69023898 C10.7629551,7.69023898 9.62587514,8.8273189 9.62587514,10.2300463 Z M12.1341107,0.207171687 C6.19428633,0.224113029 1.32716496,5.04289001 1.25366175,10.9823443 C1.19397122,15.7937217 4.26532028,19.9094083 8.55403549,21.4179508 C8.65812393,21.4545791 8.76381563,21.3681265 8.74741307,21.2589816 C8.69117571,20.8854225 8.63814487,20.5100135 8.58943049,20.1408941 C8.57216464,20.0104136 8.48904187,19.8979389 8.36855087,19.845278 C4.9787701,18.3643609 2.61174462,14.9647139 2.6497295,11.0267423 C2.69955383,5.85882501 6.9195756,1.64570958 12.0874928,1.60390155 C17.3707213,1.56123022 21.6823755,5.84661559 21.6823755,11.1201012 C21.6823755,15.0186081 19.3257095,18.3765703 15.9623208,19.845648 C15.8418298,19.8983089 15.7592004,20.0111536 15.7420578,20.1415108 C15.6933435,20.5105068 15.6403126,20.8857925 15.5841986,21.2589816 C15.5676727,21.3681265 15.6733644,21.4545791 15.7774528,21.4180741 C20.0252233,19.923961 23.0786899,15.8722813 23.0786899,11.1202245 C23.0784432,5.09209769 18.1659373,0.1899513 12.1341107,0.207171687 Z M11.9369099,5.21369865 C15.3041217,5.08334144 18.0849111,7.78470788 18.0849111,11.123431 C18.0849111,12.8214046 17.3655416,14.3543659 16.2157589,15.4339752 C16.1182068,15.5254843 16.0657926,15.6554715 16.0733156,15.7890352 C16.0962545,16.1951528 16.0878683,16.5898009 16.0608595,17.0355067 C16.0535832,17.1542711 16.1867769,17.2301175 16.285069,17.1631507 C18.2131718,15.8455192 19.4813489,13.62994 19.4813489,11.123431 C19.4813489,6.99639824 16.043717,3.65705844 11.8815358,3.81837086 C8.01349088,3.96833715 4.91019999,7.15746401 4.86062232,11.0282222 C4.82806384,13.5739493 6.10401058,15.82924 8.05690217,17.1633973 C8.15494757,17.2303642 8.28777133,17.1543944 8.280495,17.0357533 C8.25336295,16.5898009 8.2451,16.1951528 8.2679156,15.7890352 C8.27543858,15.6555948 8.2231477,15.5256076 8.12584227,15.4342219 C6.9401713,14.3210675 6.2120455,12.7258258 6.25841666,10.9647085 C6.34005949,7.86548742 8.83879878,5.33369635 11.9369099,5.21369865 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pomodone.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pomodone.jsx
new file mode 100755
index 0000000..48c503b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/pomodone.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Pomodone(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0,12.36v-.75a.61.61,0,0,0,0-.13c0-.34,0-.68.08-1A11.16,11.16,0,0,1,.68,8,11.92,11.92,0,0,1,6.57,1.3,11.61,11.61,0,0,1,12,0a13,13,0,0,1,1.39.09,10.2,10.2,0,0,1,2.18.46A12,12,0,0,1,24,12a7,7,0,0,1,0,.92,16.36,16.36,0,0,1-.24,1.69,11.74,11.74,0,0,1-3.9,6.48A11.71,11.71,0,0,1,12.5,24l-.12,0h-.75l-.1,0-.47,0c-.56-.08-1.12-.12-1.67-.25a11.71,11.71,0,0,1-6.49-3.9A11.71,11.71,0,0,1,0,12.48.53.53,0,0,0,0,12.36ZM18.92,12V6.27a1.18,1.18,0,0,0-1.2-1.21H6.28a1.18,1.18,0,0,0-1.2,1.2V17.71a1.18,1.18,0,0,0,1.2,1.2H17.72a1.18,1.18,0,0,0,1.2-1.21Z" />
+      <path d="M17.17,17.15H6.84V6.82H17.17Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/postman.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/postman.jsx
new file mode 100755
index 0000000..79d92e1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/postman.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Postman(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M23.9 13.52A12 12 0 1 0 .1 10.47a12 12 0 0 0 23.8 3.05Zm-15.12-.48 1.81-.39-.88.89a.12.12 0 0 0-.03.04l-3.79 3.79a.12.12 0 0 0-.06.03L4.8 18.43c-.06.05-.08.12-.1.2 0 .17.11.33.3.34l2.45.17c.05 0 .09-.03.11-.07a.1.1 0 0 0 0-.1l.04-.02a.38.38 0 0 0 .18-.41l-.2-.85a24.2 24.2 0 0 0 5.14-3.3l.08-.07a.11.11 0 0 0 .04-.04c2.6-2.46 4.1-4.14 4.13-5.47 0-.21-.04-.42-.12-.61a2.06 2.06 0 0 0 1.83-.11l.03-.01.03-.02c.15-.08.28-.19.4-.3.8-.82.8-2.12-.01-2.92l-.04-.03a2.06 2.06 0 0 0-3.5 1.5c0 .3.07.58.2.84-.85-.45-2 .06-6.05 4.1v.02l-.02.01L8.5 12.5a.33.33 0 0 0-.1.23c0 .18.13.33.31.33l.04-.01h.03Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/proton-mail.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/proton-mail.jsx
new file mode 100755
index 0000000..61cc2ee
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/proton-mail.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function ProtonMail(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m15.24 8.998l3.656-3.073v15.81H2.482C1.11 21.735 0 20.609 0 19.223V6.944l7.58 6.38a2.186 2.186 0 0 0 2.871-.042l4.792-4.284h-.003zm-5.456 3.538l1.809-1.616a2.438 2.438 0 0 1-1.178-.533L.905 2.395A.552.552 0 0 0 0 2.826v2.811l8.226 6.923a1.186 1.186 0 0 0 1.558-.024zM23.871 2.463a.551.551 0 0 0-.776-.068l-3.199 2.688v16.653h1.623c1.371 0 2.481-1.127 2.481-2.513V2.824a.551.551 0 0 0-.129-.36z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/py-charm.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/py-charm.jsx
new file mode 100755
index 0000000..8845a8e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/py-charm.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function PyCharm(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm11.2797 19.4998h-9v1.5h9v-1.5Zm-4.98-16.38h-4.08v9.9h2.16v-3h1.68c2.22 0 4.02-1.2 4.02-3.48 0-2.04-1.38-3.42-3.78-3.42Zm-.24 2.04c1.14 0 1.8.54 1.8 1.5 0 .84-.561 1.56-1.74 1.56h-1.74v-3.06h1.68Zm6.3376-.6824a5.0492 5.0492 0 0 0-1.4776 3.6824 5.1002 5.1002 0 0 0 5.1 5.16c1.92 0 3.06-.72 4.08-1.8l-1.38-1.38c-.78.66-1.5 1.14-2.64 1.14-1.68 0-2.88-1.44-2.88-3.12 0-1.74 1.2-3.12 2.88-3.12.96 0 1.74.42 2.52 1.14l1.38-1.62c-.9-.96-2.04-1.56-3.9-1.56a5.049 5.049 0 0 0-3.6824 1.4776Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/quip.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/quip.jsx
new file mode 100755
index 0000000..b489fb4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/quip.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Quip(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21 21.75h-9A9.748 9.748 0 012.25 12 9.748 9.748 0 0112 2.25 9.748 9.748 0 0121.75 12v9a.75.75 0 01-.75.75zm-9-18A8.252 8.252 0 003.75 12 8.252 8.252 0 0012 20.25h8.25V12A8.252 8.252 0 0012 3.75zm0 0" />
+      <path d="M15.375 9.375h-6.75a.75.75 0 010-1.5h6.75a.75.75 0 010 1.5zm0 0M15.375 16.125h-6.75a.75.75 0 010-1.5h6.75a.75.75 0 010 1.5zm0 0M17.625 12.75H6.375a.75.75 0 010-1.5h11.25a.75.75 0 010 1.5zm0 0" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/qute-browser.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/qute-browser.jsx
new file mode 100755
index 0000000..9e5a4a8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/qute-browser.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function QuteBrowser(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24 12a12 12 0 11-24 0 12 12 0 0124 0zM12.32 4.81l3.16-1.89v4.83l-3.16 1.89V4.8zM1.56 10.4c.02-6.22 5.52-7.06 8.42-7.04.89 0 1.53.09 1.7.12v6.71l-3.16 1.87V6.17c-1.38-.08-3.96 1-3.96 4.48 0 3.49 2.37 3 3.64 2.26 1.3-.75 2.65-1.56 4.02-2.38a723 723 0 013.31-1.98c1.29-.76 6.94-2.48 6.91 5.07-.02 6.22-5.52 7.06-8.42 7.04-.89 0-1.53-.09-1.7-.12v-6.71l3.16-1.87v5.88c1.38.07 3.96-1 3.96-4.49 0-3.48-2.38-3-3.64-2.25-1.3.75-2.65 1.56-4.02 2.38l-3.31 1.97c-1.29.77-6.94 2.49-6.91-5.06zm6.96 5.87l3.16-1.9v4.84l-3.16 1.88v-4.82z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/radar.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/radar.jsx
new file mode 100755
index 0000000..3dcbaf1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/radar.jsx
@@ -0,0 +1,11 @@
+import Icon from "../icon.jsx";
+
+export default function Radar(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12.2308 10.3874a2.3999 2.3999 0 0 1 2.5472 1.1544h8.7234a1.2006 1.2006 0 0 1 1.2003 1.2006 12.0078 12.0078 0 0 1-3.5155 8.4895 12.0009 12.0009 0 0 1-8.487 3.5164 1.2 1.2 0 0 1-1.2003-1.2006v-8.7258a2.4003 2.4003 0 0 1-1.0175-1.1606 2.4017 2.4017 0 0 1 .5203-2.6168 2.4005 2.4005 0 0 1 1.2291-.6571Zm9.9951 3.5556h-8.3265v8.3288a9.6012 9.6012 0 0 0 5.5894-2.7378 9.6064 9.6064 0 0 0 2.7371-5.591Z" />
+      <path d="M10.1809 5.9936a7.2 7.2 0 0 1 8.2794 2.4267c.3978.5304.2903 1.283-.24 1.6808-.5303.3978-1.2826.2903-1.6804-.2401a4.8015 4.8015 0 0 0-3.5004-1.9089 4.8002 4.8002 0 0 0-3.7352 1.3945 4.8023 4.8023 0 0 0-1.3941 3.7362 4.8037 4.8037 0 0 0 1.9083 3.5015c.5303.3978.6378 1.1503.2401 1.6808-.3978.5305-1.15.638-1.6804.2401a7.2021 7.2021 0 0 1-2.002-2.3148 7.2053 7.2053 0 0 1 1.2307-8.5417 7.2014 7.2014 0 0 1 2.574-1.655Z" />
+      <path d="M9.3639 1.2226a11.9993 11.9993 0 0 1 11.3073 2.552 12.0056 12.0056 0 0 1 3.3444 4.9646c.2217.6248-.105 1.3112-.7297 1.5329-.6248.2218-1.3109-.1051-1.5326-.73a9.6041 9.6041 0 0 0-2.6755-3.9715 9.6009 9.6009 0 0 0-9.0458-2.0417 9.6014 9.6014 0 0 0-4.1213 2.4376A9.6054 9.6054 0 0 0 3.34 14.8788a9.6055 9.6055 0 0 0 2.1898 4.2589 9.602 9.602 0 0 0 3.9735 2.6718c.625.221.9525.907.7315 1.5321-.221.6252-.9068.9527-1.5317.7317a12.0025 12.0025 0 0 1-4.9669-3.3397 12.009 12.009 0 0 1 .4761-16.464 12.0018 12.0018 0 0 1 5.1516-3.047Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rain.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rain.jsx
new file mode 100755
index 0000000..4518beb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rain.jsx
@@ -0,0 +1,15 @@
+import Icon from "../icon.jsx";
+import * as Utils from "../../../utils";
+
+export default function Rain(props) {
+  return (
+    <Icon {...props} className={Utils.classNames(props.className, "rain-icon")}>
+      <path d="M9.40229 0.0820312C9.91599 0.176996 10.4383 0.238172 10.9418 0.372572C13.1474 0.961467 14.8518 2.25747 16.0604 4.21737C16.2118 4.46283 16.3413 4.53013 16.6358 4.4953C18.7154 4.24965 20.4991 4.91318 21.9565 6.42603C23.3028 7.82358 23.8654 9.53022 23.7501 11.4753C23.6065 13.8922 21.8564 16.2545 19.6214 17.0449C19.5919 17.0554 19.5591 17.0565 19.5063 17.0659C19.4987 17.0043 19.4863 16.9511 19.4862 16.898C19.4847 16.2325 19.4796 15.5667 19.4919 14.9014C19.4938 14.8081 19.5614 14.6806 19.6377 14.6289C21.933 13.0737 22.3072 10.0168 20.4482 7.95921C19.1574 6.5305 16.9606 6.19356 15.2668 7.1641C15.1972 7.20401 15.126 7.241 15.0378 7.2889C14.9639 7.05333 14.9067 6.83064 14.8255 6.61737C13.8767 4.12467 12.103 2.63497 9.49462 2.31008C7.37283 2.0458 5.53377 2.76203 4.07599 4.36824C1.90883 6.7561 1.78902 10.2714 3.76606 12.8247C3.95269 13.0655 4.17716 13.276 4.37509 13.5084C4.43439 13.578 4.49933 13.6738 4.50027 13.7585C4.5094 14.5569 4.50554 15.3557 4.50422 16.1545C4.50422 16.1849 4.49236 16.2153 4.47015 16.3217C4.0038 15.9646 3.54187 15.6644 3.1414 15.2955C0.991751 13.3151 0.0218683 10.8394 0.274574 7.9049C0.593915 4.19676 3.35627 1.07422 6.96747 0.284102C7.3653 0.197043 7.77142 0.148478 8.17377 0.0820312H9.40229Z" />
+      <g>
+        <path d="M10.9289 18.5402C10.929 17.1176 10.9241 15.6949 10.9309 14.2723C10.9345 13.5176 11.5348 13.0124 12.2313 13.1592C12.6461 13.2467 12.9787 13.5967 13.0456 14.0237C13.0636 14.1381 13.0732 14.2552 13.0733 14.3711C13.0748 17.1663 13.0751 19.9617 13.0738 22.757C13.0736 23.3641 12.8188 23.7747 12.3503 23.9382C11.6461 24.1837 10.9426 23.6682 10.9317 22.8829C10.9203 22.0594 10.9289 21.2357 10.9288 20.412C10.9287 19.7882 10.9288 19.1641 10.9289 18.5402Z" />
+        <path d="M15.2072 16.3848C15.2072 14.9706 15.2045 13.5564 15.2084 12.1421C15.2103 11.4266 15.6723 10.9446 16.3239 10.9634C16.7935 10.9771 17.21 11.3197 17.3137 11.7843C17.3371 11.8891 17.3526 11.9983 17.3527 12.1055C17.3547 14.9588 17.3583 17.8123 17.3517 20.6656C17.35 21.4185 16.8111 21.9006 16.1151 21.8069C15.5796 21.7349 15.2111 21.2731 15.2085 20.6524C15.204 19.6208 15.2072 18.5893 15.2072 17.5578C15.2072 17.1667 15.2072 16.7758 15.2072 16.3848Z" />
+        <path d="M6.65064 16.3841C6.65074 14.9533 6.64612 13.5226 6.65252 12.0917C6.6561 11.2898 7.36095 10.7599 8.07304 11.0215C8.47445 11.1689 8.71587 11.4668 8.77064 11.9041C8.78608 12.0274 8.78947 12.1529 8.78956 12.2774C8.79059 15.0225 8.79116 17.7677 8.78843 20.5131C8.78824 20.6864 8.78363 20.8658 8.74165 21.0323C8.60998 21.554 8.12311 21.8705 7.57958 21.8075C7.06081 21.7477 6.66184 21.3074 6.6546 20.7514C6.64358 19.8947 6.65074 19.0378 6.65055 18.181C6.65036 17.5821 6.65045 16.983 6.65064 16.3841Z" />
+      </g>
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ram.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ram.jsx
new file mode 100755
index 0000000..c37d116
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ram.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Ram(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0 8l.2.3c.5.5.5 1.3 0 1.8l-.2.2v5.2h24v-5.2l-.2-.2c-.5-.5-.5-1.3 0-1.8L24 8V5.7H0V8zm18.3.5h1.4v4.2h-1.4V8.5zm-2.8 0H17v4.2h-1.4V8.5zm-2.8 0h1.4v4.2h-1.4V8.5zm-2.8 0h1.4v4.2H9.9V8.5zM7 8.5h1.4v4.2H7V8.5zm-2.8 0h1.4v4.2H4.3V8.5zM1.4 17h7v1.3h-7V17zM9.9 17h12.7v1.3H9.9V17z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/redis.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/redis.jsx
new file mode 100755
index 0000000..c1ed1cb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/redis.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Redis(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M23.9923 14.3401c-.0075.2303-.3128.4845-.9338.8085-1.281.6683-7.914 3.3983-9.3285 4.1325-1.4137.738-2.1952.7305-3.3127.195-1.1175-.531-8.1758-3.387-9.4493-3.9922-.633-.3045-.957-.5588-.969-.801v2.4255c0 .2422.336.4957.969.801 1.2735.6097 8.3363 3.4612 9.4493 3.9922 1.1175.5355 1.8982.543 3.3127-.195 1.4138-.7342 8.0468-3.465 9.3285-4.1325.6525-.336.9413-.6015.9413-.84v-2.391c0-.0037-.0038-.0037-.0075-.0037v.0007Zm0-3.9532c-.012.2265-.3128.4807-.9338.8085-1.281.6637-7.914 3.3945-9.3285 4.1287-1.4137.738-2.1952.7305-3.3127.1995-1.1175-.5355-8.1758-3.387-9.4493-3.996-.633-.3007-.957-.5587-.969-.801v2.4255c0 .2423.336.5003.969.801 1.2735.6098 8.3318 3.4613 9.4493 3.996 1.1175.531 1.8982.5393 3.3127-.195 1.4138-.738 8.0468-3.465 9.3285-4.1325.6525-.3397.9413-.6052.9413-.8437v-2.391h-.0075Zm0-4.1055c.012-.2423-.3045-.4568-.9495-.6915C21.797 5.133 15.1993 2.508 13.937 2.043c-1.2615-.4612-1.7775-.4417-3.2617.09C9.191 2.6686 2.171 5.422.9215 5.9101c-.6247.246-.93.4725-.918.7148v2.4255c0 .2422.3323.4957.969.801 1.2698.6097 8.3318 3.4612 9.4493 3.996 1.113.531 1.8982.5392 3.3127-.1995 1.41-.7343 8.0468-3.465 9.3285-4.1288.6488-.3397.9375-.6052.9375-.8437V6.2806l-.0082.0008ZM8.5933 8.5786l5.5627-.8512-1.68 2.4607-3.8827-1.6095ZM20.894 6.3594l-3.6442 1.4415-3.2888-1.3005 3.6405-1.4378 3.2925 1.2968Zm-9.6562-2.3828-.5393-.9922 1.68.6562 1.5818-.516-.4298 1.0238 1.6133.6052-2.0783.2145-.4687 1.1213-.75-1.2503-2.4023-.2145 1.7933-.648ZM7.0933 5.3791c1.6447 0 2.973.516 2.973 1.1483 0 .6367-1.332 1.152-2.973 1.152-1.641 0-2.973-.516-2.973-1.152 0-.633 1.332-1.1483 2.973-1.1483Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/reeder5.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/reeder5.jsx
new file mode 100755
index 0000000..7775050
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/reeder5.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Reeder5(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.58 19.99A4.83 4.83 0 0024 15.1a4.9 4.9 0 00-3.17-4.62A6.73 6.73 0 0014.21 4c-2 0-3.81.93-5.03 2.39a4.79 4.79 0 00-5.64 3.97A4.87 4.87 0 000 15.1c0 2.6 1.95 4.72 4.42 4.89h.23a4.74 4.74 0 00.17 0h14.36l.03.01h.37v-.01zM14.99 9.75l-.78-2.49-.78 2.49h-2.52l2.04 1.53-.78 2.48 2.04-1.53 2.04 1.53-.78-2.48 2.04-1.53H15z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/reminders.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/reminders.jsx
new file mode 100755
index 0000000..a01348f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/reminders.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Reminders(props) {
+  return (
+    <Icon {...props}>
+      <path d="M4 22h-4v-4h4v4zm0-12h-4v4h4v-4zm0-8h-4v4h4v-4zm3 0v4h17v-4h-17zm0 12h17v-4h-17v4zm0 8h17v-4h-17v4z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remnote.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remnote.jsx
new file mode 100755
index 0000000..8783e44
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remnote.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Remnote(props) {
+  return (
+    <Icon {...props}>
+      <path d="M8.5 15h7l2.95 4.213a.5.5 0 0 1-.41.787H5.96a.5.5 0 0 1-.41-.787L8.5 15Z" />
+      <path d="M.5 15a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5H12l-3.6 5H.5Z" />
+      <path d="M2.146 5.986a.525.525 0 0 1 0-.722l2.896-3.016a.476.476 0 0 1 .704.012L10 7l2 3H6L2.146 5.986Z" />
+      <path d="M23.5 15a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5H12l3.6 5h7.9Z" />
+      <path d="M21.854 5.986a.525.525 0 0 0 0-.722l-2.896-3.016a.476.476 0 0 0-.704.012L14 7l-2 3h6l3.854-4.014Z" />
+      <path d="M10 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V10h-4V.5Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remote-desktop.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remote-desktop.jsx
new file mode 100755
index 0000000..11a0758
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remote-desktop.jsx
@@ -0,0 +1,15 @@
+import Icon from "../icon.jsx";
+
+export default function RemoteDesktop(props) {
+  return (
+    <Icon {...props}>
+      <path d="M16.9 17.36c-.02-.26-.01-1 0-1.28.02-.92-.07-1.86.12-2.76.09-.43.37-.57.48-.96.08-.26-.05-.66.07-.93.02-.07.28-.21.36-.17-.05.07-.2.15-.28.2v.4c.6.65 2.77.5 3.6.43q.62-.02 1.14-.35a2 2 0 0 0-.54-.37c-.1-.05-.27-.13-.35-.2v-.02c.3-.04.94.49 1.16.7.15.15.37.51.51.62.12.32.25.6.37.93.38 1.1.45 2.28.46 3.43q.02.14-.07.25l-.23.13q-.25.15-.52.22c-.21.06-.52.1-.75.13-1.21.15-2.44.14-3.66.07a7 7 0 0 1-1.5-.23.7.7 0 0 1-.36-.24m-8.61.43c.77.77 3.9.62 4.98.59.37 0 .86-.09 1.24-.1v2.6c0 .66.06 1.57-.09 2.19-.23.3-.58.49-.92.63-1 .4-4.71.57-5.16-.63-.07-.78-.05-1.47-.05-2.25zm15.65.01-.01 3.23c0 .5.03 1.38-.03 1.85-.13 1.09-2.32 1.13-3.1 1.12-.97-.02-2.18-.11-2.9-.84l-.06-.07v-.04c-.18-.66-.1-1.56-.1-2.27v-2.5c.43 0 1.08.11 1.53.12 1.1 0 3.86.12 4.67-.6M8.12 23.19c-.33.1-2.8.01-3.28 0a5.3 5.3 0 0 1-3.62-1.8c-1.32-1.54-1.21-3-1.21-4.87V7.55c0-.92-.03-2.01.04-2.92A5.2 5.2 0 0 1 4.37.07C4.92-.03 6.1 0 6.7 0h9.25q1.2-.02 2.4 0a5.1 5.1 0 0 1 4.79 4c.17.82.12 1.7.12 2.54v4.75c0 .3.01.74-.01 1.02-.1-.06-.1-.09-.16-.18-.04-.47-.02-1.32-.02-1.82V6.98c0-.64.03-1.7-.03-2.31a5 5 0 0 0-1.74-3.32C19.75.05 18.4.21 16.53.22H7.47C6.69.22 5.44.18 4.7.24 3.4.36 2.22 1 1.39 1.98.04 3.58.18 5.1.18 7.06v8.7c0 2.43-.23 4.42 1.82 6.12 1.93 1.6 3.81 1.01 6.05 1.17.03 0 .06.11.07.14m6.53 0c.05-.1.03-.1.11-.16h.61c.72 0 1.45-.03 2.16 0 .06.06.05.08.08.17-.31.03-2.72.05-2.96-.01M5.1.85c.16-.02.37-.01.54-.01h11.2c.72 0 1.49-.04 2.2.1a4.3 4.3 0 0 1 3.25 3.08c.24.9.17 2.5.17 3.49v4.09a3 3 0 0 0-.91-.48V9.74c-.14-.23-.26-.24-.5-.33V6.47c0-.53.02-1.13-.05-1.66a3 3 0 0 0-1.1-1.92 3 3 0 0 0-1.95-.63H5.66c-1.18-.01-2.1.3-2.83 1.25a3.4 3.4 0 0 0-.58 1.87v11.38c0 .54-.03 1.13.04 1.65.14.92.7 1.72 1.52 2.17.75.4 1.55.37 2.39.37h1.84v1.41H5.47A4.33 4.33 0 0 1 .84 18.3V7.14c0-.85-.06-1.89.1-2.72A4.3 4.3 0 0 1 5.1.85m9.18 10.4c.2-.01.34.12.47.24.02.9-.16.72.35 1.44.32.46.27 1.7.27 2.3v2.14c-.54.51-2.6.5-3.37.52-.82 0-3.07-.04-3.63-.6-.15-.16-.11-.45-.1-.65.02-1.42.14-2.76.88-4.02.38-.65.92-1.17 1.67-1.36-.35.29-.58.25-1.02.69.82.5 2.3.42 3.24.37.54-.02 1.15-.06 1.57-.45l.02-.36c-.15-.12-.3-.12-.35-.26M10.84 9.9c.64.35 2.7.37 3.34-.02v1.67c-.45.23-1.08.28-1.59.27-.31 0-1.74.03-1.75-.45-.02-.44 0-1.03 0-1.48m7.22.01c.65.36 2.61.34 3.3.01v1.04l-.01.6c-.5.28-1.31.29-1.87.27-.33-.01-1.11-.04-1.35-.27-.14-.13-.07-1.45-.07-1.65" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.86 10.14c.23-.04 1.43.03 1.44.32.02.4 0 .9 0 1.31-.37.18-.51.18-.92.2-.6 0-.87.03-1.43-.19-.04-.3 0-.6 0-.9 0-.11-.05-.42.02-.49.19-.2.64-.22.9-.25m1.33.35c-.13-.25-.98-.27-1.22-.24-.2.01-.93.02-.94.29.14.25 1.01.25 1.28.25.2-.02.87-.03.88-.3"
+      />
+      <path d="M14.78 20.95c.25.02.64 0 .9 0h1.82c-.03.35 0 1-.01 1.39l-.01.01c-.18.06-2.36.02-2.7.02zm.53-8.23c.53.08 1.15.1 1.68-.01-.21.34-.3.76-.33 1.16l-.02.28c-.4.07-.63.05-1.03.01a3.4 3.4 0 0 0-.3-1.44m.31 1.56c.38.01.64.02 1.02 0v1.44c-.3.02-.73.03-1.02 0zm-.12 3.15c.35.18.93.2 1.28.01 0 .14-.02.55.06.67.02.03.1.03.14.12-.08.13-.25.11-.4.14-.48.08-.91 0-1.38-.1l.26-.16q.05-.34.04-.68m-.02-.03c.02-.08 0-.08.06-.12.19 0 .34.05.52.06.15.01.6-.1.72-.04q.02.04.01.1c-.06-.03-.55.02-.66.02-.18 0-.5-.05-.65-.02m.13-1.59c.22.07.8.04 1.03.03 0 .32-.03 1.05.04 1.32l-.02.03c-.2.04-.87.08-1.04-.01-.02-.05.01-1.17 0-1.34zm3.51-6.31c.53-.06 1.75-.03 2.2.27-.29.2-.7.21-1.05.24-.29.05-2.09.03-2.12-.28.13-.15.76-.21.97-.23m-7.19 0c.33-.02 2.05-.06 2.13.28-.1.16-.77.21-.97.23-.72.07-1.57.01-2.26-.23.39-.2.68-.24 1.1-.28M15 11.92a4 4 0 0 0 2.25.01c-.02.2 0 .32-.05.54-.22.24-1.83.26-2.13 0-.08-.07-.06-.44-.07-.55" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remove.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remove.jsx
new file mode 100755
index 0000000..d2ea86f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/remove.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Remove(props) {
+  return (
+    <Icon {...props}>
+      <path d="M3.85714 24H20.1429V5.33333H3.85714V24ZM21.5 1.33333H16.75L15.3929 0H8.60714L7.25 1.33333H2.5V4H21.5V1.33333Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/replit.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/replit.jsx
new file mode 100755
index 0000000..080e608
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/replit.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Replit(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.878 7.761H3.482A1.469 1.469 0 012 6.304V1.457C2 .644 2.67 0 3.482 0h6.913c.827 0 1.483.658 1.483 1.457v6.304zM20.882 16.215h-8.995V7.75h8.995c.87 0 1.588.717 1.588 1.586v5.294c0 .885-.717 1.586-1.588 1.586zM10.395 24H3.482C2.67 24 2 23.343 2 22.546v-4.853c0-.797.67-1.454 1.482-1.454h8.396v6.307c0 .797-.67 1.454-1.483 1.454z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rider.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rider.jsx
new file mode 100755
index 0000000..9ad3e3e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rider.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Rider(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm3.0001 19.2001h9.6v1.8h-9.6v-1.8ZM6.8605 2.9953H2.9953v9.0036H4.751v-3.402H6.264l1.9411 3.4032h2.013L8.0847 8.4129a3.2494 3.2494 0 0 0 .4192-.1664c.486-.2334.8616-.5634 1.125-.9906.264-.426.396-.9228.396-1.476s-.1296-1.0392-.3888-1.4592c-.2598-.4206-.63-.7464-1.11-.978-.48-.2316-1.0356-.3474-1.6656-.3474Zm1.1706 3.5082c-.12.2034-.2904.36-.5118.4698H7.52c-.2208.1098-.4794.1638-.7752.1638H4.751v-2.682h1.9938c.2958 0 .5544.0546.7752.1638.2202.1092.3912.264.5112.4632.12.1998.18.441.18.711 0 .27-.06.5064-.18.7104Zm7.1646-3.5082h-3.4278v9.0036h3.4278c.8532 0 1.6182-.1926 2.2932-.5784a4.1339 4.1339 0 0 0 1.5852-1.6044c.381-.684.5718-1.4568.5718-2.319 0-.8622-.1908-1.6344-.5724-2.3184a4.1284 4.1284 0 0 0-1.5846-1.6044c-.6756-.3864-1.44-.579-2.2932-.579Zm2.322 6.0936c-.219.4482-.5298.792-.933 1.032s-.8724.36-1.4082.36h-1.653V4.5127h1.653c.5358 0 1.005.12 1.4082.36.4032.2406.714.5844.933 1.0326.2184.4476.3282.978.3282 1.5918 0 .6138-.1098 1.1436-.3282 1.5918Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rocket-chat.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rocket-chat.jsx
new file mode 100755
index 0000000..0d30073
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rocket-chat.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function RocketChat(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.58 8.45a8.93 8.93 0 0 0-2.63-2.6A14.5 14.5 0 0 0 12 3.62c-.98 0-1.96.08-2.93.26A7.88 7.88 0 0 0 .75 1.97a.59.59 0 0 0-.23.95c.85.9 2.27 2.66 1.92 4.25a6.9 6.9 0 0 0-2.08 4.81 6.92 6.92 0 0 0 2.08 4.85c.35 1.6-1.06 3.35-1.91 4.25a.59.59 0 0 0 .22.95 7.89 7.89 0 0 0 8.33-1.92c.96.18 1.94.26 2.92.26 2.81.05 5.58-.72 7.96-2.21a8.92 8.92 0 0 0 2.62-2.61 6.47 6.47 0 0 0 0-7.1Zm-10.7 9.86c-1.23 0-2.45-.15-3.64-.47l-.82.8a7.5 7.5 0 0 1-1.5 1.12c-.67.34-1.4.54-2.14.61l.12-.22a5.26 5.26 0 0 0 .66-4.1 5.07 5.07 0 0 1-2.15-3.91c0-3.4 4.24-6.17 9.47-6.17 5.22 0 9.46 2.76 9.46 6.17 0 3.4-4.24 6.17-9.46 6.17Z" />
+      <path d="M7.35 10.72a1.4 1.4 0 1 0-.01 2.8 1.4 1.4 0 0 0 0-2.8ZM11.84 10.72a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8ZM16.33 10.72a1.4 1.4 0 1 0-.02 2.8 1.4 1.4 0 0 0 .02-2.8Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/roon.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/roon.jsx
new file mode 100755
index 0000000..a532846
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/roon.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Roon(props) {
+  return (
+    <Icon {...props}>
+      <path d="M13.75 21C13.75 21 13.75 21 13.75 21C14.164 21 14.5 20.664 14.5 20.25C14.5 20.25 14.5 3.75 14.5 3.75C14.5 3.336 14.164 3 13.75 3C13.75 3 13.75 3 13.75 3C13.336 3 13 3.336 13 3.75C13 3.75 13 20.25 13 20.25C13 20.664 13.336 21 13.75 21C13.75 21 13.75 21 13.75 21ZM16.25 16C16.25 16 16.25 16 16.25 16C16.664 16 17 15.664 17 15.25C17 15.25 17 8.75 17 8.75C17 8.336 16.664 8 16.25 8C16.25 8 16.25 8 16.25 8C15.836 8 15.5 8.336 15.5 8.75C15.5 8.75 15.5 15.25 15.5 15.25C15.5 15.664 15.836 16 16.25 16C16.25 16 16.25 16 16.25 16ZM21.25 13.5C21.25 13.5 21.25 13.5 21.25 13.5C21.664 13.5 22 13.164 22 12.75C22 12.75 22 11.25 22 11.25C22 10.836 21.664 10.5 21.25 10.5C21.25 10.5 21.25 10.5 21.25 10.5C20.836 10.5 20.5 10.836 20.5 11.25C20.5 11.25 20.5 12.75 20.5 12.75C20.5 13.164 20.836 13.5 21.25 13.5C21.25 13.5 21.25 13.5 21.25 13.5ZM18.75 18.5C18.75 18.5 18.75 18.5 18.75 18.5C19.164 18.5 19.5 18.164 19.5 17.75C19.5 17.75 19.5 6.25 19.5 6.25C19.5 5.836 19.164 5.5 18.75 5.5C18.75 5.5 18.75 5.5 18.75 5.5C18.336 5.5 18 5.836 18 6.25C18 6.25 18 17.75 18 17.75C18 18.164 18.336 18.5 18.75 18.5C18.75 18.5 18.75 18.5 18.75 18.5ZM12 2.784C12 2.344 11.6225 1.9975 11.184 2.033C6.043 2.448 2 6.752 2 12C2 17.248 6.043 21.552 11.184 21.967C11.6225 22.0025 12 21.656 12 21.216C12 21.216 12 2.784 12 2.784C12 2.784 12 2.784 12 2.784Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/royal-tsx.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/royal-tsx.jsx
new file mode 100755
index 0000000..32b051f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/royal-tsx.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function RoyalTSX(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11.9671 6.84375L7.42146 15.973L14.4294 11.5032L11.9671 6.84375ZM3.02734 8.62415L5.86816 16.1625L8.29271 11.8819L3.02734 8.62415ZM17.8386 17.1474H8.29271L20.566 8.88941L17.8386 17.1474Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ruby-mine.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ruby-mine.jsx
new file mode 100755
index 0000000..7e00335
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/ruby-mine.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function RubyMine(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm3 19.2001h9.6v1.8H3v-1.8ZM6.8724 2.9953H3.0072v9.0036h1.7556v-3.402h1.5128l1.9414 3.4032h2.013L8.0961 8.4129a3.2536 3.2536 0 0 0 .4191-.1664c.4866-.2334.8622-.5634 1.125-.9906.264-.426.396-.9228.396-1.476s-.1296-1.0392-.3888-1.4592c-.2598-.4206-.6294-.7464-1.1094-.978-.4806-.2316-1.0356-.3474-1.6656-.3474Zm1.17 3.5082c-.12.2034-.2904.36-.5112.4698-.2208.1098-.4788.1638-.7752.1638H4.7622v-2.682H6.756c.2964 0 .5544.0546.7752.1638.2208.1092.3912.264.5112.4632.12.1998.18.441.18.711 0 .27-.06.5064-.18.7104Zm6.1812-3.5082h-2.4432v9.0036h1.7298V5.5741l-.0258-.4242 2.0706 6.849h1.2738l2.0964-6.894-.0258.4692v6.4248h1.7364v-9.003H18.153l-1.788 5.91-.135.7716-.1542-.7722-1.8522-5.91Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rust-rover.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rust-rover.jsx
new file mode 100755
index 0000000..ea9423b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/rust-rover.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function RustRover(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 0h24v24H0V0Zm3.0001 19.2001h9.6v1.8h-9.6v-1.8ZM6.8605 2.9953H2.9953v9.0036H4.751v-3.402H6.264l1.9411 3.4032h2.013L8.0847 8.4129a3.2494 3.2494 0 0 0 .4192-.1664c.486-.2334.8616-.5634 1.125-.9906.264-.426.396-.9228.396-1.476s-.1296-1.0392-.3888-1.4592c-.2598-.4206-.63-.7464-1.11-.978-.48-.2316-1.0356-.3474-1.6656-.3474Zm1.1706 3.5082c-.12.2034-.2904.36-.5118.4698H7.52c-.2208.1098-.4794.1638-.7752.1638H4.751v-2.682h1.9938c.2958 0 .5544.0546.7752.1638.2202.1092.3912.264.5112.4632.12.1998.18.441.18.711 0 .27-.06.5064-.18.7104Zm7.602-3.5082h-3.8652v9.0036h1.7562v-3.402h1.5125l1.9411 3.4032h2.013l-2.1333-3.5872a3.2541 3.2541 0 0 0 .4191-.1664c.4866-.2334.8616-.5634 1.125-.9906.264-.426.396-.9228.396-1.476s-.1296-1.0392-.3888-1.4592c-.2598-.4206-.63-.7464-1.11-.978-.48-.2316-1.0356-.3474-1.6656-.3474Zm1.1706 3.5082c-.12.2034-.2904.36-.5118.4698-.2208.1098-.4788.1638-.7746.1638h-1.9938v-2.682h1.9938c.2958 0 .5544.0546.7752.1638.2202.1092.3912.264.5112.4632.12.1998.18.441.18.711 0 .27-.06.5064-.18.7104Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/safari.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/safari.jsx
new file mode 100755
index 0000000..8a238e1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/safari.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Safari(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm1.476 14.955c.988-.405 1.757-1.211 2.116-2.216l2.408-6.739-6.672 2.387c-1.006.36-1.811 1.131-2.216 2.119l-3.065 7.494 7.429-3.045zm-.122-4.286c.551.551.551 1.446 0 1.996-.551.551-1.445.551-1.996 0-.551-.55-.551-1.445 0-1.996.551-.551 1.445-.551 1.996 0z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/screens4.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/screens4.jsx
new file mode 100755
index 0000000..a3d028c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/screens4.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Screens4(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M8.094 1.316a1.685 1.685 0 00-1.395 1.239l-.074.28-.348.032c-1.086.102-2.074.946-2.226 1.899l-.031.199-.262.031c-1.7.2-2.957 1.27-3.266 2.777-.258 1.27-.238 11.829.024 12.938.304 1.281 1.394 2.348 2.671 2.613 1.137.235 16.489.235 17.625 0 1.293-.27 2.434-1.406 2.696-2.691.242-1.184.242-11.676 0-12.86-.309-1.507-1.567-2.578-3.266-2.777l-.262-.031-.03-.2c-.153-.952-1.141-1.796-2.227-1.898l-.348-.031-.074-.281c-.192-.684-.711-1.137-1.438-1.243-.394-.054-7.375-.054-7.77.004M16 1.594c.54.203.91.703.957 1.281l.023.3.383.024c1.23.078 2.137 1.047 2.137 2.285v.223l.309.031c1.27.13 2.32 1.024 2.675 2.278.13.457.133 11.07.004 11.625-.074.324-.37 1.03-.433 1.03-.016 0-.004-.038.023-.089.067-.129.067-.133-.129-.125-.11 0-.207.04-.258.098-.046.05-.023-.012.055-.14.074-.13.188-.372.246-.54l.11-.305.011-5.386c.016-6.067.024-5.891-.312-6.567-.352-.715-1.04-1.215-1.863-1.36-.551-.1-15.329-.097-15.883 0-1.106.196-1.922 1.024-2.114 2.145-.058.328-.066 1.246-.054 5.782l.011 5.386.11.305c.058.168.172.41.25.54.137.226.137.23.02.105-.145-.149-.13-.145-.282-.075-.094.043-.11.07-.07.14.023.048.035.087.02.087-.063 0-.356-.695-.434-1.027-.13-.56-.13-11.165.004-11.63.355-1.253 1.406-2.148 2.675-2.277l.309-.031v-.223c0-1.238.906-2.207 2.137-2.285l.383-.023.023-.301a1.503 1.503 0 01.941-1.277c.383-.149 7.625-.149 8.016-.004m-7.734.14c-.567.118-.97.586-1.036 1.2l-.023.253h.75l.027-.195c.075-.57-.074-.55 4.016-.55s3.941-.02 4.016.55l.027.196h.75l-.023-.254c-.055-.504-.344-.922-.782-1.125-.23-.106-7.23-.172-7.722-.075m-1.844 1.79c-.934.148-1.64 1.019-1.64 2.015v.18h1.16l.019-.305c.031-.469.242-.695.719-.773.379-.063 10.261-.063 10.64 0 .477.078.688.304.72.773l.019.305h1.16v-.18c0-1.02-.707-1.867-1.688-2.023-.383-.059-10.738-.055-11.11.007m13.571 4.329c.215.109.313.195.422.37l.14.231.005 2.512c0 1.383-.004 2.39-.016 2.242l-.016-.27-.23.02c-.125.012-.235.004-.242-.012-.008-.02-.137-.023-.285-.015l-.27.015v.375c0 1.11-.637 2-1.629 2.274-.492.133-11.25.133-11.742 0-.973-.27-1.629-1.172-1.629-2.239 0-.418.023-.402-.574-.394-.2.004-.364-.012-.364-.031 0-.207-.093.039-.105.277-.008.176-.02-.805-.027-2.176l-.008-2.488.133-.25c.148-.29.422-.488.761-.555.114-.023 3.57-.039 7.805-.035l7.598.008.273.14M2.602 20.86c.101.102.171.188.16.188-.012 0-.106-.086-.207-.188-.102-.101-.172-.187-.16-.187.011 0 .105.086.207.187m19.007-.172c0 .008-.09.094-.199.2l-.2.183.185-.199c.175-.183.214-.223.214-.183"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sequel-ace.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sequel-ace.jsx
new file mode 100755
index 0000000..e2e5fb7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sequel-ace.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function SequelAce(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 4.74C0 3.12 0 2.3.3 1.68A3 3 0 011.69.31C2.3 0 3.12 0 4.74 0h14.52c1.62 0 2.44 0 3.06.3a3 3 0 011.37 1.38c.31.62.31 1.44.31 3.06v14.52c0 1.62 0 2.44-.3 3.06a3 3 0 01-1.38 1.37c-.62.31-1.44.31-3.06.31H4.74c-1.62 0-2.44 0-3.06-.3a3 3 0 01-1.37-1.38C0 21.7 0 20.88 0 19.26V4.74zm3.4 12.22v-2.18c0 1.42 3.25 2.59 7.44 2.76a21.28 21.28 0 002.2 0c4.19-.17 7.43-1.34 7.43-2.76V17.7c0 1.41-3.24 2.58-7.44 2.76l-1.09.02c-.45 0-.81 0-1.1-.02-4.2-.18-7.44-1.35-7.44-2.76v-.74zm.01-6.44v2.91c0 1.42 3.25 2.59 7.44 2.76a21.28 21.28 0 002.2 0c4.19-.17 7.44-1.34 7.44-2.76v-.73-2.18c0 1.41-3.25 2.58-7.45 2.76l-1.09.02c-.45 0-.8 0-1.1-.02-4.2-.18-7.44-1.35-7.44-2.76zm0-4.32c0-1.5 3.82-2.7 8.54-2.7 4.71 0 8.54 1.2 8.54 2.7v3c0 1.42-3.25 2.59-7.45 2.76a21.3 21.3 0 01-2.2 0c-4.18-.17-7.43-1.34-7.43-2.76v-3z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sequel-pro.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sequel-pro.jsx
new file mode 100755
index 0000000..cc920ae
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sequel-pro.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function SequelPro(props) {
+  return (
+    <Icon {...props}>
+      <path d="M24 16.2c0 3.76-5.37 6.8-12 6.8S0 19.96 0 16.2c0-3.75 5.37-6.8 12-6.8s12 3.05 12 6.8z" />
+      <path d="M20.62 15.58c0 2.6-3.72 4.7-8.31 4.7-4.6 0-8.31-2.1-8.31-4.7s3.72-4.7 8.3-4.7c4.6 0 8.32 2.1 8.32 4.7z" />
+      <path d="M20.62 12.75c0 2.6-3.72 4.7-8.31 4.7-4.6 0-8.31-2.1-8.31-4.7s3.72-4.7 8.3-4.7c4.6 0 8.32 2.1 8.32 4.7z" />
+      <path d="M20.62 10.14c0 2.6-3.72 4.7-8.31 4.7-4.6 0-8.31-2.1-8.31-4.7s3.72-4.7 8.3-4.7c4.6 0 8.32 2.1 8.32 4.7z" />
+      <path d="M20.62 7.32c0 2.6-3.72 4.7-8.31 4.7-4.6 0-8.31-2.1-8.31-4.7s3.72-4.7 8.3-4.7c4.6 0 8.32 2.1 8.32 4.7z" />
+      <path d="M20.62 4.7c0 2.6-3.72 4.7-8.31 4.7C7.7 9.4 4 7.3 4 4.7S7.72 0 12.3 0c4.6 0 8.32 2.1 8.32 4.7z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/setapp.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/setapp.jsx
new file mode 100755
index 0000000..44aad58
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/setapp.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Setapp(props) {
+  return (
+    <Icon {...props}>
+      <path d="M13.025,8.386l2.583,2.595c0.228,0.228 0.595,0.228 0.81,-0l2.583,-2.595c0.228,-0.228 0.228,-0.595 -0,-0.823l-2.583,-2.595c-0.228,-0.228 -0.595,-0.228 -0.81,-0l-2.583,2.607c-0.227,0.216 -0.227,0.583 0,0.811m-1.43,-1.431c0.228,0.228 0.595,0.228 0.81,0l2.583,-2.595c0.228,-0.228 0.228,-0.595 -0,-0.823l-2.583,-2.595c-0.228,-0.228 -0.595,-0.228 -0.81,-0l-2.583,2.595c-0.228,0.228 -0.228,0.595 0,0.823l2.583,2.595Zm-0,2.051l-2.583,2.595c-0.228,0.228 -0.228,0.595 0,0.823l2.583,2.595c0.228,0.228 0.595,0.228 0.81,0l2.583,-2.595c0.228,-0.228 0.228,-0.595 -0,-0.823l-2.583,-2.595c-0.215,-0.228 -0.582,-0.228 -0.81,0m-4.013,1.975c0.228,0.228 0.595,0.228 0.81,-0l2.583,-2.595c0.227,-0.228 0.227,-0.595 -0,-0.823l-2.583,-2.595c-0.228,-0.228 -0.595,-0.228 -0.81,-0l-2.583,2.595c-0.228,0.228 -0.228,0.595 0,0.823l2.583,2.595Zm8.836,2.051c-0.228,-0.228 -0.595,-0.228 -0.81,-0l-2.583,2.595c-0.227,0.228 -0.227,0.595 0,0.823l2.583,2.595c0.228,0.228 0.595,0.228 0.81,0l2.583,-2.595c0.228,-0.228 0.228,-0.595 -0,-0.823l-2.583,-2.595Zm-4.013,4.013c-0.228,-0.228 -0.595,-0.228 -0.81,-0l-2.583,2.595c-0.228,0.228 -0.228,0.595 0,0.823l2.583,2.595c0.228,0.228 0.595,0.228 0.81,0l2.583,-2.595c0.228,-0.228 0.228,-0.595 -0,-0.823l-2.583,-2.595Zm-1.418,-1.431l-2.582,-2.595c-0.228,-0.228 -0.595,-0.228 -0.811,0l-2.582,2.595c-0.228,0.228 -0.228,0.595 -0,0.823l2.582,2.595c0.228,0.228 0.595,0.228 0.811,0l2.582,-2.595c0.215,-0.228 0.215,-0.595 0,-0.823" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/signal.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/signal.jsx
new file mode 100755
index 0000000..c615f9c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/signal.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Signal(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12.012 2.598c-5.22 0-9.452 3.9-9.452 8.709 0 3.016 1.219 5.301 3.155 6.774H5.71l.234 3.042v.004c0 .017 0 .031.004.046v.006a.306.306 0 00.445.22l.011-.008L9.3 19.717c.854.196 1.767.299 2.71.299 5.22 0 9.452-3.899 9.452-8.71 0-4.81-4.233-8.709-9.454-8.709zM10.39.72a13.058 13.058 0 011.605-.104c.38 0 .75.02 1.119.052l.057-.614a13.089 13.089 0 00-2.865.055l.083.612zm3.797.094c.915.165 1.785.436 2.61.795l.252-.567c-.132-.056-.263-.112-.397-.165-.762-.3-1.551-.524-2.355-.671zm9.169 10.556a9.97 9.97 0 01-.405 2.655l.59.175a10.55 10.55 0 00.431-2.831zM6.745 1.814A12.139 12.139 0 019.331.912L9.196.308a12.161 12.161 0 00-2.72.95zm13.65 1.399a12.005 12.005 0 00-2.329-1.673l-.311.541c.811.445 1.561.981 2.224 1.596l.416-.462zm-5.244 18.838c.945-.24 1.845-.591 2.686-1.03l-.315-.533c-.786.413-1.631.738-2.521.967zM3.677 4.005c.63-.638 1.347-1.2 2.13-1.675l-.327-.529c-.698.422-1.35.914-1.945 1.473-.102.094-.2.191-.3.289l.439.441zm19.48 11.28l-.568-.236a10.472 10.472 0 01-1.354 2.332l.495.369a11.035 11.035 0 001.424-2.465zM20.726 4.433a10.54 10.54 0 011.534 2.228l.555-.275a11.052 11.052 0 00-1.627-2.366l-.465.413zm2.554 3.003l-.568.244c.313.828.521 1.703.604 2.61l.615-.061a10.444 10.444 0 00-.651-2.793zM6.386 22.849l-.969.425-.332-1.025-.585.19.438 1.347a.33.33 0 00.167.188.305.305 0 00.249 0l1.283-.563zm3.823-1.193c-.078-.016-.157-.027-.237-.041l-.465-.079a.311.311 0 00-.172.023l-1.951.853.271.554 1.845-.803c.125.021.25.041.371.059.068.017.139.026.209.038zm3.728.02c-.633.104-1.281.156-1.942.156-.273 0-.525-.015-.772-.038l-.019.615c.251.024.511.04.791.04.698 0 1.383-.058 2.048-.166l-.104-.606zM1.517 7.116c.37-.825.852-1.598 1.425-2.302l-.47-.407A10.884 10.884 0 00.964 6.834l-.01.021zM20.532 18.21a11.497 11.497 0 01-2.07 1.728l.339.515a11.983 11.983 0 002.19-1.829zM.97 14.551c-.188-.796-.293-1.676-.323-2.671H.031c.03 1.071.145 2.005.345 2.843zM.538 7.925c-.297.91-.468 1.853-.51 2.813l.615.03a9.968 9.968 0 01.487-2.662zm4.199 13.26l-.59-1.815a.306.306 0 00-.105-.147 11.75 11.75 0 01-.66-.558l-.422.446c.194.184.408.362.629.541l.561 1.717zm-2.105-3.292a7.463 7.463 0 01-1.355-2.315l-.573.229a8.016 8.016 0 001.468 2.497z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sketch-up.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sketch-up.jsx
new file mode 100755
index 0000000..0acb2ed
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sketch-up.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function SketchUp(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M21.29 19.465 6.144 23.762 3.14 14.418 1.098 2.176 15.488.238l7.414 5.696Zm-14.927-1.61 4.617-1.183-1.18-2.254-4.296.965Zm-1.398-6.554 4.512-.965 1.183 2.144 5.047-1.07-3.117-3.867-8.485 1.504Zm10.203-9.664L2.602 3.247 3.46 5.18l9.02-1.29 3.332 3.329 5.261-.86Zm0 0"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sketch.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sketch.jsx
new file mode 100755
index 0000000..c35cb07
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sketch.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Sketch(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 1.25l6.75 6.637V2L12 1.25zm0 0l-6.05 7h12.1l-6.05-7zm0 0L5.25 2v5.887L12 1.25zM5.25 2L0 9l4.416-.68L5.25 2zM0 9l11.959 13.703.008-.014L4.443 9H0zm18.75-7l.834 6.32L24 9l-5.25-7zM24 9h-4.506l-7.523 13.69.029.06L24 9zM12 22.75l-.031-.057-.008.012.039.045zM5.436 9l6.533 13.686L18.564 9H5.436Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/skype.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/skype.jsx
new file mode 100755
index 0000000..7d7a229
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/skype.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Skype(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23.3 14.55C25.06 6.74 18.2-.35 10.18 1 5.81-1.7 0 1.36 0 6.55c0 1.2.33 2.33.91 3.3C-.7 17.69 6.2 24.69 14.22 23.23c.94.5 2 .78 3.14.78a6.55 6.55 0 0 0 5.95-9.45zm-11.2 5.33c-2.35 0-4.63-.57-5.99-2.5-2.02-2.85.64-4.28 1.95-3.2 1.1.93.75 3.15 3.95 3.15 1.41 0 3.15-.6 3.15-2 0-2.82-6.24-1.49-8.73-4.55a3.77 3.77 0 0 1 .04-4.55c1.95-2.51 7.68-2.67 10.14-.77 2.28 1.76 1.66 4.1-.17 4.1-2.2 0-1.05-2.89-4.61-2.89-2.58 0-3.6 1.84-1.78 2.73 2.42 1.2 8.75.83 8.75 5.6 0 3.36-3.25 4.88-6.7 4.88z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/slack.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/slack.jsx
new file mode 100755
index 0000000..163fdd9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/slack.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Slack(props) {
+  return (
+    <Icon {...props}>
+      <path d="M8.8 12.7a2.5 2.5 0 0 0-2.5 2.5v6.3a2.5 2.5 0 0 0 5 0v-6.3c0-1.4-1-2.5-2.5-2.5zM0 15.2a2.5 2.5 0 0 0 5 0v-2.6H2.6A2.5 2.5 0 0 0 0 15.2zM8.8 0a2.5 2.5 0 0 0 0 5h2.6V2.5c0-1.4-1.2-2.5-2.6-2.5zM2.5 11.4h6.3a2.5 2.5 0 0 0 0-5H2.5a2.5 2.5 0 0 0 0 5zM21.5 6.3a2.5 2.5 0 0 0-2.6 2.5v2.6h2.6a2.5 2.5 0 0 0 0-5zM12.6 2.5v6.3a2.5 2.5 0 0 0 5 0V2.5a2.5 2.5 0 0 0-5 0zM17.7 21.5c0-1.4-1.1-2.5-2.5-2.5h-2.6v2.5a2.5 2.5 0 0 0 5 0zM21.5 12.6h-6.3a2.5 2.5 0 0 0 0 5.1h6.3a2.5 2.5 0 0 0 0-5z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/snow.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/snow.jsx
new file mode 100755
index 0000000..1c55afa
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/snow.jsx
@@ -0,0 +1,18 @@
+import Icon from "../icon.jsx";
+import * as Utils from "../../../utils";
+
+export default function Snow(props) {
+  return (
+    <Icon {...props} className={Utils.classNames(props.className, "snow-icon")}>
+      <path d="M9.15317 1.01074C9.69604 1.10392 10.2482 1.15907 10.7799 1.29658C13.0159 1.87474 14.7392 3.18194 15.9577 5.16651C16.111 5.4162 16.251 5.46373 16.5266 5.42881C18.3198 5.20265 19.9297 5.68999 21.3102 6.85714C22.9519 8.24491 23.732 10.0534 23.646 12.226C23.5457 14.7636 21.8578 17.0988 19.5145 17.9749C19.4855 17.9857 19.4542 17.9904 19.4013 18.0037C19.3939 17.9343 19.3823 17.8751 19.3822 17.816C19.3809 17.1573 19.3846 16.4985 19.3787 15.8398C19.3774 15.7034 19.4186 15.6247 19.5338 15.5456C20.9551 14.5697 21.6462 13.2041 21.4857 11.4695C21.3341 9.82853 20.4756 8.62815 19.0004 7.93752C17.7032 7.33027 16.4063 7.41357 15.1486 8.10222C15.0855 8.13677 15.0238 8.17404 14.961 8.20952C14.9542 8.21328 14.9455 8.21357 14.9223 8.21912C14.8753 8.0579 14.8357 7.89281 14.7797 7.73375C13.88 5.17837 12.1253 3.62411 9.47279 3.25827C6.03382 2.78411 2.87392 5.20679 2.34996 8.68622C2.01707 10.8971 2.66554 12.8135 4.23448 14.3937C4.35156 14.5116 4.40709 14.6226 4.40521 14.7927C4.39637 15.5888 4.40126 16.3851 4.40126 17.2468C4.07166 17.0175 3.76653 16.8305 3.48879 16.6082C1.54488 15.0516 0.4198 13.0303 0.166906 10.5192C0.160506 10.4558 0.138012 10.3942 0.123047 10.3318V9.11173C0.169635 8.79973 0.212553 8.48698 0.26347 8.17573C0.810953 4.83399 3.45378 1.99069 6.70629 1.25855C7.19571 1.14834 7.69688 1.09197 8.19251 1.01074H9.15317Z" />
+      <g>
+        <path d="M6.55082 15.1352C6.55571 14.5367 7.03882 14.0541 7.62461 14.0626C8.21501 14.0713 8.68202 14.5576 8.67694 15.158C8.67185 15.7538 8.18592 16.2394 7.60202 16.2324C7.01557 16.2253 6.54593 15.7351 6.55082 15.1352Z" />
+        <path d="M17.2317 15.1576C17.2269 15.7554 16.7446 16.2387 16.159 16.2325C15.5742 16.2263 15.1014 15.7342 15.1055 15.136C15.1095 14.5397 15.5958 14.054 16.1802 14.0626C16.7713 14.0715 17.2365 14.5559 17.2317 15.1576Z" />
+        <path d="M12.9541 17.3224C12.9536 17.9238 12.481 18.4025 11.8891 18.4011C11.2964 18.3996 10.8274 17.9207 10.8281 17.3179C10.829 16.7182 11.3046 16.235 11.8932 16.2363C12.4816 16.2375 12.9545 16.7217 12.9541 17.3224Z" />
+        <path d="M6.55079 19.49C6.55352 18.8881 7.02684 18.4124 7.61922 18.416C8.21187 18.4197 8.67964 18.9 8.67682 19.5023C8.67418 20.0995 8.1939 20.5834 7.60726 20.5801C7.01978 20.5767 6.54816 20.0901 6.55079 19.49Z" />
+        <path d="M12.9542 21.6635C12.9557 22.2643 12.4842 22.7476 11.8944 22.75C11.3061 22.7524 10.8294 22.2694 10.8281 21.6696C10.827 21.0714 11.3027 20.583 11.8883 20.5811C12.4737 20.5792 12.9529 21.0658 12.9542 21.6635Z" />
+        <path d="M17.2315 19.5036C17.2285 20.103 16.7509 20.5838 16.1623 20.5801C15.5762 20.5763 15.1028 20.0876 15.1055 19.4889C15.1081 18.8897 15.586 18.4111 16.1766 18.4161C16.77 18.421 17.2346 18.9001 17.2315 19.5036Z" />
+      </g>
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spark.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spark.jsx
new file mode 100755
index 0000000..7655fae
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spark.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Spark(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM12.218 3.25078L19.2492 17.8922C19.3453 18.0961 19.1555 18.2859 18.9539 18.1898L13.6664 15.7429C13.6242 15.7242 13.5773 15.7219 13.5375 15.7359C13.4883 15.7523 13.4484 15.7898 13.4297 15.8414L12.1055 19.6687C12.0857 19.7256 12.0361 19.7543 11.9859 19.7548L11.984 19.7549C11.9329 19.755 11.8817 19.7263 11.8617 19.6687L10.5375 15.8414C10.5188 15.7899 10.4767 15.7524 10.4299 15.736L10.4297 15.7383C10.3875 15.7242 10.343 15.7265 10.3008 15.7453L5.01328 18.1922C4.84717 18.2704 4.6904 18.1574 4.6912 18.0039C4.69101 17.9682 4.69931 17.9304 4.71797 17.8922L11.7492 3.25078C11.8453 3.05391 12.1242 3.05391 12.218 3.25078Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotify.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotify.jsx
new file mode 100755
index 0000000..718a4a8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotify.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Spotify(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.098 10.638c-3.868-2.297-10.248-2.508-13.941-1.387-.593.18-1.22-.155-1.399-.748-.18-.593.154-1.22.748-1.4 4.239-1.287 11.285-1.038 15.738 1.605.533.317.708 1.005.392 1.538-.316.533-1.005.709-1.538.392zm-.126 3.403c-.272.44-.847.578-1.287.308-3.225-1.982-8.142-2.557-11.958-1.399-.494.15-1.017-.129-1.167-.623-.149-.495.13-1.016.624-1.167 4.358-1.322 9.776-.682 13.48 1.595.44.27.578.847.308 1.286zm-1.469 3.267c-.215.354-.676.465-1.028.249-2.818-1.722-6.365-2.111-10.542-1.157-.402.092-.803-.16-.895-.562-.092-.403.159-.804.562-.896 4.571-1.045 8.492-.595 11.655 1.338.353.215.464.676.248 1.028zm-5.503-17.308c-6.627 0-12 5.373-12 12 0 6.628 5.373 12 12 12 6.628 0 12-5.372 12-12 0-6.627-5.372-12-12-12z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotlight.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotlight.jsx
new file mode 100755
index 0000000..4398b47
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotlight.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Spotlight(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23.68 22.14l-7.44-7.44A9.1 9.1 0 1 0 0 9.1a9.1 9.1 0 0 0 14.7 7.14l7.44 7.44a1.09 1.09 0 0 0 1.54 0 1.1 1.1 0 0 0 0-1.54zM2.18 9.09a6.92 6.92 0 1 1 13.84.02 6.92 6.92 0 0 1-13.84-.02z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotube.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotube.jsx
new file mode 100755
index 0000000..f8c0e79
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/spotube.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Spotube(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0 13.9499v5.5153C.3957 20.8624.882 21.4377 2.3373 22h2.7933c.2813-.0719.3549-.1808.399-.4457v-9.3036c.2373-2.1299.667-3.221 2.2804-4.8747 1.3953-1.1068 2.3546-1.4557 4.4465-1.5041 1.5819.1382 2.4436.4463 3.9335 1.5041 1.8102 1.6983 2.1964 2.7943 2.3373 4.8747v9.3036c.1724.2837.3144.3954.7126.4457h2.2803c1.5544-.416 2.1092-.9652 2.4798-2.5348v-5.5153c-.1872-1.3355-.5502-1.8355-1.5677-2.3677-.2975-2.9706-1.0181-4.505-3.4774-6.9638C16.7502 2.9164 15.3386 2.2525 12.2565 2c-3.5312.2355-4.9837.9217-7.1259 2.6184-2.4024 2.3345-3.052 3.898-3.4489 6.9638C.713 12.2055.3416 12.7209 0 13.9499Z" />
+      <path d="M6.5273 13.1978v7.5766c.2982.6844.5735.8597 1.1972.9192.6761-.0645.948-.2817 1.2826-.9192v-7.5766c-.066-.9687-.271-1.3647-1.2826-1.5042-.9308.1907-1.1795.5294-1.1972 1.5042ZM15.1924 13.1978v7.5766c.2982.6844.5735.8597 1.1971.9192.6762-.0645.948-.2817 1.2827-.9192v-7.5766c-.0661-.9687-.271-1.3647-1.2827-1.5042-.9307.1907-1.1795.5294-1.1971 1.5042Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/statistics.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/statistics.jsx
new file mode 100755
index 0000000..5e5911f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/statistics.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Statistics(props) {
+  return (
+    <Icon {...props}>
+      <path d="M6 9.4H.9c-.5 0-.9.4-.9.9V23c0 .5.4.9.9.9H6c.5 0 .9-.4.9-.9V10.3c0-.5-.4-.9-.9-.9zM14.6 0H9.4c-.4 0-.8.4-.8.9V23c0 .5.4.9.8.9h5.2c.4 0 .8-.4.8-.9V1c0-.5-.4-.9-.8-.9zM23.1 6.9H18c-.5 0-.9.3-.9.8v15.4c0 .5.4.9.9.9h5.1c.5 0 .9-.4.9-.9V7.7c0-.5-.4-.8-.9-.8z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/stopped.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/stopped.jsx
new file mode 100755
index 0000000..05cb40c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/stopped.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Stopped(props) {
+  return (
+    <Icon {...props}>
+      <path d="M6 6h12v12H6z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/storm.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/storm.jsx
new file mode 100755
index 0000000..39fb1ad
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/storm.jsx
@@ -0,0 +1,18 @@
+import Icon from "../icon.jsx";
+import * as Utils from "../../../utils";
+
+export default function Storm(props) {
+  return (
+    <Icon
+      {...props}
+      className={Utils.classNames(props.className, "storm-icon")}
+    >
+      <path d="M9.21762 0.711914C9.76049 0.805091 10.3127 0.860338 10.8443 0.997749C13.0804 1.57591 14.8038 2.88311 16.0221 4.86768C16.1755 5.11737 16.3155 5.1649 16.5911 5.13008C18.3843 4.90382 19.9942 5.39116 21.3747 6.55831C23.0164 7.94608 23.7964 9.75455 23.7104 11.9272C23.6102 14.4649 21.9223 16.8001 19.5789 17.6761C19.5499 17.687 19.5186 17.6916 19.4657 17.7049C19.4585 17.6355 19.4468 17.5763 19.4466 17.5172C19.4454 16.8585 19.4491 16.1996 19.4431 15.5411C19.4418 15.4045 19.483 15.3258 19.5982 15.2468C21.0196 14.2709 21.7106 12.9052 21.55 11.1706C21.3985 9.5297 20.5401 8.32942 19.065 7.63869C17.7676 7.03144 16.4708 7.11483 15.2131 7.8034C15.1499 7.83803 15.0882 7.87521 15.0254 7.91069C15.0187 7.91446 15.01 7.91474 14.9867 7.92029C14.9398 7.75907 14.9002 7.59399 14.8442 7.43493C13.9445 4.87954 12.1898 3.32528 9.53724 2.95954C6.09828 2.48528 2.93837 4.90796 2.41442 8.3874C2.08152 10.5983 2.72999 12.5146 4.29894 14.095C4.41602 14.2128 4.47155 14.3238 4.46967 14.4938C4.46082 15.29 4.46571 16.0863 4.46571 16.948C4.13611 16.7187 3.83098 16.5317 3.55324 16.3095C1.60934 14.7528 0.484253 12.7315 0.231359 10.2204C0.224959 10.157 0.202465 10.0954 0.1875 10.033V8.8129C0.234088 8.5009 0.277006 8.18824 0.327924 7.8769C0.875406 4.53516 3.51823 1.69187 6.77075 0.959726C7.26016 0.849514 7.76134 0.793138 8.25696 0.711914H9.21762Z" />
+      <g>
+        <path d="M5.42578 20.6793L8.80799 17.9439L8.2366 16.6228L7.67199 15.3183H7.67651L7.68253 15.3214L8.23651 13.9587L8.79039 12.5889H6.53364L5.97976 13.9602L5.4382 15.285L5.42917 15.2896L5.43378 15.2999L5.42578 15.3183H5.44197L6.00065 16.623L6.56733 17.9451L6.55708 17.971L5.42578 20.6793Z" />
+        <path d="M10.1074 22.8359L13.4896 20.1004L12.9182 18.7836L12.3536 17.4833H12.3582L12.3642 17.4822L12.9182 16.1215L13.472 14.7539H11.2153L10.6614 16.121L10.1198 17.4435L10.1107 17.4473L10.1154 17.4613L10.1074 17.4833H10.1236L10.6823 18.7838L11.249 20.1037L11.2387 20.1285L10.1074 22.8359Z" />
+        <path d="M14.7979 20.6793L18.1802 17.9439L17.6087 16.6228L17.0441 15.3183H17.0487L17.0547 15.3214L17.6086 13.9587L18.1626 12.5889H15.9057L15.3518 13.9602L14.8103 15.285L14.8012 15.2896L14.8059 15.2999L14.7979 15.3183H14.814L15.3727 16.623L15.9395 17.9451L15.9292 17.971L14.7979 20.6793Z" />
+      </g>
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sublime-text.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sublime-text.jsx
new file mode 100755
index 0000000..80d2cea
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sublime-text.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function SublimeText(props) {
+  return (
+    <Icon {...props}>
+      <path d="M20.953.004a.397.397 0 0 0-.18.017L3.225 5.585c-.175.055-.323.214-.402.398a.42.42 0 0 0-.06.22v5.726a.42.42 0 0 0 .06.22c.079.183.227.341.402.397l7.454 2.364-7.454 2.363c-.255.08-.463.374-.463.655v5.688c0 .282.208.444.463.363l17.55-5.565c.237-.075.426-.336.452-.6.003-.022.013-.04.013-.065V12.06c0-.281-.208-.575-.463-.656L13.4 9.065l7.375-2.339c.255-.08.462-.375.462-.656V.384c0-.211-.117-.355-.283-.38z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sun.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sun.jsx
new file mode 100755
index 0000000..270a37f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/sun.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+import * as Utils from "../../../utils";
+
+export default function Sun(props) {
+  return (
+    <Icon {...props} className={Utils.classNames(props.className, "sun-icon")}>
+      <g>
+        <path d="M13.01 1.26c.03-.62-.2-1.06-.8-1.26h-.4c-.5.18-.8.5-.8 1.04v1.93c0 .18.05.35.12.5a.97.97 0 0 0 1.07.5.94.94 0 0 0 .79-.87l.01-.88.01-.96ZM1.27 11c-.63-.03-1.07.2-1.27.8v.4c.17.48.48.8 1.02.8h.29L3 12.99c.2-.01.4-.08.57-.18.36-.21.5-.66.39-1.08a.96.96 0 0 0-.89-.72H1.27ZM4.48 3.27l-.22-.1-.04.06c-.4 0-.75.22-.9.6-.17.38-.13.76.17 1.06.47.49.96.98 1.45 1.45a.98.98 0 0 0 1.09.22 1 1 0 0 0 .32-1.63c-.46-.47-.93-.96-1.43-1.4-.12-.12-.29-.19-.44-.26ZM4.36 20.78c-.53-.02-.85-.2-1.02-.56-.19-.38-.17-.76.1-1.06.52-.54 1.04-1.06 1.6-1.56.36-.36.96-.3 1.32.08.34.35.4.93.05 1.3-.5.54-1.03 1.07-1.57 1.57-.11.09-.24.15-.38.19l-.1.04ZM20.68 3.8c-.18-.38-.49-.55-1.02-.58l-.12.05c-.11.04-.29.11-.39.21-.53.48-1.04 1-1.53 1.52a.97.97 0 0 0 .05 1.34c.36.37.95.42 1.33.06.54-.5 1.05-1.02 1.55-1.55.29-.3.3-.67.13-1.05ZM20.8 19.67c-.03.53-.22.84-.6 1.02v-.01c-.36.17-.73.15-1.03-.12a38.4 38.4 0 0 1-1.57-1.58c-.33-.37-.28-.97.07-1.32.36-.36.95-.4 1.32-.06.54.5 1.06 1.02 1.56 1.56.1.12.17.26.2.4l.05.11ZM13 22.97v-1.93c-.02-.61-.45-1.05-1-1.04-.56.01-.98.44-.99 1.04v1.93c.01.6.43 1.03.98 1.03.57.01.99-.43 1.01-1.03ZM22.98 13H21.05c-.61-.01-1.04-.43-1.04-1 0-.55.43-.97 1.02-.98h1.94c.61 0 1.04.43 1.03 1 0 .56-.42.97-1.02.99Z" />
+      </g>
+      <path d="M11.87 8.01c2.15 0 3.93 1.8 3.93 3.99 0 2.19-1.78 4-3.93 3.98a3.97 3.97 0 0 1-3.92-4 3.97 3.97 0 0 1 3.92-3.97Zm-5.87 4a5.93 5.93 0 0 0 5.89 5.96A5.93 5.93 0 0 0 17.76 12c0-3.3-2.63-5.96-5.88-5.97-3.25 0-5.9 2.7-5.88 6v-.02Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/super-productivity.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/super-productivity.jsx
new file mode 100755
index 0000000..93ec47a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/super-productivity.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function SuperProductivity(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.3814 17.75 0 12.5 12.3711 24 24 0 11.3814 17.75Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/table-plus.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/table-plus.jsx
new file mode 100755
index 0000000..0083b53
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/table-plus.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function TablePlus(props) {
+  return (
+    <Icon {...props}>
+      <path d="m1.125 16.438-.813-.188-.312.313 1.75.937.875-1.25 1.063 4.125h2.5l.25-.438h1l1.187-3.062 1.75.625 1.188 2.875h2.874l.063-.5h1l.625-4.313 1.438-3.812 4.5.625L24 9.062 23.062 8 20.75 9.875l-1.938-3.813L14.063 3l-4.624.5.687.875-2.063.188L6.875 9l-4.313 1.125-1.437 6.313Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tailscale.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tailscale.jsx
new file mode 100755
index 0000000..98987d7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tailscale.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Tailscale(props) {
+  return (
+    <Icon {...props}>
+      <path d="M24 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm-9 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm6-6a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zM3 24a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm18 .5a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zM6 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm9-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm-3 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zM6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM3 5.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/team-speak.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/team-speak.jsx
new file mode 100755
index 0000000..7942728
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/team-speak.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function TeamSpeak(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.5 0A5.5 5.5 0 0 0 0 5.5v13A5.5 5.5 0 0 0 5.5 24h13a5.5 5.5 0 0 0 5.5-5.5v-13A5.5 5.5 0 0 0 18.5 0h-13Zm-.45 7.38V18h2.7V7.38h3.33V4.86H1.72v2.52h3.33Zm9.731 10.332c.684.312 1.488.468 2.412.468.924 0 1.722-.162 2.394-.486.684-.324 1.212-.78 1.584-1.368.384-.588.576-1.266.576-2.034 0-1.068-.3-1.944-.9-2.628-.6-.696-1.482-1.176-2.646-1.44L16.797 9.9c-.408-.096-.726-.276-.954-.54a1.558 1.558 0 0 1-.324-.99c0-.432.138-.762.414-.99.276-.24.672-.36 1.188-.36.552 0 .972.12 1.26.36.3.24.45.57.45.99h2.7c0-1.128-.396-2.022-1.188-2.682-.78-.672-1.842-1.008-3.186-1.008-.888 0-1.656.156-2.304.468a3.556 3.556 0 0 0-1.512 1.332c-.348.564-.522 1.23-.522 1.998 0 1.032.306 1.908.918 2.628.624.708 1.494 1.194 2.61 1.458l1.332.306c.432.096.768.282 1.008.558.24.276.36.606.36.99 0 .444-.162.792-.486 1.044-.312.252-.75.378-1.314.378-.588 0-1.056-.126-1.404-.378-.336-.264-.504-.618-.504-1.062h-2.7c0 .768.186 1.434.558 1.998.372.564.9 1.002 1.584 1.314Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/teams.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/teams.jsx
new file mode 100755
index 0000000..c1ea5a4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/teams.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Teams(props) {
+  return (
+    <Icon {...props}>
+      <path d="M20.248 9.83a1.983 1.983 0 0 1-1.05-1.062 2.027 2.027 0 0 1 0-1.55c.2-.478.577-.858 1.05-1.062a1.963 1.963 0 0 1 2.582 1.062 2.027 2.027 0 0 1 0 1.55c-.2.478-.577.858-1.05 1.062a1.963 1.963 0 0 1-1.532 0ZM19.044 17.25v-6h3.954v3.932c.014.354-.085.703-.282.995a2.145 2.145 0 0 1-.714.637c-.3.165-.622.279-.958.339a5.562 5.562 0 0 1-1.011.097h-.989ZM16.605 8.579a1.894 1.894 0 0 1-.765.156 1.867 1.867 0 0 1-.763-.156c-.087-.038-.145-.081-.21-.13-.069-.05-.145-.107-.272-.17V5.205c.127-.063.203-.12.272-.17a.982.982 0 0 1 .21-.13c.24-.105.5-.158.76-.156.264-.002.524.051.766.156.473.203.85.584 1.05 1.062a2.023 2.023 0 0 1 .002 1.55c-.2.478-.577.858-1.05 1.062ZM14.846 18.9a4.62 4.62 0 0 0-.251-.064V10h3.707v6.942c.013.349-.073.695-.248.995a1.953 1.953 0 0 1-.63.632c-.26.16-.547.273-.846.334a4.333 4.333 0 0 1-.891.097c-.194-.001-.388-.015-.58-.043a1.878 1.878 0 0 1-.261-.058Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.853 23 1 20.75V3.25L13.853 1v22ZM4.461 8.115l5.932-.365v1.5l-2.225.1v6.563l-1.482-.088V9.409l-2.225.09V8.115Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/telegram.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/telegram.jsx
new file mode 100755
index 0000000..798993b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/telegram.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Telegram(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1.47137906,10.7100602 L15.7673728,4.77371682 C17.1785653,4.15534771 21.9643487,2.17656658 21.9643487,2.17656658 C21.9643487,2.17656658 24.1731717,1.31084983 23.9891031,3.41330479 C23.9277469,4.27902153 23.4368974,7.30903014 22.9460478,10.5863864 L21.4121429,20.2947813 C21.4121429,20.2947813 21.2894305,21.7170303 20.2463752,21.9643779 C19.2033198,22.2117256 17.4853463,21.0986612 17.1785653,20.8513135 C16.9331406,20.6658028 12.5768506,17.8831418 10.9815895,16.5227298 C10.5520961,16.1517083 10.0612466,15.4096654 11.0429457,14.5439487 C13.2517688,12.5033306 15.8900852,9.96801729 17.4853463,8.36025762 C18.2216207,7.61821469 18.957895,5.8867812 15.8900852,7.98923616 L7.23886153,13.8637426 C7.23886153,13.8637426 6.25716238,14.4821118 4.41647649,13.9255796 C2.5757906,13.3690474 0.428323726,12.6270044 0.428323726,12.6270044 C0.428323726,12.6270044 -1.04422499,11.6994508 1.47137906,10.7100602 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/terminal.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/terminal.jsx
new file mode 100755
index 0000000..8a11afd
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/terminal.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Terminal(props) {
+  return (
+    <Icon {...props}>
+      <path d="M9.67432 12.8243L2.38645 20.1121C2.03496 20.4636 1.46511 20.4636 1.11366 20.1121L0.263607 19.2621C-0.0872808 18.9112 -0.0879557 18.3425 0.262107 17.9908L6.03794 12.1878L0.262145 6.38491C-0.0879182 6.0332 -0.0872432 5.46451 0.263645 5.11363L1.11366 4.26362C1.46515 3.91213 2.035 3.91213 2.38645 4.26362L9.67432 11.5515C10.0258 11.9029 10.0258 12.4728 9.67432 12.8243ZM24 19.6878V18.4878C24 17.9908 23.5971 17.5878 23.1 17.5878H11.7C11.203 17.5878 10.8 17.9908 10.8 18.4878V19.6878C10.8 20.1849 11.203 20.5878 11.7 20.5878H23.1C23.5971 20.5878 24 20.1849 24 19.6878Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/text.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/text.jsx
new file mode 100755
index 0000000..6b2054d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/text.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Text(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6 0a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h12a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6H6Zm.5 7.5a1.5 1.5 0 1 1 0-3h11a1.5 1.5 0 0 1 0 3h-4V18a1.5 1.5 0 1 1-3 0V7.5h-4Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/thermostat.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/thermostat.jsx
new file mode 100755
index 0000000..77a448a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/thermostat.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Thermostat(props) {
+  return (
+    <Icon {...props}>
+      <path d="M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1h-1v1h1v2h-1v1h1v2h-2V5z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/things.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/things.jsx
new file mode 100755
index 0000000..0c8b288
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/things.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Things(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M18,0 C21.3137085,-6.08718376e-16 24,2.6862915 24,6 L24,18 C24,21.3137085 21.3137085,24 18,24 L6,24 C2.6862915,24 4.05812251e-16,21.3137085 0,18 L0,6 C-4.05812251e-16,2.6862915 2.6862915,6.08718376e-16 6,0 L18,0 Z M18.7086393,7.35298367 C18.3004026,6.90437204 17.6148815,6.88012726 17.1774851,7.29883146 L17.1774851,7.29883146 L9.81766548,14.3433337 L7.84936511,12.3254383 L7.74730719,12.2330066 C7.32232518,11.8940902 6.70782506,11.9249008 6.31730089,12.3254383 C5.89423304,12.759354 5.89423304,13.4628703 6.31730089,13.8967859 L6.31730089,13.8967859 L9.02563338,16.6745623 L9.12515791,16.7649541 C9.53941942,17.0972627 10.1368988,17.078281 10.5308434,16.7011717 L10.5308434,16.7011717 L18.6558409,8.9233979 L18.7494254,8.82197071 C19.0943185,8.39803056 19.0854731,7.76708672 18.7086393,7.35298367 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/thunderbird.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/thunderbird.jsx
new file mode 100755
index 0000000..020ace1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/thunderbird.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Thunderbird(props) {
+  return (
+    <Icon {...props}>
+      <path d="M23.7296 10.23c-.225-1.1996-.6936-2.3617-1.3308-3.4113-.1806-.3233-.4172-.6295-.6186-.9185-1.3495-1.8931-2.418-2.5304-2.6241-2.6429-.1874-.1312-.3749-.2624-.5623-.3748-1.7432-1.0872-2.8678-1.2371-2.8678-1.2371-.806-.3374-1.5932-.5248-2.1743-.6186-1.2558-.15-2.3055-.1312-3.2239 0 .15-.2624.2812-.356.3186-.3748.0232 0 .0166 0 0 0-.4498.0375-.9934.3374-1.4807.6373C9.503.6333 10.2153.2583 10.309.202h.0187C9.7655.1646 8.1723.5208 6.804 2.0391 2.549 3.8196 0 7.7183 0 11.973c0 3.224 1.2558 5.5482 2.6241 7.0852 1.2933 1.4058 2.7179 2.1555 3.3926 2.3617.0708.0279.225.0375.225.0375.0187-.0562-.8622-1.462-1.2559-3.149.7873.806 1.7245 1.4246 2.7741 1.537.1125.0188-.3749-.581-.8997-1.3682l.7123.2436 7.8161 2.6054c-.7685.7872-1.7994 1.5557-3.2052 2.2305 0 0 3.149-.2624 4.7047-2.0056-.6373 1.462-2.3805 2.2493-2.3805 2.2493 1.2746-.1875 4.6485-1.1809 6.7853-3.8612 2.4367-3.0365 3.1677-5.8856 2.4367-9.7093zm-6.223 7.1039c-.2436 1.1808-.7497 2.493-1.893 3.7487L1.7993 16.4904c-.3936-1.2558-.581-2.7178-.4686-4.4235.2437.4499.9747.8247 1.4245.8435-1.0496-2.343-.6373-3.955.15-5.0233a635.68 635.68 0 0 1 1.0309 1.5182v-.1125c.0187-.15.0375-.2624.075-.3748-.3562-.5249-.656-.9747-.881-1.2934.4311-.4873.9184-.8434 1.3496-1.0871.0187.2062.0562.3936.1124.6185.075.3187.0937.7873.0562 1.1622v-.0188c0 .075-.0187.15-.0374.225-.0188.075-.225.281-.2812.8247-.0562.581.15.8997.3561 1.1433.2437-.2249.6936-.7872 1.5183-1.1059.8247-.3373 1.3683-.8247 2.418-1.3495.6185-.3186 1.2745-.2812 2.0992-.2437 1.4808.2624 3.4301.7873 5.2483.881.4123.9747.581 2.3804.581 2.418 0 .1311.0188.2436.0188.356-3.224 1.2184-7.0102 2.6054-8.6034 3.0178-.1312.0375-1.5183-1.968-2.8116-3.88-.0187.0375-.0562.0563-.075.075-.0374.0375-.075.075-.0937.1125h-.1124c1.387 2.043 2.8678 4.161 3.0177 4.161 1.4058-.506 5.6044-1.9493 8.6596-2.9989-.0187 2.3055-.581 3.1677-.581 3.1677s.7685-.3 1.5557-1.0871c0 .6372-.1687 2.2867-1.4995 3.8799 0 0 .6935-.1874 1.4807-.5623Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tick-tick.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tick-tick.jsx
new file mode 100755
index 0000000..6efffcb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tick-tick.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function TickTick(props) {
+  return (
+    <Icon {...props}>
+      <path d="M8.948,9.516l-1.691,2.08m-0,-0l3.799,3.128m0,0c0.457,0.412 1.454,0.791 2.328,-0.3m-4.436,-4.908l2.968,2.437m0,0l6.368,-7.963m2.086,1.686l-2.086,-1.686m2.086,1.686l-6.986,8.748m4.9,-10.434l2.086,1.686l-2.086,-1.686Zm-6.368,7.963l8.454,-6.277l-2.086,-1.686l-6.368,7.963Zm8.454,-6.277l-6.986,8.748l-1.468,-2.471m0,0l-0.86,2.771l2.328,-0.3l-1.468,-2.471Zm0,0l-2.968,-2.437l-1.691,2.08l3.799,3.128l0.86,-2.771Zm-0.021,-10.147c-2.704,0.027 -5.286,1.128 -7.178,3.059c-3.939,4.02 -3.873,10.48 0.147,14.418c4.019,3.938 10.479,3.872 14.417,-0.147c1.893,-1.931 2.941,-4.535 2.913,-7.239l-2.549,0.026c0.021,2.028 -0.765,3.981 -2.184,5.429c-2.954,3.015 -7.799,3.064 -10.814,0.111c-3.014,-2.954 -3.063,-7.799 -0.11,-10.814c1.42,-1.448 3.356,-2.274 5.384,-2.294l-0.026,-2.549Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tidal.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tidal.jsx
new file mode 100755
index 0000000..ae8b104
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tidal.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Tidal(props) {
+  return (
+    <Icon {...props}>
+      <path d="M 8.000199 7.999472 L 3.9996765 3.999795 L 0 7.999472 L 3.9996765 11.999994 Z M 12.000882 11.99941 L 15.999887 7.999558 L 20.000323 11.999994 L 24 7.999472 L 20.000323 3.999795 L 16.000223 7.99905 L 12.000633 4.000305 L 8.00011 7.999136 L 12.000384 11.99941 L 8.00011 15.999683 L 12.000633 20.000205 L 16.00031 15.999683 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/todoist.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/todoist.jsx
new file mode 100755
index 0000000..c834873
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/todoist.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Todoist(props) {
+  return (
+    <Icon {...props}>
+      <path d="M0,8.6.68,9c1.19.69,2.38,1.37,3.57,2.07a1.17,1.17,0,0,0,1.28,0c2.07-1.21,4.15-2.4,6.22-3.6l3.32-1.88a.41.41,0,0,0,0-.76l-.71-.4a.82.82,0,0,0-.88,0L12,5.28,5.46,9A1.06,1.06,0,0,1,4.3,9Q2.23,7.82.13,6.61A.25.25,0,0,1,0,6.38,11.54,11.54,0,0,1,.27,3.76,4.76,4.76,0,0,1,4,.21,7.7,7.7,0,0,1,5.77,0C9.59,0,13.4,0,17.22,0a13.31,13.31,0,0,1,2.52.19A4.86,4.86,0,0,1,23.58,4a8.59,8.59,0,0,1,.17,1.59c0,4,0,8,0,11.94A8.81,8.81,0,0,1,23.53,20a4.79,4.79,0,0,1-3.87,3.59,10.15,10.15,0,0,1-2.13.17c-3.75,0-7.51,0-11.26,0a9.23,9.23,0,0,1-2.51-.25A4.8,4.8,0,0,1,.18,19.61,14,14,0,0,1,0,16.79s0,0,0-.06L.46,17c1.26.73,2.53,1.45,3.79,2.19a1.15,1.15,0,0,0,1.27,0l6.24-3.6,3.3-1.88a.4.4,0,0,0,0-.75l-.67-.39a.82.82,0,0,0-.91,0l-1.38.8L5.44,17.16a1.07,1.07,0,0,1-1.12,0L.12,14.71c-.07,0-.12-.07-.12-.17,0-.59,0-1.17,0-1.76,0,0,0-.06,0-.11l.15.08,4.12,2.37a1,1,0,0,0,.79.18,2.09,2.09,0,0,0,.41-.17l6.25-3.6,3.34-1.91a.41.41,0,0,0,.26-.36.4.4,0,0,0-.26-.38l-.71-.41a.79.79,0,0,0-.85,0L12,9.33,5.48,13.09a1.09,1.09,0,0,1-1.19,0L.14,10.67A.22.22,0,0,1,0,10.44c0-.55,0-1.11,0-1.66Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tor-browser.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tor-browser.jsx
new file mode 100755
index 0000000..93408a6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tor-browser.jsx
@@ -0,0 +1,15 @@
+import Icon from "../icon.jsx";
+
+export default function TorBrowser(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.02 21.82v-1.46a8.36 8.36 0 0 0 0-16.72V2.18a9.82 9.82 0 0 1 0 19.64Zm0-5.1a4.73 4.73 0 0 0 0-9.45V5.82a6.18 6.18 0 0 1 0 12.36v-1.45Zm0-7.26a2.54 2.54 0 0 1 0 5.08V9.46ZM0 12a12 12 0 1 0 24 0 12 12 0 0 0-24 0Z"
+      />
+      <path d="M12 1.36A10.8 10.8 0 0 0 1.17 12.14 10.8 10.8 0 0 0 12 22.92V1.36Z" />
+      <path d="M12 1.36A10.8 10.8 0 0 0 1.17 12.14 10.8 10.8 0 0 0 12 22.92V1.36Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tower.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tower.jsx
new file mode 100755
index 0000000..9ddfd43
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/tower.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function Tower(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.7 1H18v1h1.1l-.9 3.8H17v.9h.7V8h.7l.2 1.3h.7l.8 2.4-3 5.2H17V22h-1v.9H8v-1h-.8V17H7l-3-5.2.9-2.4h.5L5.5 8h.8V6.7h.6v-1H5.6L4.6 2h1V1zm3.2 4.8v.9h.6v-1h-.6zm2.6 0v.9h1v-1h-1zm3 0v.9h.5v-1h-.5zm-5.3 11v3.3h.3v-3.2h-.3zm2.3 0v3.3h1.2v-3.2h-1.2zm3.2 0v3.3h.2v-3.2h-.2zm-3.6-2h2l1.1-2.2H10L11 15zm-3.5-2.2L8.8 15H8l-1.3-2.3h1zm8.9 0L15.3 15h.7l1.3-2.3h-.8z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/transmit.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/transmit.jsx
new file mode 100755
index 0000000..d9b3c53
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/transmit.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Transmit(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M21.3333333,4 C21.3333333,4 16.4844444,4 13.3333333,4 C10.6666667,4 10.6666667,6.61538462 10.6666667,6.61538462 L10.6666667,16.5538462 C10.6666667,16.5538462 10.6666667,17.0769231 11.2,17.0769231 C12.3479111,17.0769231 15.2590222,17.0769231 15.2590222,17.0769231 C15.7943111,15.7397641 17.1144889,14.7884615 18.6666667,14.7884615 C20.2188444,14.7884615 21.5390222,15.7397641 22.0743111,17.0769231 L23.4666667,17.0769231 C23.4666667,17.0769231 24,17.0769231 24,16.5622154 C24,14.8643077 24,9.39152821 24,6.61538462 C24,4 21.3333333,4 21.3333333,4 Z M6.66666667,15.7692308 C5.19395556,15.7692308 4,16.9402256 4,18.3846154 C4,19.8288308 5.19395556,21 6.66666667,21 C8.13937778,21 9.33333333,19.8288308 9.33333333,18.3846154 C9.33333333,16.9402256 8.13937778,15.7692308 6.66666667,15.7692308 Z M8,6.61538462 C8,6.61538462 3.46666667,6.61538462 3.2,6.61538462 C2.93333333,6.61538462 2.71751111,7.10794872 2.71751111,7.10794872 L0,11.8461538 L0.719644444,16.6009231 C0.719644444,16.6009231 0.8,17.0769231 1.33333333,17.0769231 C1.86666667,17.0769231 3.2592,17.0769231 3.2592,17.0769231 C3.7936,15.7397641 5.11324444,14.7884615 6.66666667,14.7884615 C7.56284444,14.7884615 8.37848889,15.1082359 9.01368889,15.6330564 C9.12604444,15.7258154 9.33333333,15.7692308 9.33333333,15.5076923 L9.33333333,7.88210256 C9.33333333,6.61538462 8,6.61538462 8,6.61538462 Z M6.66666667,11.8461538 L1.91662222,11.8461538 L4,8.18461538 L6.66666667,8.18461538 L6.66666667,11.8461538 Z M18.6666667,15.7692308 C17.1939556,15.7692308 16,16.9402256 16,18.3846154 C16,19.8288308 17.1939556,21 18.6666667,21 C20.1393778,21 21.3333333,19.8288308 21.3333333,18.3846154 C21.3333333,16.9402256 20.1393778,15.7692308 18.6666667,15.7692308 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/trello.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/trello.jsx
new file mode 100755
index 0000000..b999e0b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/trello.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Trello(props) {
+  return (
+    <Icon {...props}>
+      <path d="M 20.5 2 L 4.5 2 C 3.121094 2 2 3.121094 2 4.5 L 2 20.5 C 2 21.878906 3.121094 23 4.5 23 L 20.5 23 C 21.878906 23 23 21.878906 23 20.5 L 23 4.5 C 23 3.121094 21.878906 2 20.5 2 Z M 10.5 18 C 10.5 18.550781 10.050781 19 9.5 19 L 6 19 C 5.449219 19 5 18.550781 5 18 L 5 6 C 5 5.449219 5.449219 5 6 5 L 9.5 5 C 10.050781 5 10.5 5.449219 10.5 6 Z M 20 12 C 20 12.550781 19.550781 13 19 13 L 15.5 13 C 14.949219 13 14.5 12.550781 14.5 12 L 14.5 6 C 14.5 5.449219 14.949219 5 15.5 5 L 19 5 C 19.550781 5 20 5.449219 20 6 Z M 20 12 " />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/twitter.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/twitter.jsx
new file mode 100755
index 0000000..6a6e18b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/twitter.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Twitter(props) {
+  return (
+    <Icon {...props}>
+      <path d="M7.54752,22 C16.60416,22 21.55776,14.3048027 21.55776,7.63156222 C21.55776,7.41299342 21.55776,7.19540915 21.54336,6.97880943 C22.5070381,6.26394259 23.3389013,5.3788064 24,4.36484463 C23.1013239,4.7732353 22.1479961,5.04105778 21.17184,5.15937179 C22.1997542,4.5282613 22.9690786,3.53563394 23.33664,2.36621995 C22.3700712,2.9544411 21.3126203,3.36899003 20.20992,3.59197745 C18.6835995,1.92750143 16.2582906,1.52011507 14.2939673,2.59825725 C12.329644,3.67639943 11.314824,5.97194143 11.81856,8.19767513 C7.85941991,7.99412016 4.17069675,6.07630069 1.6704,2.92150286 C0.363477846,5.22892464 1.03102837,8.18079953 3.19488,9.66267687 C2.41127155,9.63885833 1.6447482,9.42206725 0.96,9.03059951 C0.96,9.05127493 0.96,9.07293491 0.96,9.09459488 C0.960641408,11.498451 2.61288143,13.5688905 4.9104,14.044883 C4.18547481,14.2476401 3.42487736,14.2772791 2.68704,14.1315229 C3.33211001,16.188652 5.18071158,17.5978902 7.28736,17.6384693 C5.54374564,19.0438391 3.38981713,19.8067582 1.17216,19.8044665 C0.780387426,19.8036951 0.388995903,19.779368 0,19.7316102 C2.25181051,21.2136215 4.87191687,21.9997213 7.54752,21.9960618" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/up-arrow.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/up-arrow.jsx
new file mode 100755
index 0000000..f17cb93
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/up-arrow.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function UpArrow(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fill="var(--green)"
+        d="M0 16.67l2.829 2.83 9.175-9.339 9.167 9.339 2.829-2.83-11.996-12.17z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/upload.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/upload.jsx
new file mode 100755
index 0000000..b3b23a1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/upload.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Upload(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11 22a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM11 16a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0v-3ZM11 4a1 1 0 1 1 2 0v9a1 1 0 1 1-2 0V4Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.293 1.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1-1.414 1.414L12 3.414 5.707 9.707a1 1 0 0 1-1.414-1.414l7-7Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vim.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vim.jsx
new file mode 100755
index 0000000..29b4434
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vim.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Vim(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1 1L0 2v2h1v19h4L24 4V2l-1-1h-8l-1 1v2h1l-6 7V4h1V2L9 1H1z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vivaldi.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vivaldi.jsx
new file mode 100755
index 0000000..7baa302
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vivaldi.jsx
@@ -0,0 +1,14 @@
+import Icon from "../icon.jsx";
+
+export default function Vivaldi(props) {
+  return (
+    <Icon {...props}>
+      <path d="M13.734 18.322c1.482-2.582 2.963-5.16 4.445-7.737.179-.312.253-.645.2-1-.106-.826-.95-1.424-1.761-1.244-.996.223-1.487 1.255-1.028 2.175.168.334.248.694.253 1.117l-.007.082a2.397 2.397 0 01-2.534 2.289c-.87-.053-1.524-.471-1.967-1.217a48.88 48.88 0 01-.58-1c-.106-.184-.21-.368-.316-.55l-.527-.915c-.238-.417-.477-.833-.718-1.245-.305-.524-.77-.804-1.37-.773-1.14.059-1.782 1.27-1.213 2.265.345.606.692 1.21 1.04 1.813a785.449 785.449 0 011.087 1.896c.785 1.37 1.571 2.743 2.365 4.108.311.53.796.788 1.408.746.548-.042.949-.328 1.223-.81z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.4 24.8c-5.257 0-8.177 0-10.091-1.905C.4 20.985.4 18.063.4 12.803.4 7.543.4 4.62 2.309 2.71 4.223.8 7.143.8 12.4.8s8.178 0 10.091 1.905C24.4 4.615 24.4 7.537 24.4 12.797c0 5.26 0 8.182-1.909 10.093-1.913 1.91-4.834 1.91-10.091 1.91zM6.01 6.452c3.511-3.514 9.2-3.514 12.706 0 3.512 3.509 3.512 9.203 0 12.717-3.511 3.514-9.2 3.514-12.706 0-3.506-3.509-3.506-9.203 0-12.717z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vl-c.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vl-c.jsx
new file mode 100755
index 0000000..08be0f6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vl-c.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function VLC(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.484,13.463 C15.241,13.463 16.338,12.116 16.549,11.789 L15.189,7.455 C14.829,7.795 13.862,8.392 11.509,8.392 C9.217,8.392 8.321,7.825 7.989,7.482 L6.599,11.904 C6.827,12.265 7.854,13.464 11.484,13.464 L11.484,13.463 Z M11.51,3.807 C12.3278545,3.79786067 13.1356496,3.62549025 13.886,3.3 L13.028,0.566 C12.9558148,0.37235421 12.8098209,0.215213036 12.622,0.129 C12.622,0.129 12.507,0 11.625,0 C10.743,0 10.57,0.136 10.57,0.136 C10.3787658,0.215037305 10.2298465,0.371220911 10.16,0.566 L9.276,3.381 C9.99131727,3.64795732 10.7466392,3.79198916 11.51,3.807 L11.51,3.807 Z M22.183,23.319 C22.1886935,23.2651338 22.1832473,23.2106722 22.167,23.159 L19.833,15.527 C19.7449724,15.2777167 19.5141374,15.1070651 19.25,15.096 L17.587,15.096 L17.787,15.736 C17.547,16.221 16.299,18.116 11.484,18.116 C6.884,18.116 5.656,16.386 5.374,15.808 L5.597,15.096 L3.936,15.096 C3.67186257,15.1070651 3.44102757,15.2777167 3.353,15.527 L1.019,23.16 C1.00381596,23.2084576 0.998045517,23.2593733 1.002,23.31 L1,23.33 C1.00334307,23.4057553 1.0113583,23.4812321 1.024,23.556 C1.06406965,23.8081189 1.27877691,23.9954615 1.534,24.001 L21.653,24.001 C21.9082231,23.9954615 22.1229303,23.8081189 22.163,23.556 C22.1753066,23.4812113 22.1829878,23.4057346 22.186,23.33 L22.183,23.319 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vmware-fusion.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vmware-fusion.jsx
new file mode 100755
index 0000000..3ac1b60
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vmware-fusion.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function VMwareFusion(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M14.7931034,0 C16.1505813,0 17.2536047,1.08944868 17.2755295,2.44170167 L17.2758621,2.48275862 L17.2758621,6.72413793 L21.5172414,6.72413793 C22.8884311,6.72413793 24,7.83570683 24,9.20689655 L24,21.5172414 C24,22.8884311 22.8884311,24 21.5172414,24 L9.20689655,24 C7.83570683,24 6.72413793,22.8884311 6.72413793,21.5172414 L6.72413793,17.2758621 L2.48275862,17.2758621 C1.12528079,17.2758621 0.02225734,16.1864134 0.000332618721,14.8341604 L0,14.7931034 L0,2.48275862 C0,1.12528079 1.08944868,0.02225734 2.44170167,0.000332618721 L2.48275862,0 L14.7931034,0 Z M12.4137931,4.24137931 L4.75862069,4.24137931 C4.42361411,4.24137931 4.15059602,4.50678361 4.13835915,4.83879949 L4.13793103,4.86206897 L4.13793103,12.5172414 L4.13835915,12.5405109 C4.15031145,12.8648054 4.41105663,13.1255506 4.73535121,13.1375029 L4.75862069,13.137931 L6.72413793,13.137931 L6.72413793,9.79301127 C6.72413793,9.62161255 6.86308404,9.48266644 7.03448276,9.48266644 C7.11682423,9.48266644 7.19579043,9.51538947 7.25399682,9.57363149 L14.4221152,16.7461375 C14.5432754,16.8673717 14.5432152,17.0638712 14.421981,17.1850313 C14.3637855,17.2431912 14.2848769,17.2758621 14.2026012,17.2758621 L10.862069,17.2758621 L10.862069,17.2758621 L10.862069,19.137931 C10.862069,19.4807285 11.1399612,19.7586207 11.4827586,19.7586207 L19.137931,19.7586207 C19.4729376,19.7586207 19.7459557,19.4932164 19.7581926,19.1612005 L19.7586207,19.137931 L19.7586207,11.4827586 C19.7586207,11.147752 19.4932164,10.874734 19.1612005,10.8624971 L19.137931,10.862069 L17.2758621,10.862069 L17.2758621,14.2986454 C17.2758621,14.4700441 17.136916,14.6089903 16.9655172,14.6089903 C16.8832922,14.6089903 16.8044278,14.5763594 16.7462408,14.5182627 L9.47078596,7.25410006 C9.34949467,7.13299703 9.34934206,6.93649761 9.47044509,6.81520633 C9.52865983,6.75690109 9.6076703,6.72413793 9.69006239,6.72413793 L13.0344828,6.72413793 L13.0344828,6.72413793 L13.0344828,4.86206897 L13.0340546,4.83879949 C13.0218178,4.50678361 12.7487997,4.24137931 12.4137931,4.24137931 Z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-high.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-high.jsx
new file mode 100755
index 0000000..b11c5e3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-high.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function VolumeHigh(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.4332 4.0987A1 1 0 0 1 12 5v14a1 1 0 0 1-1.6247.7809L5.6493 16H2c-.5523 0-1-.4477-1-1V9c0-.5523.4477-1 1-1h3.6492l4.7261-3.7809a1 1 0 0 1 1.0579-.1204ZM10 7.0807 6.6247 9.7808A1 1 0 0 1 6 10H3v4h3c.227 0 .4474.0773.6247.2191L10 16.9194V7.0806ZM18.363 4.2227c.3906-.3904 1.0238-.3903 1.4143.0002a11.0003 11.0003 0 0 1 0 15.554c-.3905.3906-1.0237.3907-1.4143.0002-.3905-.3904-.3906-1.0236-.0002-1.4142a8.9996 8.9996 0 0 0 0-12.726c-.3904-.3906-.3903-1.0237.0002-1.4142Zm-3.53 3.53c.3906-.3904 1.0238-.3903 1.4143.0002a6 6 0 0 1 0 8.484c-.3905.3906-1.0237.3907-1.4143.0002-.3905-.3904-.3906-1.0236-.0002-1.4142a3.9999 3.9999 0 0 0 0-5.656c-.3904-.3905-.3903-1.0237.0002-1.4142Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-low.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-low.jsx
new file mode 100755
index 0000000..7da65d4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-low.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function VolumeLow(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.4332 4.0987A1 1 0 0 1 12 5v14a1 1 0 0 1-1.6247.7809L5.6493 16H2c-.5523 0-1-.4477-1-1V9c0-.5523.4477-1 1-1h3.6492l4.7261-3.7809a1 1 0 0 1 1.0579-.1204ZM10 7.0807 6.6247 9.7808A1 1 0 0 1 6 10H3v4h3c.227 0 .4474.0773.6247.2191L10 16.9194V7.0806ZM14.833 7.7527c.3906-.3904 1.0238-.3903 1.4143.0003a6.0002 6.0002 0 0 1 0 8.484c-.3905.3905-1.0237.3906-1.4143.0002-.3905-.3905-.3906-1.0237-.0002-1.4142a4.0002 4.0002 0 0 0 0-5.656c-.3904-.3906-.3903-1.0238.0002-1.4143Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-muted.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-muted.jsx
new file mode 100755
index 0000000..b7ca410
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/volume-muted.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function VolumeMuted(props) {
+  return (
+    <Icon {...props}>
+      <path d="M11.4332 4.0987A1 1 0 0 1 12 5v14a1 1 0 0 1-1.6247.7809L5.6493 16H2c-.5523 0-1-.4477-1-1V9c0-.5523.4477-1 1-1h3.6492l4.7261-3.7809a1 1 0 0 1 1.0579-.1204ZM10 7.0807 6.6247 9.7808A1 1 0 0 1 6 10H3v4h3c.227 0 .4474.0773.6247.2191L10 16.9194V7.0806ZM23.7071 8.2929c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142l6-6c.3905-.3905 1.0237-.3905 1.4142 0Z" />
+      <path d="M16.2929 8.2929c.3905-.3905 1.0237-.3905 1.4142 0l6 6c.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0l-6-6c-.3905-.3905-.3905-1.0237 0-1.4142Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vp-n-off.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vp-n-off.jsx
new file mode 100755
index 0000000..7c2ae8b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vp-n-off.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function VPNOff(props) {
+  return (
+    <Icon {...props}>
+      <path d="M18 1.5c2.481 0 4.5 2.019 4.5 4.5v4.5h-3v-4.5c0-0.827-0.673-1.5-1.5-1.5h-3c-0.827 0-1.5 0.673-1.5 1.5v4.5h0.375c0.619 0 1.125 0.506 1.125 1.125v11.25c0 0.619-0.506 1.125-1.125 1.125h-12.75c-0.619 0-1.125-0.506-1.125-1.125v-11.25c0-0.619 0.506-1.125 1.125-1.125h9.375v-4.5c0-2.481 2.019-4.5 4.5-4.5h3z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vp-n.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vp-n.jsx
new file mode 100755
index 0000000..a73a27a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vp-n.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function VPN(props) {
+  return (
+    <Icon {...props}>
+      <path d="M13.875 10.5h-0.375v-4.5c0-2.481-2.019-4.5-4.5-4.5h-3c-2.481 0-4.5 2.019-4.5 4.5v4.5h-0.375c-0.619 0-1.125 0.506-1.125 1.125v11.25c0 0.619 0.506 1.125 1.125 1.125h12.75c0.619 0 1.125-0.506 1.125-1.125v-11.25c0-0.619-0.506-1.125-1.125-1.125zM4.5 6c0-0.827 0.673-1.5 1.5-1.5h3c0.827 0 1.5 0.673 1.5 1.5v4.5h-6v-4.5z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vs-codium.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vs-codium.jsx
new file mode 100755
index 0000000..26f51b4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/vs-codium.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function VSCodium(props) {
+  return (
+    <Icon {...props}>
+      <path d="M15.490073,0.41500893 C15.6570368,0.16641908 15.9559292,0.0010370577 16.2696021,0 C16.709182,-0.00103020955 17.1274126,0.23205506 17.3819638,0.563852738 C17.6217347,0.881179469 17.6956367,1.28223086 17.6961841,1.66519361 C17.6923522,2.20371881 17.5609709,2.73294127 17.4044082,3.24820961 C17.0130013,4.46428427 16.4814544,5.6353957 16.0845734,6.84991989 C15.6471832,8.22827568 15.4375205,9.76426117 16.0249044,11.1327974 C16.3320082,10.3234591 16.6358275,9.51257042 16.9418364,8.70219852 C17.0288766,8.48823553 17.1432878,8.24481385 17.3863432,8.15695465 C17.7246501,8.04325454 18.069526,8.37660265 18.0596724,8.68514351 C17.9671581,9.13477588 17.7876036,9.56321866 17.6463687,10.0004474 C16.5017091,13.2491704 15.2196465,16.4529302 13.9852096,19.6721946 C15.6269285,18.2550774 17.2735742,16.8431284 18.9174829,15.4285953 C19.3904556,15.0218589 19.9033901,14.5789452 20.048457,13.9644476 C20.1929764,13.3613201 19.9241921,12.7628439 19.619278,12.2449915 C19.2672856,11.6268761 18.817852,11.0392532 18.6525306,10.3436151 C18.5693224,9.98339233 18.5945038,9.56890366 18.8517922,9.27380011 C19.0373683,9.05156801 19.3751278,8.93683426 19.6603347,9.04536621 C19.9417096,9.14666268 20.1114105,9.40197117 20.2444341,9.64280875 C20.6911305,10.4888411 20.9697684,11.41343 21.0655672,12.354557 C21.3704814,11.7736527 21.6792274,11.1948156 21.984689,10.6144281 C22.1691702,10.272294 22.332302,9.90535271 22.6317419,9.63505648 C22.8123912,9.46657352 23.0757012,9.36062567 23.3308,9.41540848 C23.6504945,9.4820781 23.8749375,9.7565089 23.9608828,10.0417929 C24.058324,10.3446487 23.9554086,10.6599082 23.8519458,10.9477762 C23.5437472,11.7524631 23.059826,12.4806608 22.5934224,13.2093753 C21.9430849,14.174276 21.2522382,15.1159199 20.4984379,16.0115669 C20.9292591,15.7397202 21.3830721,15.4539194 21.910787,15.3970694 C22.410036,15.3340175 22.9618374,15.6099987 23.1271589,16.0699674 C23.2377382,16.3831596 23.0587312,16.7376974 22.7581964,16.8906757 C22.3175216,17.1227274 21.7958284,17.1196264 21.3058856,17.1402992 C19.528406,17.1862961 17.795815,18.0126894 16.6927594,19.3279932 C15.8223582,20.3771354 15.3778515,21.6805524 14.4943122,22.7209087 C13.9370365,23.3550454 13.1499268,24.1510553 12.2838217,23.975228 C11.1304033,23.7410734 11.1304033,22.0392247 10.8430067,21.1957764 C10.6946553,20.7704345 10.4165648,20.3817868 10.0306323,20.1166587 C9.69342023,19.8815062 9.28942271,19.7466164 8.88104583,19.6727114 C7.94385915,19.502678 6.97711171,19.5926045 6.04211471,19.4101674 C5.57406883,19.3202409 5.11313939,19.1429721 4.75567275,18.8375322 C4.41517619,18.5553491 4.17978471,18.1775546 4.01665291,17.7821882 C3.66411307,16.921168 3.59240075,15.9867596 3.27927531,15.1148863 C2.82600979,13.8595334 1.92933239,12.7499234 0.761133591,12.0129398 C0.514793631,11.8558269 0.247104231,11.7028485 0.0878043913,11.4578764 C-0.0419346487,11.2666534 -0.0304387687,10.9948067 0.139262071,10.8278743 C0.425563831,10.5338044 0.942877751,10.5095139 1.27352067,10.7529356 C1.95122927,11.2067025 2.04921783,12.0883953 2.68094295,12.5819573 C2.68203779,11.7674509 2.67765843,10.9534612 2.67601615,10.1394716 C2.67820583,9.90431908 2.65028731,9.65107786 2.77509955,9.43711486 C2.88841591,9.23452188 3.20208879,9.17973911 3.38438035,9.33168382 C3.63072031,9.52652453 3.70571715,9.8443681 3.74075215,10.1322362 C3.86337471,11.2542498 3.98161787,12.3767803 4.10478787,13.4993107 C4.72392227,12.9742228 5.00858179,12.1219886 4.80822527,11.3576135 C4.74746143,11.1136751 4.64892543,10.8625011 4.70476251,10.6092599 C4.75019855,10.3968474 4.98887459,10.2474868 5.21386507,10.2852145 C5.46677407,10.3177741 5.64742339,10.5224344 5.74212739,10.7327796 C5.89321591,11.0811155 5.89376335,11.4692464 5.86310771,11.8392887 C5.77333047,12.6822202 5.39560919,13.4605493 5.13503627,14.2626521 C4.88103243,14.9706938 4.70640475,15.7572921 4.96095607,16.4885907 C5.18758879,17.172342 5.76238203,17.7129345 6.43680607,18.019408 C7.26943511,18.4054717 8.20716919,18.5253736 9.12464867,18.5594836 C8.56682551,17.6379957 7.96028183,16.6627586 7.97068283,15.5665859 C7.98163127,14.462661 8.72503051,13.5329039 8.92593443,12.4677404 C9.26807323,10.70022 8.42340091,8.77920451 6.85065719,7.765206 C6.15214659,7.31195594 5.31349591,7.11039659 4.59582551,6.69022288 C3.94658287,6.31501243 3.36357831,5.64728254 3.46539883,4.88704209 C3.95862615,4.70667232 4.50933279,4.8219229 4.95438699,5.06379412 C5.82424071,5.50205643 6.37768447,6.33310108 7.25191759,6.7646448 C7.55902139,6.92279135 7.91101383,7.00083101 8.26081655,6.98067506 C8.45022459,6.55223228 8.26081655,6.07210759 7.95535503,5.73824264 C7.38056179,5.08446686 6.41052979,4.92580348 5.80946031,4.30096955 C5.50837815,3.97485688 5.34031959,3.5086863 5.46677407,3.08231079 C5.56968943,2.74534491 5.93919935,2.51587737 6.30706703,2.54120149 C6.85175203,2.57324425 7.32089279,2.89522239 7.69313983,3.24976008 C8.92538699,4.4126024 9.63429863,5.99406797 9.91238907,7.60137445 C10.2408424,9.49706584 9.98574363,11.4310018 9.58119871,13.2977514 C9.50565443,13.67813 9.36441955,14.0683282 9.46897715,14.4564591 C9.51386579,14.6363121 9.65126871,14.82185 9.86202623,14.8378714 C10.15216,14.8554432 10.3919308,14.6688717 10.6032358,14.5055569 C11.2639743,13.9959736 11.7889521,13.310155 12.0057312,12.5245904 C12.1748847,11.9519552 12.1798115,11.3524454 12.1677682,10.7627551 C12.1710527,10.4676516 12.148061,10.1420557 12.334732,9.88674723 C12.4683029,9.68932245 12.71738,9.5342768 12.9735736,9.59164368 C13.1744775,9.62782101 13.3168072,9.79216939 13.3781185,9.96840459 C13.4766545,10.2583399 13.4618741,10.5715321 13.4022051,10.8676693 C13.2133444,11.6842431 13.0425487,12.51167 12.7004099,13.2868982 C12.4589968,13.843512 12.1327332,14.3727345 11.6909635,14.8089295 C11.2037578,15.2962897 10.602141,15.6870047 10.2096393,16.2549886 C9.94194987,16.6431195 9.76896447,17.1253115 9.88501799,17.5888979 C9.96986839,17.9589402 10.2682135,18.2607624 10.6278698,18.4147744 C11.1517528,18.6406242 11.7878572,18.6292542 12.2986021,18.3749793 C12.7036944,18.1682518 12.9916385,17.8106132 13.2210084,17.443155 C13.6250059,16.7821438 13.8697036,16.0482611 14.0727972,15.3133447 C14.3853752,14.1267287 14.569309,12.9101373 14.6415687,11.6894112 C14.7242295,10.3854774 14.4735102,9.0370971 13.7771892,7.89802847 C13.4071319,7.28818225 12.8837963,6.76877937 12.2723258,6.37134567 C11.7216192,5.98476523 11.1161703,5.64986665 10.6694739,5.14906921 C10.2517908,4.6849659 9.96220447,4.05858151 10.1143878,3.44253349 C10.4001422,3.27301693 10.7608934,3.24355824 11.0773034,3.34950612 C11.6745409,3.54124589 12.1420394,3.99397916 12.443669,4.5061466 C12.8531407,5.10979098 13.1947321,5.82816911 13.9162344,6.15583225 C13.3293979,5.06586138 12.7239491,3.98519326 12.1299961,2.89884012 C11.9367561,2.53189875 11.7462532,2.13084736 11.796616,1.71119048 C11.8332933,1.39127965 12.148061,1.12873569 12.4880101,1.13028616 C12.7896397,1.13131979 13.072657,1.2915336 13.2522114,1.51479934 C13.4574947,1.76597329 13.5554832,2.07554775 13.6479976,2.37633631 C14.1215177,3.93196092 14.5944904,5.48706869 15.0696528,7.0421765 C15.6668904,5.96822701 15.919252,4.72372733 15.7495511,3.51850588 C15.6751017,2.87971781 15.4763874,2.26263615 15.3187299,1.63935266 C15.2114352,1.23158263 15.243733,0.774197993 15.490073,0.41500893 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/warp.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/warp.jsx
new file mode 100755
index 0000000..a3e83e5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/warp.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Warp(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12.285,2.4 L21.345,2.4 C22.811,2.4 24,3.629 24,5.144 L24,15.798 C24,17.313 22.811,18.542 21.345,18.542 L8.379,18.542 L12.285,2.4 Z" />
+      <path d="M9.931,5.458 L2.633,5.458 C1.179,5.458 0,6.687 0,8.202 L0,18.856 C0,20.371 1.179,21.6 2.633,21.6 L11.616,21.6 L11.976,20.098 L6.42,20.098 L9.931,5.458 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/web-storm.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/web-storm.jsx
new file mode 100755
index 0000000..3d75c80
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/web-storm.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function WebStorm(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1 1v22h22V1H1zm16.398 2.648c1.324 0 2.445.407 3.362 1.172L19.74 6.348c-.815-.56-1.578-.917-2.343-.917-.764 0-1.171.357-1.171.815v.051c0 .612.407.815 1.935 1.222 1.833.51 2.852 1.172 2.852 2.75v.052c0 1.833-1.375 2.851-3.31 2.851-1.376-.05-2.75-.56-3.82-1.528l1.171-1.426c.815.662 1.68 1.12 2.699 1.12.815 0 1.273-.305 1.273-.865v-.052c0-.51-.305-.763-1.833-1.171-1.833-.458-2.954-.968-2.954-2.801v-.052c0-1.68 1.324-2.75 3.157-2.75l.001.001zM2.63 3.852h2.088l1.375 5.296 1.579-5.296H9.2l1.528 5.296 1.375-5.296h2.138l-2.597 9.115H9.913L8.436 7.671l-1.528 5.296h-1.68L2.63 3.852H2.63zm.458 15.023h8.25v1.375h-8.25v-1.375z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wechat.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wechat.jsx
new file mode 100755
index 0000000..3f814e8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wechat.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Wechat(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.58 12.686c-.559-1.265-1.612-2.27-2.835-2.889-2.158-1.092-4.841-1.086-6.993.028-1.495.767-2.744 2.142-3.098 3.815-.291 1.232-.03 2.558.623 3.63.973 1.616 2.731 2.647 4.557 2.978 1.323.269 2.692.11 3.977-.261.772.299 1.46.783 2.207 1.142-.193-.648-.4-1.289-.62-1.927.84-.596 1.601-1.339 2.058-2.272.681-1.297.723-2.907.123-4.244zm-9.098-8.678c-2.287-1.287-5.135-1.48-7.595-.59-1.617.581-3.08 1.663-3.984 3.134-.82 1.33-1.128 2.987-.733 4.508.397 1.686 1.569 3.1 2.99 4.045-.274.779-.536 1.557-.783 2.342.894-.468 1.787-.956 2.682-1.431a9.955 9.955 0 003.355.475 5.645 5.645 0 01-.234-2.705c.207-1.257.894-2.407 1.828-3.258 1.582-1.48 3.824-2.105 5.955-1.954-.4-1.957-1.775-3.61-3.506-4.565h.025zm1.589 9.157c-.192.598-1.06.777-1.48.323-.464-.421-.284-1.3.325-1.488.673-.284 1.45.492 1.155 1.165zm4.395.084c-.235.538-1.046.663-1.445.248-.191-.175-.247-.44-.315-.67.096-.42.385-.854.853-.875.646-.09 1.224.709.893 1.298h.014zm-6.559-5.916c.008.881-1.168 1.431-1.828.833-.685-.49-.49-1.683.313-1.93.72-.289 1.57.315 1.514 1.086l.002.011zm-5.554.224c-.157.765-1.183 1.135-1.783.621-.696-.49-.501-1.706.316-1.953.8-.308 1.71.504 1.467 1.332z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/whats-app.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/whats-app.jsx
new file mode 100755
index 0000000..02bd081
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/whats-app.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function WhatsApp(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 0A12 12 0 001.6 18L0 24l6.3-1.5A12 12 0 1012 0zm0 2.4a9.5 9.5 0 019.6 9.6 9.6 9.6 0 01-14.2 8.4l-.8-.4-.9.2-2.3.5.5-2.1.3-1-.5-.8A9.6 9.6 0 0112 2.4zm-4.2 4c-.2 0-.6.1-.8.4-.3.3-1 1-1 2.5s1 3 1.1 3.1c.2.2 2.1 3.3 5.2 4.5 2.5 1 3 .8 3.6.8.5 0 1.7-.7 2-1.4.2-.7.2-1.3.2-1.5l-.6-.3-2-1c-.3 0-.5-.1-.7.2l-1 1.1c-.2.2-.3.3-.6.1-.3-.1-1.3-.5-2.4-1.5a9 9 0 01-1.7-2c-.2-.3 0-.5.1-.7.2 0 .3-.3.5-.5l.3-.5v-.5L9 7c-.2-.5-.4-.5-.7-.5h-.5z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/widget.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/widget.jsx
new file mode 100755
index 0000000..48611f5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/widget.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Widget(props) {
+  return (
+    <Icon {...props}>
+      <path d="M16.7 4.5l2.8 2.8-2.8 2.9-2.9-2.8 2.9-2.9M9 5v4H5V5h4m10 10v4h-4v-4h4M9 15v4H5v-4h4m7.7-13.3L11 7.3l5.7 5.7 5.6-5.7-5.6-5.6zM11 3H3v8h8V3zm10 10h-8v8h8v-8zm-10 0H3v8h8v-8z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wifi-off.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wifi-off.jsx
new file mode 100755
index 0000000..d2a4690
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wifi-off.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function WifiOff(props) {
+  return (
+    <Icon {...props}>
+      <path d="M21 11l2-2c-3.73-3.73-8.87-5.15-13.7-4.31l2.58 2.58c3.3-.02 6.61 1.22 9.12 3.73zM9 17l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm10-4c-1.08-1.08-2.36-1.85-3.72-2.33l3.02 3.02.7-.69zM3.41 1.64L2 3.05 5.05 6.1C3.59 6.83 2.22 7.79 1 9l2 2c1.23-1.23 2.65-2.16 4.17-2.78l2.24 2.24C7.79 10.89 6.27 11.74 5 13l2 2c1.35-1.35 3.11-2.04 4.89-2.06l7.08 7.08 1.41-1.41L3.41 1.64z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wifi.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wifi.jsx
new file mode 100755
index 0000000..cbf2610
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/wifi.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Wifi(props) {
+  return (
+    <Icon {...props}>
+      <path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/windows.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/windows.jsx
new file mode 100755
index 0000000..b81d452
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/windows.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Windows(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12.428 12.428h9.851v9.851h-9.851Zm-10.714 0h9.851v9.851H1.714ZM12.428 1.714h9.851v9.851h-9.851zm-10.714 0h9.851v9.851H1.714z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/xcode.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/xcode.jsx
new file mode 100755
index 0000000..7c6185b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/xcode.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Xcode(props) {
+  return (
+    <Icon {...props}>
+      <path d="m17.14 9.72.12-.4c.4-1.5.81-3 1.37-4.44.25-.65.67-1.01 1.33-1.1.43-.04.9-.08 1.19.35a1.13 1.13 0 0 0 .73.48 2 2 0 0 1 .43.12c.2.07.27 0 .33-.2l.5-1.8c.2-.69.2-.68-.44-.92-.27-.1-.5-.14-.79-.01-.46.2-.87.12-1.23-.26a3.6 3.6 0 0 0-1.36-.91 9.3 9.3 0 0 0-4.7-.52c-.76.12-1.51.33-2.16.81-.1.07-.17.15-.26.24a11.7 11.7 0 0 1 2.6.03c.57.07 1.08.27 1.47.78.4.53.5 1.16.54 1.8.07.88-.09 1.74-.33 2.59l-.74 2.71c-.03.12-.06.23.1.26l1.3.4Zm-4.12 13.59c.42.04.76-.16.98-.55.13-.23.23-.48.3-.74l1.9-8.24.79-3.42c.05-.23 0-.31-.21-.36l-.85-.24c-.52-.16-.41-.14-.57.3l-3.8 11.17c-.06.15-.1.32-.12.48-.03.94.6 1.6 1.58 1.6ZM.02 6.73l.08.6.58 3.99.57 4.01.96 6.6c.03.18.09.26.3.22l3.65-.6 5.22-.84c.07-.01.12-.1.18-.14-.07-.04-.16-.13-.23-.12l-2.84.45-5.77.93c-.2.04-.27-.02-.29-.21l-.36-2.59L.33 7.09c-.04-.22.03-.33.26-.36l1.16-.18 4.74-.8 8-1.35 1.8-.32c.08-.02.14-.12.2-.19l-.25-.1-.07.02-2.25.39L.22 6.5c-.17.03-.26.08-.2.23Zm19.1-2.3H19c-.02.17-.08.35-.06.52l.27 1.68.72 4.5 1.2 7.4c.03.13 0 .24-.17.27l-3.87.62-1.83.3c-.05.02-.1.1-.14.16.06.04.12.1.18.1l.57-.07 5.6-.93-2.35-14.54Zm-5.1 8.71c.17-.16.14-.27.03-.4L9.27 6.78a1 1 0 0 1-.2-.43c-.04-.3.15-.56.43-.68.3-.12.57-.04.82.28l3.47 4.27.84 1.03c.14-.16.13-.28.02-.4l-1.39-1.72-2.8-3.42a.93.93 0 0 0-.65-.36.9.9 0 0 0-.7.25c-.41.37-.43.89-.05 1.35l4.34 5.42.63.77Zm-4.6-2.91-.17-.11-1.39-.53c-.15-.05-.22 0-.27.13l-2.54 6.42c-.06.16-.01.24.12.3l1.3.55c.24.11.33.05.42-.19l2.51-6.57h.01Zm4.4 2.97-.9-1.18c-.22-.37-.48-.55-.9-.37-.1.04-.22.04-.32.06L9 12.2c-.13.02-.25.06-.31.23l-.55 1.53c-.02.05-.02.12-.03.23l5.7-.97.02-.01Zm-7.53-.61-3.22.53.2 1.5c.03.22.12.25.3.22l1.67-.23c.17-.02.27-.1.34-.25l.62-1.5c.04-.08.05-.14.1-.28Z" />
+      <path d="m18.07 16.9-2.02-1.27c.03.13.02.28.08.36.13.15.29.27.46.36.22.13.47.22.7.34.34.17.59.42.59.85 0 .07.03.14.06.21l.06-.04a2.4 2.4 0 0 0 .3-2.05c-.19-.77-.54-1.44-1.27-1.82-.2-.1-.32-.02-.47.09-.16.11-.24.24-.2.47.1-.07.2-.11.27-.18.16-.18.32-.14.5-.02.74.53 1.2 1.88.94 2.69ZM4.6 19.8l.08.03 2-2.6-.22-.12-1.28-.53c-.2-.09-.26-.03-.27.19l-.19 1.75-.12 1.27ZM8.92 7.87c-.4.03-.65.2-.8.56l-.3.76c-.07.15-.05.23.11.29l1.35.5c.15.07.22.02.28-.13l.32-.79c.14-.35.08-.65-.23-.85-.21-.15-.48-.23-.73-.34Zm7.86 4.76 1.67-.24c.05 0 .11-.13.1-.18l-.24-1.37c-.01-.07-.12-.17-.2-.17-.27.02-.56.06-.84.12-.14.01-.24.08-.16.29l.78-.1c.06 0 .18.05.18.1l.2 1.06-1.25.18c-.15.02-.28.05-.24.31Zm.36-2.92-1.3-.39c-.15-.04-.13-.14-.1-.26l.75-2.7c.24-.86.4-1.72.33-2.6a3.27 3.27 0 0 0-.55-1.8c-.38-.5-.9-.7-1.47-.78-.86-.1-1.72-.12-2.59-.03.1-.08.16-.17.26-.24.65-.44 1.4-.72 2.17-.8a9.32 9.32 0 0 1 4.68.52c.52.19.98.5 1.36.9a1.02 1.02 0 0 0 1.24.26c.28-.12.52-.08.79.02.64.24.64.22.45.91l-.52 1.81c-.05.19-.12.26-.32.2-.14-.06-.29-.1-.44-.12a1 1 0 0 1-.72-.5c-.3-.41-.76-.38-1.2-.33-.65.08-1.07.44-1.32 1.1a44.38 44.38 0 0 0-1.37 4.43l-.12.4Zm-4.12 13.6c-.97-.01-1.6-.66-1.58-1.61.01-.16.06-.32.11-.48l3.81-11.16c.15-.44.06-.45.57-.3l.85.24c.2.05.26.14.2.36l-.77 3.42-1.92 8.24c-.06.26-.16.51-.29.74-.09.18-.23.33-.4.43a.99.99 0 0 1-.58.12ZM.02 6.72c-.06-.14.03-.2.2-.22l13.71-2.32 2.24-.39c.03 0 .06-.02.08-.01l.24.1c-.06.06-.11.17-.19.18l-1.8.32-3.85.65-4.15.7-4.75.8-1.16.18c-.22.03-.29.14-.26.36l1.74 11.95.37 2.58c.02.2.08.25.29.21l5.76-.93 2.85-.44c.06 0 .15.07.22.11-.05.05-.1.14-.18.15l-5.2.84-3.67.6c-.2.04-.27-.05-.29-.23l-.37-2.56-.59-4.03L.7 11.3.02 6.74Zm19.1-2.3L21.48 19l-1.32.23-4.27.7-.57.07c-.06.01-.13-.05-.19-.09.05-.05.1-.14.15-.15l1.83-.31 3.86-.63c.17-.02.19-.13.17-.27l-.47-2.88-1.72-10.69c-.02-.17.03-.34.06-.52l.1-.01h.01Z" />
+      <path d="m14.03 13.14-.63-.77-4.34-5.4c-.38-.47-.37-.98.05-1.36.42-.38.99-.35 1.36.1l4.18 5.14c.1.13.13.25-.02.4l-.84-1.02-3.47-4.28c-.25-.31-.52-.4-.82-.28-.29.12-.47.4-.43.69.02.15.1.31.2.43l4.78 5.94c.11.13.15.25-.02.41Zm-4.62-2.91-.08.24-2.44 6.35c-.1.24-.18.3-.41.18l-1.3-.55c-.15-.06-.2-.13-.13-.3L7.6 9.75c.05-.14.12-.2.27-.13l1.38.52c.07.02.11.07.16.1Zm-1.58-.34-.32.82-2.08 5.24c-.08.2-.04.3.14.36l.8.33c.2.1.28.07.36-.15l2.35-6.14-1.25-.46Zm6 3.31-5.71.96c.01-.09.01-.15.04-.22l.54-1.53c.06-.17.18-.21.32-.23l2.69-.48c.1-.02.22-.01.32-.05.42-.18.67 0 .9.36.26.4.56.75.9 1.18v.01Zm-5.34.63 4.84-.83-.8-1.03c-.04-.05-.15-.08-.23-.07l-.69.1-2.38.44c-.1.02-.25.08-.28.16-.17.39-.3.79-.46 1.23Zm-2.2-1.24-.09.26-.62 1.5c-.07.16-.17.22-.34.25l-1.66.23c-.2.03-.28 0-.3-.22l-.21-1.5 3.22-.52Zm-.41.34-2.28.39c-.08 0-.2.13-.2.2.02.3.08.6.14.89a.24.24 0 0 0 .18.12l1.36-.2c.09 0 .22-.05.25-.12l.54-1.28Zm12.2 3.96c.25-.81-.2-2.15-.95-2.67-.18-.13-.33-.17-.5.01-.07.07-.16.12-.27.2-.04-.25.04-.38.2-.48.15-.12.27-.2.47-.1.73.4 1.08 1.06 1.28 1.84a2.4 2.4 0 0 1-.26 1.98l-.05.07-.06.03c-.02-.07-.06-.14-.06-.21 0-.43-.25-.68-.6-.85l-.7-.34c-.16-.1-.32-.21-.45-.36-.06-.08-.05-.23-.08-.36l2.02 1.25ZM4.6 19.8l.12-1.27.18-1.75c.02-.21.07-.28.27-.2l1.28.54.23.13-2.01 2.59a.6.6 0 0 1-.07-.04Zm.34-.8.05.02 1.28-1.68-1.11-.45L4.94 19ZM8.92 7.88c.25.1.52.19.73.34.31.21.38.5.23.86l-.32.79c-.05.14-.13.2-.29.14L7.93 9.5c-.16-.06-.17-.15-.11-.3l.3-.75c.15-.36.4-.53.8-.57ZM8.1 9.25l1.12.43c.04 0 .14-.05.16-.11l.26-.61c.1-.2.05-.38-.11-.48-.2-.12-.4-.2-.61-.26-.24-.05-.43.06-.52.3l-.3.73Zm8.68 3.4c-.05-.27.09-.3.23-.32l1.25-.18-.2-1.06c0-.04-.11-.1-.18-.1l-.77.1c-.07-.21.02-.28.16-.3l.84-.11c.07 0 .18.1.2.17l.24 1.37c0 .05-.06.18-.1.18l-1.68.24Z" />
+      <path d="m7.83 9.9 1.25.46-2.35 6.14c-.08.21-.17.25-.37.15a6.65 6.65 0 0 0-.79-.33c-.18-.07-.22-.15-.14-.36l2.07-5.25.33-.82Zm.66 3.93.45-1.23c.03-.08.18-.14.28-.16l2.39-.43.69-.11c.07 0 .18.02.23.07l.8 1.04-4.84.82Zm-2.61-.9-.55 1.27c-.04.07-.16.12-.25.13l-1.36.2c-.06 0-.17-.07-.18-.13a6.45 6.45 0 0 1-.13-.89c-.01-.06.11-.19.19-.2l2.28-.38ZM4.94 19l.23-2.1 1.1.44L5 19.01l-.06-.02ZM8.1 9.25l.3-.73c.1-.24.28-.34.52-.29.21.05.42.14.6.26.16.1.2.28.12.47l-.27.62c-.02.05-.12.11-.16.1L8.1 9.25Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/youtube-music.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/youtube-music.jsx
new file mode 100755
index 0000000..fe7e130
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/youtube-music.jsx
@@ -0,0 +1,13 @@
+import Icon from "../icon.jsx";
+
+export default function YoutubeMusic(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm0-17.727A5.735 5.735 0 0 1 17.727 12 5.727 5.727 0 0 1 12 17.727 5.727 5.727 0 0 1 6.273 12 5.735 5.735 0 0 1 12 6.273Zm0-.546a6.274 6.274 0 0 0 0 12.546 6.274 6.274 0 0 0 0-12.546Zm3.136 6.137-5.318 3.272V8.864l5.318 3Z"
+        clipRule="evenodd"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zed.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zed.jsx
new file mode 100755
index 0000000..95e4415
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zed.jsx
@@ -0,0 +1,10 @@
+import Icon from "../icon.jsx";
+
+export default function Zed(props) {
+  return (
+    <Icon {...props}>
+      <path d="M.3711 2.407v16.0398h1.4265V2.2836c.0697-.289.193-.3793.4962-.4319l18.8542.0617-2.5428 2.5294H5.3328c-.5379.237-.7383.4637-.9303 1.0487v9.4389h1.3644V5.8h11.4118l-2.5428 2.591H9.116c-.4555.1505-.5859.3412-.7442.7403v2.0976h1.4885V9.8716h3.2251L.9294 22.025c-.2067.8577-.0354 1.179.6822 1.5423l20.2807.0617c1.1526-.533 1.4894-.9714 1.7366-1.9125V6.7254l-1.4885 1.2955v13.6955l-.3722.3702H2.852l2.4808-2.4677H18.419c.8553-.2822 1.1666-.5779 1.2404-1.4806V8.8846l-1.4885 1.5423v7.7114H6.8833l2.4808-2.4677h5.5819c.3855-.1615.5174-.3076.6822-.6169v-2.3442h-1.4265v1.4189h-3.2871L23.1947 1.79c.0618-.79-.166-1.108-1.0543-1.4189H2.2317C.9463.6967.5801 1.1812.3711 2.407Z" />
+      <path d="M0 18.8179V2.3755l.0053-.031C.1128 1.7143.2706 1.2009.6197.8058c.3515-.3979.851-.6247 1.521-.7943L2.1854 0h20.018l.0595.0208c.4565.1598.8287.3472 1.0594.6597.2402.3253.2756.7133.2423 1.1385l-.0106.136-11.7465 11.8022h2.023v-1.4189h2.1687v2.8081l-.0436.0819c-.0893.1675-.1862.3234-.332.4601-.1462.137-.3197.2346-.5343.3245l-.0688.0289H9.5173l-1.7346 1.7254h10.0172V10.277l2.2308-2.3114v10.1879l-.0013.0151c-.0396.4848-.1476.8779-.4175 1.1869-.263.301-.6365.4707-1.0765.6159l-.0566.0186H5.4859l-1.7346 1.7254h17.8638l.1541-.1533V7.8519L24 5.9103v15.854l-.0122.0464c-.1303.4962-.2954.9046-.6093 1.2605-.3095.3508-.7364.6198-1.3304.8945l-.0747.0345-20.451-.0622-.0785-.0397c-.3736-.1892-.6954-.4085-.8575-.7623-.1611-.3518-.1254-.7518-.0179-1.198l.0245-.1017 11.5962-11.5935h-1.9578V11.6H8.0007V9.0604l.0261-.0659c.0818-.2061.1748-.41.3352-.5807.1663-.177.3755-.2886.6376-.3752l.0567-.0187h5.4238l1.8144-1.8488H6.1381v9.1304H4.0313V5.4322l.0186-.0564c.1023-.3118.2198-.5705.4103-.7853.192-.2165.4315-.359.723-.4873l.0714-.0316H18.452l1.7996-1.79L2.3269 2.223a.6643.6643 0 0 0-.1004.026.1748.1748 0 0 0-.0282.0131l-.0008.0005-.0003.0004a.0694.0694 0 0 0-.0064.0105.332.332 0 0 0-.022.0583v16.4861H0ZM1.7976 2.2836c.0697-.289.193-.3793.4962-.4319l18.8542.0617-2.5428 2.5294H5.3328c-.5379.237-.7383.4637-.9303 1.0487v9.4389h1.3644V5.8h11.4118l-2.5428 2.591H9.116c-.4555.1505-.5859.3412-.7442.7403v2.0976h1.4885V9.8716h3.2251L.9294 22.025c-.2067.8577-.0354 1.179.6822 1.5423l20.2807.0617c1.1526-.533 1.4894-.9714 1.7366-1.9125V6.7254l-1.4885 1.2955v13.6955l-.3722.3702H2.852l2.4808-2.4677H18.419c.8553-.2822 1.1666-.5779 1.2404-1.4806V8.8846l-1.4885 1.5423v7.7114H6.8833l2.4808-2.4677h5.5819c.3855-.1615.5174-.3076.6822-.6169v-2.3442h-1.4265v1.4189h-3.2871L23.1947 1.79c.0618-.79-.166-1.108-1.0543-1.4189H2.2317C.9463.6967.5801 1.1812.3711 2.407v16.0398h1.4265V2.2836Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zen-browser.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zen-browser.jsx
new file mode 100755
index 0000000..b417df7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zen-browser.jsx
@@ -0,0 +1,11 @@
+import Icon from "../icon.jsx";
+
+export default function ZenBrowser(props) {
+  return (
+    <Icon {...props}>
+      <path d="M12 16.615a4.615 4.615 0 1 0 0-9.23 4.615 4.615 0 0 0 0 9.23ZM15.692 12a3.692 3.692 0 1 1-7.384 0 3.692 3.692 0 0 1 7.384 0Z" />
+      <path d="M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8 6.462a6.461 6.461 0 1 0 0-12.923 6.461 6.461 0 0 0 0 12.923Z" />
+      <path d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Zm-12 9.846c5.438 0 9.846-4.408 9.846-9.846S17.438 2.154 12 2.154 2.154 6.562 2.154 12 6.562 21.846 12 21.846Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zeplin.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zeplin.jsx
new file mode 100755
index 0000000..bf45e51
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zeplin.jsx
@@ -0,0 +1,43 @@
+import Icon from "../icon.jsx";
+
+export default function Zeplin(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.7 15.23l-1.26.46-.06 3.73 4.34-1.59c-1.49-.5-2.58-1.38-3.02-2.6zM4.36 11.28L0 12.87l2.44 2.82 1.26-.46c-.44-1.22-.17-2.6.66-3.95z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.69 5.89c-5.55 2.02-9.13 6.2-8 9.34l20.1-7.34c-1.14-3.13-6.56-4.03-12.1-2z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.8 17.23c5.55-2.03 9.13-6.2 7.99-9.34l-20.1 7.34c1.15 3.15 6.56 4.02 12.11 2z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M23.79 7.89l-20.1 7.34c.4 1.08 1.9 1.62 4 1.62 2.06 0 4.69-.51 7.42-1.51 5.55-2.03 9.45-5.3 8.68-7.45z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.79 6.27c-2.05 0-4.68.5-7.42 1.5-5.54 2.03-9.45 5.31-8.67 7.46l20.09-7.34c-.4-1.09-1.9-1.62-4-1.62z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.68 19.62c-.6 0-1.46-.54-2.6-1.59a33.48 33.48 0 0 1-4.3-5.14 33.54 33.54 0 0 1-3.34-5.81c-.77-1.84-.88-2.97-.32-3.36a.74.74 0 0 1 .43-.13c.46 0 1.34.34 2.96 1.94l.04.03v.05l-.03.35-.02.23-.16-.16C9.58 4.26 8.8 4.07 8.56 4.07a.3.3 0 0 0-.17.04c-.24.17-.26 1 .5 2.78.69 1.65 1.86 3.69 3.28 5.73a33 33 0 0 0 4.24 5.06c1.42 1.32 2.05 1.46 2.26 1.46a.3.3 0 0 0 .18-.04c.25-.18.25-1.07-.59-2.99l-.03-.08.08-.05.24-.13.1-.06.05.1c.6 1.36 1.15 3.09.42 3.6a.75.75 0 0 1-.44.13zm0-.21v.1-.1z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.93 17.17v.1c-.14 1.74-.51 3.83-1.48 3.91h-.06c-.65 0-1.27-.93-1.83-2.78-.54-1.75-.96-4.1-1.18-6.61-.21-2.52-.21-4.9.01-6.72.25-1.97.72-3 1.4-3.07h.05c.48 0 1.2.54 1.92 3.04l-.47.1a9.78 9.78 0 0 0-.78-2c-.24-.42-.48-.66-.67-.66h-.02c-.29.02-.72.74-.95 2.65a33.14 33.14 0 0 0-.01 6.62c.21 2.48.62 4.8 1.15 6.5.24.78.5 1.41.75 1.84.23.4.46.62.63.62h.02c.28-.03.81-.77 1.03-3.37l.5-.17z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zoom.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zoom.jsx
new file mode 100755
index 0000000..d0e9610
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zoom.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Zoom(props) {
+  return (
+    <Icon {...props}>
+      <path d="M17.2536,8.02493913 L17.2536,18.4441739 L3.92128696,18.4441739 C3.92128696,18.4441739 0.111965217,18.8923478 0,14.9711652 L0,5 L13.780487,5 C13.780487,5 17.1415304,5.33610435 17.2536,8.02493913 Z M23.9755826,5 L23.9755826,18.4598261 L18.0381913,14.5230957 L18.0381913,9.03335652 L23.9755826,5 Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zotero.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zotero.jsx
new file mode 100755
index 0000000..1223d35
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zotero.jsx
@@ -0,0 +1,12 @@
+import Icon from "../icon.jsx";
+
+export default function Zotero(props) {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        d="M8.6 16.2L17 7.4s.6-.8.4-1.4c-.2-.5-1.3-.5-1.3-.5H4.5v2.3h8.8l-8.1 8.4s-1 .7-.7 1.5c.2.8 1.3.8 1.3.8h11.6v-2.3zm12-11.4L12.4.4S11.6 0 11 0 9.5.4 9.5.4l-8 4.4s-.7.5-1 1C0 6.6 0 7.3 0 7.3v9.6s0 .7.4 1.3c.4.6.9.8.9.8l8.2 4.7s1 .4 1.5.4c.4 0 1.5-.4 1.5-.4l8.2-4.7s.5-.2.9-.8c.4-.6.4-1.3.4-1.3V7.2s0-.6-.4-1.3c-.4-.7-1-1-1-1z"
+      />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zulip.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zulip.jsx
new file mode 100755
index 0000000..8b94751
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/icons/library/zulip.jsx
@@ -0,0 +1,9 @@
+import Icon from "../icon.jsx";
+
+export default function Zulip(props) {
+  return (
+    <Icon {...props}>
+      <path d="M22.77 3.59c0 1.2-.55 2.28-1.37 2.93l-8.04 7.18c-.15.13-.34-.08-.23-.25l2.94-5.9c.09-.17-.02-.37-.19-.37H4.45c-1.77 0-3.22-1.62-3.22-3.59C1.23 1.61 2.68 0 4.45 0h15.1c1.77 0 3.22 1.61 3.22 3.59ZM4.45 24h15.1c1.77 0 3.22-1.62 3.22-3.59 0-1.97-1.45-3.59-3.22-3.59H8.12c-.17 0-.28-.2-.2-.37l2.95-5.9c.11-.17-.08-.38-.23-.25L2.6 17.48a3.73 3.73 0 0 0-1.37 2.93c0 1.97 1.45 3.59 3.22 3.59Z" />
+    </Icon>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/missives/missive.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/missives/missive.jsx
new file mode 100755
index 0000000..eec0ace
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/missives/missive.jsx
@@ -0,0 +1,48 @@
+import * as Uebersicht from "uebersicht";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+
+const { React } = Uebersicht;
+
+/**
+ * Missive component to display a notification.
+ * @param {Object} props - The properties object.
+ * @param {string} props.id - The unique identifier for the missive.
+ * @param {string} props.side - The side where the missive should appear ('left' or 'right').
+ * @param {string} props.content - The content of the missive.
+ * @param {number} [props.timeout] - The timeout for the missive to auto-close.
+ * @returns {JSX.Element} The Missive component.
+ */
+export default function Missive({ id, side, content, timeout }) {
+  // Get the setMissives function from the context
+  const { setMissives } = useSimpleBarContext();
+
+  // Generate class names based on the side prop
+  const classes = Utils.classNames("missive", {
+    "missive--left": side === "left",
+    "missive--right": side === "right",
+  });
+
+  // Close the missive by removing it from the context and clearing the timeout.
+  const closeMissive = () => {
+    setMissives((current) => {
+      return current.filter((m) => m.id !== id);
+    });
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+  };
+
+  return (
+    <div key={id} className={classes}>
+      <div className="missive__text">{content}</div>
+      <button className="missive__close" onClick={closeMissive}>
+        <SuspenseIcon>
+          <Icons.Close className="missive__close-icon" />
+        </SuspenseIcon>
+      </button>
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/missives/missives.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/missives/missives.jsx
new file mode 100755
index 0000000..3563937
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/missives/missives.jsx
@@ -0,0 +1,40 @@
+import * as Uebersicht from "uebersicht";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import Missive from "./missive.jsx";
+import useServerSocket from "../../hooks/use-server-socket.js";
+
+export { missivesStyles as styles } from "../../styles/components/missives";
+
+const { React } = Uebersicht;
+
+/**
+ * Component to display a list of missives.
+ * It uses the simple-bar context to get settings and missives data.
+ * It also sets up a server socket to receive new missives.
+ *
+ * @returns {JSX.Element} The rendered component.
+ */
+export function Component() {
+  // Destructure settings, missives, and pushMissive function from the context
+  const { settings, missives, pushMissive } = useSimpleBarContext();
+  const { enableServer } = settings.global;
+
+  // Set up a server socket to listen for "missive" events and push new missives
+  useServerSocket("missive", enableServer, pushMissive);
+
+  return (
+    <div className="missives">
+      {missives.map(({ id, side, content, timeout }) => {
+        return (
+          <Missive
+            key={id}
+            id={id}
+            side={side}
+            content={content}
+            timeout={timeout}
+          />
+        );
+      })}
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/aerospace-display-manager.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/aerospace-display-manager.jsx
new file mode 100755
index 0000000..8c4fa98
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/aerospace-display-manager.jsx
@@ -0,0 +1,83 @@
+import * as Uebersicht from "uebersicht";
+import * as Utils from "../../utils";
+import * as Icons from "../icons/icons.jsx";
+
+const { React } = Uebersicht;
+
+/**
+ * UserWidgetsCreator component allows users to create and manage custom widgets.
+ * @param {Object} props - The component props.
+ * @param {Object} props.defaultValue - The default value for the widgets.
+ * @param {Function} props.onChange - The function to call when the widgets change.
+ * @returns {JSX.Element} The UserWidgetsCreator component.
+ */
+export default function AerospaceDisplayManager({ defaultValue, onChange }) {
+  const [indexes, setIndexes] = React.useState(defaultValue || {});
+  const [displays, setDisplays] = React.useState(Object.keys(defaultValue));
+
+  const addDisplay = () => {
+    setDisplays((current) => {
+      const highest = Math.max(...current, 0);
+      const newIndex = highest + 1;
+      setIndexes((current) => {
+        return { ...current, [newIndex]: Number(current[newIndex]) || 1 };
+      });
+      return [...current, newIndex];
+    });
+  };
+
+  const removeDisplay = (index) => {
+    setDisplays((current) => {
+      const newDisplays = current.filter((display) => display !== index);
+      setIndexes((current) => {
+        const newIndexes = { ...current };
+        delete newIndexes[index];
+        return newIndexes;
+      });
+      return newDisplays;
+    });
+  };
+
+  React.useEffect(() => {
+    const diffs = Utils.compareObjects(defaultValue, indexes);
+    const hasDiffs = Object.keys(diffs).length > 0;
+    if (hasDiffs) onChange({ target: { value: indexes } });
+  }, [defaultValue, onChange, indexes]);
+
+  return (
+    <div className="aerospace-display-manager">
+      <div className="aerospace-display-manager__label">
+        <em>AeroSpace</em> Custom display indexes
+      </div>
+      <div className="aerospace-display-manager__displays">
+        {displays.map((display) => {
+          const index = indexes[display] || 1;
+
+          const updateIndex = (e) => {
+            const value = e.target.value;
+            setIndexes((current) => {
+              return { ...current, [display]: Number(value) };
+            });
+          };
+
+          return (
+            <div key={display} className="aerospace-display-manager__display">
+              <span>{display}</span>:
+              <input type="number" value={index} onChange={updateIndex} />
+              <button
+                className="aerospace-display-manager__remove-display"
+                onClick={() => removeDisplay(display)}
+              >
+                <Icons.Close />
+              </button>
+            </div>
+          );
+        })}
+      </div>
+      <button className="aerospace-display-manager__add" onClick={addDisplay}>
+        <Icons.Add />
+        Add a display
+      </button>
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/color-picker.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/color-picker.jsx
new file mode 100755
index 0000000..dbff879
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/color-picker.jsx
@@ -0,0 +1,109 @@
+import * as Uebersicht from "uebersicht";
+import * as Settings from "../../settings";
+
+const { React } = Uebersicht;
+
+/**
+ * ColorPicker component allows users to select a color from predefined options or input a custom color.
+ * @param {Object} props - The component props.
+ * @param {Function} props.callback - The callback function to handle color selection.
+ * @param {number} props.index - The index of the color picker.
+ * @param {string} props.selectedColor - The initially selected color.
+ * @returns {JSX.Element} The ColorPicker component.
+ */
+export default function ColorPicker({ callback, index, selectedColor }) {
+  // Determine if the selected color is a custom color
+  const isSelectedCustom = !Settings.userWidgetColors.includes(selectedColor);
+  // State to manage the open/close status of the color picker
+  const [open, setOpen] = React.useState(false);
+  // State to manage the currently selected color
+  const [selected, setSelected] = React.useState(selectedColor);
+  // State to manage the custom color input
+  const [customColor, setCustomColor] = React.useState(
+    isSelectedCustom ? selectedColor : undefined,
+  );
+
+  // Toggle the color picker open/close status
+  const onClick = () => setOpen(!open);
+
+  /**
+   * Handle custom color input change.
+   * @param {Object} e - The event object.
+   */
+  const onCustomColorChange = (e) => {
+    const value = e.target.value;
+    setCustomColor(value);
+    callback?.(index, "backgroundColor", value);
+  };
+
+  /**
+   * Handle custom color submission.
+   */
+  const onCustomColorSubmit = () => {
+    setSelected(customColor);
+    setOpen(false);
+  };
+
+  return (
+    <div className="color-picker">
+      <button
+        className="color-picker__button"
+        style={{
+          backgroundColor: isSelectedCustom ? customColor : `var(${selected})`,
+        }}
+        onClick={onClick}
+      />
+      {open && (
+        <div className="color-picker__colors" onClick={() => setOpen(false)}>
+          {Settings.userWidgetColors.map((color) => {
+            /**
+             * Handle predefined color selection.
+             * @param {Object} e - The event object.
+             */
+            const onClick = (e) => {
+              e.stopPropagation();
+              setCustomColor(undefined);
+              setSelected(color);
+              callback?.(index, "backgroundColor", color);
+              setOpen(false);
+            };
+            return (
+              <button
+                key={color}
+                onClick={onClick}
+                style={{ backgroundColor: `var(${color})` }}
+              />
+            );
+          })}
+          <div
+            className="color-picker__custom-color"
+            onClick={(e) => e.stopPropagation()}
+          >
+            <div
+              className="color-picker__custom-color-preview"
+              style={{ backgroundColor: customColor }}
+            />
+            <input
+              type="text"
+              className="color-picker__custom-color-input"
+              placeholder="Or any valid css color value (hex, rgb-a, hsl)"
+              onChange={onCustomColorChange}
+              defaultValue={customColor}
+              autoCapitalize="false"
+              autoComplete="false"
+              autoCorrect="false"
+              spellCheck={false}
+            />
+            <button
+              className="color-picker__custom-color-submit"
+              disabled={!customColor}
+              onClick={onCustomColorSubmit}
+            >
+              Ok
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/icon-picker.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/icon-picker.jsx
new file mode 100755
index 0000000..ca3bdab
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/icon-picker.jsx
@@ -0,0 +1,130 @@
+import * as Uebersicht from "uebersicht";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+
+const { React } = Uebersicht;
+
+/**
+ * IconPicker component allows users to select an icon from a list of available icons.
+ *
+ * @param {Object} props - The component props.
+ * @param {Function} props.callback - The callback function to be called when an icon is selected.
+ * @param {number} props.index - The index of the icon picker.
+ * @param {string} props.selectedIcon - The initially selected icon.
+ * @returns {JSX.Element} The IconPicker component.
+ */
+export default function IconPicker({ callback, index, selectedIcon }) {
+  // State to manage the open/close state of the icon picker dropdown
+  const [open, setOpen] = React.useState(false);
+  // State to manage the currently selected icon
+  const [selected, setSelected] = React.useState(selectedIcon);
+  // State to manage the search term for filtering icons
+  const [searchTerm, setSearchTerm] = React.useState("");
+
+  // Get the selected icon component
+  const Icon = Icons[selected];
+  // Get the list of all available icon keys
+  const keys = Object.keys(Icons);
+
+  // Filter icons based on search term
+  const filteredKeys = React.useMemo(() => {
+    if (!searchTerm.trim()) {
+      return keys;
+    }
+    return keys.filter((key) =>
+      key.toLowerCase().includes(searchTerm.toLowerCase()),
+    );
+  }, [keys, searchTerm]);
+
+  /**
+   * Toggles the open state of the icon picker dropdown.
+   */
+  const onClick = () => setOpen(!open);
+
+  /**
+   * Handles search input changes.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} e - The input change event.
+   */
+  const onSearchChange = (e) => {
+    setSearchTerm(e.target.value);
+  };
+
+  /**
+   * Clears the search term.
+   */
+  const clearSearch = () => {
+    setSearchTerm("");
+  };
+
+  return (
+    <div className="icon-picker">
+      <button className="icon-picker__button" onClick={onClick}>
+        <SuspenseIcon>
+          <Icon />
+        </SuspenseIcon>
+      </button>
+      {open && (
+        <div className="icon-picker__dropdown">
+          <div
+            className="icon-picker__search"
+            onClick={(e) => e.stopPropagation()}
+          >
+            <button
+              className="icon-picker__back"
+              onClick={() => setOpen(false)}
+              type="button"
+            >
+              <Icons.ChevronLeft />
+              Back
+            </button>
+            <input
+              type="text"
+              placeholder="Search icons..."
+              value={searchTerm}
+              onChange={onSearchChange}
+              className="icon-picker__search-input"
+              autoFocus
+            />
+            {searchTerm && (
+              <button
+                className="icon-picker__search-clear"
+                onClick={clearSearch}
+                type="button"
+              >
+                ✕
+              </button>
+            )}
+          </div>
+          <div className="icon-picker__icons" onClick={() => setOpen(false)}>
+            {filteredKeys.length > 0 ? (
+              filteredKeys.map((key) => {
+                /**
+                 * Handles the icon selection.
+                 *
+                 * @param {React.MouseEvent} e - The click event.
+                 */
+                const onClick = (e) => {
+                  e.stopPropagation();
+                  setSelected(key);
+                  callback?.(index, "icon", key);
+                  setOpen(false);
+                };
+                const Icon = Icons[key];
+                return (
+                  <button key={key} onClick={onClick} title={key}>
+                    <Icon />
+                  </button>
+                );
+              })
+            ) : (
+              <div className="icon-picker__no-results">
+                No icons found for "{searchTerm}"
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-component.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-component.jsx
new file mode 100755
index 0000000..8e48b66
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-component.jsx
@@ -0,0 +1,159 @@
+import * as Uebersicht from "uebersicht";
+import * as Utils from "../../utils";
+import SettingsInner from "./settings-inner.jsx";
+import SettingsWidgets from "./settings-widgets.jsx";
+import * as Settings from "../../settings";
+
+const { React } = Uebersicht;
+
+const TABS_STORAGE_KEY = "simple-bar-last-current-settings-tab";
+const TABS = [
+  "global",
+  "themes",
+  "process",
+  "spacesDisplay",
+  "widgets",
+  "customStyles",
+];
+
+/**
+ * Main settings component.
+ * @param {Object} props - Component properties.
+ * @param {Function} props.closeSettings - Function to close the settings.
+ */
+export default function Component({ closeSettings }) {
+  // State to keep track of the current tab
+  const [currentTab, setCurrentTab] = React.useState(getLastCurrentTab());
+  // State to keep track of pending changes
+  const [pendingChanges, setPendingChanges] = React.useState(0);
+  // Get current settings
+  const settings = Settings.get();
+  // State to keep track of new settings
+  const [newSettings, setNewSettings] = React.useState(settings);
+
+  /**
+   * Update the current tab and store it in session storage.
+   * @param {number} tab - The index of the tab to switch to.
+   */
+  const updateTab = (tab) => {
+    setCurrentTab(tab);
+    window.sessionStorage.setItem(TABS_STORAGE_KEY, tab);
+  };
+
+  /**
+   * Refresh the simple-bar with new settings.
+   * @param {Event} e - The event object.
+   */
+  const refreshSimpleBar = async (e) => {
+    Utils.clickEffect(e);
+    setPendingChanges(0);
+    await Settings.set(newSettings);
+    Utils.hardRefresh();
+  };
+
+  // Effect to calculate the number of pending changes
+  React.useEffect(() => {
+    const diffs = Utils.compareObjects(settings, newSettings);
+    const deepDiffs = Object.keys(diffs).reduce(
+      (acc, key) => [...acc, ...Object.keys(diffs[key])],
+      [],
+    );
+    setPendingChanges(deepDiffs.length);
+  }, [newSettings, settings]);
+
+  return (
+    <div className="settings">
+      <div className="settings__overlay" onClick={closeSettings} />
+      <div className="settings__outer">
+        <div className="settings__header">
+          <button
+            className="settings__header-dot settings__header-dot--close"
+            onClick={closeSettings}
+          />
+          <span className="settings__header-dot settings__header-dot--disabled" />
+          <span className="settings__header-dot settings__header-dot--disabled" />
+          Settings
+        </div>
+        <div className="settings__tabs">
+          {Object.keys(Settings.defaultSettings).map((key) => {
+            const setting = Settings.data[key];
+            const hideTab = !TABS.includes(key);
+
+            if (!setting || hideTab) return null;
+
+            const { label } = setting;
+            const i = TABS.indexOf(key);
+            const classes = Utils.classNames("settings__tab", {
+              "settings__tab--current": i === currentTab,
+            });
+            return (
+              <button key={i} className={classes} onClick={() => updateTab(i)}>
+                {label}
+              </button>
+            );
+          })}
+        </div>
+        <div className="settings__inner">
+          {Object.keys(Settings.defaultSettings).map((key) => {
+            const setting = Settings.data[key];
+            const hideContent = !TABS.includes(key);
+
+            if (!setting || hideContent) return null;
+
+            const isWidgetsTab = key === "widgets";
+
+            const { label } = setting;
+            return (
+              <div
+                key={key}
+                className="settings__category"
+                style={{ transform: `translateX(-${100 * currentTab}%)` }}
+              >
+                {isWidgetsTab ? (
+                  <SettingsWidgets
+                    newSettings={newSettings}
+                    setNewSettings={setNewSettings}
+                  />
+                ) : (
+                  <React.Fragment>
+                    <div className="settings__inner-title">{label}</div>
+                    <SettingsInner
+                      settingKey={key}
+                      setting={setting}
+                      newSettings={newSettings}
+                      setNewSettings={setNewSettings}
+                    />
+                  </React.Fragment>
+                )}
+              </div>
+            );
+          })}
+        </div>
+        <div className="settings__bottom">
+          {pendingChanges !== 0 && (
+            <div className="settings__pending-changes">
+              <b>{pendingChanges}</b> pending change{pendingChanges > 1 && "s"}
+            </div>
+          )}
+          <button
+            className="settings__refresh-button"
+            onClick={refreshSimpleBar}
+            disabled={!pendingChanges}
+          >
+            Confirm changes and refresh simple-bar
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+/**
+ * Get the last current tab from session storage.
+ * @returns {number} The index of the last current tab.
+ */
+function getLastCurrentTab() {
+  const storedLastCurrentTab = window.sessionStorage.getItem(TABS_STORAGE_KEY);
+  if (storedLastCurrentTab) return parseInt(storedLastCurrentTab, 10);
+  return 0;
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-inner.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-inner.jsx
new file mode 100755
index 0000000..e318b25
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-inner.jsx
@@ -0,0 +1,123 @@
+import * as Uebersicht from "uebersicht";
+import * as Icons from "../icons/icons.jsx";
+import SettingsItem from "./settings-item.jsx";
+import * as Utils from "../../utils";
+import * as Settings from "../../settings";
+
+const { React } = Uebersicht;
+
+/**
+ * SettingsInner component to render each setting category.
+ * @param {Object} props - Component properties.
+ * @param {string} props.settingKey - Key of current setting.
+ * @param {Object} props.setting - Contains infos & documentation data.
+ * @param {string[]} props.setting.infos - Current settings information.
+ * @param {string} props.setting.documentation - Current setting documentation link.
+ * @param {Object} props.newSettings - Object containing current modified settings.
+ * @param {Function} props.setNewSettings - Function allowing to save newly modified settings.
+ */
+export default function SettingsInner({
+  settingKey,
+  setting,
+  newSettings,
+  setNewSettings,
+}) {
+  const { infos, documentation } = setting;
+  return (
+    <>
+      {Object.keys(Settings.defaultSettings[settingKey]).map((subKey) => {
+        const subSetting = Settings.data[subKey];
+        if (!subSetting) return null;
+        const {
+          Component,
+          fullWidth,
+          label,
+          options,
+          placeholder,
+          title,
+          type,
+          minHeight,
+        } = subSetting;
+
+        const code = settingKey + subKey;
+        const defaultValue = newSettings[settingKey][subKey];
+
+        const classes = Utils.classNames("settings__item", {
+          "settings__item--radio": type === "radio",
+          "settings__item--text":
+            type === "text" || type === "number" || type === "color",
+          "settings__item--textarea": type === "textarea",
+          "settings__item--color": type === "color",
+          "settings__item--full-width": fullWidth,
+        });
+
+        const onChange = (e) => {
+          let value = e.target.value;
+          if (type === "checkbox") {
+            value = e.target.checked;
+          }
+          if (type === "number") {
+            value = parseFloat(value);
+            if (isNaN(value)) {
+              value = 0;
+            }
+          }
+
+          const updatedSettings = {
+            ...newSettings,
+            [settingKey]: { ...newSettings[settingKey], [subKey]: value },
+          };
+          setNewSettings(updatedSettings);
+        };
+
+        return (
+          <React.Fragment key={code}>
+            {title && <div className="settings__item-title">{title}</div>}
+            <div
+              className={classes}
+              onChange={type === "radio" ? onChange : undefined}
+            >
+              <SettingsItem
+                code={code}
+                Component={Component}
+                defaultValue={defaultValue}
+                label={label}
+                onChange={onChange}
+                options={options}
+                placeholder={placeholder}
+                type={type}
+                minHeight={minHeight}
+              />
+            </div>
+          </React.Fragment>
+        );
+      })}
+      {documentation && (
+        <div className="settings__documentation">
+          <Icons.OpenBook className="settings__documentation-icon" />
+          <span className="settings__documentation-title">
+            You{"'"}ll find all the information about these settings{" "}
+            <a
+              href={`https://www.jeantinland.com/toolbox/simple-bar/documentation${documentation}`}
+            >
+              here on the documentation
+            </a>{" "}
+            hosted on jeantinland.com.
+          </span>
+        </div>
+      )}
+      {infos && infos.length && (
+        <div className="settings__infos">
+          <div className="settings__infos-title">Tips</div>
+          {infos.map((info, i) => (
+            <div
+              key={i}
+              className="settings__info"
+              dangerouslySetInnerHTML={{ __html: info }}
+            />
+          ))}
+        </div>
+      )}
+    </>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-item.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-item.jsx
new file mode 100755
index 0000000..91c6f54
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-item.jsx
@@ -0,0 +1,143 @@
+import * as Uebersicht from "uebersicht";
+import * as Utils from "../../utils";
+
+const { React } = Uebersicht;
+
+/**
+ * Item component to render different types of settings inputs.
+ * @param {Object} props - Component properties.
+ * @param {string} props.code - Unique code for the setting.
+ * @param {React.Component} props.Component - Custom component for the setting.
+ * @param {any} props.defaultValue - Default value of the setting.
+ * @param {string} props.label - Label for the setting.
+ * @param {string} props.type - Type of the setting input.
+ * @param {Array} [props.options] - Options for select or radio inputs.
+ * @param {string} [props.placeholder] - Placeholder for text inputs.
+ * @param {number} [props.minHeight] - Minimum height for textarea inputs.
+ * @param {Function} props.onChange - Change handler for the setting input.
+ */
+export default function SettingsItem({
+  code,
+  Component,
+  defaultValue,
+  label,
+  type,
+  options,
+  placeholder,
+  minHeight,
+  onChange,
+}) {
+  const onClick = (e) => Utils.clickEffect(e);
+  if (type === "component") {
+    return <Component defaultValue={defaultValue} onChange={onChange} />;
+  }
+  if (type === "select") {
+    return (
+      <React.Fragment>
+        <label htmlFor={code} dangerouslySetInnerHTML={{ __html: label }} />
+        <select
+          id={code}
+          className="settings__select"
+          onChange={onChange}
+          defaultValue={defaultValue}
+        >
+          {options.map((option) => (
+            <option key={option.code} value={option.code}>
+              {option.name}
+            </option>
+          ))}
+        </select>
+      </React.Fragment>
+    );
+  }
+  if (type === "radio") {
+    return options.map((option) => (
+      <div className="settings__item-option" key={option} onClick={onClick}>
+        <input
+          name={code}
+          id={option}
+          value={option}
+          type="radio"
+          defaultChecked={option === defaultValue}
+        />
+        <label
+          htmlFor={option}
+          dangerouslySetInnerHTML={{ __html: `${option} ${label}` }}
+        />
+      </div>
+    ));
+  }
+  if (type === "text" || type === "color") {
+    return (
+      <React.Fragment>
+        <label htmlFor={code} dangerouslySetInnerHTML={{ __html: label }} />
+        {type === "color" && (
+          <div
+            className="settings__item-color-pill"
+            style={{ backgroundColor: defaultValue || "transparent" }}
+          />
+        )}
+        <input
+          id={code}
+          type="text"
+          defaultValue={defaultValue}
+          placeholder={placeholder}
+          onChange={onChange}
+          autoComplete="off"
+          autoCorrect="off"
+          autoCapitalize="off"
+          spellCheck={false}
+        />
+      </React.Fragment>
+    );
+  }
+  if (type === "number") {
+    return (
+      <React.Fragment>
+        <label htmlFor={code} dangerouslySetInnerHTML={{ __html: label }} />
+        <input
+          id={code}
+          type="number"
+          value={defaultValue}
+          placeholder={placeholder}
+          onChange={onChange}
+          autoComplete="off"
+        />
+      </React.Fragment>
+    );
+  }
+  if (type === "textarea") {
+    return (
+      <React.Fragment>
+        <label htmlFor={code} dangerouslySetInnerHTML={{ __html: label }} />
+        <textarea
+          id={code}
+          defaultValue={defaultValue}
+          placeholder={placeholder}
+          onChange={onChange}
+          autoComplete="off"
+          autoCorrect="off"
+          autoCapitalize="off"
+          spellCheck={false}
+          style={{ minHeight }}
+        />
+      </React.Fragment>
+    );
+  }
+  return (
+    <React.Fragment>
+      <input
+        id={code}
+        type="checkbox"
+        defaultChecked={defaultValue}
+        onChange={onChange}
+        onClick={onClick}
+      />
+      <label
+        htmlFor={code}
+        onClick={onClick}
+        dangerouslySetInnerHTML={{ __html: label }}
+      />
+    </React.Fragment>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-widgets.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-widgets.jsx
new file mode 100755
index 0000000..736e4bb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings-widgets.jsx
@@ -0,0 +1,180 @@
+import * as Uebersicht from "uebersicht";
+import * as Icons from "../icons/icons.jsx";
+import * as Utils from "../../utils";
+import * as Settings from "../../settings";
+import SettingsInner from "./settings-inner.jsx";
+
+const { React } = Uebersicht;
+
+const settingsKeys = {
+  batteryWidget: "batteryWidgetOptions",
+  browserTrackWidget: "browserTrackWidgetOptions",
+  cpuWidget: "cpuWidgetOptions",
+  cryptoWidget: "cryptoWidgetOptions",
+  dateWidget: "dateWidgetOptions",
+  gpuWidget: "gpuWidgetOptions",
+  memoryWidget: "memoryWidgetOptions",
+  keyboardWidget: "keyboardWidgetOptions",
+  micWidget: "micWidgetOptions",
+  mpdWidget: "mpdWidgetOptions",
+  musicWidget: "musicWidgetOptions",
+  netstatsWidget: "netstatsWidgetOptions",
+  nextMeetingWidget: "nextMeetingWidgetOptions",
+  notificationsWidget: "notificationsWidgetOptions",
+  soundWidget: "soundWidgetOptions",
+  spotifyWidget: "spotifyWidgetOptions",
+  stockWidget: "stockWidgetOptions",
+  timeWidget: "timeWidgetOptions",
+  vpnWidget: "vpnWidgetOptions",
+  githubWidget: "githubWidgetOptions",
+  weatherWidget: "weatherWidgetOptions",
+  wifiWidget: "networkWidgetOptions",
+  youtubeMusicWidget: "youtubeMusicWidgetOptions",
+  zoomWidget: "zoomWidgetOptions",
+  userWidgets: "userWidgets",
+};
+
+/**
+ * SettingsWidgets component to render widgets setting category.
+ * @param {Object} props - Component properties.
+ * @param {Object} props.newSettings - Object containing current modified settings.
+ * @param {Function} props.setNewSettings - Function allowing to save newly modified settings.
+ */
+export default function SettingsWidgets({ newSettings, setNewSettings }) {
+  const [currentWidget, setCurrentWidget] = React.useState(null);
+  const currentSetting = Settings.data[currentWidget];
+
+  /**
+   * Removes the current widget setting,
+   */
+  const removeCurrentWidget = () => {
+    setCurrentWidget(null);
+  };
+
+  /**
+   * Prevent checkbox click from propagating to the parent element,
+   * allowing to avoid triggering the widget selection.
+   */
+  const handleCheckboxClick = (e) => {
+    e.stopPropagation();
+    Utils.clickEffect(e);
+  };
+
+  /**
+   * Updates the current widget based on the clicked element.
+   * @param {string} widget - The key of the widget to update.
+   */
+  const updateCurrentWidget = (widget) => (e) => {
+    if (widget === "processWidget") return;
+
+    Utils.clickEffect(e);
+    const widgetKey = settingsKeys[widget];
+    setCurrentWidget(currentWidget === widgetKey ? null : widgetKey);
+  };
+
+  return (
+    <div className="settings__widgets">
+      <Breadcrumb
+        currentSetting={currentSetting}
+        removeCurrentWidget={removeCurrentWidget}
+      />
+      {!currentWidget ? (
+        <div className="settings__widgets-list">
+          <div
+            className="settings__widgets-item"
+            onClick={updateCurrentWidget("userWidgets")}
+          >
+            Custom widgets
+            <Icons.ChevronRight className="settings__widgets-item-icon" />
+          </div>
+          {Object.keys(Settings.defaultSettings.widgets).map((subKey) => {
+            const subSetting = Settings.data[subKey];
+            if (!subSetting) return null;
+            const { label } = subSetting;
+            const defaultValue = newSettings.widgets[subKey];
+            const isProcess = subKey === "processWidget";
+
+            const classes = Utils.classNames("settings__widgets-item", {
+              "settings__widgets-item--process": isProcess,
+            });
+
+            const onChange = (e) => {
+              const value = e.target.checked;
+
+              const updatedSettings = {
+                ...newSettings,
+                widgets: { ...newSettings.widgets, [subKey]: value },
+              };
+              setNewSettings(updatedSettings);
+            };
+
+            return (
+              <div
+                key={subKey}
+                className={classes}
+                onClick={updateCurrentWidget(subKey)}
+              >
+                <input
+                  type="checkbox"
+                  defaultChecked={defaultValue}
+                  onChange={onChange}
+                  onClick={handleCheckboxClick}
+                />
+                {label}
+                {!isProcess && (
+                  <Icons.ChevronRight className="settings__widgets-item-icon" />
+                )}
+              </div>
+            );
+          })}
+        </div>
+      ) : (
+        <div className="settings__widget-settings">
+          <SettingsInner
+            settingKey={currentWidget}
+            setting={currentSetting}
+            newSettings={newSettings}
+            setNewSettings={setNewSettings}
+          />
+        </div>
+      )}
+    </div>
+  );
+}
+
+/**
+ * SettingsWidgets component to render widgets setting category.
+ * @param {Object} props - Component properties.
+ * @param {Object} props.currentSetting - Object containing the current setting.
+ * @param {Function} props.removeCurrentWidget - Function removing the current setting allowing to go back to widget list.
+ */
+function Breadcrumb({ currentSetting, removeCurrentWidget }) {
+  if (!currentSetting) {
+    return (
+      <div className="settings__widgets-breadcrumb">
+        <div className="settings__widgets-breadcrumb-title">Widgets</div>
+      </div>
+    );
+  }
+  const { label } = currentSetting;
+  return (
+    <div className="settings__widgets-breadcrumb">
+      <button
+        className="settings__widgets-breadcrumb-title"
+        onClick={removeCurrentWidget}
+      >
+        Widgets
+      </button>
+      <span className="settings__widgets-breadcrumb-current">
+        {">"} {label}
+      </span>
+      <button
+        className="settings__widgets-breadcrumb-back"
+        onClick={removeCurrentWidget}
+      >
+        <Icons.ChevronLeft className="settings__widgets-breadcrumb-back-icon" />
+        Back
+      </button>
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings.jsx
new file mode 100755
index 0000000..c63f853
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/settings.jsx
@@ -0,0 +1,94 @@
+import * as Uebersicht from "uebersicht";
+import * as Utils from "../../utils";
+import * as Settings from "../../settings";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+
+export { settingsStyles as styles } from "../../styles/components/settings/settings";
+
+const { React } = Uebersicht;
+
+// Settings component is lazy loaded. That way,
+// it isn't loaded everytime simple-bar is refreshed
+const Component = React.lazy(() => import("./settings-component.jsx"));
+
+/**
+ * Wrapper component that handles keyboard shortcuts for various actions
+ * and manages the visibility of the settings component.
+ *
+ * @component
+ * @returns {React.Fragment} A fragment containing the settings component if visible.
+ */
+export function Wrapper() {
+  const { pushMissive } = useSimpleBarContext();
+  const [visible, setVisible] = React.useState(false);
+
+  const closeSettings = () => {
+    setVisible(false);
+    Utils.blurBar();
+  };
+
+  // Actions handled by this function are
+  // > Hard refresh simple-bar with cmd/ctrl + r
+  // > Open settings with cmd/ctrl + ,
+  // > Toggle dark theme with cmd/ctrl + t
+  const handleKeydown = React.useCallback(
+    (e) => {
+      const { ctrlKey, key, metaKey } = e;
+      if ((ctrlKey || metaKey) && key === "r") {
+        e.preventDefault();
+        Utils.hardRefresh();
+      }
+      if ((ctrlKey || metaKey) && key === ",") {
+        e.preventDefault();
+        setVisible(true);
+      }
+      if ((ctrlKey || metaKey) && key === "t") {
+        e.preventDefault();
+        // We retrieve the latest version of settings
+        const settings = Settings.get();
+        const AUTO = "auto";
+        // If current value is auto, it is stored as is
+        // otherwise, it is toggled
+        let newValue = AUTO;
+        if (settings.global.theme !== AUTO) {
+          newValue = settings.global.theme;
+        }
+        // OS is instructed to toggle dark theme
+        Uebersicht.run(
+          `osascript -e 'tell app "System Events" to tell appearance preferences to set dark mode to not dark mode'`,
+        );
+        // A notification is pushed either in Macos notification center or via internal missives system
+        Utils.notification("Toggling dark theme...", pushMissive);
+        if (newValue !== AUTO) {
+          // Only theme value is updated
+          const updatedSettings = {
+            ...settings,
+            global: { ...settings.global, theme: newValue },
+          };
+          // Settings are updated and simple-bar is hard refreshed
+          Settings.set(updatedSettings);
+          Utils.hardRefresh();
+        }
+      }
+    },
+    [pushMissive],
+  );
+
+  React.useEffect(() => {
+    // We bind keydown event on Ãœbersicht document when <Settings /> component is mounted
+    // Event listener is removed on unmount
+    document.addEventListener("keydown", handleKeydown);
+    return () => document.removeEventListener("keydown", handleKeydown);
+  }, [handleKeydown]);
+
+  // Only a fragment is returned if <Settings /> component is not visible
+  return (
+    <React.Fragment>
+      {visible && (
+        <React.Suspense fallback={<React.Fragment />}>
+          <Component visible={visible} closeSettings={closeSettings} />
+        </React.Suspense>
+      )}
+    </React.Fragment>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/user-widgets-creator.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/user-widgets-creator.jsx
new file mode 100755
index 0000000..a026047
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/settings/user-widgets-creator.jsx
@@ -0,0 +1,297 @@
+import * as Uebersicht from "uebersicht";
+import * as Icons from "../icons/icons.jsx";
+import * as Settings from "../../settings";
+import * as Utils from "../../utils";
+import ColorPicker from "./color-picker.jsx";
+import IconPicker from "./icon-picker.jsx";
+
+const { React } = Uebersicht;
+
+/**
+ * UserWidgetsCreator component allows users to create and manage custom widgets.
+ * @param {Object} props - The component props.
+ * @param {Object} props.defaultValue - The default value for the widgets.
+ * @param {Function} props.onChange - The function to call when the widgets change.
+ * @returns {JSX.Element} The UserWidgetsCreator component.
+ */
+export default function UserWidgetsCreator({ defaultValue, onChange }) {
+  const [widgets, setWidgets] = React.useState(defaultValue || {});
+  const keys = Object.keys(widgets);
+
+  // Determine the highest widget ID and calculate the new ID for a new widget
+  const highestId = keys.reduce((acc, key) => {
+    const keyAsNumber = parseInt(key, 10);
+    return keyAsNumber > acc ? keyAsNumber : acc;
+  }, 1);
+  const newId = highestId + 1;
+
+  // Function to add a new widget
+  const onClick = () =>
+    setWidgets((widgets) => ({
+      ...widgets,
+      [newId]: { ...Settings.userWidgetDefault },
+    }));
+
+  // Function to handle changes to a widget
+  const onWidgetChange = (index, field, value) => {
+    const newWidgets = { ...widgets };
+    const newKeys = Object.keys(newWidgets);
+    const updatedWidgets = newKeys.reduce((acc, key, i) => {
+      const widget = newWidgets[key];
+      return {
+        ...acc,
+        [i + 1]: key === index ? { ...widget, [field]: value } : widget,
+      };
+    }, {});
+    setWidgets(updatedWidgets);
+  };
+
+  // Effect to detect changes in widgets and call onChange prop
+  React.useEffect(() => {
+    const diffs = Utils.compareObjects(defaultValue, widgets);
+    const hasDiffs = Object.keys(diffs).length > 0;
+    if (hasDiffs) onChange({ target: { value: widgets } });
+  }, [defaultValue, onChange, widgets]);
+
+  return (
+    <div className="user-widgets-creator">
+      {keys.map((key, i) => (
+        <UserWidgetCreator
+          key={`${key}-${widgets[key].backgroundColor}`}
+          index={key}
+          onWidgetChange={onWidgetChange}
+          setWidgets={setWidgets}
+          widget={widgets[key]}
+          isFirst={i === 0}
+          isLast={i === keys.length - 1}
+        />
+      ))}
+      <button className="user-widgets-creator__add" onClick={onClick}>
+        <Icons.Add />
+        Add a custom widget
+      </button>
+    </div>
+  );
+}
+
+/**
+ * UserWidgetCreator component allows users to configure individual widgets.
+ * @param {Object} props - The component props.
+ * @param {string} props.index - The index of the widget.
+ * @param {boolean} props.isFirst - Whether the widget is the first in the list.
+ * @param {boolean} props.isLast - Whether the widget is the last in the list.
+ * @param {Function} props.onWidgetChange - The function to call when the widget changes.
+ * @param {Function} props.setWidgets - The function to set the widgets state.
+ * @param {Object} props.widget - The widget data.
+ * @returns {JSX.Element} The UserWidgetCreator component.
+ */
+function UserWidgetCreator({
+  index,
+  isFirst,
+  isLast,
+  onWidgetChange,
+  setWidgets,
+  widget,
+}) {
+  const {
+    title,
+    icon,
+    backgroundColor,
+    output,
+    onClickAction,
+    onRightClickAction,
+    onMiddleClickAction,
+    refreshFrequency,
+    active = true,
+    noIcon = false,
+    hideWhenNoOutput = true,
+    showOnDisplay = "",
+  } = widget;
+
+  const indexAsNumber = parseInt(index, 10);
+
+  // Function to remove a widget
+  const onRemoveClick = () => {
+    setWidgets((widgets) => {
+      const keys = Object.keys(widgets);
+      return keys.reduce(
+        (acc, key) => (key === index ? acc : { ...acc, [key]: widgets[key] }),
+        {},
+      );
+    });
+  };
+
+  // Function to handle changes to widget fields
+  const onChange = (field, chexbox = false) => {
+    return (e) => {
+      const value = (chexbox ? e?.target?.checked : e?.target?.value) ?? "";
+      onWidgetChange(index, field, value);
+    };
+  };
+
+  // Function to move the widget up in the list
+  const onBeforeClick = () => {
+    setWidgets((widgets) => {
+      const swapedWidget = widgets[indexAsNumber - 1];
+      return {
+        ...widgets,
+        [indexAsNumber - 1]: widget,
+        [indexAsNumber]: swapedWidget,
+      };
+    });
+  };
+
+  // Function to move the widget down in the list
+  const onAfterClick = () => {
+    setWidgets((widgets) => {
+      const swapedWidget = widgets[indexAsNumber + 1];
+      return {
+        ...widgets,
+        [indexAsNumber + 1]: widget,
+        [indexAsNumber]: swapedWidget,
+      };
+    });
+  };
+
+  return (
+    <div key={indexAsNumber} className="user-widget-creator">
+      <div className="user-widget-creator__sort-buttons">
+        {!isFirst && (
+          <button
+            className="user-widget-creator__sort-button user-widget-creator__sort-button--before"
+            onClick={onBeforeClick}
+          >
+            <Icons.ChevronTop />
+          </button>
+        )}
+        {!isLast && (
+          <button
+            className="user-widget-creator__sort-button user-widget-creator__sort-button--after"
+            onClick={onAfterClick}
+          >
+            <Icons.ChevronBottom />
+          </button>
+        )}
+      </div>
+      <button className="user-widget-creator__remove" onClick={onRemoveClick}>
+        <Icons.Remove />
+      </button>
+      <div className="user-widget-creator__index">
+        n°<b>{index}</b>
+      </div>
+      <IconPicker callback={onWidgetChange} index={index} selectedIcon={icon} />
+      <div className="user-widget-creator__right">
+        <div className="user-widget-creator__right-top">
+          <ColorPicker
+            callback={onWidgetChange}
+            index={index}
+            selectedColor={backgroundColor}
+          />
+          <input
+            className="user-widget-creator__title"
+            onChange={onChange("title")}
+            type="text"
+            defaultValue={title}
+          />
+          <label htmlFor={`refresh-frequency-${index}`}>
+            Refresh frequency (ms):
+          </label>
+          <input
+            className="user-widget-creator__refresh-frequency"
+            onChange={onChange("refreshFrequency")}
+            id={`refresh-frequency-${index}`}
+            type="text"
+            defaultValue={refreshFrequency}
+          />
+        </div>
+        <div className="user-widget-creator__input-group">
+          <label htmlFor={`show-on-display-${index}`}>Show on display: </label>
+          <input
+            className="user-widget-creator__show-on-display"
+            onChange={onChange("showOnDisplay")}
+            id={`show-on-display-${index}`}
+            type="text"
+            defaultValue={showOnDisplay}
+            placeholder="example: 1,2 (leave blank to show on all displays)"
+            spellCheck={false}
+          />
+        </div>
+        <div className="user-widget-creator__input-group">
+          <label htmlFor={`output-${index}`}>Command/script path: </label>
+          <input
+            className="user-widget-creator__output"
+            onChange={onChange("output")}
+            id={`output-${index}`}
+            type="text"
+            defaultValue={output}
+            spellCheck={false}
+          />
+        </div>
+        <div className="user-widget-creator__input-group">
+          <label htmlFor={`on-click-action-${index}`}>
+            On click command/script path:{" "}
+          </label>
+          <input
+            className="user-widget-creator__on-click-action"
+            onChange={onChange("onClickAction")}
+            id={`on-click-action-${index}`}
+            type="text"
+            defaultValue={onClickAction}
+            spellCheck={false}
+          />
+        </div>
+        <div className="user-widget-creator__input-group">
+          <label htmlFor={`on-right-click-action-${index}`}>
+            On right click command/script path:{" "}
+          </label>
+          <input
+            className="user-widget-creator__on-right-click-action"
+            onChange={onChange("onRightClickAction")}
+            id={`on-right-click-action-${index}`}
+            type="text"
+            defaultValue={onRightClickAction}
+            spellCheck={false}
+          />
+        </div>
+        <div className="user-widget-creator__input-group">
+          <label htmlFor={`on-middle-click-action-${index}`}>
+            On middle click command/script path:{" "}
+          </label>
+          <input
+            className="user-widget-creator__on-middle-click-action"
+            onChange={onChange("onMiddleClickAction")}
+            id={`on-middle-click-action-${index}`}
+            type="text"
+            defaultValue={onMiddleClickAction}
+            spellCheck={false}
+          />
+        </div>
+        <div className="user-widget-creator__input-group">
+          <input
+            id={`active-${index}`}
+            type="checkbox"
+            defaultChecked={active}
+            onChange={onChange("active", true)}
+          />
+          <label htmlFor={`active-${index}`}>Active</label>
+          <input
+            id={`no-icon-${index}`}
+            type="checkbox"
+            defaultChecked={noIcon}
+            onChange={onChange("noIcon", true)}
+          />
+          <label htmlFor={`no-icon-${index}`}>No icon</label>
+          <input
+            id={`hide-when-no-output-${index}`}
+            type="checkbox"
+            defaultChecked={hideWhenNoOutput}
+            onChange={onChange("hideWhenNoOutput", true)}
+          />
+          <label htmlFor={`hide-when-no-output-${index}`}>
+            Hide when no script output
+          </label>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/side-icon.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/side-icon.jsx
new file mode 100755
index 0000000..893241d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/side-icon.jsx
@@ -0,0 +1,32 @@
+import * as Uebersicht from "uebersicht";
+import * as Icons from "./icons/icons.jsx";
+import { SuspenseIcon } from "./icons/icon.jsx";
+import { useSimpleBarContext } from "./simple-bar-context.jsx";
+
+const { React } = Uebersicht;
+
+export { sideIconStyles as styles } from "../../lib/styles/components/side-icon";
+
+/**
+ * Component to render the side icon based on the settings.
+ *
+ * @returns {JSX.Element|null} The side icon component or null if sideDecoration is disabled.
+ */
+export function Component() {
+  // Using context to get settings
+  const { settings } = useSimpleBarContext();
+  // Destructuring sideDecoration from global settings
+  const { sideDecoration } = settings.global;
+
+  // If sideDecoration is disabled, return null
+  if (!sideDecoration) return null;
+
+  // Render the side icon component
+  return (
+    <div className="side-icon">
+      <SuspenseIcon>
+        <Icons.Apple className="side-icon__svg" />
+      </SuspenseIcon>
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/simple-bar-context.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/simple-bar-context.jsx
new file mode 100755
index 0000000..7cab27a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/simple-bar-context.jsx
@@ -0,0 +1,131 @@
+import * as Uebersicht from "uebersicht";
+import * as Aerospace from "../aerospace.js";
+
+const { React } = Uebersicht;
+
+// Create a context with default values
+const SimpleBarContext = React.createContext({
+  display: 1,
+  SIPDisabled: false,
+  settings: {},
+  setSettings: () => {},
+});
+
+/**
+ * Custom hook to use the SimpleBarContext
+ * @returns {Object} The context value
+ */
+export function useSimpleBarContext() {
+  return React.useContext(SimpleBarContext);
+}
+
+/**
+ * Provides context for simple-bar.
+ *
+ * @param {Object} props - The properties object.
+ * @param {Object} props.initialSettings - The initial settings for the application.
+ * @param {Array} props.displays - The initial displays configuration.
+ * @param {boolean} props.SIPDisabled - Indicates if SIP (System Integrity Protection) is disabled.
+ * @param {React.ReactNode} props.children - The child components to be wrapped by the provider.
+ *
+ * @returns {JSX.Element} The context provider component.
+ */
+export default function SimpleBarContextProvider({
+  initialSettings,
+  displays,
+  SIPDisabled,
+  children,
+}) {
+  const [settings, setSettings] = React.useState(initialSettings);
+  const [_displays, setDisplays] = React.useState(displays);
+  const [missives, setMissives] = React.useState([]);
+  const [ubersichtScreens, setUbersichtScreens] = React.useState([]);
+
+  const { windowManager, enableServer, yabaiServerRefresh } = settings.global;
+  const serverEnabled = enableServer && yabaiServerRefresh;
+  const isYabai = windowManager === "yabai";
+
+  const currentDisplays = serverEnabled && isYabai ? _displays : displays;
+
+  const ubersichtDisplayId = parseInt(
+    window.location.pathname.replace("/", ""),
+    10,
+  );
+
+  // Fetch Ãœbersicht's active screen list from /state/
+  React.useEffect(() => {
+    if (isYabai) return undefined;
+
+    const controller = new AbortController();
+
+    const loadScreens = async () => {
+      try {
+        const response = await fetch("/state/", { signal: controller.signal });
+        if (!response.ok) throw new Error("Failed to load /state/");
+        const state = await response.json();
+        setUbersichtScreens(Array.isArray(state?.screens) ? state.screens : []);
+      } catch (error) {
+        if (error?.name !== "AbortError") {
+          setUbersichtScreens([]);
+        }
+      }
+    };
+
+    loadScreens();
+    return () => controller.abort();
+  }, [displays, isYabai]);
+
+  // Derive the current display rank from the active Ãœbersicht screen order.
+  // This handles phantom displays (closed lid, previously connected monitors)
+  // that Ãœbersicht still counts but AeroSpace doesn't report.
+  const currentScreenRank = ubersichtScreens.indexOf(ubersichtDisplayId) + 1;
+
+  // Match the current display using either the yabai display ID or AeroSpace's custom display index logic.
+  const currentDisplay =
+    currentDisplays?.find((display) =>
+      isYabai
+        ? display.id === ubersichtDisplayId
+        : Aerospace.getDisplayIndex(display) === currentScreenRank,
+    ) || {};
+
+  // Determine the display index for context value
+  // currentDisplay.index is from yabai
+  // Aerospace.getDisplayIndex is from AeroSpace with custom logic
+  // Fallback to AeroSpace monitor-appkit-nsscreen-screens-id or default to 1
+  const displayIndex =
+    currentDisplay.index ?? Aerospace.getDisplayIndex(currentDisplay) ?? 1;
+
+  const pushMissive = (newMissive) => {
+    const now = Date.now();
+    const { content, side = "right", delay = 5000 } = newMissive;
+    const timeout =
+      typeof delay === "number" && delay !== 0
+        ? setTimeout(() => {
+            setMissives((current) => {
+              return current.filter((m) => m.id !== now);
+            });
+          }, delay)
+        : undefined;
+    setMissives((current) => {
+      return [...current, { id: now, content, side, timeout }];
+    });
+  };
+
+  return (
+    <SimpleBarContext.Provider
+      value={{
+        displayIndex,
+        SIPDisabled,
+        settings,
+        setSettings,
+        displays: currentDisplays,
+        setDisplays,
+        missives,
+        setMissives,
+        pushMissive,
+      }}
+    >
+      {children}
+    </SimpleBarContext.Provider>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai-context.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai-context.jsx
new file mode 100755
index 0000000..245977b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai-context.jsx
@@ -0,0 +1,112 @@
+import * as Uebersicht from "uebersicht";
+import { useSimpleBarContext } from "./simple-bar-context.jsx";
+import useServerSocket from "../hooks/use-server-socket.js";
+import * as Yabai from "../yabai.js";
+import * as Skhd from "../skhd.js";
+
+const { React } = Uebersicht;
+
+// Create a context with default values
+const YabaiContext = React.createContext({
+  spaces: [],
+  windows: [],
+  skhdMode: "",
+});
+
+/**
+ * Custom hook to use the YabaiContext
+ * @returns {Object} The context value
+ */
+export function useYabaiContext() {
+  return React.useContext(YabaiContext);
+}
+
+export default React.memo(YabaiContextProvider);
+
+/**
+ * YabaiContextProvider component provides context for Yabai spaces, windows, and skhd mode.
+ * It uses server sockets to fetch and update the context values.
+ *
+ * @param {Object} props - The component props.
+ * @param {Array} props.spaces - Initial spaces data.
+ * @param {Array} props.windows - Initial windows data.
+ * @param {Object} props.skhdMode - Initial skhd mode data.
+ * @param {React.ReactNode} props.children - The child components to be wrapped by the provider.
+ * @returns {JSX.Element} The YabaiContext provider component.
+ */
+function YabaiContextProvider({ spaces, windows, skhdMode, children }) {
+  const { settings, setDisplays } = useSimpleBarContext();
+  const { enableServer, yabaiServerRefresh } = settings.global;
+  const { displaySkhdMode } = settings.process;
+  const serverEnabled = enableServer && yabaiServerRefresh;
+
+  const [yabaiSpaces, setYabaiSpaces] = React.useState(spaces);
+  const [yabaiWindows, setYabaiWindows] = React.useState(windows);
+  const [currentSkhdMode, setCurrentSkhdMode] = React.useState(skhdMode);
+
+  // Resets the spaces state to an empty array.
+  const resetSpaces = () => {
+    setYabaiSpaces([]);
+  };
+
+  // Resets the windows state to an empty array.
+  const resetWindows = () => {
+    setYabaiWindows([]);
+  };
+
+  // Resets the displays state to an empty array.
+  const resetDisplays = () => {
+    setDisplays([]);
+  };
+
+  // Resets the skhd mode state to an empty object.
+  const resetSkhdMode = () => {
+    setCurrentSkhdMode({});
+  };
+
+  // Fetches the current spaces from Yabai and updates the state.
+  const getSpaces = async () => {
+    const newSpaces = await Yabai.getSpaces();
+    setYabaiSpaces(newSpaces);
+  };
+
+  // Fetches the current windows from Yabai and updates the state.
+  const getWindows = async () => {
+    const newWindows = await Yabai.getWindows();
+    setYabaiWindows(newWindows);
+  };
+
+  // Fetches the current displays from Yabai and updates the state.
+  const getDisplays = async () => {
+    const newDisplays = await Yabai.getDisplays();
+    setDisplays(newDisplays);
+  };
+
+  // Fetches the current skhd mode from Skhd and updates the state.
+  const getSkhdMode = async () => {
+    const newSkhdMode = await Skhd.getMode();
+    setCurrentSkhdMode(newSkhdMode);
+  };
+
+  useServerSocket("spaces", serverEnabled, getSpaces, resetSpaces);
+  useServerSocket("windows", serverEnabled, getWindows, resetWindows);
+  useServerSocket("displays", serverEnabled, getDisplays, resetDisplays);
+  useServerSocket("mode", displaySkhdMode, getSkhdMode, resetSkhdMode);
+
+  const usedWindows = serverEnabled ? yabaiWindows : windows;
+  // Windows with an empty subrole should not be displayed in the UI
+  // See https://github.com/Jean-Tinland/simple-bar/issues/495 for reference
+  const filteredWindows = usedWindows.filter((window) => window.subrole);
+
+  return (
+    <YabaiContext.Provider
+      value={{
+        spaces: serverEnabled ? yabaiSpaces : spaces,
+        windows: filteredWindows,
+        skhdMode: serverEnabled ? currentSkhdMode : skhdMode,
+      }}
+    >
+      {children}
+    </YabaiContext.Provider>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/opened-apps.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/opened-apps.jsx
new file mode 100755
index 0000000..744867e
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/opened-apps.jsx
@@ -0,0 +1,55 @@
+import * as Uebersicht from "uebersicht";
+import * as AppIcons from "../../app-icons.js";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import * as Utils from "../../utils.js";
+
+const { React } = Uebersicht;
+
+/**
+ * OpenedApps component to display a list of opened applications.
+ * @param {Object} props - Component properties.
+ * @param {Array} props.apps - The list of opened applications.
+ * @returns {JSX.Element|null} The rendered component or null if no applications are present.
+ */
+export default function OpenedApps({ apps }) {
+  // Return null if no applications are present
+  if (!apps.length) return null;
+
+  // Sort and map the applications to JSX elements
+  return Utils.sortWindows(apps).map((app, i) => {
+    const {
+      "is-minimized": isMinimized,
+      minimized: __legacyIsMinimized,
+      "has-focus": hasFocus,
+      focused: __legacyHasFocus,
+      "has-parent-zoom": hasParentZoom,
+      "zoom-parent": __legacyHasParentZoom,
+      "has-fullscreen-zoom": hasFullscreenZoom,
+      "zoom-fullscreen": __legacyHasFullscreenZoom,
+      "is-topmost": isTopmost,
+    } = app;
+    const appName = Utils.normalizeAppName(app.app);
+
+    // Skip minimized applications
+    if (isMinimized ?? __legacyIsMinimized) return null;
+
+    // Get the application icon or default icon
+    const Icon = AppIcons.apps[appName] || AppIcons.apps.Default;
+
+    // Determine the CSS classes for the icon
+    const classes = Utils.classNames("space__icon", {
+      "space__icon--focused": hasFocus ?? __legacyHasFocus,
+      "space__icon--fullscreen":
+        (hasParentZoom ?? __legacyHasParentZoom) ||
+        (hasFullscreenZoom ?? __legacyHasFullscreenZoom),
+      "space__icon--topmost": isTopmost,
+    });
+
+    // Render the application icon
+    return (
+      <SuspenseIcon key={i}>
+        <Icon className={classes} />
+      </SuspenseIcon>
+    );
+  });
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/process.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/process.jsx
new file mode 100755
index 0000000..96a0b7c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/process.jsx
@@ -0,0 +1,102 @@
+import * as Uebersicht from "uebersicht";
+import Window from "./window.jsx";
+import * as Utils from "../../utils";
+import { useYabaiContext } from "../yabai-context.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+
+export { processStyles as styles } from "../../styles/components/process";
+
+const { React } = Uebersicht;
+
+/**
+ * Process component that displays the current windows and spaces information.
+ * @returns {JSX.Element|null} The rendered component or null if not visible.
+ */
+const Component = React.memo(() => {
+  // Get context values from yabai and simple-bar
+  const { spaces, windows, skhdMode } = useYabaiContext();
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { process, spacesDisplay, widgets } = settings;
+  const { processWidget } = widgets;
+  const { exclusionsAsRegex } = spacesDisplay;
+  const { displayForFocusedSpace, centered, showCurrentSpaceMode, displaySkhdMode, showOnDisplay } =
+    process;
+
+  // Determine if the process widget should be visible
+  const visible =
+    processWidget &&
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) &&
+    windows;
+
+  if (!visible) return null;
+
+  // Parse exclusions based on settings
+  const exclusions = exclusionsAsRegex
+    ? spacesDisplay.exclusions
+    : spacesDisplay.exclusions.split(", ");
+
+  const titleExclusions = exclusionsAsRegex
+    ? spacesDisplay.titleExclusions
+    : spacesDisplay.titleExclusions.split(", ");
+
+  // Find the current space based on visibility and display index
+  const currentSpace = spaces.find((space) => {
+    const {
+      "is-visible": isVisible,
+      "has-focus" : hasFocus,
+      visible: __legacyIsVisible,
+      display,
+    } = space;
+    return (isVisible ?? __legacyIsVisible) && (displayForFocusedSpace ? hasFocus : display === displayIndex);
+  });
+
+  // Get sticky and non-sticky windows using a utility function
+  const { stickyWindows, nonStickyWindows } = Utils.stickyWindowWorkaround({
+    windows,
+    uniqueApps: false,
+    currentDisplay: displayIndex,
+    currentSpace: currentSpace?.index,
+    exclusions,
+    titleExclusions,
+    exclusionsAsRegex,
+  });
+
+  // Combine sticky and non-sticky windows
+  const apps = [...stickyWindows, ...nonStickyWindows];
+
+  // Determine CSS classes for the component
+  const classes = Utils.classNames("process", {
+    "process--centered": centered,
+  });
+
+  // Determine the current skhd mode and its color
+  const currentSkhdMode = skhdMode.mode === "default" ? null : skhdMode.mode;
+  const skhdModeColor = "var(--" + skhdMode.color + ")";
+
+  return (
+    <div className={classes}>
+      <div className="process__container">
+        {showCurrentSpaceMode && currentSpace && (
+          <div key={currentSpace.index} className="process__layout">
+            {currentSpace.type}
+          </div>
+        )}
+        {displaySkhdMode && currentSkhdMode && (
+          <div
+            className="process__skhd-mode"
+            style={{ backgroundColor: skhdModeColor }}
+          >
+            {currentSkhdMode}
+          </div>
+        )}
+        {Utils.sortWindows(apps).map((window, i) => (
+          <Window key={i} window={window} />
+        ))}
+      </div>
+    </div>
+  );
+});
+
+Component.displayName = "Process";
+
+export default Component;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space-options.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space-options.jsx
new file mode 100755
index 0000000..9c54d8b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space-options.jsx
@@ -0,0 +1,84 @@
+import * as Uebersicht from "uebersicht";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+import * as Yabai from "../../yabai.js";
+
+const { React } = Uebersicht;
+
+/**
+ * SpaceOptions component provides options to manipulate spaces (move left, move right, remove).
+ * @param {Object} props - The component props.
+ * @param {number} props.index - The index of the space.
+ * @param {Function} props.setHovered - Function to set the hovered state.
+ * @returns {JSX.Element} The SpaceOptions component.
+ */
+export default function SpaceOptions({ index, setHovered }) {
+  // Get displayIndex from the context
+  const { displayIndex } = useSimpleBarContext();
+
+  /**
+   * Handles the click event to remove a space.
+   * @param {Event} e - The click event.
+   */
+  const remove = async (e) => {
+    e.stopPropagation();
+    Utils.clickEffect(e);
+    setHovered(false);
+    await Yabai.removeSpace(index, displayIndex);
+  };
+
+  /**
+   * Returns a function to handle the click event to swap a space.
+   * @param {string} direction - The direction to swap the space ("left" or "right").
+   * @returns {Function} The click event handler.
+   */
+  const moveTo = (direction) => async (e) => {
+    Utils.clickEffect(e);
+    setHovered(false);
+    await Yabai.swapSpace(index, direction);
+  };
+
+  /**
+   * Prevents the default behavior of the mouse down event.
+   * @param {Event} e - The mouse down event.
+   */
+  const onMouseDown = (e) => e.preventDefault();
+
+  /**
+   * Handles the mouse leave event to unset the hovered state.
+   */
+  const onMouseLeave = () => setHovered(false);
+
+  return (
+    <span className="space-options" onMouseLeave={onMouseLeave}>
+      <div
+        className="space-options__option space-options__option--move-prev"
+        onMouseDown={onMouseDown}
+        onClick={moveTo("left")}
+      >
+        <SuspenseIcon>
+          <Icons.ChevronLeft />
+        </SuspenseIcon>
+      </div>
+      <div
+        className="space-options__option space-options__option--move-next"
+        onMouseDown={onMouseDown}
+        onClick={moveTo("right")}
+      >
+        <SuspenseIcon>
+          <Icons.ChevronRight />
+        </SuspenseIcon>
+      </div>
+      <div
+        className="space-options__option space-options__option--remove"
+        onClick={remove}
+      >
+        <SuspenseIcon>
+          <Icons.Remove />
+        </SuspenseIcon>
+      </div>
+    </span>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space.jsx
new file mode 100755
index 0000000..3b5e761
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space.jsx
@@ -0,0 +1,194 @@
+import * as Uebersicht from "uebersicht";
+import OpenedApps from "./opened-apps.jsx";
+import SpaceOptions from "./space-options.jsx";
+import { useYabaiContext } from "../yabai-context.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+import * as Yabai from "../../yabai.js";
+
+const { React } = Uebersicht;
+
+/**
+ * Component representing a space in yabai window manager.
+ * @param {Object} props - The component props.
+ * @param {Object} props.space - The space object.
+ * @param {number} props.display - The display index.
+ * @param {number} props.currentSpaceIndex - The current space index.
+ * @param {boolean} props.lastOfSpace - Whether this is the last space.
+ * @returns {JSX.Element|null} The rendered component.
+ */
+export default function Space({
+  space,
+  display,
+  currentSpaceIndex,
+  lastOfSpace,
+}) {
+  const { windows } = useYabaiContext();
+  const { SIPDisabled, settings } = useSimpleBarContext();
+  const { spacesDisplay } = settings;
+  const {
+    displayAllSpacesOnAllScreens,
+    exclusionsAsRegex,
+    displayStickyWindowsSeparately,
+    hideDuplicateAppsInSpaces,
+    showOptionsOnHover,
+  } = spacesDisplay;
+
+  const labelRef = React.useRef();
+  const [hovered, setHovered] = React.useState(false);
+  const [noDelay, setNoDelay] = React.useState(false);
+  const [editable, setEditable] = React.useState(false);
+  const {
+    index,
+    label,
+    "has-focus": hasFocus,
+    focused: __legacyHasFocus,
+    "is-visible": isVisible,
+    visible: __legacyIsVisible,
+    "is-native-fullscreen": isNativeFullscreen,
+    "native-fullscreen": __legacyIsNativeFullscreen,
+    type,
+  } = space;
+  const [spaceLabel, setSpaceLabel] = React.useState(
+    label?.length ? label : index,
+  );
+
+  // Return null if the space should not be displayed on the current screen
+  if (!displayAllSpacesOnAllScreens && display.index !== space.display)
+    return null;
+
+  const exclusions = exclusionsAsRegex
+    ? spacesDisplay.exclusions
+    : spacesDisplay.exclusions.split(", ");
+  const titleExclusions = exclusionsAsRegex
+    ? spacesDisplay.titleExclusions
+    : spacesDisplay.titleExclusions.split(", ");
+
+  /**
+   * Handle mouse enter event.
+   * @param {MouseEvent} e - The mouse event.
+   */
+  const onMouseEnter = (e) => {
+    if (!showOptionsOnHover) return;
+    const { altKey, metaKey } = e;
+    if (altKey) return;
+    setHovered(true);
+    if (metaKey) setNoDelay(true);
+  };
+
+  /**
+   * Handle mouse leave event.
+   */
+  const onMouseLeave = () => {
+    setHovered(false);
+    setNoDelay(false);
+    setEditable(false);
+    window.getSelection().removeAllRanges();
+  };
+
+  /**
+   * Handle click event.
+   * @param {MouseEvent} e - The mouse event.
+   */
+  const onClick = (e) => {
+    onMouseLeave(e);
+    if (e.altKey) {
+      setEditable(true);
+      labelRef.current?.select();
+      return;
+    }
+    if (hasFocus || __legacyHasFocus) return;
+    if (SIPDisabled && !spacesDisplay.switchSpacesWithoutYabai) {
+      Yabai.goToSpace(index);
+      Utils.clickEffect(e);
+      return;
+    }
+    Utils.switchSpace(currentSpaceIndex, index);
+    Utils.clickEffect(e);
+  };
+
+  /**
+   * Handle right-click event.
+   */
+  const onRightClick = () => {
+    setHovered(true);
+    setNoDelay(true);
+  };
+
+  /**
+   * Handle change event for the space label input.
+   * @param {Event} e - The change event.
+   */
+  const onChange = (e) => {
+    if (!editable) return;
+    const newLabel = e.target.value;
+    setSpaceLabel(newLabel);
+    Yabai.renameSpace(index, newLabel);
+  };
+
+  const { nonStickyWindows: apps, stickyWindows } =
+    Utils.stickyWindowWorkaround({
+      windows,
+      uniqueApps: hideDuplicateAppsInSpaces,
+      currentDisplay: display,
+      currentSpace: index,
+      exclusions,
+      titleExclusions,
+      exclusionsAsRegex,
+    });
+  const allApps = [...apps, ...stickyWindows];
+
+  // Determine if the space should be hidden
+  const hidden =
+    !(hasFocus ?? __legacyHasFocus) &&
+    !(isVisible ?? __legacyHasFocus) &&
+    !allApps.length &&
+    spacesDisplay.hideEmptySpaces;
+
+  if (hidden) return null;
+
+  const classes = Utils.classNames(`space space--${type}`, {
+    "space--focused": hasFocus ?? __legacyHasFocus,
+    "space--visible": isVisible ?? __legacyIsVisible,
+    "space--fullscreen": isNativeFullscreen ?? __legacyIsNativeFullscreen,
+    "space--hovered": hovered,
+    "space--no-delay": noDelay,
+    "space--empty": allApps.length,
+    "space--editable": editable,
+  });
+
+  const labelSize = (
+    typeof spaceLabel === "number" ? spaceLabel.toString() : spaceLabel
+  ).length;
+
+  return (
+    <React.Fragment>
+      {displayAllSpacesOnAllScreens && lastOfSpace && (
+        <div className="spaces__separator" />
+      )}
+      <div
+        className={classes}
+        onMouseLeave={onMouseLeave}
+        onMouseEnter={onMouseEnter}
+      >
+        <button
+          className="space__inner"
+          onClick={onClick}
+          onContextMenu={onRightClick}
+        >
+          <input
+            ref={labelRef}
+            type="text"
+            className="space__label"
+            onChange={onChange}
+            value={spaceLabel}
+            style={{ width: `${labelSize}ch` }}
+            readOnly={!editable}
+          />
+          <OpenedApps apps={displayStickyWindowsSeparately ? apps : allApps} />
+        </button>
+        {SIPDisabled && <SpaceOptions index={index} setHovered={setHovered} />}
+      </div>
+    </React.Fragment>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/spaces.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/spaces.jsx
new file mode 100755
index 0000000..e3a69d0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/spaces.jsx
@@ -0,0 +1,109 @@
+import * as Uebersicht from "uebersicht";
+import Space from "./space.jsx";
+import Stickies from "./stickies.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import { useYabaiContext } from "../yabai-context.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+import * as Yabai from "../../yabai";
+
+export { spacesStyles as styles } from "../../styles/components/spaces/spaces";
+
+const { React } = Uebersicht;
+
+/**
+ * Spaces component to display spaces and manage space-related actions.
+ * @returns {JSX.Element|null} The rendered component.
+ */
+const Component = React.memo(() => {
+  // Get spaces and windows data from Yabai context
+  const { spaces, windows } = useYabaiContext();
+  // Get various settings and display information from simple-bar context
+  const { SIPDisabled, displayIndex, displays, settings } =
+    useSimpleBarContext();
+  const { spacesDisplay, process } = settings;
+  const {
+    displayStickyWindowsSeparately,
+    spacesExclusions,
+    exclusionsAsRegex,
+    hideCreateSpaceButton,
+    showOnDisplay,
+  } = spacesDisplay;
+  // Determine if the component should be visible on the current display
+  const visible = Utils.isVisibleOnDisplay(displayIndex, showOnDisplay);
+  const isProcessVisible = Utils.isVisibleOnDisplay(
+    displayIndex,
+    process.showOnDisplay,
+  );
+
+  if (!visible) return null;
+
+  if (!spaces && !windows) {
+    return <div className="spaces spaces--empty" />;
+  }
+
+  // Find the current space index
+  const { index: currentSpaceIndex } =
+    spaces.find((space) => {
+      const { "has-focus": hasFocus, focused: __legacyHasFocus } = space;
+      return hasFocus ?? __legacyHasFocus;
+    }) || {};
+
+  return displays.map((display, i) => {
+    if (display.index !== displayIndex) return null;
+
+    /**
+     * Handle click event to create a new space.
+     * @param {Event} e - The click event.
+     */
+    const onClick = async (e) => {
+      Utils.clickEffect(e);
+      await Yabai.createSpace(displayIndex);
+    };
+
+    return (
+      <div key={i} className="spaces">
+        {displayStickyWindowsSeparately && <Stickies display={display} />}
+        {spaces.map((space, i) => {
+          const { label, index } = space;
+          const lastOfSpace =
+            i !== 0 && space.display !== spaces[i - 1].display;
+
+          const key = label?.length ? label : index;
+          const spacesExclusionsList =  spacesExclusions.replace(/ /g, "").split(",");
+          const isExcluded = Utils.isSpaceExcluded(
+            key,
+            spacesExclusionsList,
+            exclusionsAsRegex,
+          );
+
+          if (isExcluded) return null;
+
+          return (
+            <Space
+              key={key}
+              display={display}
+              space={space}
+              currentSpaceIndex={currentSpaceIndex}
+              lastOfSpace={lastOfSpace}
+            />
+          );
+        })}
+        {SIPDisabled && !hideCreateSpaceButton ? (
+          <button className="spaces__add" onClick={onClick}>
+            <SuspenseIcon>
+              <Icons.Add />
+            </SuspenseIcon>
+          </button>
+        ) : (
+          isProcessVisible && <div className="spaces__end-separator" />
+        )}
+      </div>
+    );
+  });
+});
+
+Component.displayName = "Spaces";
+
+export default Component;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/stickies.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/stickies.jsx
new file mode 100755
index 0000000..703bf68
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/stickies.jsx
@@ -0,0 +1,56 @@
+import OpenedApps from "./opened-apps.jsx";
+import { useYabaiContext } from "../yabai-context.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+/**
+ * Stickies component to display sticky windows.
+ * @param {Object} props - Component properties.
+ * @param {Object} props.display - The current display information.
+ * @returns {JSX.Element|null} The rendered component or null if no sticky windows are present.
+ */
+export default function Stickies({ display }) {
+  // Get windows from yabai context
+  const { windows } = useYabaiContext();
+  // Get settings from simple-bar context
+  const { settings } = useSimpleBarContext();
+  const { spacesDisplay } = settings;
+  const { exclusionsAsRegex, hideDuplicateAppsInSpaces } = spacesDisplay;
+
+  // Determine exclusions based on settings
+  const exclusions = exclusionsAsRegex
+    ? spacesDisplay.exclusions
+    : spacesDisplay.exclusions.split(", ");
+  const titleExclusions = exclusionsAsRegex
+    ? spacesDisplay.titleExclusions
+    : spacesDisplay.titleExclusions.split(", ");
+
+  // Get sticky windows using a utility function
+  const { stickyWindows: apps } = Utils.stickyWindowWorkaround({
+    windows,
+    uniqueApps: hideDuplicateAppsInSpaces,
+    currentDisplay: display,
+    currentSpace: undefined,
+    exclusions,
+    titleExclusions,
+    exclusionsAsRegex,
+  });
+
+  // Filter out minimized sticky windows
+  const notMinimizedStikies = apps.filter((app) => {
+    const { "is-minimized": isMinimized, minimized: __legacyIsMinimized } = app;
+    return !(isMinimized || __legacyIsMinimized);
+  });
+
+  // Return null if no non-minimized sticky windows are present
+  if (!notMinimizedStikies?.length) return null;
+
+  // Render the sticky windows
+  return (
+    <div className="stickies">
+      <div className="stickies__inner">
+        <OpenedApps apps={apps} />
+      </div>
+    </div>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/window.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/window.jsx
new file mode 100755
index 0000000..2b47878
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/window.jsx
@@ -0,0 +1,119 @@
+import * as Uebersicht from "uebersicht";
+import * as AppIcons from "../../app-icons";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+import * as Yabai from "../../yabai";
+
+const { React } = Uebersicht;
+
+/**
+ * Window component to display a window in simple-bar.
+ * @param {Object} props - The component props.
+ * @param {Object} props.window - The window object containing window details.
+ * @returns {JSX.Element|null} The rendered window component or null if the window is minimized or not focused.
+ */
+export default function Window({ window }) {
+  const { settings } = useSimpleBarContext();
+  const ref = React.useRef();
+
+  // Destructure settings for process display options
+  const {
+    displayOnlyCurrent,
+    hideWindowTitle,
+    displayOnlyIcon,
+    expandAllProcesses,
+    displayStackIndex,
+    displayOnlyCurrentStack,
+  } = settings.process;
+
+  // Destructure window properties
+  const {
+    "stack-index": stackIndex,
+    "is-minimized": isMinimized,
+    minimized: __legacyIsMinimized,
+    "has-focus": hasFocus,
+    focused: __legacyHasFocus,
+    app: appName,
+    title,
+    id,
+  } = window;
+
+  // Determine if the window is focused
+  const isFocused = hasFocus ?? __legacyHasFocus;
+
+  // Return null if the window is minimized or not focused when displayOnlyCurrent is true
+  if (
+    (isMinimized ?? __legacyIsMinimized) ||
+    (displayOnlyCurrent && !isFocused)
+  ) {
+    return null;
+  }
+
+  // Get the icon for the application or use the default icon
+  const Icon = AppIcons.apps[appName] || AppIcons.apps.Default;
+
+  /**
+   * Handle click event on the window button.
+   * @param {Event} e - The click event.
+   */
+  const onClick = (e) => {
+    !displayOnlyCurrent && Utils.clickEffect(e);
+    Yabai.focusWindow(id);
+  };
+
+  /**
+   * Handle mouse enter event to start sliding animation.
+   */
+  const onMouseEnter = () => {
+    Utils.startSliding(ref.current, ".process__inner", ".process__name");
+  };
+
+  /**
+   * Handle mouse leave event to stop sliding animation.
+   */
+  const onMouseLeave = () => {
+    Utils.stopSliding(ref.current, ".process__name");
+  };
+
+  // Generate class names for the window button
+  const classes = Utils.classNames("process__window", {
+    "process__window--expanded": expandAllProcesses,
+    "process__window--focused": !displayOnlyCurrent && isFocused,
+    "process__window--only-current": displayOnlyCurrent,
+    "process__window--only-icon": displayOnlyIcon,
+  });
+
+  // Clean up the window name for display
+  const cleanedUpName =
+    appName !== title && title.length ? `${appName} / ${title}` : appName;
+  const processName = hideWindowTitle ? appName : cleanedUpName;
+
+  // Determine if the stack index should be displayed
+  const showStackIndex =
+    displayStackIndex &&
+    (!displayOnlyCurrentStack || isFocused) &&
+    stackIndex > 0;
+
+  return (
+    <button
+      ref={ref}
+      className={classes}
+      onClick={onClick}
+      onMouseEnter={displayOnlyIcon ? undefined : onMouseEnter}
+      onMouseLeave={displayOnlyIcon ? undefined : onMouseLeave}
+    >
+      <SuspenseIcon>
+        <Icon className="process__icon" />
+      </SuspenseIcon>
+      {!displayOnlyIcon && (
+        <span className="process__inner">
+          <span className="process__name">{processName}</span>
+        </span>
+      )}
+      {showStackIndex && (
+        <span className="process__stack-index">{stackIndex}</span>
+      )}
+    </button>
+  );
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/hooks/use-server-socket.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/hooks/use-server-socket.js
new file mode 100755
index 0000000..962c2be
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/hooks/use-server-socket.js
@@ -0,0 +1,221 @@
+import * as Uebersicht from "uebersicht";
+import * as Settings from "../settings";
+import { useSimpleBarContext } from "../components/simple-bar-context.jsx";
+
+const { React } = Uebersicht;
+
+/**
+ * Custom hook to manage server socket connections and handle incoming messages.
+ *
+ * @param {string} target - The target widget to manage.
+ * @param {boolean} visible - Visibility state of the widget.
+ * @param {function} getter - Function to handle data retrieval.
+ * @param {function} resetWidget - Function to reset the widget state.
+ * @param {function} setLoading - Function to set the loading state.
+ * @param {number} [userWidgetIndex] - Index of the user widget (if applicable).
+ *
+ * @returns {void}
+ */
+export default function useServerSocket(
+  target,
+  visible,
+  getter,
+  resetWidget,
+  setLoading,
+  userWidgetIndex,
+) {
+  const { settings, setSettings } = useSimpleBarContext();
+  const { enableServer, serverSocketPort } = settings.global;
+  const socket = React.useRef(null);
+
+  const isUserWidget = target === "user-widget";
+
+  /**
+   * Handles incoming WebSocket messages and performs actions based on the message content.
+   * @param {Object} e - The event object containing the message data.
+   * @param {string} e.data - The JSON string containing the action and data.
+   * @param {string} e.data.action - The action to perform (e.g., "push", "refresh", "disable", "enable", "toggle").
+   * @param {Object} e.data.data - The data associated with the action.
+   */
+  const handleMessage = React.useCallback(
+    (e) => {
+      const { action, data } = JSON.parse(e.data);
+
+      if (action === "push" || (visible && action === "refresh")) {
+        getter(data);
+      }
+
+      if (action === "disable" || action === "enable") {
+        const state = action === "enable";
+
+        if (isUserWidget) {
+          toggleUserWidget(
+            userWidgetIndex,
+            resetWidget,
+            setSettings,
+            state,
+            setLoading,
+          );
+        } else {
+          toggleWidget(target, resetWidget, setSettings, state, setLoading);
+        }
+      }
+
+      if (action === "toggle") {
+        if (isUserWidget) {
+          toggleUserWidget(
+            userWidgetIndex,
+            resetWidget,
+            setSettings,
+            undefined,
+            setLoading,
+          );
+        } else {
+          toggleWidget(target, resetWidget, setSettings, undefined, setLoading);
+        }
+      }
+    },
+    [
+      getter,
+      isUserWidget,
+      resetWidget,
+      setLoading,
+      setSettings,
+      target,
+      userWidgetIndex,
+      visible,
+    ],
+  );
+
+  React.useEffect(() => {
+    // If the server is enabled, create a new WebSocket connection
+    if (enableServer) {
+      // If the socket is not already created, create a new one
+      if (socket.current === null) {
+        let queryParams = `target=${target}`;
+
+        if (userWidgetIndex !== undefined) {
+          queryParams = queryParams.concat(
+            `&userWidgetIndex=${userWidgetIndex}`,
+          );
+        }
+
+        const newSocket = new WebSocket(
+          `ws://localhost:${serverSocketPort}/?${queryParams}`,
+        );
+
+        newSocket.onmessage = handleMessage;
+        socket.current = newSocket;
+      }
+    } else {
+      // If the server is disabled, close the socket if it exists
+      if (socket.current) {
+        socket.current.close();
+        socket.current = null;
+      }
+    }
+  }, [enableServer, handleMessage, serverSocketPort, target, userWidgetIndex]);
+}
+
+const settingsKeys = {
+  battery: "batteryWidget",
+  "browser-track": "browserTrackWidget",
+  cpu: "cpuWidget",
+  crypto: "cryptoWidget",
+  "date-display": "dateWidget",
+  gpu: "gpuWidget",
+  keyboard: "keyboardWidget",
+  mic: "micWidget",
+  mpd: "mpdWidget",
+  music: "musicWidget",
+  netstats: "netstatsWidget",
+  "next-meeting": "nextMeetingWidget",
+  notifications: "notificationsWidget",
+  sound: "soundWidget",
+  spotify: "spotifyWidget",
+  stock: "stockWidget",
+  time: "timeWidget",
+  "viscosity-vpn": "vpnWidget",
+  weather: "weatherWidget",
+  wifi: "wifiWidget",
+  memory: "memoryWidget",
+  "youtube-music": "youtubeMusicWidget",
+  zoom: "zoomWidget",
+};
+
+/**
+ * Toggles the state of a widget and updates the settings accordingly.
+ *
+ * @param {string} widget - The name of the widget to toggle.
+ * @param {Function} resetWidget - A function to reset the widget state, if needed.
+ * @param {Function} setSettings - A function to update the settings state.
+ * @param {boolean} [forcedState] - An optional parameter to force the widget state.
+ * @param {Function} setLoading - A function to set the loading state.
+ * @returns {Promise<void>} - A promise that resolves when the widget state is toggled.
+ */
+async function toggleWidget(
+  widget,
+  resetWidget,
+  setSettings,
+  forcedState,
+  setLoading,
+) {
+  const key = settingsKeys[widget];
+  setSettings((settings) => {
+    const { widgets } = settings;
+    const active = forcedState ?? !widgets[key];
+    if (!active) {
+      resetWidget?.();
+    } else {
+      setLoading?.(true);
+    }
+    const newSettings = {
+      ...settings,
+      widgets: { ...widgets, [key]: active },
+    };
+    Settings.set(newSettings);
+    return newSettings;
+  });
+}
+
+/**
+ * Toggles the active state of a user widget.
+ *
+ * @param {number} index - The index of the user widget to toggle.
+ * @param {Function} resetWidget - A function to reset the widget, called when the widget is deactivated.
+ * @param {Function} setSettings - A function to update the settings state.
+ * @param {boolean} [forcedState] - An optional boolean to force the widget's active state.
+ * @param {Function} setLoading - A function to set the loading state, called when the widget is activated.
+ * @returns {Promise<void>} A promise that resolves when the settings have been updated.
+ */
+async function toggleUserWidget(
+  index,
+  resetWidget,
+  setSettings,
+  forcedState,
+  setLoading,
+) {
+  setSettings((settings) => {
+    const { userWidgetsList = {} } = settings.userWidgets;
+    const active = forcedState ?? !userWidgetsList[index].active;
+    if (!active) {
+      resetWidget?.();
+    } else {
+      setLoading?.(true);
+    }
+    const newUserWidgetsList = {
+      ...userWidgetsList,
+      [index]: { ...userWidgetsList[index], active },
+    };
+
+    const newSettings = {
+      ...settings,
+      userWidgets: {
+        ...settings.userWidgets,
+        userWidgetsList: newUserWidgetsList,
+      },
+    };
+    Settings.set(newSettings);
+    return newSettings;
+  });
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/hooks/use-widget-refresh.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/hooks/use-widget-refresh.js
new file mode 100755
index 0000000..cf79515
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/hooks/use-widget-refresh.js
@@ -0,0 +1,37 @@
+import * as Uebersicht from "uebersicht";
+
+const { React } = Uebersicht;
+
+/**
+ * Custom hook to refresh a widget at a specified frequency.
+ *
+ * @param {boolean} active - Flag indicating whether the widget is active.
+ * @param {Function} getter - Function to fetch or update the widget data.
+ * @param {number} refreshFrequency - Frequency in milliseconds to refresh the widget.
+ */
+export default function useWidgetRefresh(active, getter, refreshFrequency) {
+  const abortableGetter = React.useCallback(
+    (signal) => {
+      if (!active || signal.aborted) return;
+      getter();
+    },
+    [active, getter],
+  );
+
+  React.useEffect(() => {
+    const controller = new AbortController();
+    if (active) {
+      abortableGetter(controller.signal);
+      const interval = setInterval(
+        () => abortableGetter(controller.signal),
+        refreshFrequency,
+      );
+      return () => {
+        controller.abort();
+        clearInterval(interval);
+      };
+    } else {
+      controller.abort();
+    }
+  }, [active, abortableGetter, refreshFrequency]);
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/schemas/config.json b/users/ryan/modules/simple-bar/simple-bar-source/lib/schemas/config.json
new file mode 100755
index 0000000..e10efa2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/schemas/config.json
@@ -0,0 +1,1159 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "config.json",
+  "title": "simple-bar config JSON schema",
+  "type": "object",
+  "additionalProperties": false,
+  "properties": {
+    "$schema": { "type": "string" },
+    "global": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "theme": {
+          "type": "string",
+          "enum": ["auto", "dark", "light"],
+          "description": "Theme to use"
+        },
+        "floatingBar": {
+          "type": "boolean",
+          "description": "Make simple-bar floating by adding padding around it"
+        },
+        "noBarBg": {
+          "type": "boolean",
+          "description": "Remove the background of the bar"
+        },
+        "noColorInData": {
+          "type": "boolean",
+          "description": "Remove colors from all data widgets"
+        },
+        "bottomBar": {
+          "type": "boolean",
+          "description": "Place simple-bar at the bottom of the screen"
+        },
+        "sideDecoration": {
+          "type": "boolean",
+          "description": "Add an Apple logo on the left side of simple-bar"
+        },
+        "inlineSpacesOptions": {
+          "type": "boolean",
+          "description": "Show spaces options inline"
+        },
+        "disableAnimations": {
+          "type": "boolean",
+          "description": "Disable all persistent animations in simple-bar"
+        },
+        "disableNotifications": {
+          "type": "boolean",
+          "description": "Disable notifications"
+        },
+        "enableMissives": {
+          "type": "boolean",
+          "description": "Enable missives (internal notification system)"
+        },
+        "compactMode": {
+          "type": "boolean",
+          "description": "Enable compact mode"
+        },
+        "widgetMaxWidth": {
+          "type": "string",
+          "description": "Max width for widgets. Overflowing text while be shown with a sliding effect"
+        },
+        "spacesBackgroundColorAsForeground": {
+          "type": "boolean",
+          "description": "Use spaces background color as foreground color"
+        },
+        "widgetsBackgroundColorAsForeground": {
+          "type": "boolean",
+          "description": "Use widgets background color as foreground color"
+        },
+        "font": {
+          "type": "string",
+          "description": "Define the font used by simple-bar"
+        },
+        "fontSize": {
+          "type": "string",
+          "description": "Define the font size for all the widgets. You can use any css unit. It can particulary be usefull if you have displays with different pixel density and different scaling factor in which case you can set a value with a relative viewport unit like 1vh. Be careful to not set a value too high as it could break all simple-bar interface as this setting is used for every texts"
+        },
+        "yabaiPath": {
+          "type": "string",
+          "description": "Determine the path to the yabai binary"
+        },
+        "aerospacePath": {
+          "type": "string",
+          "description": "Determine the path to the aerospace binary"
+        },
+        "windowManager": {
+          "type": "string",
+          "enum": ["yabai", "aerospace"],
+          "description": "Determine the window manager used by simple-bar to display spaces & processes: yabai or aerospace"
+        },
+        "shell": {
+          "type": "string",
+          "enum": ["sh", "bash", "dash"],
+          "description": "Depending on your preference you can choose between these 3 shell for all simple-bar scripts execution: sh, bash, dash"
+        },
+        "terminal": {
+          "type": "string",
+          "enum": ["Terminal", "iTerm2"],
+          "description": "Define the terminal used by simple-bar to run commands"
+        },
+        "slidingAnimationPace": {
+          "type": "number",
+          "description": "Determine the speed of the sliding animation for widgets with overflowing text. Default is \"4\". The higher slidingAnimationPace value, the faster the texts slides (must be > 0)"
+        },
+        "enableServer": {
+          "type": "boolean",
+          "description": "Enable websocket connection to the server in each data widget. You must install and launch simple-bar-server before activating this setting"
+        },
+        "serverSocketPort": {
+          "type": "number",
+          "description": "Determine the port on which the websockets will be opened. Check you simple-bar-server config file to get the right port if you changed it"
+        },
+        "yabaiServerRefresh": {
+          "type": "boolean",
+          "description": "Enable websocket connection to the server in yabai spaces & process widgets. You must install and launch simple-bar-server before activating this setting"
+        },
+        "aerospaceServerRefresh": {
+          "type": "boolean",
+          "description": "Enable websocket connection to the server in AeroSpace spaces widgets. You must install and launch simple-bar-server before activating this setting"
+        }
+      }
+    },
+    "themes": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "lightTheme": {
+          "type": "string",
+          "description": "Light theme to use"
+        },
+        "darkTheme": {
+          "type": "string",
+          "description": "Dark theme to use"
+        },
+        "colorMain": {
+          "type": "string",
+          "description": "Override the main color of the theme. Must be a valid CSS color."
+        },
+        "colorMainAlt": {
+          "type": "string",
+          "description": "Override the main alternative color of the theme. Must be a valid CSS color."
+        },
+        "colorMinor": {
+          "type": "string",
+          "description": "Override the minor color of the theme. Must be a valid CSS color."
+        },
+        "colorAccent": {
+          "type": "string",
+          "description": "Override the accent color of the theme. Must be a valid CSS color."
+        },
+        "colorRed": {
+          "type": "string",
+          "description": "Override the red color of the theme. Must be a valid CSS color."
+        },
+        "colorGreen": {
+          "type": "string",
+          "description": "Override the green color of the theme. Must be a valid CSS color."
+        },
+        "colorYellow": {
+          "type": "string",
+          "description": "Override the yellow color of the theme. Must be a valid CSS color."
+        },
+        "colorOrange": {
+          "type": "string",
+          "description": "Override the orange color of the theme. Must be a valid CSS color."
+        },
+        "colorBlue": {
+          "type": "string",
+          "description": "Override the blue color of the theme. Must be a valid CSS color."
+        },
+        "colorMagenta": {
+          "type": "string",
+          "description": "Override the magenta color of the theme. Must be a valid CSS color."
+        },
+        "colorCyan": {
+          "type": "string",
+          "description": "Override the cya color of the theme. Must be a valid CSS color."
+        },
+        "colorBlack": {
+          "type": "string",
+          "description": "Override the black color of the theme. Must be a valid CSS color."
+        },
+        "colorWhite": {
+          "type": "string",
+          "description": "Override the white color of the theme. Must be a valid CSS color."
+        },
+        "colorForeground": {
+          "type": "string",
+          "description": "Override the foreground color of the theme. Must be a valid CSS color."
+        },
+        "colorBackground": {
+          "type": "string",
+          "description": "Override the background color of the theme. Must be a valid CSS color."
+        }
+      }
+    },
+    "process": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "displayOnlyCurrent": {
+          "type": "boolean",
+          "description": "Insead of showing all processes of the current space, simple-bar will only show the current one"
+        },
+        "centered": {
+          "type": "boolean",
+          "description": "The process widget will be centered. Do not activate it if you run simple-bar on a mac with a notch"
+        },
+        "showCurrentSpaceMode": {
+          "type": "boolean",
+          "description": "[yabai] Show the current space yabai mode on the left of the processes"
+        },
+        "hideWindowTitle": {
+          "type": "boolean",
+          "description": "Hide window titles"
+        },
+        "displayOnlyIcon": {
+          "type": "boolean",
+          "description": "Show only the process icon"
+        },
+        "expandAllProcesses": {
+          "type": "boolean",
+          "description": "All processes are revealed"
+        },
+        "displaySkhdMode": {
+          "type": "boolean",
+          "description": "[yabai] If the current space is in stack mode, each process will have its stack index displayed"
+        },
+        "displayStackIndex": {
+          "type": "boolean",
+          "description": "[yabai] Show stack index only on focused process"
+        },
+        "displayOnlyCurrentStack": {
+          "type": "boolean",
+          "description": "[yabai] Show stack-index only for focused process"
+        }
+      }
+    },
+    "spacesDisplay": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "exclusions": {
+          "type": "string",
+          "description": "You can exclude some process with their app name. Simply add the wanted app name and separate multiple app names with a comma"
+        },
+        "titleExclusions": {
+          "type": "string",
+          "description": "Same as previous settings but with the window title name"
+        },
+        "spacesExclusions": {
+          "type": "string",
+          "description": "Whole space(s) can be excluded for the spaces display by their name here separated by a comma"
+        },
+        "exclusionsAsRegex": {
+          "type": "boolean",
+          "description": "Instead of using comma in the exclusions fields, you can use the regex syntax"
+        },
+        "displayAllSpacesOnAllScreens": {
+          "type": "boolean",
+          "description": "By default, only spaces attached to the current display are displayed on all displays. This can be changed with this setting"
+        },
+        "hideDuplicateAppsInSpaces": {
+          "type": "boolean",
+          "description": "Each instance of an app is displayed separately in their respective space. You can merge all duplicates with this setting"
+        },
+        "displayStickyWindowsSeparately": {
+          "type": "boolean",
+          "description": "[yabai] Sticky windows are displayed on each screens by default. You can choose to displayed only in one place thanks to this settings (at the left of all the spaces)"
+        },
+        "hideCreateSpaceButton": {
+          "type": "boolean",
+          "description": "[yabai] Simply hide the \"+\" button (which is only visible if you have SIP disabled)"
+        },
+        "hideEmptySpaces": {
+          "type": "boolean",
+          "description": "Hide spaces with no opened apps"
+        },
+        "showOptionsOnHover": {
+          "type": "boolean",
+          "description": "Space options are opened on right click if this setting is set to false"
+        },
+        "switchSpacesWithoutYabai": {
+          "type": "boolean",
+          "description": "Instead of relying on yabai to switch to a specific space (on space click), simple-bar will trigger the \"switch to prev/next\" space shortcut which need to be enabled in macos settings to be working"
+        },
+        "customAeroSpaceDisplayIndexes": {
+          "type": "object",
+          "description": "[AeroSpace] Allow display numbering override in case of monitor numbering mismatch between AeroSpace and Ãœbersicht",
+          "patternProperties": {
+            "^\\d+$": {
+              "type": "number",
+              "description": "Override the display index for the monitor with the given ID"
+            }
+          }
+        }
+      }
+    },
+    "widgets": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "processWidget": {
+          "type": "boolean",
+          "description": "Hide or show the process widget"
+        },
+        "githubWidget": {
+          "type": "boolean",
+          "description": "Hide or show the GitHub widget"
+        },
+        "weatherWidget": {
+          "type": "boolean",
+          "description": "Hide or show the weather widget"
+        },
+        "netstatsWidget": {
+          "type": "boolean",
+          "description": "Hide or show the netstats widget"
+        },
+        "cpuWidget": {
+          "type": "boolean",
+          "description": "Hide or show the CPU widget"
+        },
+        "gpuWidget": {
+          "type": "boolean",
+          "description": "Hide or show the GPU widget"
+        },
+        "memoryWidget": {
+          "type": "boolean",
+          "description": "Hide or show the memory widget"
+        },
+        "batteryWidget": {
+          "type": "boolean",
+          "description": "Hide or show the battery widget"
+        },
+        "wifiWidget": {
+          "type": "boolean",
+          "description": "Hide or show the wifi widget"
+        },
+        "vpnWidget": {
+          "type": "boolean",
+          "description": "Hide or show the VPN widget"
+        },
+        "zoomWidget": {
+          "type": "boolean",
+          "description": "Hide or show the Zoom widget"
+        },
+        "soundWidget": {
+          "type": "boolean",
+          "description": "Hide or show the sound widget"
+        },
+        "micWidget": {
+          "type": "boolean",
+          "description": "Hide or show the microphone widget"
+        },
+        "dateWidget": {
+          "type": "boolean",
+          "description": "Hide or show the date widget"
+        },
+        "timeWidget": {
+          "type": "boolean",
+          "description": "Hide or show the time widget"
+        },
+        "keyboardWidget": {
+          "type": "boolean",
+          "description": "Hide or show the keyboard widget"
+        },
+        "spotifyWidget": {
+          "type": "boolean",
+          "description": "Hide or show the Spotify widget"
+        },
+        "cryptoWidget": {
+          "type": "boolean",
+          "description": "Hide or show the Crypto widget"
+        },
+        "stockWidget": {
+          "type": "boolean",
+          "description": "Hide or show the stocks widget"
+        },
+        "youtubeMusicWidget": {
+          "type": "boolean",
+          "description": "Hide or show the Youtube widget"
+        },
+        "musicWidget": {
+          "type": "boolean",
+          "description": "Hide or show the Music widget"
+        },
+        "mpdWidget": {
+          "type": "boolean",
+          "description": "Hide or show the MPD widget"
+        },
+        "browserTrackWidget": {
+          "type": "boolean",
+          "description": "Hide or show the browser track widget"
+        },
+        "notificationsWidget": {
+          "type": "boolean",
+          "description": "Hide or show the notification badges widget"
+        },
+        "nextMeetingWidget": {
+          "type": "boolean",
+          "description": "Hide or show the next meeting widget"
+        }
+      }
+    },
+    "githubWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "hideWhenNoNotification": {
+          "type": "boolean",
+          "description": "Hide the widget when there is no notification"
+        },
+        "notificationUrl": {
+          "type": "string",
+          "description": "The URL opened on click. Default is \"https://github.com/notifications\""
+        },
+        "ghBinaryPath": {
+          "type": "string",
+          "description": "The binary path required to get GitHub notifications count in the widget"
+        }
+      }
+    },
+    "weatherWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "unit": {
+          "type": "string",
+          "enum": ["C", "F"],
+          "description": "The temperature unit to use (C or F)"
+        },
+        "hideLocation": {
+          "type": "boolean",
+          "description": "Hide the location in the widget"
+        },
+        "hideGradient": {
+          "type": "boolean",
+          "description": "Hide the sunset/sunrise gradient in the widget"
+        },
+        "customLocation": {
+          "type": "string",
+          "description": "Set your location. If empty, the location is determined by the location API"
+        }
+      }
+    },
+    "netstatsWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "displayAsGraph": {
+          "type": "boolean",
+          "description": "Instead of show current network information, the widget will display a graphic showing the latest 60 seconds (it can change depending of the refresh frequency of the widget) of network activity. All drawn points are relative to the highest value"
+        },
+        "netstatsThreshold": {
+          "type": "number",
+          "description": "Hide the widget when download and upload are below this value in kb/s (0 to always show)"
+        }
+      }
+    },
+    "cpuWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "displayAsGraph": {
+          "type": "boolean",
+          "description": "Instead of show current CPU information, the widget will display a graphic showing the latest 100 seconds (it can change depending of the refresh frequency of the widget) of CPU activity. All drawn points are relative to the highest value"
+        },
+        "cpuUsageThreshold": {
+          "type": "number",
+          "description": "Hide the widget when CPU usage is below this percentage (0 to always show)"
+        },
+        "cpuMonitorApp": {
+          "type": "string",
+          "enum": ["Activity Monitor", "Top", "None"],
+          "description": "Define the opened app on widget click: Activity Monitor, Top or None"
+        }
+      }
+    },
+    "gpuWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "displayAsGraph": {
+          "type": "boolean",
+          "description": "Instead of show current CPU information, the widget will display a graphic showing the latest 100 seconds (it can change depending of the refresh frequency of the widget) of CPU activity. All drawn points are relative to the highest value"
+        },
+        "gpuMacmonBinaryPath": {
+          "type": "string",
+          "description": "The binary path required to get GPU usage in the widget"
+        }
+      }
+    },
+    "memoryWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": { "type": "number" },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "memoryUsageThreshold": {
+          "type": "number",
+          "description": "Hide the widget when used memory is below this percentage (0 to always show)"
+        },
+        "memoryMonitorApp": {
+          "type": "string",
+          "enum": ["Activity Monitor", "Top", "None"],
+          "description": "Define the opened app on widget click: Activity Monitor, Top or None"
+        }
+      }
+    },
+    "batteryWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "toggleCaffeinateOnClick": {
+          "type": "boolean",
+          "description": "Enable the toggle of caffeinate mode on click"
+        },
+        "caffeinateOption": {
+          "type": "string",
+          "description": "The options to pass to caffeinate when toggling it"
+        }
+      }
+    },
+    "networkWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "networkDevice": {
+          "type": "string",
+          "description": "The network device source name"
+        },
+        "hideWifiIfDisabled": {
+          "type": "boolean",
+          "description": "Hide the widget if the network is disabled"
+        },
+        "toggleWifiOnClick": {
+          "type": "boolean",
+          "description": "Toggle wifi on click"
+        },
+        "hideNetworkName": {
+          "type": "boolean",
+          "description": "Hide the network name"
+        }
+      }
+    },
+    "vpnWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "vpnConnectionName": {
+          "type": "string",
+          "description": "The name of the connection you want to display"
+        },
+        "vpnShowConnectionName": {
+          "type": "boolean",
+          "description": "Display the connection name in the widget"
+        }
+      }
+    },
+    "zoomWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showVideo": {
+          "type": "boolean",
+          "description": "Displays your current call video status"
+        },
+        "showMic": {
+          "type": "boolean",
+          "description": "Displays your current call microphone status"
+        }
+      }
+    },
+    "soundWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "keyboardMaxLength": {
+          "type": "number",
+          "description": "Maximum number of characters to display for the keyboard layout (0 to show full name)"
+        }
+      }
+    },
+    "micWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        }
+      }
+    },
+    "dateWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "shortDateFormat": {
+          "type": "boolean",
+          "description": "If true, the date will be displayed in short format"
+        },
+        "locale": {
+          "type": "string",
+          "description": "The locale to use for the date"
+        },
+        "calendarApp": {
+          "type": "string",
+          "description": "The calendar app to open when clicking on the date"
+        }
+      }
+    },
+    "timeWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "hour12": {
+          "type": "boolean",
+          "description": "Display time in 12h format"
+        },
+        "dayProgress": {
+          "type": "boolean",
+          "description": "Display day progress"
+        },
+        "showSeconds": {
+          "type": "boolean",
+          "description": "Display seconds"
+        }
+      }
+    },
+    "keyboardWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        }
+      }
+    },
+    "cryptoWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "denomination": {
+          "type": "string",
+          "enum": ["usd", "eur"],
+          "description": "The displayed denomination, usd or eur"
+        },
+        "identifiers": {
+          "type": "string",
+          "description": "You can set a list of denomination Default is \"bitcoin,ethereum,celo\". Only theses 3 identifiers have a personalized icon"
+        },
+        "precision": {
+          "type": "number",
+          "description": "The number of decimals to display"
+        }
+      }
+    },
+    "stockWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "yahooFinanceApiKey": {
+          "type": "string",
+          "description": "Your API key for Yahoo Finance"
+        },
+        "symbols": {
+          "type": "string",
+          "description": "The symbols for your stocks, ETFs, mutual funds,..."
+        },
+        "showSymbol": {
+          "type": "boolean",
+          "description": "Show the symbol of the currency"
+        },
+        "showCurrency": {
+          "type": "boolean",
+          "description": "Show the currency of the currency"
+        },
+        "showMarketPrice": {
+          "type": "boolean",
+          "description": "Show the market price of the currency"
+        },
+        "showMarketChange": {
+          "type": "boolean",
+          "description": "Show the change of the currency"
+        },
+        "showMarketPercent": {
+          "type": "boolean",
+          "description": "Show the change of the currency percent"
+        },
+        "showColor": {
+          "type": "boolean",
+          "description": "Show the market change in red or green"
+        }
+      }
+    },
+    "spotifyWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "showSpotifyMetadata": {
+          "type": "boolean",
+          "description": "Show or hide Spotify metadata (author name, song name)."
+        },
+        "showSpecter": {
+          "type": "boolean",
+          "description": "Show the specter animation when a song is playing"
+        }
+      }
+    },
+    "youtubeMusicWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "showSpecter": {
+          "type": "boolean",
+          "description": "Show the specter animation when a song is playing"
+        },
+        "youtubeMusicPort": {
+          "type": "number",
+          "description": "The port on which the YoutubeMusic server is running"
+        }
+      }
+    },
+    "musicWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "showSpecter": {
+          "type": "boolean",
+          "description": "Show the specter animation when a song is playing"
+        }
+      }
+    },
+    "mpdWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "showSpecter": {
+          "type": "boolean",
+          "description": "Show the specter animation when a song is playing"
+        },
+        "mpdBinaryPath": {
+          "type": "string",
+          "description": "The binary path required to run mpc commands from the widget"
+        },
+        "mpdPort": { "type": "string", "description": "The port used by MPD" },
+        "mpdHost": { "type": "string", "description": "The host used by MPD" },
+        "mpdFormatString": {
+          "type": "string",
+          "description": "The format string used by MPC"
+        }
+      }
+    },
+    "browserTrackWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showIcon": {
+          "type": "boolean",
+          "description": "Show or hide the widget icon"
+        },
+        "showSpecter": {
+          "type": "boolean",
+          "description": "Show the specter animation when a song is playing"
+        }
+      }
+    },
+    "notificationsWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "excludedApps": {
+          "type": "string",
+          "description": "Comma-separated list of app names to exclude from the notifications widget (e.g. \"BetterTouchTool, Xcode\")"
+        }
+      }
+    },
+    "nextMeetingWidgetOptions": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "refreshFrequency": {
+          "type": "number",
+          "description": "The refresh frequency of this widget in milliseconds"
+        },
+        "showOnDisplay": {
+          "type": "string",
+          "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+        },
+        "showJoinButton": {
+          "type": "boolean",
+          "description": "Show or hide the join button"
+        },
+        "showTimeOnly": {
+          "type": "boolean",
+          "description": "Hide the meeting title and show only time"
+        },
+        "icalBuddyPath": {
+          "type": "string",
+          "description": "Optional path to the icalBuddy binary"
+        },
+        "lookAheadHours": {
+          "type": "number",
+          "description": "Number of hours to look ahead for upcoming meetings"
+        }
+      }
+    },
+    "userWidgets": {
+      "type": "object",
+      "properties": {
+        "userWidgetsList": {
+          "type": "object",
+          "description": "List of your custom widgets",
+          "additionalProperties": false,
+          "patternProperties": {
+            "^[0-9]+$": {
+              "type": "object",
+              "properties": {
+                "title": {
+                  "type": "string",
+                  "description": "The title of the widget"
+                },
+                "icon": {
+                  "type": "string",
+                  "description": "The icon of the widget"
+                },
+                "backgroundColor": {
+                  "type": "string",
+                  "description": "Any valid CSS color"
+                },
+                "output": {
+                  "type": "string",
+                  "description": "The command to get the output, can be a shell script"
+                },
+                "onClickAction": {
+                  "type": "string",
+                  "description": "The action on click, can be a shell script"
+                },
+                "onRightClickAction": {
+                  "type": "string",
+                  "description": "The action on right click, can be a shell script"
+                },
+                "onMiddleClickAction": {
+                  "type": "string",
+                  "description": "The action on middle click, can be a shell script"
+                },
+                "showOnDisplay": {
+                  "type": "string",
+                  "description": "The displays on which the process will be displayed. Add a list of indexes (for example: \"1,2\"). Leave blank to display the widget on every spaces"
+                },
+                "refreshFrequency": {
+                  "type": "number",
+                  "description": "The refresh frequency of this widget in milliseconds"
+                },
+                "active": {
+                  "type": "boolean",
+                  "description": "Enable or disable this specific user widget"
+                },
+                "noIcon": {
+                  "type": "boolean",
+                  "description": "Hide the icon"
+                },
+                "hideWhenNoOutput": {
+                  "type": "boolean",
+                  "description": "Hide the widget when script returns empty output"
+                }
+              },
+              "additionalProperties": false,
+              "required": [
+                "title",
+                "icon",
+                "backgroundColor",
+                "output",
+                "onClickAction",
+                "onRightClickAction",
+                "onMiddleClickAction",
+                "showOnDisplay",
+                "refreshFrequency",
+                "active",
+                "noIcon",
+                "hideWhenNoOutput"
+              ]
+            }
+          }
+        }
+      }
+    },
+    "customStyles": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "styles": {
+          "type": "string",
+          "description": "Your custom css styles here"
+        }
+      }
+    }
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/browser-audio.applescript b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/browser-audio.applescript
new file mode 100755
index 0000000..e6b64cf
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/browser-audio.applescript
@@ -0,0 +1,91 @@
+set browser to ""
+set title_string to ""
+set active_tab to 0
+
+to replace_chars(this_text, search_string, replacement_string)
+ set AppleScript's text item delimiters to the search_string
+ set the item_list to every text item of this_text
+ set AppleScript's text item delimiters to the replacement_string
+ set this_text to the item_list as string
+ set AppleScript's text item delimiters to ""
+ return this_text
+end replace_chars
+
+try
+  do shell script "osascript -e 'id of application \"Google Chrome\"'"
+  if application "Google Chrome" is running then
+    tell application "Google Chrome"
+      set window_list to every window
+
+      repeat with the_window in window_list
+        set tab_list to every tab in the_window
+
+        repeat with the_tab in tab_list
+          set the_title to the title of the_tab
+          set the_url to the URL of the_tab
+          if "- YouTube" is in the_title then
+            if active_tab is 0 then set title_string to " " & text 1 thru -11 of the_title
+            set browser to "chrome"
+            set active_tab to 1
+          end if
+          if "open.spotify.com" is in the_url then
+                                                if active_tab is 0 then set title_string to " " & text of the_title
+                                                set browser to "chrome"
+                                                set active_tab to 1
+                                                if "Spotify" is in the_title then set title_string to ""
+                                        end if
+        end repeat
+      end repeat
+    end tell
+  end if
+end try
+
+try
+        do shell script "osascript -e 'id of application \"Brave Browser\"'"
+        if application "Brave Browser" is running then
+                tell application "Brave Browser"
+                        set window_list to every window
+                        
+                        repeat with the_window in window_list
+                                set tab_list to every tab in the_window
+                                
+                                repeat with the_tab in tab_list
+                                        set the_url to the URL of the_tab
+                                        set the_title to the title of the_tab
+          if "- YouTube" is in the_title then
+            if active_tab is 0 then set title_string to " " & text 1 thru -11 of the_title
+            set browser to "brave"
+            set active_tab to 1
+          end if
+                                        if "open.spotify.com" is in the_url then
+                                                if active_tab is 0 then set title_string to " " & text of the_title
+                                                set browser to "brave"
+                                                set active_tab to 1
+                                                if "Spotify" is in the_title then set title_string to ""
+                                        end if
+                                end repeat
+                        end repeat
+                end tell
+        end if
+end try
+
+if application "Safari" is running then
+  tell application "Safari"
+    set window_list to every window
+
+    repeat with the_window in window_list
+      set tab_list to every tab in the_window
+
+      repeat with the_tab in tab_list
+        set the_title to the name of the_tab
+        if "- YouTube" is in the_title then
+          if active_tab is 0 then set title_string to " " & text 1 thru -11 of the_title
+          set browser to "safari"
+          set active_tab to 1
+        end if
+      end repeat
+    end repeat
+  end tell
+end if
+
+return "{ \"browser\": \"" & browser & "\", \"title\": \"" & replace_chars(title_string, "\"", "Ò") & "\" }"
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/firefox-audio.applescript b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/firefox-audio.applescript
new file mode 100755
index 0000000..23c408a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/firefox-audio.applescript
@@ -0,0 +1,24 @@
+set browser to ""
+set title_string to ""
+set active_tab to 0
+
+to replace_chars(this_text, search_string, replacement_string)
+ set AppleScript's text item delimiters to the search_string
+ set the item_list to every text item of this_text
+ set AppleScript's text item delimiters to the replacement_string
+ set this_text to the item_list as string
+ set AppleScript's text item delimiters to ""
+ return this_text
+end replace_chars
+
+tell application "Firefox"
+  set the_title to (name of windows whose name contains "- YouTube") as text
+  
+  if "- YouTube" is in the_title then
+    if active_tab is 0 then set title_string to " " & text 1 thru -11 of the_title
+    set browser to "firefox"
+    set active_tab to 1
+  end if
+end tell
+
+return "{ \"browser\": \"" & browser & "\", \"title\": \"" & replace_chars(title_string, "\"", "Ò") & "\" }"
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/firefox-dev-audio.applescript b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/firefox-dev-audio.applescript
new file mode 100755
index 0000000..6618fec
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/firefox-dev-audio.applescript
@@ -0,0 +1,24 @@
+set browser to ""
+set title_string to ""
+set active_tab to 0
+
+to replace_chars(this_text, search_string, replacement_string)
+ set AppleScript's text item delimiters to the search_string
+ set the item_list to every text item of this_text
+ set AppleScript's text item delimiters to the replacement_string
+ set this_text to the item_list as string
+ set AppleScript's text item delimiters to ""
+ return this_text
+end replace_chars
+
+tell application "Firefox Developer Edition"
+  set the_title to (name of windows whose name contains "- YouTube") as text
+  
+  if "- YouTube" is in the_title then
+    if active_tab is 0 then set title_string to " " & text 1 thru -11 of the_title
+    set browser to "firefox"
+    set active_tab to 1
+  end if
+end tell
+
+return "{ \"browser\": \"" & browser & "\", \"title\": \"" & replace_chars(title_string, "\"", "Ò") & "\" }"
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/init-aerospace.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/init-aerospace.sh
new file mode 100755
index 0000000..0e9c140
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/init-aerospace.sh
@@ -0,0 +1,26 @@
+# Store the first argument passed to the script in the variable aerospace_path
+aerospace_path=$1
+
+# Get the status of System Integrity Protection (SIP) and store it in the variable SIP
+SIP=$(csrutil status)
+
+# List monitors using the aerospace tool, format the output as JSON, and store it in the variable displays
+# Redirect any error output to /dev/null
+displays=$($aerospace_path list-monitors --json --format "%{monitor-id} %{monitor-name} %{monitor-appkit-nsscreen-screens-id}" 2> /dev/null)
+
+# Check if the previous command failed (exit status 1)
+if [ $? -eq 1 ]; then
+  # Print "aerospaceError" and exit the script with status 0
+  echo "aerospaceError"
+  exit 0
+fi
+
+# Print a JSON object containing the displays information, SIP status, and a shadow property set to true
+echo $(cat <<-EOF
+  {
+    "displays": $displays,
+    "SIP": "$SIP",
+    "shadow": true
+  }
+EOF
+)
\ No newline at end of file
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/init-yabai.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/init-yabai.sh
new file mode 100755
index 0000000..5dbbfe3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/init-yabai.sh
@@ -0,0 +1,102 @@
+# Assign input arguments to variables
+yabai_path=$1
+display_skhd_mode=$2
+disable_signals=$3
+enable_window_title_changed_signal=$4
+
+# Check if yabai is running
+pgrep -x yabai > /dev/null
+
+# If yabai is not running, output an error message and exit
+if [ $? -eq 1 ]; then
+  echo "yabaiError"
+  exit 0
+fi
+
+# Get the System Integrity Protection (SIP) status
+SIP=$(csrutil status)
+# Get the current window shadow configuration from yabai
+shadow_enabled=$($yabai_path -m config window_shadow)
+
+# Query yabai for spaces, windows, and displays information
+spaces=$($yabai_path -m query --spaces)
+windows=$($yabai_path -m query --windows)
+displays=$($yabai_path -m query --displays)
+
+# Retry querying spaces if the initial query was empty
+if [ -z "$spaces" ]; then
+    spaces=$($yabai_path -m query --spaces)
+fi
+
+# Retry querying windows if the initial query was empty and remove backslashes
+if [ -z "$windows" ]; then
+    windows=$($yabai_path -m query --windows | sed 's/\\.//g;')
+fi
+
+# Retry querying displays if the initial query was empty
+if [ -z "$displays" ]; then
+    displays=$($yabai_path -m query --displays)
+fi
+
+# Add or remove signals based on the disable_signals flag
+if [ $disable_signals = "false" ]; then
+    # Add signals to refresh the simple-bar widget on various yabai events
+    $yabai_path -m signal --add event=window_focused action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar when focused application changes"
+    $yabai_path -m signal --add event=window_minimized action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar when a window is minimized"
+    $yabai_path -m signal --add event=window_resized action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar when a window is resized"
+    $yabai_path -m signal --add event=window_destroyed action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar when an application window is closed"
+    $yabai_path -m signal --add event=space_changed action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar on space change"
+    $yabai_path -m signal --add event=display_changed action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar on display focus change"
+
+    # Add signal for window title change if enabled
+    if [ $enable_window_title_changed_signal = "true" ]; then
+        $yabai_path -m signal --add event=window_title_changed action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar when current window title changes"
+    fi
+
+    # Add signals for space creation and destruction if yabai version is 6 or higher
+    yabai_major_version=$($yabai_path -v | awk -F '.' '{print $1}' | sed 's/yabai-v//')
+    if [ $yabai_major_version -ge 6 ]; then
+        $yabai_path -m signal --add event=space_destroyed action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar on space removal"
+        $yabai_path -m signal --add event=space_created action="osascript -e 'tell application id \"tracesOf.Uebersicht\" to refresh widget id \"simple-bar-index-jsx\"'" label="Refresh simple-bar on space creation"
+    fi
+else
+    # Remove signals if disable_signals is true
+    $yabai_path -m signal --remove label="Refresh simple-bar when focused application changes" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar when a window is minimized" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar when a window is resized" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar when an application window is closed" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar on space change" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar on display focus change" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar when current window title changes" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar on space removal" >/dev/null 2>&1 || true
+    $yabai_path -m signal --remove label="Refresh simple-bar on space creation" >/dev/null 2>&1 || true
+fi
+
+# Determine skhd mode based on the display_skhd_mode flag and disable_signals flag
+if [ $display_skhd_mode = "true" ]; then
+  SCRIPT_DIR=$(cd $(dirname "${BASH_SOURCE[0]}") && pwd)
+  if [ $disable_signals = "false" ]; then
+    skhd_mode=$(cat "$("${SCRIPT_DIR}"/yabai-set-mode.sh --query)")
+  else
+    skhd_mode=$(cat "$("${SCRIPT_DIR}"/yabai-set-mode-server.sh --query)")
+  fi
+else
+  skhd_mode="{}"
+fi
+
+# Output the collected information as a JSON object
+echo $(cat <<-EOF
+  {
+    "spaces": $spaces,
+    "windows": $windows,
+    "displays": $displays,
+    "SIP": "$SIP",
+    "shadow": "$shadow_enabled",
+    "skhdMode": $skhd_mode
+  }
+EOF
+) | \
+  # Remove invisible U+200E Left-To-Right Mark character
+  sed "s/\xe2\x80\x8e//g" | \
+  # Remove newlines from output (handling Google Chrome JSON parse error caused by "search in page")
+  tr -d '\n'
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/netstats.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/netstats.sh
new file mode 100755
index 0000000..66447ec
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/netstats.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+# Optimized: Single netstat call with direct output processing
+netstat -w1 2>&1 | awk 'NR==3 {printf "{ \"download\": %s, \"upload\": %s}", $4, $6; exit}'
+
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/next-meeting.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/next-meeting.sh
new file mode 100755
index 0000000..b8e13e5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/next-meeting.sh
@@ -0,0 +1,101 @@
+#!/bin/bash
+# Get next meeting using icalBuddy (much faster than AppleScript, handles recurring events)
+# Usage: next-meeting.sh [icalBuddyPath] [lookAheadHours]
+
+# Configuration
+MAX_IN_PROGRESS_MINUTES=15  # Stop showing "now" after meeting is 15 min in progress
+LOOKAHEAD="${2:-12}"        # How many hours ahead to look for meetings (default: 12)
+MAX_EVENTS=10               # Fetch multiple events to skip stale in-progress ones
+
+# Calculate end time (icalBuddy doesn't support now+Xh syntax)
+END_TIME=$(date -v+${LOOKAHEAD}H "+%Y-%m-%d %H:%M")
+
+# Use custom path if provided, otherwise auto-detect
+CUSTOM_PATH="$1"
+if [ -n "$CUSTOM_PATH" ] && [ -x "$CUSTOM_PATH" ]; then
+  ICALBUDDY="$CUSTOM_PATH"
+else
+  ICALBUDDY=$(which icalBuddy 2>/dev/null)
+  if [ -z "$ICALBUDDY" ]; then
+    if [ -x "/opt/homebrew/bin/icalBuddy" ]; then
+      ICALBUDDY="/opt/homebrew/bin/icalBuddy"
+    elif [ -x "/usr/local/bin/icalBuddy" ]; then
+      ICALBUDDY="/usr/local/bin/icalBuddy"
+    else
+      echo ""
+      exit 0
+    fi
+  fi
+fi
+
+now_epoch=$(date +%s)
+
+# Fetch multiple events - each event bullet starts with <<<E>>>
+# Using a unique prefix that won't appear in notes content
+output=$("$ICALBUDDY" -n -nc -nrd -ea -eed -li "$MAX_EVENTS" \
+  -b "<<<E>>>" -ss "" \
+  -df "%Y-%m-%d" -tf "%H:%M" \
+  -iep "title,datetime,notes" \
+  eventsFrom:"now" to:"$END_TIME" 2>/dev/null)
+
+if [ -z "$output" ]; then
+  echo ""
+  exit 0
+fi
+
+# Write events to temp file for processing
+tmpfile=$(mktemp)
+echo "$output" > "$tmpfile"
+
+# Extract individual events by splitting on <<<E>>> prefix
+event_num=0
+while IFS= read -r line; do
+  if [[ "$line" == "<<<E>>>"* ]]; then
+    # Process previous event if we have one
+    if [ "$event_num" -gt 0 ] && [ -n "$cur_title" ] && [ -n "$cur_start_time" ] && [ -n "$cur_iso_date" ]; then
+      meeting_epoch=$(date -j -f "%Y-%m-%d %H:%M" "$cur_iso_date $cur_start_time" +%s 2>/dev/null)
+      if [ -n "$meeting_epoch" ]; then
+        minutes_until=$(( (meeting_epoch - now_epoch) / 60 ))
+        if [ "$minutes_until" -ge "-$MAX_IN_PROGRESS_MINUTES" ]; then
+          echo "${cur_title}|${cur_iso_date}T${cur_start_time}||${cur_notes}|${minutes_until}"
+          rm -f "$tmpfile"
+          exit 0
+        fi
+      fi
+    fi
+
+    # Start new event
+    event_num=$((event_num + 1))
+    cur_title="${line#<<<E>>>}"
+    cur_title=$(echo "$cur_title" | sed 's/ (Calendar)$//')
+    cur_iso_date=""
+    cur_start_time=""
+    cur_notes=""
+    in_notes=0
+  elif [[ "$line" =~ ^[[:space:]]+[0-9]{4}-[0-9]{2}-[0-9]{2}" at "[0-9]{2}:[0-9]{2} ]]; then
+    cur_iso_date=$(echo "$line" | grep -oE '[0-9]{4}-[0-9]{2}-[0-9]{2}')
+    cur_start_time=$(echo "$line" | grep -oE 'at [0-9]{2}:[0-9]{2}' | head -1 | sed 's/at //')
+    in_notes=0
+  elif [[ "$line" == *"notes:"* ]]; then
+    in_notes=1
+    cur_notes="$line"
+  elif [ "$in_notes" -eq 1 ]; then
+    cur_notes="${cur_notes} $(echo "$line" | sed 's/|/¦/g')"
+  fi
+done < "$tmpfile"
+
+# Process the last event
+if [ "$event_num" -gt 0 ] && [ -n "$cur_title" ] && [ -n "$cur_start_time" ] && [ -n "$cur_iso_date" ]; then
+  meeting_epoch=$(date -j -f "%Y-%m-%d %H:%M" "$cur_iso_date $cur_start_time" +%s 2>/dev/null)
+  if [ -n "$meeting_epoch" ]; then
+    minutes_until=$(( (meeting_epoch - now_epoch) / 60 ))
+    if [ "$minutes_until" -ge "-$MAX_IN_PROGRESS_MINUTES" ]; then
+      echo "${cur_title}|${cur_iso_date}T${cur_start_time}||${cur_notes}|${minutes_until}"
+      rm -f "$tmpfile"
+      exit 0
+    fi
+  fi
+fi
+
+rm -f "$tmpfile"
+echo ""
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/run-command-in-iterm2.applescript b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/run-command-in-iterm2.applescript
new file mode 100755
index 0000000..ab00115
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/run-command-in-iterm2.applescript
@@ -0,0 +1,9 @@
+on run argv
+    set commandToRun to item 1 of argv
+    tell application "iTerm"
+        set newWindow to (create window with default profile)
+        tell current session of newWindow
+            write text commandToRun
+        end tell
+    end tell
+end run
\ No newline at end of file
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/run-command-in-terminal.applescript b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/run-command-in-terminal.applescript
new file mode 100755
index 0000000..898ec7a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/run-command-in-terminal.applescript
@@ -0,0 +1,7 @@
+on run argv
+    set commandToRun to item 1 of argv
+    tell application "Terminal"
+        do script commandToRun
+        activate
+    end tell
+end run
\ No newline at end of file
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/yabai-set-mode-server.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/yabai-set-mode-server.sh
new file mode 100755
index 0000000..f5fc782
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/yabai-set-mode-server.sh
@@ -0,0 +1,38 @@
+#! /usr/bin/env sh
+
+# make sure to fix permissions!
+# Privacy & Security > Automation > skhd > Ubersicht
+
+# Write information regarding skhd mode to a cache file for widgets to read from.
+# Usage:
+#   $0 --query              print location of cache file
+#   $0 mode_name [color]    write mode_name (and optionally, a color) to a cache file
+#                           default color is white.
+#                           by default, a mode named "default" will not be shown.
+
+CACHE_FILE="$HOME/Library/Caches/uebersicht-simple-bar-index/yabai-mode"
+
+mkdir -p "$(dirname "$CACHE_FILE")"
+touch "$CACHE_FILE"
+
+main() {
+    # optional second argument color
+    color="$2"
+    if [ -z "$color" ]; then
+        color="white"
+    fi
+
+    # update cache file
+    echo \
+        "{\"mode\": \"$1\", \"color\": \"$color\"}" \
+        > "$CACHE_FILE"
+}
+
+case "$1" in
+    --query)
+        echo "$CACHE_FILE"
+        ;;
+    *)
+        main "$@"
+        ;;
+esac
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/yabai-set-mode.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/yabai-set-mode.sh
new file mode 100755
index 0000000..6f580db
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/yabai-set-mode.sh
@@ -0,0 +1,40 @@
+#! /usr/bin/env sh
+
+# make sure to fix permissions!
+# Privacy & Security > Automation > skhd > Ubersicht
+
+# Write information regarding skhd mode to a cache file for widgets to read from.
+# Usage:
+#   $0 --query              print location of cache file
+#   $0 mode_name [color]    write mode_name (and optionally, a color) to a cache file
+#                           default color is white.
+#                           by default, a mode named "default" will not be shown.
+
+CACHE_FILE="$HOME/Library/Caches/uebersicht-simple-bar-index/yabai-mode"
+
+mkdir -p "$(dirname "$CACHE_FILE")"
+touch "$CACHE_FILE"
+
+main() {
+    # optional second argument color
+    color="$2"
+    if [ -z "$color" ]; then
+        color="white"
+    fi
+
+    # update cache file
+    echo \
+        "{\"mode\": \"$1\", \"color\": \"$color\"}" \
+        > "$CACHE_FILE"
+
+    osascript -e 'tell application id "tracesOf.Uebersicht" to refresh widget id "simple-bar-index-jsx"'
+}
+
+case "$1" in
+    --query)
+        echo "$CACHE_FILE"
+        ;;
+    *)
+        main "$@"
+        ;;
+esac
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/zoom-mute-status.applescript b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/zoom-mute-status.applescript
new file mode 100755
index 0000000..71288a7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/zoom-mute-status.applescript
@@ -0,0 +1,17 @@
+property btnTitle : "Mute audio"
+
+if application "zoom.us" is running then
+  tell application "System Events"
+    tell application process "zoom.us"
+      if exists (menu item btnTitle of menu 1 of menu bar item "Meeting" of menu bar 1) then
+        set returnValue to "on"
+      else
+        set returnValue to "off"
+      end if
+    end tell
+  end tell
+else
+  set returnValue to ""
+end if
+
+return returnValue
\ No newline at end of file
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/zoom-video-status.applescript b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/zoom-video-status.applescript
new file mode 100755
index 0000000..367821f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/scripts/zoom-video-status.applescript
@@ -0,0 +1,17 @@
+property btnTitle : "Stop video"
+
+if application "zoom.us" is running then
+  tell application "System Events"
+    tell application process "zoom.us"
+      if exists (menu item btnTitle of menu 1 of menu bar item "Meeting" of menu bar 1) then
+        set returnValue to "on"
+      else
+        set returnValue to "off"
+      end if
+    end tell
+  end tell
+else
+  set returnValue to ""
+end if
+
+return returnValue
\ No newline at end of file
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/settings.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/settings.js
new file mode 100755
index 0000000..55c53ff
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/settings.js
@@ -0,0 +1,1184 @@
+import * as Uebersicht from "uebersicht";
+import * as Themes from "./styles/themes";
+import * as Utils from "./utils";
+import UserWidgetsCreator from "./components/settings/user-widgets-creator.jsx";
+import AerospaceDisplayManager from "./components/settings/aerospace-display-manager.jsx";
+
+export { Component, styles, Wrapper } from "./components/settings/settings.jsx";
+
+const SETTINGS_STORAGE_KEY = "simple-bar-settings";
+
+// The available themes are retrieved from the Themes collection
+// They are then split into dark and light themes
+const availableThemes = Object.keys(Themes.collection).map((key) => {
+  const theme = Themes.collection[key];
+  return { code: key, name: theme.name, kind: theme.kind };
+});
+const darkThemes = availableThemes.filter((theme) => theme.kind === "dark");
+const lightThemes = availableThemes.filter((theme) => theme.kind === "light");
+
+// These are all the information displayed in the settings module
+export const data = {
+  global: {
+    label: "Global",
+    documentation: "/global-settings/",
+    infos: [
+      '- "<b>No bar background</b>" is visually better with the "Floating bar" option activated',
+      '- The higher the "<b>Sliding animation pace</b>" value, the faster the texts slides (must be > 0, default is set to 4)',
+      "<br/>",
+      '<b>"Use background color as foreground"</b>:',
+      "This setting will remove all background colors and use the removed color for all the foreground texts",
+    ],
+  },
+  theme: {
+    label: "theme",
+    type: "radio",
+    options: ["auto", "dark", "light"],
+    title: "Appearance & tweaks",
+  },
+  floatingBar: { label: "Floating bar", type: "checkbox" },
+  noBarBg: { label: "No bar background", type: "checkbox" },
+  noColorInData: { label: "No colors in data", type: "checkbox" },
+  bottomBar: { label: "Bottom bar", type: "checkbox" },
+  sideDecoration: { label: "Apple logo", type: "checkbox" },
+  inlineSpacesOptions: { label: "Inline spaces options", type: "checkbox" },
+  disableAnimations: {
+    label: "Disable persistent animations",
+    type: "checkbox",
+  },
+  enableMissives: {
+    label: "Use internal notification system (missives)",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  disableNotifications: { label: "Disable notifications", type: "checkbox" },
+  compactMode: { label: "Compact mode", type: "checkbox" },
+  widgetMaxWidth: { label: "Widget max width", type: "text" },
+  widgetsBackgroundColorAsForeground: {
+    label: "Use background color as foreground for widgets",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  spacesBackgroundColorAsForeground: {
+    label: "Use background color as foreground for spaces & process",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  font: {
+    label: "Global font",
+    type: "text",
+    placeholder: "default: JetBrains Mono",
+    fullWidth: false,
+  },
+  fontSize: {
+    label: "Font size",
+    type: "text",
+    placeholder: "default: 11px",
+    fullWidth: false,
+  },
+  yabaiPath: {
+    label: "yabai path",
+    type: "text",
+    placeholder: "default: $(which yabai)",
+    fullWidth: true,
+    title: "Configuration",
+  },
+  aerospacePath: {
+    label: "Aerospace path",
+    type: "text",
+    placeholder: "default: $(which aerospace)",
+    fullWidth: true,
+  },
+  windowManager: {
+    title: "Which window or space manager are you using?",
+    label: "",
+    type: "radio",
+    options: ["yabai", "aerospace"],
+  },
+  shell: {
+    title: "With which shell do you want to execute simple-bar scripts?",
+    label: "",
+    type: "radio",
+    options: ["sh", "bash", "dash"],
+  },
+  terminal: {
+    title: "Which terminal should user facing commands be run in?",
+    label: "",
+    type: "radio",
+    options: ["Terminal", "iTerm2"],
+  },
+  slidingAnimationPace: {
+    label: "Sliding animation speed",
+    type: "number",
+    placeholder: "Default: 4",
+    fullWidth: true,
+  },
+  enableServer: {
+    label: "Enable simple-bar-server connection",
+    type: "checkbox",
+    fullWidth: true,
+    title: "simple-bar-server",
+  },
+  serverHttpPort: {
+    label: "simple-bar-server http port",
+    type: "number",
+    placeholder: "Default: 7776",
+    fullWidth: true,
+  },
+  serverSocketPort: {
+    label: "simple-bar-server socket port",
+    type: "number",
+    placeholder: "Default: 7777",
+    fullWidth: true,
+  },
+  yabaiServerRefresh: {
+    label: "Refresh yabai spaces & process with simple-bar-server",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  aerospaceServerRefresh: {
+    label: "Refresh AeroSpace spaces with simple-bar-server",
+    type: "checkbox",
+    fullWidth: true,
+  },
+
+  themes: {
+    label: "Themes",
+    documentation: "/themes-settings/",
+    infos: [
+      "Colors defined here will override the selected theme. Leave it empty to use the theme colors.",
+      "<br/>",
+      "<b>You can use any valid CSS color:</b>",
+      "- named-color",
+      "- hex-color",
+      "- rgb()",
+      "- hsl()",
+      "- hwb()",
+      "<br/>",
+      "<b>Styles are applied in this order:</b>",
+      "- Theme",
+      "- Color overrides",
+      "- Custom styles",
+      "<br/>",
+      "The last one overrides the previous ones.",
+    ],
+  },
+  darkTheme: { label: "Dark theme", type: "select", options: darkThemes },
+  lightTheme: { label: "Light theme", type: "select", options: lightThemes },
+  colorMain: { label: "Main", type: "color", title: "Color overrides" },
+  colorMainAlt: { label: "Main alternative", type: "color" },
+  colorMinor: { label: "Minor", type: "color" },
+  colorAccent: { label: "Accent", type: "color" },
+  colorRed: { label: "Red", type: "color" },
+  colorGreen: { label: "Green", type: "color" },
+  colorYellow: { label: "Yellow", type: "color" },
+  colorOrange: { label: "Orange", type: "color" },
+  colorBlue: { label: "Blue", type: "color" },
+  colorMagenta: { label: "Magenta", type: "color" },
+  colorCyan: { label: "Cyan", type: "color" },
+  colorBlack: { label: "Black", type: "color" },
+  colorWhite: { label: "White", type: "color" },
+  colorForeground: { label: "Foreground", type: "color" },
+  colorBackground: { label: "Background", type: "color" },
+
+  process: {
+    label: "Process",
+    documentation: "/process-settings/",
+  },
+  displayForFocusedSpace: {
+    label:
+      "<em>yabai</em> Display for focused space instead of current display space (usefull when you have simple-bar on one display in multi-monitor setup)",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  displayOnlyCurrent: {
+    label:
+      "<em>yabai</em> <em>AeroSpace</em> Display only current process name",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  centered: {
+    label: "<em>yabai</em> <em>AeroSpace</em> Center process widget",
+    type: "checkbox",
+  },
+  showCurrentSpaceMode: {
+    label: "<em>yabai</em> Show current space mode (BSP, Stack, Float)",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  hideWindowTitle: {
+    label:
+      "<em>yabai</em> <em>AeroSpace</em> Hide window titles (show only app name for each process)",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  displayOnlyIcon: {
+    label: "<em>yabai</em> <em>AeroSpace</em> Display only process icon",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  expandAllProcesses: {
+    label: "<em>yabai</em> <em>AeroSpace</em> Expand all processes",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  displaySkhdMode: {
+    label:
+      "<em>yabai</em> Display current skhd mode (requires some configuration, see readme file)",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  displayStackIndex: {
+    label:
+      "<em>yabai</em> Display stack-index for all processes in space (if greater than 0)",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  displayOnlyCurrentStack: {
+    label: "<em>yabai</em> Display stack-index only for focused process",
+    type: "checkbox",
+    fullWidth: true,
+  },
+
+  spacesDisplay: {
+    label: "Spaces",
+    documentation: "/spaces-settings/",
+    infos: [
+      "You can declare here which apps to exclude from the spaces display",
+      'Each exclusion must be separated by a comma and a space ", "',
+      "These exclusions will also be applied on the process name display",
+    ],
+  },
+  exclusions: {
+    label: "<em>yabai</em> <em>AeroSpace</em> Exclusions by app name",
+    type: "text",
+    placeholder: "example: Finder, iTerm2",
+    fullWidth: true,
+  },
+  titleExclusions: {
+    label: "<em>yabai</em> <em>AeroSpace</em> Exclusions by window title name",
+    type: "text",
+    placeholder: "example: Preferences",
+    fullWidth: true,
+  },
+  spacesExclusions: {
+    label: "<em>yabai</em> <em>AeroSpace</em> Exclude spaces by space name",
+    type: "text",
+    placeholder: "example: Preferences",
+    fullWidth: true,
+  },
+  exclusionsAsRegex: {
+    label:
+      "<em>yabai</em> <em>AeroSpace</em> Use regex syntax in all exclusions fields",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  displayAllSpacesOnAllScreens: {
+    label:
+      "<em>yabai</em> <em>AeroSpace</em> Display all spaces on all screens",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  hideEmptySpaces: {
+    label: "<em>yabai</em> <em>AeroSpace</em> Hide empty spaces",
+    type: "checkbox",
+  },
+  showOptionsOnHover: {
+    label: "<em>yabai</em> Show space options on hover",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  switchSpacesWithoutYabai: {
+    label: "<em>yabai</em> Switch spaces with ^â­ /^â­¢ instead of yabai",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  hideDuplicateAppsInSpaces: {
+    label:
+      "<em>yabai</em> <em>AeroSpace</em> Hide duplicate app icons in same space",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  displayStickyWindowsSeparately: {
+    label: "<em>yabai</em> Display sticky windows separately",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  hideCreateSpaceButton: {
+    label: "<em>yabai</em> Hide create space button",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  customAeroSpaceDisplayIndexes: {
+    label: "<em>AeroSpace</em> Custom AeroSpace display indexes",
+    type: "component",
+    Component: AerospaceDisplayManager,
+  },
+
+  widgets: {
+    label: "Widgets",
+    documentation: "/widgets/",
+  },
+  processWidget: { label: "Process name", type: "checkbox" },
+  zoomWidget: { label: "Zoom", type: "checkbox" },
+  timeWidget: { label: "Time", type: "checkbox" },
+  dateWidget: { label: "Date", type: "checkbox" },
+  wifiWidget: { label: "Network", type: "checkbox" },
+  vpnWidget: { label: "Viscosity VPN", type: "checkbox" },
+  micWidget: { label: "Microphone", type: "checkbox" },
+  soundWidget: { label: "Sound", type: "checkbox" },
+  githubWidget: { label: "GitHub", type: "checkbox" },
+  weatherWidget: { label: "Weather", type: "checkbox" },
+  netstatsWidget: { label: "Network stats", type: "checkbox" },
+  cpuWidget: { label: "CPU", type: "checkbox" },
+  gpuWidget: { label: "GPU", type: "checkbox" },
+  memoryWidget: { label: "Memory", type: "checkbox" },
+  batteryWidget: { label: "Battery", type: "checkbox" },
+  keyboardWidget: { label: "Keyboard", type: "checkbox" },
+  spotifyWidget: { label: "Spotify", type: "checkbox" },
+  youtubeMusicWidget: { label: "YouTube Music", type: "checkbox" },
+  cryptoWidget: { label: "Crypto", type: "checkbox" },
+  stockWidget: { label: "Stock", type: "checkbox" },
+  musicWidget: { label: "Music/iTunes", type: "checkbox" },
+  mpdWidget: { label: "MPD state via mpc", type: "checkbox" },
+  browserTrackWidget: { label: "Browser track", type: "checkbox" },
+  notificationsWidget: { label: "Notification badges", type: "checkbox" },
+  nextMeetingWidget: { label: "Next meeting", type: "checkbox" },
+
+  showOnDisplay: {
+    label: "Show on display n°",
+    type: "text",
+    placeholder: "example: 1,2 (leave blank to show on all displays)",
+    fullWidth: true,
+  },
+
+  githubWidgetOptions: {
+    label: "GitHub",
+    documentation: "/github/",
+  },
+  hideWhenNoNotification: {
+    label: "Hide widget when no notification",
+    type: "checkbox",
+  },
+  notificationUrl: {
+    label: "The URL opened on click",
+    type: "text",
+    placeholder: "example: https://github.com/notifications",
+    fullWidth: true,
+  },
+  ghBinaryPath: {
+    label: "Path to gh binary",
+    type: "text",
+    placeholder: "example: /opt/homebrew/bin/gh",
+    fullWidth: true,
+  },
+
+  weatherWidgetOptions: {
+    label: "Weather",
+    documentation: "/weather/",
+    infos: [
+      'Leave "Your location" blank in order to let simple-bar use your geolocation.',
+      "Doing so, you need to allow Ãœbersicht access to your location: a popup should appear on first use.",
+    ],
+  },
+  showIcon: { label: "Show icon", type: "checkbox" },
+  unit: {
+    title: "Temperature unit",
+    label: "",
+    type: "radio",
+    options: ["C", "F"],
+  },
+  hideLocation: { label: "Hide location", type: "checkbox" },
+  hideGradient: { label: "Hide gradient", type: "checkbox" },
+  customLocation: {
+    label: "Your location",
+    type: "text",
+    placeholder: "example: Paris",
+    fullWidth: true,
+  },
+
+  netstatsWidgetOptions: {
+    label: "Network stats",
+    documentation: "/network-stats/",
+    infos: [
+      "Here you can set the refresh frequency of the widget.",
+      "The default value is set to 2000 ms (2 seconds).",
+    ],
+  },
+  netstatsThreshold: {
+    label: "Hide below (kb/s)",
+    type: "number",
+    placeholder: "0 to always show",
+  },
+
+  cpuWidgetOptions: {
+    label: "CPU usage",
+    documentation: "/cpu/",
+    infos: [
+      "Here you can set the refresh frequency of the widget.",
+      "The default value is set to 2000 ms (2 seconds).",
+    ],
+  },
+  cpuUsageThreshold: {
+    label: "Hide below (%)",
+    type: "number",
+    placeholder: "0 to always show",
+  },
+
+  gpuWidgetOptions: {
+    label: "GPU usage",
+    documentation: "/gpu/",
+    infos: [
+      "Here you can set the refresh frequency of the widget.",
+      "The default value is set to 2000 ms (2 seconds).",
+    ],
+  },
+
+  gpuMacmonBinaryPath: {
+    label: "Path to macmon binary",
+    type: "text",
+    placeholder: "example: /opt/homebrew/bin/macmon",
+    fullWidth: true,
+  },
+
+  memoryWidgetOptions: {
+    label: "Memory pressure",
+    documentation: "/memory-pressure/",
+    infos: [
+      "Here you can set the refresh frequency of the widget.",
+      "The default value is set to 4000 ms (4 seconds).",
+    ],
+  },
+  memoryUsageThreshold: {
+    label: "Hide below (%)",
+    type: "number",
+    placeholder: "0 to always show",
+  },
+
+  displayAsGraph: {
+    label: "Display as graph",
+    type: "checkbox",
+    fullWidth: true,
+  },
+
+  cpuMonitorApp: {
+    title: "Cpu monitor app",
+    label: "",
+    type: "radio",
+    options: ["Top", "Activity Monitor", "None"],
+  },
+
+  memoryMonitorApp: {
+    title: " app",
+    label: "",
+    type: "radio",
+    options: ["Top", "Activity Monitor", "None"],
+  },
+
+  batteryWidgetOptions: {
+    label: "Battery",
+    documentation: "/battery/",
+    infos: [
+      "no option (default) — Prevent the system from sleeping, not the display",
+      "-d — Prevent the display from sleeping.",
+      "-i — Prevent the system from idle sleeping.",
+      "-s — Prevent the system from sleeping. This is valid only when system is running on AC power.",
+      "-u — Declare that a user is active. If the display is off, this option turns the display on and prevents the display from going into idle sleep.",
+      "-t 60 — Specifies the timeout value in seconds for which the command is valid.",
+    ],
+  },
+
+  toggleCaffeinateOnClick: {
+    label: "Toggle caffeinate on click",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  disableCaffeinateInvertedBackground: {
+    label: "Disable caffeinate inverted background",
+    type: "checkbox",
+    fullWidth: true,
+  },
+  caffeinateOption: {
+    label: "Caffeinate options",
+    type: "text",
+    placeholder: "example: -d",
+  },
+
+  networkWidgetOptions: {
+    label: "Network",
+    documentation: "/network/",
+    infos: [
+      "Here you can override the default displayed network source.",
+      "And also turn Wifi on / off when clicking the Wifi icon.",
+      "Additionally, you can choose to hide the network name for privacy.",
+    ],
+  },
+
+  networkDevice: {
+    label: "Network device source name",
+    type: "text",
+    placeholder: "example: en0",
+  },
+  hideWifiIfDisabled: { label: "Hide if disabled", type: "checkbox" },
+  toggleWifiOnClick: { label: "Toggle Wifi onclick", type: "checkbox" },
+  hideNetworkName: { label: "Hide network name", type: "checkbox" },
+
+  vpnWidgetOptions: {
+    label: "Viscosity VPN",
+    documentation: "/viscosity-vpn/",
+    infos: ["Here you can set your Viscosity vpn connection name."],
+  },
+
+  vpnConnectionName: {
+    label: "Viscosity connection name",
+    type: "text",
+    fullWidth: true,
+  },
+  vpnShowConnectionName: {
+    label: "Display the connection name in the widget",
+    type: "checkbox",
+    fullWidth: true,
+  },
+
+  zoomWidgetOptions: {
+    label: "Zoom status",
+    documentation: "/zoom/",
+  },
+
+  showVideo: { label: "Show video status", type: "checkbox" },
+  showMic: { label: "Show mic status", type: "checkbox" },
+
+  soundWidgetOptions: {
+    label: "Sound",
+    documentation: "/sound/",
+  },
+
+  micWidgetOptions: {
+    label: "Mic",
+    documentation: "/microphone/",
+  },
+
+  keyboardWidgetOptions: {
+    label: "Keyboard",
+    documentation: "/keyboard/",
+  },
+  keyboardMaxLength: {
+    label: "Characters to display",
+    type: "number",
+    placeholder: "0 to show full name",
+  },
+
+  timeWidgetOptions: {
+    label: "Time",
+    documentation: "/time/",
+  },
+
+  hour12: { label: "12h time format", type: "checkbox" },
+  dayProgress: { label: "Day progress", type: "checkbox" },
+  showSeconds: { label: "Show seconds", type: "checkbox" },
+
+  dateWidgetOptions: {
+    label: "Date",
+    documentation: "/date/",
+  },
+
+  shortDateFormat: { label: "Short format", type: "checkbox" },
+  locale: { label: "Locale", type: "text", placeholder: "example: en-UK" },
+  calendarApp: {
+    label: "Calendar App",
+    type: "text",
+    placeholder: "example: Fantastical",
+    fullWidth: true,
+  },
+
+  youtubeMusicWidgetOptions: {
+    label: "YouTube Music",
+  },
+
+  spotifyWidgetOptions: {
+    label: "Spotify",
+    documentation: "/spotify/",
+  },
+
+  cryptoWidgetOptions: {
+    label: "Crypto",
+    documentation: "/crypto/",
+  },
+
+  stockWidgetOptions: {
+    label: "Stock",
+    documentation: "/stocks/",
+    infos: [
+      "Here you can configure your API key for the Yahoo Finance API.",
+      "If you haven't gotten one yet, go to https://www.yahoofinanceapi.com/.",
+      "You can register for free and use the Basic tier (100 requests/day).",
+    ],
+  },
+
+  musicWidgetOptions: {
+    label: "Music/iTunes",
+    documentation: "/music-itunes/",
+  },
+
+  mpdWidgetOptions: {
+    label: "MPD via mpc",
+    documentation: "/mpd-state-via-mpc/",
+  },
+
+  mpdBinaryPath: {
+    label: "Path to mpc binary",
+    type: "text",
+    placeholder: "example: /opt/homebrew/bin/mpc",
+    fullWidth: true,
+  },
+  mpdHost: {
+    label: "Host",
+    type: "text",
+    placeholder: "example: 127.0.0.1",
+  },
+  mpdPort: {
+    label: "Port",
+    type: "text",
+    placeholder: "example: 6600",
+  },
+  mpdFormatString: {
+    label: "Format String (see `man mpc`)",
+    type: "text",
+    placeholder: "example: %title%[ - %artist%]|[%file%]",
+    fullWidth: true,
+  },
+
+  browserTrackWidgetOptions: {
+    label: "Browser",
+    documentation: "/browser-track/",
+  },
+  excludedApps: {
+    label: "Excluded apps (comma-separated app names)",
+    type: "text",
+    placeholder: "example: BetterTouchTool, Xcode",
+    fullWidth: true,
+  },
+  notificationsWidgetOptions: {
+    label: "Notification badges",
+    documentation: "/notifications/",
+    infos: [
+      "Shows notification badge counts from running macOS apps.",
+      "Click any badge to open that application.",
+      'Each app exclusion must be separated by a comma and a space ", "',
+    ],
+  },
+  nextMeetingWidgetOptions: {
+    label: "Next meeting",
+    documentation: "/next-meeting/",
+    infos: [
+      "Shows your next upcoming calendar event with time until start.",
+      "Supports one-click join for Zoom, Teams, Google Meet, and Webex.",
+      "Handles Microsoft SafeLinks (Outlook URL protection) automatically.",
+      "<br/>",
+      "<b>Requires icalBuddy:</b> brew install ical-buddy",
+      "Grant calendar access when prompted.",
+    ],
+  },
+  icalBuddyPath: {
+    label: "Path to icalBuddy binary",
+    type: "text",
+    placeholder: "default: auto-detect (Homebrew)",
+    fullWidth: true,
+  },
+  lookAheadHours: {
+    label: "Look ahead (hours)",
+    type: "number",
+    placeholder: "default: 12",
+  },
+  showJoinButton: { label: "Show join button", type: "checkbox" },
+  showTimeOnly: { label: "Show time only (hide title)", type: "checkbox" },
+  showSpecter: { label: "Show animated specter", type: "checkbox" },
+  showSpotifyMetadata: { label: "Show Spotify metadata", type: "checkbox" },
+  youtubeMusicPort: { label: "Port", type: "text", placeholder: "26538" },
+
+  denomination: { label: "Denomination", type: "text", placeholder: "usd" },
+  identifiers: {
+    label: "Identifiers",
+    type: "text",
+    placeholder: "celo,bitcoin,ethereum",
+  },
+  precision: { label: "Decimals rounding", type: "text", placeholder: 5 },
+
+  symbols: {
+    label: "Symbols for your stocks, ETFs, mutual funds, ...",
+    type: "text",
+    placeholder: "AAPL,TSLA",
+    fullWidth: true,
+  },
+  yahooFinanceApiKey: {
+    label: "Your API key for Yahoo Finance",
+    type: "text",
+    placeholder: "YOUR_API_KEY",
+    fullWidth: true,
+  },
+  showSymbol: { label: "Show symbol", type: "checkbox" },
+  showCurrency: { label: "Show currency", type: "checkbox" },
+  showMarketPrice: { label: "Show market price", type: "checkbox" },
+  showMarketChange: { label: "Show market change", type: "checkbox" },
+  showMarketPercent: { label: "Show market change percent", type: "checkbox" },
+  showColor: {
+    label: "Show colored output for market change",
+    type: "checkbox",
+  },
+
+  userWidgets: {
+    label: "User widgets",
+    documentation: "/custom-widgets/",
+  },
+  userWidgetsList: { type: "component", Component: UserWidgetsCreator },
+
+  refreshFrequency: { label: "Refresh frequency (in ms)", type: "number" },
+
+  customStyles: {
+    label: "Custom styles",
+    documentation: "/custom-styles/",
+  },
+  styles: {
+    label: "Styles",
+    type: "textarea",
+    fullWidth: true,
+    minHeight: 240,
+  },
+};
+
+// Default settings are defined here
+export const defaultSettings = {
+  global: {
+    theme: "auto",
+    compactMode: false,
+    floatingBar: false,
+    noBarBg: false,
+    noColorInData: false,
+    bottomBar: false,
+    sideDecoration: false,
+    inlineSpacesOptions: false,
+    disableAnimations: false,
+    spacesBackgroundColorAsForeground: false,
+    widgetsBackgroundColorAsForeground: false,
+    widgetMaxWidth: "160px",
+    slidingAnimationPace: 4,
+    font: "JetBrains Mono, Monaco, Menlo, monospace",
+    fontSize: "11px",
+    yabaiPath: "$(which yabai)",
+    aerospacePath: "$(which aerospace)",
+    windowManager: "yabai",
+    shell: "sh",
+    terminal: "Terminal",
+    disableNotifications: false,
+    enableMissives: false,
+    enableServer: false,
+    serverSocketPort: 7777,
+    yabaiServerRefresh: false,
+    aerospaceServerRefresh: false,
+  },
+  themes: {
+    lightTheme: "NightShiftLight",
+    darkTheme: "NightShiftDark",
+    colorMain: "",
+    colorMainAlt: "",
+    colorMinor: "",
+    colorAccent: "",
+    colorRed: "",
+    colorGreen: "",
+    colorYellow: "",
+    colorOrange: "",
+    colorBlue: "",
+    colorMagenta: "",
+    colorCyan: "",
+    colorBlack: "",
+    colorWhite: "",
+    colorForeground: "",
+    colorBackground: "",
+  },
+  process: {
+    showOnDisplay: "",
+    displayForFocusedSpace: false,
+    displayOnlyCurrent: false,
+    centered: false,
+    showCurrentSpaceMode: false,
+    hideWindowTitle: false,
+    displayOnlyIcon: false,
+    expandAllProcesses: false,
+    displaySkhdMode: false,
+    displayStackIndex: true,
+    displayOnlyCurrentStack: false,
+  },
+  spacesDisplay: {
+    showOnDisplay: "",
+    exclusions: "",
+    titleExclusions: "",
+    spacesExclusions: "",
+    exclusionsAsRegex: false,
+    displayAllSpacesOnAllScreens: false,
+    hideDuplicateAppsInSpaces: false,
+    displayStickyWindowsSeparately: false,
+    hideCreateSpaceButton: false,
+    hideEmptySpaces: false,
+    showOptionsOnHover: true,
+    switchSpacesWithoutYabai: false,
+    customAeroSpaceDisplayIndexes: {},
+  },
+  widgets: {
+    processWidget: true,
+    githubWidget: false,
+    weatherWidget: false,
+    netstatsWidget: false,
+    cpuWidget: false,
+    gpuWidget: false,
+    memoryWidget: false,
+    batteryWidget: true,
+    wifiWidget: true,
+    vpnWidget: false,
+    zoomWidget: false,
+    soundWidget: true,
+    micWidget: false,
+    dateWidget: true,
+    timeWidget: true,
+    keyboardWidget: false,
+    spotifyWidget: true,
+    cryptoWidget: false,
+    stockWidget: false,
+    youtubeMusicWidget: false,
+    musicWidget: true,
+    mpdWidget: false,
+    browserTrackWidget: false,
+    notificationsWidget: false,
+    nextMeetingWidget: false,
+  },
+  githubWidgetOptions: {
+    refreshFrequency: 1000 * 60 * 10,
+    showOnDisplay: "",
+    showIcon: true,
+    hideWhenNoNotification: false,
+    notificationUrl: "https://github.com/notifications",
+    ghBinaryPath: "/opt/homebrew/bin/gh",
+  },
+  weatherWidgetOptions: {
+    refreshFrequency: 1000 * 60 * 30,
+    showOnDisplay: "",
+    showIcon: true,
+    unit: "C",
+    hideLocation: false,
+    hideGradient: false,
+    customLocation: "",
+  },
+  netstatsWidgetOptions: {
+    refreshFrequency: 2000,
+    showOnDisplay: "",
+    showIcon: true,
+    displayAsGraph: false,
+    netstatsThreshold: 0,
+  },
+  cpuWidgetOptions: {
+    refreshFrequency: 2000,
+    showOnDisplay: "",
+    showIcon: true,
+    displayAsGraph: false,
+    cpuUsageThreshold: 0,
+    cpuMonitorApp: "Activity Monitor",
+  },
+  gpuWidgetOptions: {
+    refreshFrequency: 3000,
+    showOnDisplay: "",
+    showIcon: true,
+    displayAsGraph: false,
+    gpuMacmonBinaryPath: "/opt/homebrew/bin/macmon",
+  },
+  memoryWidgetOptions: {
+    refreshFrequency: 4000,
+    showOnDisplay: "",
+    showIcon: true,
+    memoryUsageThreshold: 0,
+    memoryMonitorApp: "Activity Monitor",
+  },
+  batteryWidgetOptions: {
+    refreshFrequency: 10000,
+    showOnDisplay: "",
+    showIcon: true,
+    toggleCaffeinateOnClick: true,
+    disableCaffeinateInvertedBackground: false,
+    caffeinateOption: "",
+  },
+  networkWidgetOptions: {
+    refreshFrequency: 20000,
+    showOnDisplay: "",
+    showIcon: true,
+    networkDevice: "en0",
+    hideWifiIfDisabled: false,
+    toggleWifiOnClick: false,
+    hideNetworkName: false,
+  },
+  vpnWidgetOptions: {
+    refreshFrequency: 8000,
+    showOnDisplay: "",
+    showIcon: true,
+    vpnConnectionName: "",
+    vpnShowConnectionName: false,
+  },
+  zoomWidgetOptions: {
+    refreshFrequency: 5000,
+    showOnDisplay: "",
+    showVideo: true,
+    showMic: true,
+  },
+  soundWidgetOptions: {
+    refreshFrequency: 20000,
+    showOnDisplay: "",
+    showIcon: true,
+  },
+  micWidgetOptions: {
+    refreshFrequency: 20000,
+    showOnDisplay: "",
+    showIcon: true,
+  },
+  dateWidgetOptions: {
+    refreshFrequency: 30000,
+    showOnDisplay: "",
+    showIcon: true,
+    shortDateFormat: true,
+    locale: "en-UK",
+    calendarApp: "",
+  },
+  timeWidgetOptions: {
+    refreshFrequency: 1000,
+    showOnDisplay: "",
+    showIcon: true,
+    hour12: false,
+    dayProgress: true,
+    showSeconds: false,
+  },
+  keyboardWidgetOptions: {
+    refreshFrequency: 20000,
+    showOnDisplay: "",
+    showIcon: true,
+    keyboardMaxLength: 0,
+  },
+  cryptoWidgetOptions: {
+    refreshFrequency: 5 * 60 * 1000,
+    showOnDisplay: "",
+    showIcon: true,
+    denomination: "usd",
+    identifiers: "bitcoin,ethereum,celo",
+    precision: 5,
+  },
+  stockWidgetOptions: {
+    refreshFrequency: 15 * 60 * 1000,
+    showOnDisplay: "",
+    showIcon: true,
+    yahooFinanceApiKey: "YOUR_API_KEY",
+    symbols: "AAPL,TSLA",
+    showSymbol: true,
+    showCurrency: true,
+    showMarketPrice: true,
+    showMarketChange: false,
+    showMarketPercent: true,
+    showColor: true,
+  },
+  spotifyWidgetOptions: {
+    refreshFrequency: 10000,
+    showOnDisplay: "",
+    showIcon: true,
+    showSpecter: true,
+    showSpotifyMetadata: true,
+  },
+  youtubeMusicWidgetOptions: {
+    refreshFrequency: 10000,
+    showOnDisplay: "",
+    showIcon: true,
+    showSpecter: true,
+    youtubeMusicPort: 26538,
+  },
+  musicWidgetOptions: {
+    refreshFrequency: 10000,
+    showOnDisplay: "",
+    showIcon: true,
+    showSpecter: true,
+  },
+  mpdWidgetOptions: {
+    refreshFrequency: 10000,
+    showOnDisplay: "",
+    showIcon: true,
+    showSpecter: true,
+    mpdBinaryPath: "/opt/homebrew/bin/mpc",
+    mpdPort: "6600",
+    mpdHost: "127.0.0.1",
+    mpdFormatString: "%title%[ - %artist%]|[%file%]",
+  },
+  browserTrackWidgetOptions: {
+    refreshFrequency: 10000,
+    showOnDisplay: "",
+    showIcon: true,
+    showSpecter: true,
+  },
+  notificationsWidgetOptions: {
+    refreshFrequency: 10000,
+    showOnDisplay: "",
+    excludedApps: "",
+  },
+  nextMeetingWidgetOptions: {
+    refreshFrequency: 60000,
+    showOnDisplay: "",
+    showJoinButton: true,
+    showTimeOnly: false,
+    icalBuddyPath: "",
+    lookAheadHours: 12,
+  },
+  userWidgets: {
+    userWidgetsList: {},
+  },
+  customStyles: {
+    styles: "/* your custom css styles here */",
+  },
+};
+
+// User widget default settings
+export const userWidgetDefault = {
+  title: "Your widget name",
+  icon: "Widget",
+  backgroundColor: "--main-alt",
+  output: 'echo "Hello world!"',
+  onClickAction: "",
+  onRightClickAction: "",
+  onMiddleClickAction: "",
+  refreshFrequency: 10000,
+  showOnDisplay: "",
+  active: true,
+  noIcon: false,
+  hideWhenNoOutput: true,
+};
+
+// Colors available for user widgets
+export const userWidgetColors = [
+  "--main",
+  "--main-alt",
+  "--minor",
+  "--accent",
+  "--red",
+  "--green",
+  "--yellow",
+  "--orange",
+  "--blue",
+  "--magenta",
+  "--cyan",
+];
+
+/**
+ * Retrieves the application settings from local storage.
+ * If no settings are found, the default settings are used.
+ * The settings schema is removed before returning the settings.
+ *
+ * @returns {Object} The application settings.
+ */
+export function get() {
+  const storedSettings = window.localStorage.getItem(SETTINGS_STORAGE_KEY);
+  const settings = storedSettings
+    ? Utils.mergeDeep(defaultSettings, JSON.parse(storedSettings))
+    : defaultSettings;
+  delete settings.$schema;
+  return settings;
+}
+
+/**
+ * Updates the settings by merging them with the schema, saving them to a config file,
+ * and storing them in the local storage.
+ *
+ * @param {Object} newSettings - The new settings to be applied.
+ * @returns {Promise<void>} A promise that resolves when the settings have been saved.
+ */
+export async function set(newSettings) {
+  pruneObsoleteSettings(newSettings);
+  const settingsWithSchema = {
+    $schema:
+      "https://raw.githubusercontent.com/Jean-Tinland/simple-bar/refs/heads/master/lib/schemas/config.json",
+    ...newSettings,
+  };
+  await saveToConfigFile(settingsWithSchema);
+  window.localStorage.setItem(
+    SETTINGS_STORAGE_KEY,
+    JSON.stringify(settingsWithSchema),
+  );
+}
+
+/**
+ * Saves the provided settings to the configuration file.
+ *
+ * @param {Object} newSettings - The new settings to be saved.
+ * @returns {Promise<void>} A promise that resolves when the settings have been saved.
+ * @throws Will throw an error if the settings cannot be saved.
+ */
+async function saveToConfigFile(newSettings) {
+  try {
+    const settings = JSON.stringify(newSettings, undefined, 2);
+    const cleanSettings = settings.replace(/'/g, "'\"'\"'");
+    await Uebersicht.run(`echo '${cleanSettings}' | tee ~/.simplebarrc`);
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error(e);
+  }
+}
+
+/**
+ * Checks if the configuration file for simple-bar exists.
+ *
+ * This function runs a shell command to check for the presence of the
+ * configuration file located at `~/.simplebarrc`. If the file exists,
+ * the function returns `true`; otherwise, it returns `false`.
+ *
+ * @returns {Promise<boolean>} A promise that resolves to `true` if the
+ * configuration file exists, and `false` otherwise.
+ */
+export async function checkIfConfigFileExists() {
+  let exists = false;
+  try {
+    exists = Boolean(await Uebersicht.run(`ls ~/.simplebarrc`));
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error(e);
+  }
+  return exists;
+}
+
+/**
+ * Removes obsolete settings from the provided settings object.
+ *
+ * @param {Object} settings - The settings object to prune.
+ * @param {Object} settings.global - The global settings object.
+ * @param {string} settings.global.externalConfigFile - The external configuration file setting to be removed.
+ * @param {Object} settings.widgets - The widgets settings object.
+ * @param {Object} settings.widgets.dndWidget - The dndWidget setting to be removed.
+ * @param {Object} settings.widgets.undefined - The undefined widget setting to be removed.
+ */
+function pruneObsoleteSettings(settings) {
+  delete settings.global.externalConfigFile;
+  delete settings.widgets.dndWidget;
+  delete settings.widgets.undefined;
+}
+
+/**
+ * Loads the external configuration file for simple-bar.
+ */
+export async function loadExternalConfig() {
+  const configFileExists = await checkIfConfigFileExists();
+  if (!configFileExists) return;
+  try {
+    const config = JSON.parse(await Uebersicht.run(`cat ~/.simplebarrc`));
+    const settings = Utils.mergeDeep(defaultSettings, config);
+    return settings;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error("Error loading external config:", e);
+  }
+}
+
+/** */
+export async function init() {
+  const externalConfig = await loadExternalConfig();
+  if (externalConfig) {
+    set(externalConfig);
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/skhd.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/skhd.js
new file mode 100755
index 0000000..e2923d1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/skhd.js
@@ -0,0 +1,17 @@
+import * as Uebersicht from "uebersicht";
+import * as Settings from "./settings";
+import * as Utils from "./utils";
+
+/**
+ * Retrieves the current mode by executing a shell script and parsing its output.
+ *
+ * @returns {Promise<Object> | undefined} A promise that resolves to the parsed JSON object representing the mode.
+ */
+export async function getMode() {
+  const settings = Settings.get();
+  const { shell } = settings.global;
+  const mode = await Uebersicht.run(
+    `cat $(${shell} ./simple-bar/lib/scripts/yabai-set-mode-server.sh --query 2>&1)`,
+  );
+  return Utils.parseJson(mode);
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/battery.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/battery.js
new file mode 100755
index 0000000..5c0c413
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/battery.js
@@ -0,0 +1,134 @@
+// Styles for /lib/components/data/battery.jsx component
+export const batteryStyles = /* css */ `
+.battery {
+  position: relative;
+  background-color: var(--magenta);
+  overflow: hidden;
+}
+.battery--caffeinate,
+.simple-bar--no-color-in-data .battery--caffeinate {
+  color: var(--black);
+  background-color: var(--white);
+}
+.simple-bar--widgets-background-color-as-foreground .battery {
+  color: var(--magenta);
+  background-color: transparent;
+}
+.simple-bar--widgets-background-color-as-foreground .battery--caffeinate {
+  color: var(--foreground);
+}
+.battery__icon {
+  position: relative;
+  width: 16px;
+  height: 9px;
+  margin-top: -2px;
+  margin-right: 10px;
+}
+.battery__icon::after {
+  content: '';
+  position: absolute;
+  top: calc(10% + 1px);
+  left: calc(100% + 2px);
+  width: 2px;
+  height: 80%;
+  border-radius: 0 3px 3px 0;
+  background-color: currentColor;
+}
+.simple-bar--no-color-in-data .battery__icon::after {
+  background-color: currentColor;
+}
+.battery__icon-inner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
+  border: 1px solid currentColor;
+  overflow: hidden;
+}
+.battery__charging-icon {
+  position: absolute;
+  top: -1px;
+  left: calc(50% - 6px);
+  width: 11px;
+  height: 11px;
+  fill: currentColor;
+  stroke: var(--magenta);
+  stroke-width: 2;
+}
+.simple-bar--no-color-in-data .battery__charging-icon {
+  stroke: var(--minor);
+}
+.battery--caffeinate .battery__charging-icon {
+  stroke: var(--white);
+}
+.simple-bar--widgets-background-color-as-foreground .battery__charging-icon {
+  stroke: var(--background);
+}
+.simple-bar--no-color-in-data .battery__icon-inner {
+  fill: currentColor;
+  border: 1px solid currentColor;
+}
+.battery__icon-filler {
+  position: absolute;
+  top: 1px;
+  left: 1px;
+  width: calc(100% - 2px);
+  height: calc(100% - 2px);
+  background-color: currentColor;
+  border-radius: 2px;
+  transform: scaleX(0);
+  transform-origin: left center;
+  transition: transform 160ms var(--transition-easing);
+  z-index: 0;
+}
+.simple-bar--no-color-in-data .battery__icon-filler {
+  background-color: currentColor;
+  opacity: 0.8;
+}
+.simple-bar--no-color-in-data .battery--caffeinate .battery__icon::after,
+.simple-bar--no-color-in-data .battery--caffeinate .battery__icon-filler {
+  background-color: currentColor;
+}
+.battery--low .battery__icon-filler {
+  background-color: var(--red);
+}
+.battery--low-power-mode .battery__icon-filler {
+  background-color: var(--yellow);
+}
+.battery__caffeinate-icon {
+  position: absolute;
+  top: calc(50% - 12px);
+  right: -4px;
+  width: 26px !important;
+  height: 26px !important;
+  opacity: 0.15;
+}
+.battery__caffeinate-icon g path {
+  animation: coffee-spur-sliding-up 1600ms var(--transition-easing) infinite;
+}
+.simple-bar--animations-disabled .battery__caffeinate-icon g path {
+  animation: none;
+}
+.battery__caffeinate-icon g path:nth-child(2) {
+  animation-delay: -600ms;
+}
+.battery__caffeinate-icon g path:nth-child(3) {
+  animation-delay: -280ms;
+}
+@keyframes coffee-spur-sliding-up {
+  0% {
+    opacity: 0;
+    transform: translateY(3px);
+  }
+  20% {
+    opacity: 0.7;
+  }
+  80% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/browser-track.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/browser-track.js
new file mode 100755
index 0000000..c70a1ee
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/browser-track.js
@@ -0,0 +1,40 @@
+// Styles for /lib/components/data/browser-track.jsx
+export const browserTrackStyles = /* css */ `
+.browser-track {
+  position: relative;
+  background-color: var(--green);
+}
+.simple-bar--widgets-background-color-as-foreground .browser-track {
+  color: var(--green);
+  background-color: transparent;
+}
+.browser-track__icons {
+  position: relative;
+}
+.browser-track__icons > svg:nth-of-type(1),
+.browser-track__icons > svg:nth-of-type(2) {
+  width: 10px;
+  height: 10px;
+  fill: currentColor;
+}
+.browser-track__icons > svg:nth-of-type(1) {
+  margin-right: 7px;
+}
+.simple-bar--no-color-in-data .browser-track__icons > svg:nth-of-type(1) {
+  fill: currentColor;
+}
+.browser-track__icons > svg:nth-of-type(2) {
+  position: absolute;
+  bottom: -1px;
+  right: 2px;
+  stroke: var(--green);
+  stroke-width: 3px;
+}
+.simple-bar--widgets-background-color-as-foreground .browser-track__icons > svg:nth-of-type(2) {
+  stroke: var(--background);
+}
+.simple-bar--no-color-in-data .browser-track__icons > svg:nth-of-type(2) {
+  fill: currentColor;
+  stroke: var(--minor);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/cpu.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/cpu.js
new file mode 100755
index 0000000..672c246
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/cpu.js
@@ -0,0 +1,16 @@
+// Styles for /lib/components/data/cpu.jsx component
+export const cpuStyles = /* css */ `
+.cpu {
+  color: var(--foreground);
+  background-color: var(--minor);
+}
+.cpu--graph {
+  min-width: 90px;
+  padding: 0;
+}
+.cpu__usage {
+  width: 4ch;
+  padding: 3px;
+  text-align: right;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/crypto.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/crypto.js
new file mode 100755
index 0000000..3c9b0ae
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/crypto.js
@@ -0,0 +1,9 @@
+// Styles for /lib/components/data/crypto.jsx component
+export const cryptoStyles = /* css */ `
+.crypto {
+  color: var(--foreground);
+  background-color: var(--minor);
+}
+.simple-bar--widgets-background-color-as-foreground .crypto {
+  background-color: transparent;
+}`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/data-widget-loader.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/data-widget-loader.js
new file mode 100755
index 0000000..62710aa
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/data-widget-loader.js
@@ -0,0 +1,32 @@
+// Styles for /lib/components/data/data-widget-loader.jsx component
+export const dataWidgetLoaderStyles = /* css */ `
+.data-widget-loader {
+  animation: data-widget-loader-appearance 320ms var(--transition-easing);
+}
+@keyframes data-widget-loader-appearance {
+  0% {
+    opacity: 0;
+  }
+}
+.data-widget-loader::before {
+  content: "";
+  width: 10px;
+  height: 10px;
+  margin-right: 7px;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: 0.75;
+}
+.data-widget-loader__inner {
+  border: 2px solid transparent;
+  border-bottom-color: currentColor;
+  box-sizing: border-box;
+  border-radius: 50%;
+  animation: data-widget-loader-spining 640ms ease infinite;
+}
+@keyframes data-widget-loader-spining {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/data-widget.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/data-widget.js
new file mode 100755
index 0000000..f0b5cf1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/data-widget.js
@@ -0,0 +1,65 @@
+// Styles for /lib/components/data/data-widget.jsx component
+export const dataWidgetStyles = /* css */ `
+.data-widget {
+  display: flex;
+  align-items: center;
+  margin: var(--item-outer-margin);
+  padding: var(--item-inner-margin);
+  color: var(--background);
+  font-family: var(--font);
+  font-size: inherit;
+  background-color: var(--minor);
+  text-decoration: none;
+  white-space: nowrap;
+  border-radius: var(--item-radius);
+  border: 0;
+  outline: none;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  box-shadow: var(--light-shadow);
+  transition: all 160ms var(--transition-easing);
+}
+.simple-bar--no-shadow .data-widget {
+  box-shadow: none;
+}
+.simple-bar--no-color-in-data .data-widget {
+  color: var(--foreground);
+  background-color: var(--minor);
+}
+.simple-bar--widgets-background-color-as-foreground .data-widget {
+  background-color: transparent;
+  box-shadow: none;
+}
+.simple-bar--widgets-background-color-as-foreground.simple-bar--no-color-in-data .data-widget {
+  color: var(--foreground) !important;
+  background-color: transparent;
+}
+.data-widget--clickable {
+  cursor: pointer;
+}
+.data-widget--clickable:hover {
+  box-shadow: var(--light-shadow), var(--hover-ring);
+}
+.data-widget--clickable:active {
+  box-shadow: var(--light-shadow), var(--focus-ring);
+}
+.data-widget > svg {
+  width: 14px;
+  height: 14px;
+  margin-right: 7px;
+  fill: currentColor;
+}
+.data-widget__inner {
+  max-width: var(--item-max-width);
+  display: flex;
+  flew-wrap: nowrap;
+  overflow: hidden;
+}
+.data-widget__slider {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  transition: transform 160ms var(--transition-easing);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/date-display.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/date-display.js
new file mode 100755
index 0000000..c152449
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/date-display.js
@@ -0,0 +1,10 @@
+// Styles for /lib/components/data/date-display.jsx component
+export const dateStyles = /* css */ `
+.date-display {
+  background-color: var(--cyan);
+}
+.simple-bar--widgets-background-color-as-foreground .date-display {
+  color: var(--cyan);
+  background-color: transparent;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/github.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/github.js
new file mode 100755
index 0000000..f451ddc
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/github.js
@@ -0,0 +1,10 @@
+// Styles for /lib/components/data/github.jsx component
+export const githubStyles = /* css */ `
+.github {
+  position: relative;
+  color: var(--foreground);
+  background-color: var(--minor);
+  overflow: hidden;
+  z-index: 0;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/gpu.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/gpu.js
new file mode 100755
index 0000000..c3f4b78
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/gpu.js
@@ -0,0 +1,15 @@
+// Styles for /lib/components/data/gpu.jsx component
+export const gpuStyles = /* css */ `
+.gpu {
+  color: var(--foreground);
+  background-color: var(--minor);
+}
+.gpu--graph {
+  min-width: 70px;
+  padding: 0;
+}
+.gpu__usage {
+  width: 4ch;
+  text-align: right;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/graph.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/graph.js
new file mode 100755
index 0000000..0bf3609
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/graph.js
@@ -0,0 +1,49 @@
+// Styles for /lib/components/data/graph.jsx component
+export const graphStyles = /* css */ `
+.graph {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+  gap: 4px;
+  overflow: hidden;
+  border-radius: inherit;
+}
+.graph__bars {
+  flex: 1 1 100%;
+  height: 75%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  pointer-events: none;
+}
+.graph__bar {
+  min-height: 1px;
+  opacity: 0.75;
+}
+.graph__data {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: calc(100% - 6px);
+  flex: 0 0 auto;
+  display: flex;
+  justify-content: space-between;
+  gap: 2px;
+}
+.graph__data-item {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+.graph__data-item-icon {
+  flex: 0 0 10px;
+  width: 10px;
+  height: 10px;
+  fill: currentColor;
+}
+.graph__data-item-value {
+  font-size: calc(var(--font-size) - 2px);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/keyboard.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/keyboard.js
new file mode 100755
index 0000000..dfc4f70
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/keyboard.js
@@ -0,0 +1,10 @@
+// Styles for /lib/components/data/keyboard.jsx component
+export const keyboardStyles = /* css */ `
+.keyboard {
+  background-color: var(--main-alt);
+}
+.simple-bar--widgets-background-color-as-foreground .keyboard {
+  color: var(--main-alt);
+  background-color: transparent;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/memory.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/memory.js
new file mode 100755
index 0000000..d0239bb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/memory.js
@@ -0,0 +1,30 @@
+// Styles for /lib/components/data/memory.jsx component
+export const memoryStyles = /* css */ `
+.memory {
+  color: var(--foreground);
+  background-color: var(--minor);
+}
+.memory--low {
+  --pie-color: var(--green);
+}
+.memory--medium {
+  --pie-color: var(--yellow);
+}
+.memory--high {
+  --pie-color: var(--red);
+}
+.memory__pie {
+  flex: 0 0 21px;
+  width: 21px;
+  height: 21px;
+  border-radius: 50%;
+}
+.memory__content {
+  display: flex;
+  gap: 4px;
+  padding-left: 5px;
+}
+.memory--high .memory__content {
+  color: var(--red);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/mic.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/mic.js
new file mode 100755
index 0000000..7a58f10
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/mic.js
@@ -0,0 +1,83 @@
+// Styles for /lib/components/data/mic.jsx component
+export const micStyles = /* css */ `
+.mic {
+font-variant-numeric: tabular-nums;
+  background-color: var(--orange);
+  transform: translateZ(0);
+}
+.simple-bar--widgets-background-color-as-foreground .mic {
+  color: var(--orange);
+  background-color: transparent;
+}
+.mic__slider-container {
+  --slider-size: 10px;
+
+  position: relative;
+  max-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  overflow: hidden;
+  opacity: 0.7;
+  border-radius: var(--item-radius);
+  transition: max-width 320ms var(--transition-easing), padding 320ms var(--transition-easing),
+    opacity 320ms var(--transition-easing),
+    clip-path 0ms var(--transition-easing);
+}
+.mic:hover .mic__slider-container,
+.mic--dragging .mic__slider-container {
+  max-width: 100px;
+  clip-path: inset(-100vh -100vw);
+  transition: max-width 320ms var(--transition-easing), padding 320ms var(--transition-easing),
+    opacity 320ms var(--transition-easing),
+    clip-path 320ms 320ms var(--transition-easing)
+}
+.mic__slider-container:hover {
+  opacity: 1;
+}
+.mic__slider {
+  width: 100px;
+  height: var(--slider-size);
+  appearance: none;
+  background-color: var(--background);
+  border-radius: var(--item-radius);
+  outline: none;
+  -webkit-appearance: none;
+}
+.simple-bar--widgets-background-color-as-foreground .mic__slider {
+  background-color: var(--foreground);
+}
+.mic__slider::-webkit-slider-thumb {
+  width: var(--slider-size);
+  height: var(--slider-size);
+  background-color: var(--foreground);
+  border-radius: var(--item-radius);
+  cursor: pointer;
+  -webkit-appearance: none;
+  transform-origin: center;
+  transition: transform 160ms var(--transition-easing);
+}
+.simple-bar--widgets-background-color-as-foreground .mic__slider::-webkit-slider-thumb {
+  background-color: var(--orange);
+}
+.mic__slider::-webkit-slider-thumb:hover {
+  transform: scale(1.5);
+}
+.mic__display {
+  display: flex;
+  align-items: center;
+  margin-right: 4px;
+  overflow: hidden;
+}
+.mic__display:active {
+  color: currentColor;
+}
+.mic__display > svg {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+  margin-right: 3px;
+  fill: currentColor;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/mpd.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/mpd.js
new file mode 100755
index 0000000..da159ab
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/mpd.js
@@ -0,0 +1,80 @@
+// Styles for /lib/components/data/mpd.jsx component
+export const mpdStyles = /* css */ `
+.mpd {
+  position: relative;
+  background-color: var(--cyan);
+}
+.simple-bar--widgets-background-color-as-foreground .mpd {
+  color: var(--cyan);
+  background-color: transparent;
+}
+.mpd__outer {
+  display: flex;
+  gap: 4px;
+}
+.mpd__inner {
+  max-width: 140px;
+  display: flex;
+  flew-wrap: nowrap;
+  overflow: hidden;
+}
+.mpd__info {
+  white-space: nowrap;
+  transition: transform 160ms var(--transition-easing);
+}
+.mpd__slider-container {
+  --slider-size: 10px;
+
+  position: relative;
+  max-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  clip-path: inset(0);
+  opacity: 0.7;
+  border-radius: var(--item-radius);
+  transition: max-width 320ms var(--transition-easing), padding 320ms var(--transition-easing),
+    opacity 320ms var(--transition-easing),
+    clip-path 0ms var(--transition-easing);
+}
+.mpd:hover .mpd__slider-container,
+.mpd--dragging .mpd__slider-container {
+  max-width: 100px;
+  clip-path: inset(-100vh -100vw);
+  transition: max-width 320ms var(--transition-easing), padding 320ms var(--transition-easing),
+    opacity 320ms var(--transition-easing),
+    clip-path 320ms 320ms var(--transition-easing)
+}
+.mpd__slider-container:hover {
+  opacity: 1;
+}
+.mpd__slider {
+  width: 100px;
+  height: var(--slider-size);
+  appearance: none;
+  background-color: var(--background);
+  border-radius: var(--item-radius);
+  outline: none;
+  -webkit-appearance: none;
+}
+.simple-bar--widgets-background-color-as-foreground .mpd__slider {
+  background-color: var(--foreground);
+}
+.mpd__slider::-webkit-slider-thumb {
+  width: var(--slider-size);
+  height: var(--slider-size);
+  background-color: var(--foreground);
+  border-radius: var(--item-radius);
+  cursor: pointer;
+  -webkit-appearance: none;
+  transform-origin: center;
+  transition: transform 160ms var(--transition-easing);
+}
+.simple-bar--widgets-background-color-as-foreground .mpd__slider::-webkit-slider-thumb {
+  background-color: var(--blue);
+}
+.mpd__slider::-webkit-slider-thumb:hover {
+  transform: scale(1.5);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/music.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/music.js
new file mode 100755
index 0000000..5de3b1f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/music.js
@@ -0,0 +1,11 @@
+// Styles for /lib/components/data/music.jsx component
+export const musicStyles = /* css */ `
+.music {
+  position: relative;
+  background-color: var(--green);
+}
+.simple-bar--widgets-background-color-as-foreground .music {
+  color: var(--green);
+  background-color: transparent;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/netstats.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/netstats.js
new file mode 100755
index 0000000..384d970
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/netstats.js
@@ -0,0 +1,48 @@
+// Styles for /lib/components/data/netstats.jsx component
+export const netstatsStyles = /* css */ `
+.netstats {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  color: var(--foreground);
+  background-color: var(--minor);
+  z-index: 0;
+}
+.netstats--graph {
+  min-width: 120px;
+  padding: 0;
+}
+.simple-bar--widgets-background-color-as-foreground .netstats {
+  background-color: transparent;
+}
+.netstats__item {
+  width: 9ch;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  padding: 0 4px;
+}
+.netstats__value {
+  display: flex;
+  align-items: baseline;
+  justify-content: flex-end;
+  margin: 0 auto;
+}
+.netstats__value > em {
+  font-size: 0.8em;
+  font-style: normal;
+}
+.netstats__icon {
+  flex: 0 0 12px;
+  width: 12px;
+  height: 12px;
+}
+.netstats__icon--download {
+  fill: var(--magenta);
+}
+.netstats__icon--upload {
+  fill: var(--blue);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/next-meeting.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/next-meeting.js
new file mode 100755
index 0000000..c4a0a0f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/next-meeting.js
@@ -0,0 +1,71 @@
+// Styles for /lib/components/data/next-meeting.jsx component
+export const nextMeetingStyles = /* css */ `
+.next-meeting {
+  background-color: var(--cyan);
+}
+.simple-bar--widgets-background-color-as-foreground .next-meeting {
+  color: var(--cyan);
+  background-color: transparent;
+}
+.simple-bar--no-color-in-data .next-meeting {
+  background-color: var(--minor);
+}
+.next-meeting--upcoming {
+  background-color: var(--yellow) !important;
+}
+.simple-bar--widgets-background-color-as-foreground .next-meeting--upcoming {
+  color: var(--yellow);
+  background-color: transparent !important;
+}
+.next-meeting--urgent {
+  background-color: var(--red) !important;
+  animation: next-meeting-pulse 1.5s ease-in-out infinite;
+}
+.simple-bar--widgets-background-color-as-foreground .next-meeting--urgent {
+  color: var(--red);
+  background-color: transparent !important;
+}
+@keyframes next-meeting-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.7; }
+}
+.simple-bar--animations-disabled .next-meeting--urgent {
+  animation: none;
+}
+.next-meeting__title {
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 6px;
+}
+.next-meeting__time {
+  font-weight: 600;
+  opacity: 0.9;
+}
+.next-meeting__join {
+  margin-left: 6px;
+  padding: 2px 6px;
+  background-color: rgba(255, 255, 255, 0.2);
+  border: none;
+  border-radius: 3px;
+  color: inherit;
+  font-family: inherit;
+  font-size: 10px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background-color 160ms var(--transition-easing),
+              transform 160ms var(--transition-easing);
+}
+.next-meeting__join:hover {
+  background-color: rgba(255, 255, 255, 0.35);
+  transform: translateY(-1px);
+}
+.next-meeting__join:active {
+  transform: translateY(0);
+}
+.next-meeting__join:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/notifications.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/notifications.js
new file mode 100755
index 0000000..a1008c8
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/notifications.js
@@ -0,0 +1,68 @@
+// Styles for /lib/components/data/notifications.jsx component
+export const notificationsStyles = /* css */ `
+.notifications {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-left: 5px;
+}
+.notification-pill {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 7px 8px;
+  background-color: var(--red);
+  border: none;
+  border-radius: var(--item-radius);
+  color: var(--white);
+  font-family: inherit;
+  font-size: 11px;
+  cursor: pointer;
+  transition: background-color 160ms var(--transition-easing),
+              transform 160ms var(--transition-easing);
+}
+.notification-pill:hover {
+  filter: brightness(1.2);
+  transform: translateY(-1px);
+}
+.notification-pill:active {
+  transform: translateY(0);
+}
+.notification-pill:focus {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.simple-bar--no-color-in-data .notification-pill {
+  background-color: var(--minor);
+  color: var(--foreground);
+}
+.simple-bar--widgets-background-color-as-foreground .notification-pill {
+  background-color: transparent;
+  color: var(--red);
+  border: 1px solid var(--red);
+}
+.simple-bar--widgets-background-color-as-foreground .notification-pill:hover {
+  background-color: var(--red);
+  color: var(--white);
+}
+.notification-pill__icon {
+  width: 14px;
+  height: 14px;
+  fill: currentColor;
+  flex-shrink: 0;
+}
+.notification-pill__badge {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: var(--white);
+  padding: 1px 5px;
+  border-radius: 6px;
+  font-size: 10px;
+  font-weight: 600;
+  min-width: 8px;
+  text-align: center;
+}
+.simple-bar--widgets-background-color-as-foreground .notification-pill__badge {
+  background-color: var(--red);
+  color: var(--white);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/sound.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/sound.js
new file mode 100755
index 0000000..a45a862
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/sound.js
@@ -0,0 +1,83 @@
+// Styles for /lib/components/data/sound.jsx component
+export const soundStyles = /* css */ `
+.sound {
+  font-variant-numeric: tabular-nums;
+  background-color: var(--blue);
+  transform: translateZ(0);
+}
+.simple-bar--widgets-background-color-as-foreground .sound {
+  color: var(--blue);
+  background-color: transparent;
+}
+.sound__slider-container {
+  --slider-size: 10px;
+
+  position: relative;
+  max-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  clip-path: inset(0);
+  opacity: 0.7;
+  border-radius: var(--item-radius);
+  transition: max-width 320ms var(--transition-easing), padding 320ms var(--transition-easing),
+    opacity 320ms var(--transition-easing),
+    clip-path 0ms var(--transition-easing);
+}
+.sound:hover .sound__slider-container,
+.sound--dragging .sound__slider-container {
+  max-width: 100px;
+  clip-path: inset(-100vh -100vw);
+  transition: max-width 320ms var(--transition-easing), padding 320ms var(--transition-easing),
+    opacity 320ms var(--transition-easing),
+    clip-path 320ms 320ms var(--transition-easing)
+}
+.sound__slider-container:hover {
+  opacity: 1;
+}
+.sound__slider {
+  width: 100px;
+  height: var(--slider-size);
+  appearance: none;
+  background-color: var(--background);
+  border-radius: var(--item-radius);
+  outline: none;
+  -webkit-appearance: none;
+}
+.simple-bar--widgets-background-color-as-foreground .sound__slider {
+  background-color: var(--foreground);
+}
+.sound__slider::-webkit-slider-thumb {
+  width: var(--slider-size);
+  height: var(--slider-size);
+  background-color: var(--foreground);
+  border-radius: var(--item-radius);
+  cursor: pointer;
+  -webkit-appearance: none;
+  transform-origin: center;
+  transition: transform 160ms var(--transition-easing);
+}
+.simple-bar--widgets-background-color-as-foreground .sound__slider::-webkit-slider-thumb {
+  background-color: var(--blue);
+}
+.sound__slider::-webkit-slider-thumb:hover {
+  transform: scale(1.5);
+}
+.sound__display {
+  display: flex;
+  align-items: center;
+  margin-right: 4px;
+  overflow: hidden;
+}
+.sound__display:active {
+  color: currentColor;
+}
+.sound__display > svg {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+  margin-right: 3px;
+  fill: currentColor;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/specter.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/specter.js
new file mode 100755
index 0000000..03d97a3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/specter.js
@@ -0,0 +1,55 @@
+// Styles for /lib/components/data/specter.jsx component
+export const specterStyles = /* css */ `
+.specter {
+  position: absolute;
+  bottom: 0;
+  right: 30px;
+  display: flex;
+  align-items: flex-end;
+  z-index: 2;
+  pointer-events: none;
+  touch-action: none;
+}
+.simple-bar--animations-disabled .specter {
+  display: none;
+}
+.specter > span {
+  flex: 0 0 5px;
+  height: 15px;
+  max-height: 15px;
+  margin-left: 1px;
+  background-color: var(--main);
+  opacity: 0.1;
+  transform-origin: bottom;
+}
+.simple-bar--no-color-in-data .specter > span,
+.simple-bar--widgets-background-color-as-foreground .specter > span {
+  background-color: currentColor;
+}
+.specter > span {
+  animation: specter-waving 640ms var(--transition-easing) infinite;
+}
+.simple-bar--animations-disabled .specter > span {
+  animation: none;
+}
+.specter > span:nth-of-type(1) {
+  animation-delay: -460ms;
+}
+.specter > span:nth-of-type(2) {
+  animation-delay: -320ms;
+}
+.specter > span:nth-of-type(3) {
+  animation-delay: -200ms;
+}
+.specter > span:nth-of-type(4) {
+  animation-delay: -240ms;
+}
+.specter > span:nth-of-type(5) {
+  animation-delay: -150ms;
+}
+@keyframes specter-waving {
+  50% {
+    transform: scaleY(0.2);
+  }
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/spotify.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/spotify.js
new file mode 100755
index 0000000..0f9db7a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/spotify.js
@@ -0,0 +1,15 @@
+// Styles for /lib/components/data/spotify.jsx component
+export const spotifyStyles = /* css */ `
+.spotify {
+  position: relative;
+  background-color: var(--green);
+}
+.simple-bar--widgets-background-color-as-foreground .spotify {
+  color: var(--green);
+  background-color: transparent;
+}
+
+.spotify--hidden-metadata > svg {
+  margin-right: 0;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/stock.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/stock.js
new file mode 100755
index 0000000..2c1eacd
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/stock.js
@@ -0,0 +1,15 @@
+// Styles for /lib/components/data/stock.jsx component
+export const stockStyles = /* css */ `
+.stock {
+  color: var(--foreground);
+  background-color: var(--minor);
+}
+.simple-bar--widgets-background-color-as-foreground .stock {
+  background-color: transparent;
+}
+.stockUp {
+  color: var(--green);
+}
+.stockDown {
+  color: var(--red);
+}`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/time.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/time.js
new file mode 100755
index 0000000..ac04f90
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/time.js
@@ -0,0 +1,85 @@
+// Styles for /lib/components/data/time.jsx component
+export const timeStyles = /* css */ `
+.time {
+  position: relative;
+  font-variant-numeric: tabular-nums;
+  background-color: var(--yellow);
+  overflow: hidden;
+  z-index: 0;
+}
+.simple-bar--widgets-background-color-as-foreground .time {
+  color: var(--yellow);
+  background-color: transparent;
+}
+.time__filler {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: scaleX(0);
+  background-color: rgba(0, 0, 0, 0.15);
+  transform-origin: left;
+  pointer-events: none;
+  touch-action: none;
+  z-index: -1;
+}
+.simple-bar--widgets-background-color-as-foreground .time__filler {
+  background-color: transparent;
+}
+.time__icon {
+  position: relative;
+  flex: 0 0 15px;
+  width: 15px;
+  height: 15px;
+  margin-right: 7px;
+  border: 1px solid var(--background);
+  border-radius: 50%;
+}
+.simple-bar--widgets-background-color-as-foreground .time__icon {
+  border: 1px solid var(--yellow);
+}
+.simple-bar--no-color-in-data .time__icon {
+  border: 1px solid var(--foreground);
+}
+.time__hours,
+.time__minutes {
+  position: absolute;
+  bottom: 50%;
+  width: 1px;
+  left: 50%;
+  margin-left: -1px;
+  background-color: var(--background);
+  transform-origin: bottom;
+  transition: transform 160ms var(--transition-easing);
+  will-change: transform;
+}
+.simple-bar--widgets-background-color-as-foreground .time__hours, 
+.simple-bar--widgets-background-color-as-foreground .time__minutes {
+  background-color: var(--yellow);
+}
+.simple-bar--no-color-in-data .time__hours,
+.simple-bar--no-color-in-data .time__minutes {
+  background-color: var(--foreground);
+}
+.time__hours {
+  height: 28%;
+}
+.time__minutes {
+  height: 43%;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .time__icon {
+    flex: 0 0 16px;
+    width: 16px;
+    height: 16px;
+  }
+  .time__hours,
+  .time__minutes {
+    margin-left: 0;
+  }
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/viscosity-vpn.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/viscosity-vpn.js
new file mode 100755
index 0000000..b486b18
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/viscosity-vpn.js
@@ -0,0 +1,17 @@
+// Styles for /lib/components/data/viscosity-vpn.jsx component
+export const viscosityVPNStyles = /* css */ `
+.viscosity-vpn {
+  background-color: var(--red);
+}
+.simple-bar--widgets-background-color-as-foreground .viscosity-vpn {
+  color: var(--red);
+  background-color: transparent;
+}
+.viscosity-vpn--disconnected {
+  background-color: var(--minor);
+}
+.simple-bar--widgets-background-color-as-foreground .viscosity-vpn--disconnected {
+  color: var(--minor);
+  background-color: transparent;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/weather.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/weather.js
new file mode 100755
index 0000000..0b48abe
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/weather.js
@@ -0,0 +1,163 @@
+// Styles for /lib/components/data/weather.jsx component
+export const weatherStyles = /* css */ `
+.weather {
+  position: relative;
+  color: var(--foreground);
+  background-color: var(--minor);
+  overflow: hidden;
+  z-index: 0;
+}
+.simple-bar--widgets-background-color-as-foreground .weather {
+  background-color: transparent;
+}
+.weather__gradient {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.65;
+  z-index: -1;
+}
+.weather--sunrise .weather__gradient {
+  background: linear-gradient(to top right, var(--main), var(--red), var(--yellow), var(--blue));
+}
+.weather--sunset .weather__gradient {
+  background: linear-gradient(to bottom right, var(--blue), var(--yellow), var(--red), var(--magenta), var(--main));
+}
+.simple-bar--no-color-in-data .weather__gradient {
+  display: none;
+}
+.sun-icon,
+.moon-icon {
+  transform-origin: 50% 50%;
+  animation: sunny-and-moon-scale-and-rotate 2560ms ease infinite;
+}
+.simple-bar--animations-disabled .sun-icon,
+.simple-bar--animations-disabled .moon-icon {
+  animation: none;
+}
+@keyframes sunny-and-moon-scale-and-rotate {
+  50% {
+    transform: rotate(14deg);
+  }
+}
+.cloud-icon {
+  transform: translateY(-1%) rotate(5deg);
+  animation: cloud-levitating 2560ms ease-in-out infinite;
+}
+.simple-bar--animations-disabled .cloud-icon {
+  animation: none;
+}
+@keyframes cloud-levitating {
+  50% {
+    transform: translateY(10%) rotate(-3deg);
+  }
+}
+.rain-icon > g > path {
+  animation: rain-translate 2560ms ease-in-out infinite;
+}
+.simple-bar--animations-disabled .rain-icon > g > path {
+  animation: none;
+}
+.rain-icon > g > path:nth-child(2) {
+  animation-delay: 320ms;
+}
+.rain-icon > g > path:nth-child(1) {
+  animation-delay: 640ms;
+}
+@keyframes rain-translate {
+  0% {
+    opacity: 0;
+    transform: translateY(-10%);
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(10%);
+  }
+}
+.snow-icon > g > path {
+  animation: snow-translate 2560ms ease-in-out infinite;
+}
+.simple-bar--animations-disabled .snow-icon > g > path {
+  animation: none;
+}
+.snow-icon > g > path:nth-child(5) {
+  animation-delay: 320ms;
+}
+.snow-icon > g > path:nth-child(4) {
+  animation-delay: 640ms;
+}
+.snow-icon > g > path:nth-child(3) {
+  animation-delay: 960ms;
+}
+.snow-icon > g > path:nth-child(2) {
+  animation-delay: 1280ms;
+}
+.snow-icon > g > path:nth-child(1) {
+  animation-delay: 1600ms;
+}
+@keyframes phasing-snow {
+  50% {
+    opacity: 0.1;
+  }
+}
+.fog-icon > g > path {
+  animation: fog-phasing 2560ms ease-in-out infinite;
+}
+.simple-bar--animations-disabled .fog-icon > g > path {
+  animation: none;
+}
+.fog-icon > g > path:nth-child(8) {
+  animation-delay: -640ms;
+}
+.fog-icon > g > path:nth-child(7) {
+  animation-delay: -320ms;
+}
+.fog-icon > g > path:nth-child(5) {
+  animation-delay: 320ms;
+}
+.fog-icon > g > path:nth-child(4) {
+  animation-delay: 640ms;
+}
+.fog-icon > g > path:nth-child(3) {
+  animation-delay: 960ms;
+}
+.fog-icon > g > path:nth-child(2) {
+  animation-delay: 1280ms;
+}
+.fog-icon > g > path:nth-child(1) {
+  animation-delay: 1600ms;
+}
+@keyframes fog-phasing {
+  50% {
+    opacity: 0.2;
+  }
+}
+.storm-icon > g > path {
+  animation: flashing-storm 2560ms ease-in-out infinite;
+}
+.simple-bar--animations-disabled .storm-icon > g > path {
+  animation: none;
+}
+.storm-icon > g > path:nth-child(2) {
+  animation-delay: 320ms;
+}
+.storm-icon > g > path:nth-child(1) {
+  animation-delay: 640ms;
+}
+@keyframes flashing-storm {
+  15%,
+  30%,
+  34% {
+    opacity: 1;
+  }
+  16%,
+  31% {
+    opacity: 0;
+  }
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/wifi.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/wifi.js
new file mode 100755
index 0000000..8d2cc97
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/wifi.js
@@ -0,0 +1,13 @@
+// Styles for /lib/components/data/wifi.jsx component
+export const wifiStyles = /* css */ `
+.wifi {
+  background-color: var(--red);
+}
+.simple-bar--widgets-background-color-as-foreground .wifi {
+  color: var(--red);
+  background-color: transparent;
+}
+.wifi--hidden-name > svg {
+  margin-right: 0;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/youtube-music.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/youtube-music.js
new file mode 100755
index 0000000..703be21
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/youtube-music.js
@@ -0,0 +1,11 @@
+// Styles for /lib/components/data/youtube-music.jsx component
+export const youtubeMusicStyles = /* css */ `
+.youtube-music {
+  position: relative;
+  background-color: var(--red);
+}
+.simple-bar--widgets-background-color-as-foreground .youtube-music {
+  color: var(--red);
+  background-color: transparent;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/zoom.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/zoom.js
new file mode 100755
index 0000000..55b125c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/zoom.js
@@ -0,0 +1,26 @@
+// Styles for /lib/components/data/zoom.jsx component
+export const zoomStyles = /* css */ `
+.zoom {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background-color: var(--minor);
+}
+.simple-bar--widgets-background-color-as-foreground .zoom {
+  color: var(--minor);
+  background-color: transparent;
+}
+.simple-bar--no-color-in-data .zoom {
+  background-color: var(--minor);
+}
+.zoom__icon {
+  width: 14px;
+  height: 14px;
+  fill: var(--red);
+  margin: 0 1px 0 4px;
+  transform: translateZ(0);
+}
+.zoom__icon--on {
+  fill: var(--green);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/missives.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/missives.js
new file mode 100755
index 0000000..18e7b17
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/missives.js
@@ -0,0 +1,89 @@
+// Styles for /lib/components/missives/{missive|missives}.jsx components
+export const missivesStyles = /* css */ `
+.missives {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  overflow: hidden;
+}
+.missive {
+  --gradient-size: 100px;
+
+  position: absolute;
+  top: 0;
+  width: fit-content;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 0 16px;
+  box-sizing: border-box;
+  background-color: var(--background);
+  pointer-events: auto;
+  transition: transform 160ms var(--transition-easing);
+}
+.missive::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: var(--gradient-size);
+  pointer-events: none;
+}
+.missive--left {
+  left: 0;
+  animation: left-missive-appearance 320ms var(--transition-easing);
+}
+@keyframes left-missive-appearance {
+  0% {
+    transform: translateX(-100%);
+  }
+}
+.missive--left::after {
+  left: 100%;
+  background: linear-gradient(to right, var(--background) 0%, transparent 100%);
+}
+.missive--right {
+  right: 0;
+  flex-direction: row-reverse;
+  animation: right-missive-appearance 320ms var(--transition-easing);
+}
+@keyframes right-missive-appearance {
+  0% {
+    transform: translateX(100%);
+  }
+}
+.missive--right::after {
+  right: 100%;
+  background: linear-gradient(to left, var(--background) 0%, transparent 100%);
+}
+.missive__text {
+  max-width: calc(100vw - var(--gradient-size));
+  overflow: hidden;
+}
+.missive__close {
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  fill: var(--foreground);
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  user-select: none;
+  border-radius: var(--item-radius);
+  transition: box-shadow 160ms var(--transition-easing);
+}
+.missive__close:hover {
+  box-shadow: var(--light-shadow), var(--hover-ring);
+}
+.missive__close-icon {
+  flex: 0 0 10px;
+  width: 10px;
+  height: 10px;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/process.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/process.js
new file mode 100755
index 0000000..f674ac2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/process.js
@@ -0,0 +1,161 @@
+// Styles for /lib/components/{yabai|aerospace}/process.jsx components
+export const styles = /* css */ `
+.process {
+  display: flex;
+  pointer-events: none;
+  touch-action: none;
+}
+.process--centered {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; 
+}
+.process:empty {
+  display: none;
+}
+.process__container {
+  display: flex;
+  align-items: stretch;
+  box-sizing: border-box;
+  pointer-events: auto;
+  touch-action: auto;
+}
+.process--centered .process__container {
+  height: var(--bar-height);
+  margin: 0 auto;
+  padding: var(--bar-inner-margin);
+}
+.simple-bar--no-bar-background .process__container:not(:empty) {
+  padding: 4px 5px;
+  background-color: var(--background);
+  box-shadow: var(--light-shadow);
+  border-radius: var(--bar-radius);
+}
+.process__layout {
+  display: flex;
+  align-items: center;
+  padding: var(--item-inner-margin);
+  color: var(--white);
+  font-family: var(--font);
+  font-size: var(--font-size);
+  background-color: var(--main-alt);
+  border-radius: var(--item-radius);
+  box-shadow: var(--light-shadow);
+}
+.simple-bar--spaces-background-color-as-foreground .process__layout {
+  color: var(--foreground);
+  font-weight: 700;
+  background-color: transparent;
+  box-shadow: none;
+}
+.process__skhd-mode {
+  display: flex;
+  align-items: center;
+  padding: var(--item-inner-margin);
+  color: var(--foreground);
+  background-color: var(--minor);
+  font-family: var(--font);
+  font-size: var(--font-size);
+  border-radius: var(--item-radius);
+  box-shadow: var(--light-shadow);
+  font-style: italic;
+  text-transform: uppercase;
+}
+.process__window {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  margin: var(--item-outer-margin);
+  padding: var(--item-inner-margin);
+  color: currentColor;
+  font-family: var(--font);
+  font-size: var(--font-size);
+  background-color: var(--minor);
+  border-radius: var(--item-radius);
+  border: 0;
+  outline: none;
+  box-shadow: var(--light-shadow);
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: color 160ms var(--transition-easing), background-color 160ms var(--transition-easing), 
+    border 160ms var(--transition-easing), box-shadow 160ms var(--transition-easing);
+  z-index: 0;
+}
+.simple-bar--spaces-background-color-as-foreground .process__window {
+  background-color: transparent;
+  box-shadow: none;
+}
+.simple-bar--no-shadow .process__container,
+.simple-bar--no-bar-background.simple-bar--no-shadow .process__container,
+.simple-bar--no-shadow .process__layout,
+.simple-bar--no-shadow .process__skhd-mode,
+.simple-bar--no-shadow .process__window {
+  box-shadow: none;
+}
+.process__window:only-child {
+  margin: 0;
+}
+.process__window--only-current {
+  background-color: var(--minor);
+}
+.process__window--focused {
+  color: var(--minor);
+  background-color: var(--foreground);
+}
+.process__stack-index {
+  padding: 2px 5px;
+  color: var(--foreground);
+  background-color: var(--background);
+  font-size: calc(var(--font-size) - 1px);
+  border-radius: var(--item-radius);
+}
+.process__window--focused .process__stack-index {
+  color: var(--white);
+  background-color: var(--main-alt);
+}
+.simple-bar--spaces-background-color-as-foreground .process__window--focused {
+  color: var(--foreground);
+  background-color: transparent;
+  box-shadow: var(--light-shadow), 0 0 0 1px var(--foreground);
+}
+.process__window:not(.process__window--only-current):not(.process__window--focused):is(:hover, :active) {
+  box-shadow: var(--light-shadow), var(--hover-ring);
+}
+.process__icon {
+  flex: 0 0 11px;
+  width: 11px;
+  height: 11px;
+  fill: currentColor;
+  transition: margin-right 160ms var(--transition-easing);
+}
+.process__window--only-current .process__icon,
+.process__window--focused .process__icon,
+.process__window--expanded .process__icon {
+  margin-right: 6px;
+}
+.process__window--only-icon .process__icon {
+  margin-right: 0;
+}
+.process__inner {
+  max-width: 0;
+  display: flex;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  transition: max-width 160ms var(--transition-easing);
+}
+.process__window--focused .process__inner,
+.process__window--expanded .process__inner {
+  max-width: var(--item-max-width);
+}
+.process__window--only-current .process__inner {
+  max-width: 400px;
+}
+.process__name {
+  margin-top: 2px;
+  white-space: nowrap;
+  transition: transform 160ms var(--transition-easing);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/aerospace-display-manager.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/aerospace-display-manager.js
new file mode 100755
index 0000000..fb0dba6
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/aerospace-display-manager.js
@@ -0,0 +1,101 @@
+export const aerospaceDisplayManagerStyles = /* css */ `
+.aerospace-display-manager {
+  flex: 1 1 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 10px;
+}
+.aerospace-display-manager::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--main-alt);
+  border-radius: var(--item-radius);
+  opacity: 0.1;
+  z-index: -1;
+}
+.aerospace-display-manager__label > em {
+  padding: 2px 3px;
+  font-size: calc(var(--font-size) - 2px);
+  color: var(--foreground);
+  background-color: var(--minor);
+  border-radius: 2px;
+}
+.aerospace-display-manager__displays {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.aerospace-display-manager__display {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.aerospace-display-manager__display > input {
+  width: 8ch;
+  padding: 2px 4px;
+  box-sizing: border-box;
+  font-family: var(--font);
+  font-size: calc(var(--font-size) * 0.9);
+  background-color: var(--white);
+  border: 0;
+  outline: none;
+  border-radius: 4px;
+  transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+}
+.aerospace-display-manager__display > input:hover {
+  box-shadow: var(--hover-ring);
+}
+.aerospace-display-manager__display > input:focus {
+  box-shadow: var(--focus-ring);
+}
+.aerospace-display-manager__remove-display {
+  padding: 3px 6px;
+  box-sizing: border-box;
+  background-color: var(--red);
+  border-radius: var(--item-radius);
+  border: 0;
+  box-shadow: var(--light-shadow);
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+}
+.aerospace-display-manager__remove-display:hover {
+  box-shadow: var(--light-shadow), var(--focus-ring);
+}
+.aerospace-display-manager__remove-display > svg {
+  width: 8px;
+  height: 8px;
+  fill: var(--white);
+}
+.aerospace-display-manager__add {
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  padding: 7px 10px;
+  font-family: var(--font);
+  font-size: calc(var(--font-size) * 0.9);
+  background-color: var(--green);
+  border-radius: var(--item-radius);
+  border: 0;
+  box-shadow: var(--light-shadow);
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+}
+.aerospace-display-manager__add:hover {
+  box-shadow: var(--light-shadow), var(--focus-ring);
+}
+.aerospace-display-manager__add > svg {
+  width: 10px;
+  height: 10px;
+  margin-right: 1ch;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/color-picker.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/color-picker.js
new file mode 100755
index 0000000..4064efd
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/color-picker.js
@@ -0,0 +1,83 @@
+export const colorPickerStyles = /* css */ `
+.color-picker {
+  margin-right: 1ch;
+}
+.color-picker__button {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: 0;
+  cursor: pointer;
+}
+.color-picker__colors {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 35px;
+  box-sizing: border-box;
+  -webkit-backdrop-filter: blur(5px);
+  border-radius: var(--item-radius);
+  z-index: 1;
+}
+.color-picker__colors > button,
+.color-picker__custom-color-preview {
+  width: 20px;
+  height: 20px;
+  margin: 0 10px;
+  border-radius: 50%;
+  border: 0;
+  cursor: pointer;
+  box-shadow: var(--light-shadow);
+}
+.color-picker__custom-color {
+  position: absolute;
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+  height: 25px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
+  pointer-events: none;
+  touch-action: none;
+}
+.color-picker__custom-color > * {
+  pointer-events: auto;
+  touch-action: auto;
+}
+.color-picker__custom-color-preview {
+  cursor: default;
+}
+input.color-picker__custom-color-input {
+  width: 48ch;
+}
+.color-picker__custom-color-submit {
+  margin-left: 8px;
+  padding: 7px 10px;
+  font-family: var(--font);
+  font-size: calc(var(--font-size) * 0.9);
+  background-color: var(--green);
+  border-radius: var(--item-radius);
+  border: 0;
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+}
+.color-picker__custom-color-submit:not(:disabled) {
+  box-shadow: var(--light-shadow);
+}
+.color-picker__custom-color-submit:not(:disabled):hover {
+  box-shadow: var(--light-shadow), var(--focus-ring);
+}
+.color-picker__custom-color-submit:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/icon-picker.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/icon-picker.js
new file mode 100755
index 0000000..0c853d5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/icon-picker.js
@@ -0,0 +1,155 @@
+export const iconPickerStyles = /* css */ `
+.icon-picker {
+  margin-right: 1ch;
+}
+.icon-picker__button {
+  width: 50px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  fill: var(--foreground);
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  user-select: none;
+}
+.icon-picker__button > svg {
+  width: 24px;
+  height: 24px;
+}
+.icon-picker__dropdown {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  -webkit-backdrop-filter: blur(5px);
+  border-radius: var(--item-radius);
+  overflow: hidden;
+  z-index: 1;
+}
+.icon-picker__search {
+  position: relative;
+  padding: 8px;
+  background-color: var(--main-alt);
+  border-bottom: 1px solid var(--foreground-alt);
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.icon-picker__back {
+  display: flex;
+  align-items: center;
+  padding: 10px 14px;
+  height: 28px;
+  background-color: var(--background);
+  border: 1px solid var(--foreground-alt);
+  border-radius: var(--item-radius);
+  color: var(--foreground);
+  font-family: var(--font);
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+  box-sizing: border-box;
+  transition: color 160ms var(--transition-easing),
+    background-color 160ms var(--transition-easing),
+    box-shadow 160ms var(--transition-easing);
+}
+.icon-picker__back:hover {
+  color: var(--background);
+  background-color: var(--foreground);
+  box-shadow: var(--hover-ring);
+}
+.icon-picker__back > svg {
+  width: 10px;
+  height: 10px;
+  margin-right: 6px;
+  fill: currentColor;
+}
+.icon-picker__search-input {
+  flex: 1;
+  height: 28px;
+  padding: 0 35px 0 14px;
+  border: 1px solid var(--foreground-alt);
+  border-radius: var(--item-radius);
+  background-color: var(--background);
+  color: var(--foreground);
+  font-size: 14px;
+  font-family: var(--font);
+  outline: none;
+  box-sizing: border-box;
+  position: relative;
+  transition: border 160ms var(--transition-easing),
+    box-shadow 160ms var(--transition-easing);
+}
+.icon-picker__search-input:focus {
+  border-color: var(--foreground);
+  box-shadow: var(--focus-ring);
+}
+.icon-picker__search-input::placeholder {
+  color: var(--foreground-alt);
+  opacity: 0.7;
+}
+.icon-picker__search-clear {
+  position: absolute;
+  right: 24px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: none;
+  border: none;
+  color: var(--foreground-alt);
+  cursor: pointer;
+  font-size: 16px;
+  padding: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: color 160ms var(--transition-easing),
+    background-color 160ms var(--transition-easing);
+}
+.icon-picker__search-clear:hover {
+  color: var(--foreground);
+  background-color: var(--main-alt);
+}
+.icon-picker__icons {
+  flex: 1;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  padding: 10px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+.icon-picker__icons > button {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 5px;
+  border: 0;
+  background-color: var(--main-alt);
+  border-radius: var(--item-radius);
+  box-shadow: var(--light-shadow);
+  cursor: pointer;
+  user-select: none;
+}
+.icon-picker__icons > button > svg {
+  width: 24px;
+  height: 24px;
+  fill: var(--background);
+}
+.icon-picker__no-results {
+  width: 100%;
+  text-align: center;
+  color: var(--foreground-alt);
+  font-style: italic;
+  padding: 20px;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/settings.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/settings.js
new file mode 100755
index 0000000..2fa37b0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/settings.js
@@ -0,0 +1,408 @@
+// Styles for /lib/components/settings/settings.jsx component
+import { userWidgetsCreatorStyles } from "./user-widgets-creator";
+import { aerospaceDisplayManagerStyles } from "./aerospace-display-manager";
+
+export const settingsStyles = /* css */ `
+.settings {
+  z-index: 1;
+}
+.settings__overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
+.simple-bar--floating .settings__overlay,
+.simple-bar--no-bar-background .settings__overlay {
+  display: none;
+}
+.simple-bar--on-bottom  .settings__overlay {
+  top: unset;
+  bottom: 28px;
+}
+.settings__outer {
+  --settings-width: 620px;
+  position: fixed;
+  left: calc(50% - (var(--settings-width) / 2));
+  top: calc(var(--bar-height) + 10px);
+  width: var(--settings-width);
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  padding: 20px;
+  background-color: var(--main);
+  border-radius: var(--item-radius);
+  box-shadow: var(--light-shadow);
+  z-index: 1;
+}
+.simple-bar--floating .settings__outer {
+  top: calc(var(--bar-height) + 20px);
+}
+.simple-bar--on-bottom  .settings__outer {
+  top: unset;
+  bottom: calc(var(--bar-height) + 10px);
+}
+.settings__header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 14px;
+  font-size: calc(var(--font-size) * 1.4);
+  font-weight: 700;
+}
+.settings__header-dot {
+  flex: 0 0 12px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  margin-right: 9px;
+}
+.settings__header-dot--close {
+  padding: 0;
+  background-color: var(--red);
+  cursor: pointer;
+  user-select: none;
+  border: 0;
+  -webkit-user-select: none;
+}
+.settings__header-dot--disabled {
+  background-color: grey;
+  opacity: 0.3;
+}
+.settings__tabs {
+  width: fit-content;
+  display: flex;
+  gap: 10px;
+  margin-bottom: 10px;
+  padding: 5px;
+  background-color: var(--minor);
+  border-radius: var(--item-radius);
+}
+.settings__tab {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  padding: 5px;
+  font-family: var(--font);
+  font-size: var(--font-size);
+  color: var(--foreground);
+  text-align: center;
+  background-color: transparent;
+  border-radius: var(--item-radius);
+  border: 0;
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: color 160ms var(--transition-easing), background-color 160ms var(--transition-easing),
+    box-shadow 160ms var(--transition-easing);
+}
+.settings__tab:hover {
+  box-shadow: var(--hover-ring);
+}
+.settings__tab:active {
+  box-shadow: var(--focus-ring);
+}
+.settings__tab--current {
+  color: var(--background);
+  background-color: var(--foreground);
+}
+.settings__inner {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  overflow: clip;
+}
+.settings__category {
+  flex: 0 0 100%;
+  max-height: 70vh;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 0 10px 25px 0;
+  box-sizing: border-box;
+  overflow: auto;
+  transition: transform 160ms var(--transition-easing);
+}
+.settings__category::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+.settings__category::-webkit-scrollbar-track {
+  background-color: var(--main-alt);
+  opacity: 0.1;
+  border-radius: var(--item-radius);
+}
+.settings__category::-webkit-scrollbar-thumb {
+  background: var(--foreground);
+  border-radius: var(--item-radius);
+}
+.settings__inner-title {
+  flex: 0 0 100%;
+  font-size: calc(var(--font-size) * 1.2);
+  font-weight: 700;
+}
+.settings__item-title {
+  flex: 0 0 100%;
+  margin: 8px 0;
+  font-weight: 700;
+}
+.settings__item,
+.settings__item-option {
+  position: relative;
+  flex: 1 0 32%;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.settings__item--full-width {
+  flex: 1 1 100%;
+}
+.settings__item--color {
+  flex: 0 0 32%;
+  flex-direction: column;
+  align-items: stretch;
+}
+.settings__item--radio {
+  flex: 0 0 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+.settings__item--textarea {
+  flex-direction: column;
+  align-items: stretch;
+  padding: 5px;
+}
+.settings__item--color > label,
+.settings__item--full-width.settings__item--text > label,
+.settings__item--full-width.settings__item--textarea > label {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+.settings__item--text > input,
+.settings__item--textarea > textarea {
+  flex: 1 1 auto;
+  width: auto;
+  padding: 2px 4px;
+  box-sizing: border-box;
+  font-family: var(--font);
+  font-size: calc(var(--font-size) * 0.9);
+  background-color: var(--white);
+  border: 0;
+  outline: none;
+  border-radius: 4px;
+  transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+}
+.settings__item--textarea > textarea {
+  resize: vertical;
+}
+.settings__item--color > input,
+.settings__item--full-width.settings__item--text > input,
+.settings__item--full-width.settings__item--textarea > textarea {
+  flex: 1 1 100%;
+}
+.settings__item--text > input:hover,
+.settings__item--textarea > textarea:hover {
+  box-shadow: var(--hover-ring);
+}
+.settings__item--text > input:focus,
+.settings__item--textarea > textarea:focus {
+  box-shadow: var(--focus-ring);
+}
+.settings__item--color > input {
+  padding-left: 24px;
+}
+.settings__item-color-pill {
+  position: absolute;
+  bottom: 1px;
+  left: 2px;
+  height: 14px;
+  width: 14px;
+  border-radius: 2px;
+  border: 1px solid gray;
+}
+.settings__item > label > em {
+  padding: 2px 3px;
+  font-size: calc(var(--font-size) - 2px);
+  color: var(--foreground);
+  background-color: var(--minor);
+  border-radius: 2px;
+}
+.settings__documentation {
+  width: 100%;
+  margin-top: 5px;
+  padding: 10px;
+  color: var(--white);
+  background-color: var(--main-alt);
+  font-weight: 700;
+  border-radius: 5px;
+}
+.settings__documentation-icon {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin-right: 8px;
+  margin-top: -2px;
+  vertical-align: middle;
+  fill: currentColor;
+}
+.settings__documentation a {
+  color: currentColor;
+}
+.settings__infos {
+  width: 100%;
+  margin-top: 5px;
+  padding: 10px;
+  color: var(--foreground);
+  background-color: var(--minor);
+  border-radius: 5px;
+}
+.settings__infos-title {
+  margin-bottom: 7px;
+  font-size: calc(var(--font-size) * 1.1);
+  font-weight: 700;
+}
+.settings__info {
+  font-style: italic;
+}
+.settings__bottom {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-top: 10px;
+}
+.settings__pending-changes {
+  margin: 0 10px;
+}
+.settings__refresh-button,
+.settings__import-button,
+.settings__export-button {
+  padding: 7px 10px;
+  font-family: var(--font);
+  font-size: calc(var(--font-size) * 0.9);
+  border-radius: var(--item-radius);
+  border: 0;
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+}
+.settings__import-button,
+.settings__export-button {
+  margin-right: 10px;
+  color: var(--foreground);
+  background-color: var(--minor);
+}
+.settings__export-button {
+  margin-left: 10px;
+}
+.settings__refresh-button {
+  background-color: var(--green);
+}
+.settings__refresh-button:not(:disabled),
+.settings__import-button:not(:disabled),
+.settings__export-button:not(:disabled) {
+  box-shadow: var(--light-shadow);
+}
+.settings__refresh-button:not(:disabled):hover,
+.settings__import-button:not(:disabled):hover,
+.settings__export-button:not(:disabled):hover {
+  box-shadow: var(--light-shadow), var(--focus-ring);
+}
+.settings__refresh-button:disabled,
+.settings__import-button:disabled,
+.settings__export-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.settings__import-export-label {
+  margin-right: auto;
+}
+.settings__widgets {
+  width: 100%;
+}
+.settings__widgets-breadcrumb {
+  height: 28px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 0 5px;
+  margin-bottom: 5px;
+}
+.settings__widgets-breadcrumb-title {
+  font-size: calc(var(--font-size) * 1.2);
+  font-weight: 700;
+}
+button.settings__widgets-breadcrumb-title {
+  padding: 0;
+  color: inherit;
+  font-family: inherit;
+  background-color: transparent;
+  text-decoration: underline;
+  cursor: pointer;
+  border: 0;
+}
+.settings__widgets-breadcrumb-current {
+  margin-bottom: -2px;
+}
+.settings__widgets-breadcrumb-back {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+  padding: 2px 10px;
+  background-color: var(--minor);
+  border: 1px solid var(--foreground-alt);
+  border-radius: var(--item-radius);
+  color: var(--foreground);
+  font-family: var(--font);
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+  box-sizing: border-box;
+  transition: color 160ms var(--transition-easing),
+    background-color 160ms var(--transition-easing),
+    box-shadow 160ms var(--transition-easing);
+}
+.settings__widgets-breadcrumb-back:hover {
+  box-shadow: var(--hover-ring);
+}
+.settings__widgets-breadcrumb-back-icon {
+  flex: 0 0 8px;
+  width: 8px;
+  height: 8px;
+  margin-right: 6px;
+  fill: currentColor;
+}
+.settings__widgets-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.settings__widgets-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  background-color: var(--minor);
+  border-radius: var(--item-radius);
+}
+.settings__widgets-item:not(.settings__widgets-item--process) {
+  cursor: pointer;
+}
+.settings__widgets-item-icon {
+  flex: 0 0 10px;
+  width: 10px;
+  height: 10px;
+  margin-left: auto;
+  fill: currentcolor;
+}
+.settings__widget-settings {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+${userWidgetsCreatorStyles}
+${aerospaceDisplayManagerStyles}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/user-widgets-creator.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/user-widgets-creator.js
new file mode 100755
index 0000000..417826a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/settings/user-widgets-creator.js
@@ -0,0 +1,170 @@
+import { colorPickerStyles } from "./color-picker";
+import { iconPickerStyles } from "./icon-picker";
+
+export const userWidgetsCreatorStyles = /* css */ `
+  .user-widgets-creator {
+    position: relative;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 25px;
+    border-radius: var(--item-radius);
+  }
+  .user-widgets-creator__add {
+    position: sticky;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    margin: 0 auto;
+    padding: 7px 10px;
+    font-family: var(--font);
+    font-size: calc(var(--font-size) * 0.9);
+    background-color: var(--green);
+    border-radius: var(--item-radius);
+    border: 0;
+    box-shadow: var(--light-shadow);
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+  }
+  .user-widgets-creator__add:hover {
+    box-shadow: var(--light-shadow), var(--focus-ring);
+  }
+  .user-widgets-creator__add > svg {
+    width: 10px;
+    height: 10px;
+    margin-right: 1ch;
+  }
+  .user-widget-creator {
+    position: relative;
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    padding: 5px;
+    z-index: 0;
+  }
+  .user-widget-creator::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--main-alt);
+    border-radius: var(--item-radius);
+    opacity: 0.1;
+    z-index: -1;
+  }
+  .user-widget-creator__sort-buttons {
+    position: absolute;
+    top: 0;
+    left: 17px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    pointer-events: none;
+    touch-action: none;
+  }
+  .user-widget-creator__sort-button {
+    width: 26px;
+    height: 26px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    background-color: transparent;
+    border: 0;
+    cursor: pointer;
+    pointer-events: auto;
+    touch-action: auto;
+  }
+  .user-widget-creator__sort-button--before {
+    margin-bottom: 5px;
+  }
+  .user-widget-creator__sort-button--after {
+    margin-top: auto;
+  }
+  .user-widget-creator__sort-button > svg {
+    width: 22px;
+    height: 22px;
+    fill: var(--foreground);
+  }
+  .user-widget-creator__remove {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    padding: 5px;
+    background-color: var(--red);
+    border-radius: var(--item-radius);
+    border: 0;
+    box-shadow: var(--light-shadow);
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
+    transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+  }
+  .user-widget-creator__remove:hover {
+    box-shadow: var(--light-shadow), var(--focus-ring);
+  }
+  .user-widget-creator__remove > svg {
+    width: 10px;
+    height: 10px;
+    fill: var(--white);
+  }
+  .user-widget-creator__index {
+    position: absolute;
+    top: calc(50% - 40px);
+    left: 20px;
+  }
+  .user-widget-creator__right {
+    flex: 1 1 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .user-widget-creator__right-top {
+    display: flex;
+    align-items: center;
+  }
+  .user-widget-creator__right-top > label {
+    margin: 0 1ch 0 2ch;
+  }
+  .user-widget-creator__input-group {
+    display: flex;
+    align-items: center;
+    margin: 2px 0;
+  }
+  .user-widget-creator input[type="text"] {
+    width: auto;
+    margin: 3px 0;
+    padding: 2px 4px;
+    box-sizing: border-box;
+    font-family: var(--font);
+    font-size: calc(var(--font-size) * 0.9);
+    border: 0;
+    outline: none;
+    border-radius: 4px;
+    transition: box-shadow 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+  }
+  .user-widget-creator input[type="text"]:hover {
+    box-shadow: var(--hover-ring);
+  }
+  .user-widget-creator input[type="text"]:focus {
+    box-shadow: var(--focus-ring);
+  }
+  .user-widget-creator__input-group label {
+    white-space: nowrap;
+  }
+  .user-widget-creator__input-group input[type="text"] {
+    flex: 1 1 100%;
+    margin-left: 1ch;
+  }
+  .user-widget-creator__input-group input[type="checkbox"]:not(:first-child) {
+    margin-left: 16px;
+  }
+  .user-widget-creator__input-group input[type="checkbox"] {
+    margin-right: 6px;
+  }
+  ${colorPickerStyles}
+  ${iconPickerStyles}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/side-icon.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/side-icon.js
new file mode 100755
index 0000000..9d4535d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/side-icon.js
@@ -0,0 +1,15 @@
+// Styles for /lib/components/side-icon.jsx component
+export const sideIconStyles = /* css */ `
+.side-icon {
+  display: flex;
+  align-items: center;
+  margin: 0 5px;
+  color: #fff;
+}
+
+.side-icon__svg {
+  width: 14px;
+  height: 14px;
+  fill: currentColor;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/space-options.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/space-options.js
new file mode 100755
index 0000000..1f43895
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/space-options.js
@@ -0,0 +1,137 @@
+export const spaceOptionsStyles = /* css */ `
+.space-options {
+  position: absolute;
+  top: calc(100% + 3px);
+  left: calc(50% - 22px);
+  height: 90%;
+  width: 50px;
+  height: 18px;
+  display: flex;
+  align-items: stretch;
+  background-color: var(--white);
+  opacity: 0;
+  pointer-events: none;
+  touch-action: none;
+  border-radius: 3px;
+  box-shadow: var(--light-shadow);
+  transform-origin: top center;
+  transform: translateZ(0) scale(0);
+  transition: opacity 160ms var(--transition-easing), transform 160ms var(--transition-easing);
+  z-index: 1;
+}
+.simple-bar--on-bottom  .space-options {
+  top: unset;
+  bottom: calc(100% + 3px);
+  transform-origin: bottom center;
+}
+.simple-bar--inline-spaces-options .space-options {
+  height: 100%;
+  top: 0;
+  left: 100%;
+  border-radius: 3px;
+  transform-origin: center;
+}
+.space--hovered .space-options {
+  opacity: 1;
+  transform: translateZ(0);
+  pointer-events: auto;
+  touch-action: auto;
+  transition: opacity 160ms 1s var(--transition-easing), transform 160ms 1s var(--transition-easing);
+}
+.space--hovered.space--no-delay .space-options {
+  transition: opacity 160ms var(--transition-easing), transform 160ms var(--transition-easing);
+}
+.space-options::before {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  width: 100%;
+  height: 3px;
+  z-index: 2;
+}
+.space-options::after {
+  content: '';
+  position: absolute;
+  top: -3px;
+  left: calc(50% - 4px);
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-bottom: 3px solid var(--white);
+}
+.simple-bar--on-bottom  .space-options::after {
+  top: unset;
+  bottom: -3px;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 3px solid var(--white);
+  border-bottom: none;
+}
+.simple-bar--inline-spaces-options .space-options::after {
+  top: calc(50% - 4px);
+  left: -3px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-right: 3px solid var(--white);
+  border-left: none;
+}
+.space-options__option {
+  position: relative;
+  flex: 1 1 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transform: translateZ(0);
+  transition: background-color 160ms var(--transition-easing), opacity 160ms var(--transition-easing);
+}
+.space-options__option:last-child {
+  opacity: 0.8;
+  background-color: var(--red);
+}
+.space--fullscreen .space-options__option:last-child,
+.space:first-of-type:only-of-type .space-options__option:last-child,
+.space:first-of-type:nth-last-of-type(2) .space-options__option:last-child {
+  pointer-events: none;
+  touch-action: none;
+  opacity: 0.5;
+  filter: grayscale(100%);
+}
+.space:first-of-type .space-options__option--move-prev,
+.space:nth-last-of-type(1) .space-options__option--move-next,
+.space:first-of-type:only-of-type .space-options__option--move-prev,
+.space:first-of-type:only-of-type .space-options__option--move-next,
+.space:first-of-type:nth-last-of-type(1) .space-options__option--move-prev,
+.space:first-of-type:nth-last-of-type(1) .space-options__option--move-next {
+  opacity: 0.2;
+  pointer-events: none;
+  touch-action: none;
+}
+.space .space-options__option:first-of-type {
+  border-radius: 3px 0 0 3px;
+}
+.space-options__option:last-of-type {
+  border-radius: 0 3px 3px 0;
+}
+.space-options__option:not(:last-child):hover {
+  background-color: var(--transparent-dark);
+}
+.space-options__option:last-child:hover {
+  opacity: 1;
+}
+.space-options__option > svg {
+  width: 8px;
+  height: 8px;
+  fill: var(--black);
+  curor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.space-options__option:last-child > svg {
+  fill: var(--white);
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/space.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/space.js
new file mode 100755
index 0000000..0e6d1cb
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/space.js
@@ -0,0 +1,152 @@
+export const spaceStyles = /* css */ `
+.space, .stickies {
+  position: relative;
+  display: flex;
+  align-items: center;
+  animation: space-appearance 320ms var(--transition-easing);
+}
+
+@keyframes space-appearance {
+  0% {
+    opacity: 0;
+  }
+}
+.space__inner,
+.spaces__add,
+.stickies__inner {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  margin: var(--item-outer-margin);
+  padding: var(--item-inner-margin);
+  color: currentColor;
+  font-family: var(--font);
+  background-color: var(--minor);
+  border-radius: var(--item-radius);
+  border: 0;
+  outline: none;
+  box-shadow: var(--light-shadow);
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: color 160ms var(--transition-easing), background-color 160ms var(--transition-easing),
+    border 160ms var(--transition-easing), box-shadow 160ms var(--transition-easing);
+  z-index: 0;
+}
+.space__inner:disabled {
+  cursor: default;
+}
+.stickies__inner {
+  padding-block: 0;
+  background-color: var(--background);
+  box-shadow: none;
+  cursor: default;
+}
+.simple-bar--spaces-background-color-as-foreground .space__inner,
+.simple-bar--spaces-background-color-as-foreground .spaces__add,
+.simple-bar--spaces-background-color-as-foreground .stickies__inner {
+  background-color: transparent;
+  box-shadow: none;
+}
+.simple-bar--no-shadow .space__inner,
+.simple-bar--no-shadow .spaces__add,
+.simple-bar--no-shadow .stickies__inner {
+  box-shadow: none;
+}
+.space:first-of-type .space__inner {
+  margin-left: 0;
+}
+.space:hover .space__inner {
+  z-index: 1;
+}
+.spaces__add {
+  height: auto;
+  background-color: transparent;
+  box-shadow: none;
+}
+.spaces__add:hover {
+  background-color: var(--minor);
+}
+.space--fullscreen .space__inner {
+  color: var(--minor);
+  background-color: var(--yellow);
+}
+.simple-bar--spaces-background-color-as-foreground .space--fullscreen .space__inner {
+  color: var(--yellow);
+  background-color: transparent;
+}
+.space--focused .space__inner {
+  color: var(--minor);
+  background-color: var(--foreground);
+}
+.simple-bar--spaces-background-color-as-foreground .space--focused .space__inner {
+  color: var(--foreground);
+  background-color: transparent;
+}
+.space--visible .space__inner {
+  box-shadow: var(--light-shadow), var(--foreground-shadow);
+}
+.simple-bar--no-shadow .space--visible .space__inner {
+  box-shadow: none;
+}
+.space:not(.space--focused) .space__inner:not(:disabled):hover,
+.spaces__add:hover {
+  box-shadow: var(--light-shadow), var(--hover-ring);
+}
+.space:not(.space--focused) .space__inner:not(:disabled):active,
+.spaces__add:active {
+  box-shadow: var(--light-shadow), var(--focus-ring);
+}
+.simple-bar--no-shadow .space:not(.space--focused) .space__inner:not(:disabled):hover,
+.simple-bar--no-shadow .spaces__add:hover {
+  box-shadow: var(--hover-ring);
+}
+.simple-bar--no-shadow .space:not(.space--focused) .space__inner:not(:disabled):active,
+.simple-bar--no-shadow .spaces__add:active {
+box-shadow: var(--focus-ring);
+}
+.space__label {
+  display: block;
+  margin: 0;
+  color: currentColor;
+  font-family: inherit;
+  font-size: var(--font-size);
+  line-height: 1;
+  text-align: center;
+  background-color: transparent;
+  border: 0;
+  border-radius: 2px;
+  outline: none;
+}
+.space__label:not(:read-only):focus {
+  box-shadow: var(--focus-ring);
+}
+.simple-bar--spaces-background-color-as-foreground .space--focused .space__label {
+  font-weight: 700;
+}
+.space__icon {
+  flex: 0 0 11px;
+  width: 11px;
+  height: 11px;
+  margin-left: 6px;
+  fill: currentColor;
+  opacity: 0.5;
+  transform: translateZ(0);
+}
+.stickies__inner .space__icon:first-child {
+  margin: 0;
+}
+.space__icon--focused {
+  opacity: 1;
+}
+.space__icon--fullscreen {
+  fill: var(--yellow);
+}
+.space__icon--topmost {
+  fill: var(--orange);
+}
+.space--focused .space__icon--fullscreen {
+  stroke: rgba(0, 0, 0, 0.3);
+  stroke-width: 2px;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/spaces.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/spaces.js
new file mode 100755
index 0000000..8657b9c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/spaces/spaces.js
@@ -0,0 +1,50 @@
+// Styles for /lib/components/{yabai|aerospace}/*.jsx components
+import { spaceStyles } from "./space";
+import { spaceOptionsStyles } from "./space-options";
+
+export const styles = /* css */ `
+.spaces {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: stretch;
+}
+.simple-bar--no-bar-background .spaces {
+  padding: 4px 5px;
+  background-color: var(--background);
+  box-shadow: var(--light-shadow);
+  border-radius: var(--bar-radius);
+}
+.simple-bar--no-bar-background.simple-bar--no-shadow .spaces {
+  box-shadow: none;
+}
+.simple-bar--process-aligned-to-left .spaces {
+  margin-right: 4px;
+}
+.spaces__separator {
+  align-self: center;
+  flex: 0 0 5px;
+  width: 5px;
+  height: 5px;
+  margin: var(--item-outer-margin);
+  background-color: var(--foreground);
+  border-radius: 50%;
+  opacity: 0.35;
+}
+${spaceStyles}
+${spaceOptionsStyles}
+.spaces__add > svg {
+  width: 10px;
+  height: 10px;
+  fill: currentColor;
+}
+.spaces__end-separator {
+  align-self: center;
+  flex: 0 0 4px;
+  width: 4px;
+  height: 4px;
+  margin: var(--item-outer-margin);
+  background-color: var(--main-alt);
+  border-radius: 50%;
+  opacity: 0.35;
+}
+`;
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/core/base.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/core/base.js
new file mode 100755
index 0000000..041c848
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/core/base.js
@@ -0,0 +1,120 @@
+// simple-bar' global styles
+const baseStyles = /* css */ `
+.simple-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 0;
+  height: var(--bar-height);
+  display: flex;
+  align-items: stretch;
+  padding: var(--bar-inner-margin);
+  box-sizing: border-box;
+  color: var(--foreground);
+  font-size: var(--font-size);
+  font-family: var(--font);
+  background-color: var(--background);
+  border: var(--bar-border);
+  box-shadow: var(--light-shadow);
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .simple-bar {
+    -webkit-font-smoothing: antialiased;
+  }
+}
+.simple-bar--floating {
+  top: var(--bar-outer-margin, 5px);
+  left: var(--bar-outer-margin, 5px);
+  width: calc(100% - (var(--bar-outer-margin, 5px) * 2));
+  border-radius: var(--bar-radius);
+}
+.simple-bar--no-bar-background {
+  padding: 0;
+}
+.simple-bar--on-bottom {
+  top: unset;
+  bottom: 0;
+}
+.simple-bar--floating.simple-bar--on-bottom {
+  bottom: var(--bar-outer-margin, 5px);
+}
+.simple-bar--no-bar-background,
+.simple-bar--no-shadow {
+  box-shadow: none;
+}
+.simple-bar--focused,
+.simple-bar--no-shadow.simple-bar--focused {
+  box-shadow: inset 0 0 0 1px var(--red);
+}
+.simple-bar--no-bar-background {
+  background-color: transparent;
+}
+.simple-bar--empty {
+  height: var(--bar-height);
+  display: flex;
+  align-items: center;
+}
+.simple-bar--empty {
+  z-index: 2;
+}
+.simple-bar--empty > span {
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: var(--foreground);
+}
+.simple-bar--empty > span::before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  margin-right: 7px;
+  background-color: var(--red);
+  border-radius: 50%;
+}
+.simple-bar--empty.simple-bar--loading > span::before {
+  background-color: var(--green);
+}
+.simple-bar__data {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  margin-left: auto;
+}
+.simple-bar__data:empty {
+  display: none;
+}
+.simple-bar--no-color-in-data .simple-bar__data {
+  color: var(--white);
+}
+.simple-bar--no-bar-background .simple-bar__data {
+  padding: 4px 5px 4px 0;
+  background-color: var(--background);
+  box-shadow: var(--light-shadow);
+  border-radius: var(--bar-radius);
+}
+.simple-bar--no-bar-background.simple-bar--no-shadow .simple-bar__data {
+  box-shadow: none;
+}
+.simple-bar-icon-loader {
+  flex: 0 0 10px;
+  width: 10px;
+  height: 10px;
+  margin-right: 7px;
+  background-color: currentColor;
+  border-radius: 50%;
+}
+#simple-bar-click-effect {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  touch-action: none;
+  background-color: var(--click-effect);
+  z-index: 2147483647;
+}
+`;
+
+export { baseStyles as styles };
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/core/variables.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/core/variables.js
new file mode 100755
index 0000000..19a7aad
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/core/variables.js
@@ -0,0 +1,107 @@
+import * as Theme from "../theme";
+import * as Settings from "../../settings";
+
+/**
+ * Generates CSS variables based on the provided theme scheme.
+ *
+ * @param {string} scheme - The theme scheme to use for generating CSS variables.
+ * @returns {string} The generated CSS variables as a string.
+ */
+const themedVariables = (scheme) => {
+  const settings = Settings.get();
+  const { themes } = settings;
+  const {
+    colorMain,
+    colorMainAlt,
+    colorMinor,
+    colorAccent,
+    colorRed,
+    colorGreen,
+    colorYellow,
+    colorOrange,
+    colorBlue,
+    colorMagenta,
+    colorCyan,
+    colorBlack,
+    colorWhite,
+    colorForeground,
+    colorBackground,
+  } = themes;
+  const { widgetMaxWidth, compactMode, font, fontSize } = settings.global;
+
+  return /* css */ `
+:root {
+  --main: ${colorMain?.trim() || Theme.colors(themes)[scheme].main};
+  --main-alt: ${colorMainAlt?.trim() || Theme.colors(themes)[scheme].mainAlt};
+  --minor: ${colorMinor?.trim() || Theme.colors(themes)[scheme].minor};
+  --accent: ${colorAccent?.trim() || Theme.colors(themes)[scheme].yellow};
+  --red: ${colorRed?.trim() || Theme.colors(themes)[scheme].red};
+  --green: ${colorGreen?.trim() || Theme.colors(themes)[scheme].green};
+  --yellow: ${colorYellow?.trim() || Theme.colors(themes)[scheme].yellow};
+  --orange: ${colorOrange?.trim() || Theme.colors(themes)[scheme].orange};
+  --blue: ${colorBlue?.trim() || Theme.colors(themes)[scheme].blue};
+  --magenta: ${colorMagenta?.trim() || Theme.colors(themes)[scheme].magenta};
+  --cyan: ${colorCyan?.trim() || Theme.colors(themes)[scheme].cyan};
+  --black: ${colorBlack?.trim() || Theme.colors(themes)[scheme].black};
+  --white: ${colorWhite?.trim() || Theme.colors(themes)[scheme].white};
+  --foreground: ${
+    colorForeground?.trim() || Theme.colors(themes)[scheme].foreground
+  };
+  --background: ${colorBackground?.trim() || Theme.colors(themes)[scheme].main};
+  --transparent-dark: ${Theme.colors(themes)[scheme].transparentDark};
+  --font: ${font?.trim() || Theme.colors(themes)[scheme].defaultFont};
+  --font-size: ${fontSize.trim().length ? fontSize : "11px"};
+  --bar-height: ${
+    compactMode
+      ? Theme.colors(themes)[scheme].compactBarHeight
+      : Theme.colors(themes)[scheme].barHeight
+  };
+  --bar-radius: ${Theme.colors(themes)[scheme].barRadius};
+  --bar-border: ${Theme.colors(themes)[scheme].barBorder};
+  --bar-inner-margin: ${Theme.colors(themes)[scheme].barInnerMargin};
+  --item-max-width: ${widgetMaxWidth.trim().length ? widgetMaxWidth : "160px"};
+  --item-radius: ${Theme.colors(themes)[scheme].itemRadius};
+  --item-inner-margin: ${Theme.colors(themes)[scheme].itemInnerMargin};
+  --item-outer-margin: ${Theme.colors(themes)[scheme].itemOuterMargin};
+  --hover-ring: ${Theme.colors(themes)[scheme].hoverRing};
+  --focus-ring: ${Theme.colors(themes)[scheme].focusRing};
+  --light-shadow: ${Theme.colors(themes)[scheme].lightShadow};
+  --foreground-shadow: ${
+    Theme.colors(themes)[scheme].foregroundShadow
+      ? Theme.colors(themes)[scheme].foregroundShadow
+      : "0 0 0 1px var(--foreground)"
+  };
+  --transition-easing: ${Theme.colors(themes)[scheme].transitionEasing};
+  --click-effect: ${Theme.colors(themes)[scheme].clickEffect};
+}
+`;
+};
+
+const darkVariables = themedVariables("dark");
+const lightVariables = themedVariables("light");
+
+/**
+ * Builds CSS variables based on the user's theme settings.
+ *
+ * @returns {string} The CSS variables for the selected theme.
+ */
+const buildVariables = () => {
+  const settings = Settings.get();
+  const { theme } = settings.global;
+  if (theme === "auto") {
+    return /* css */ `
+      @media (prefers-color-scheme: light) {
+        ${lightVariables}
+      }
+      @media (prefers-color-scheme: dark) {
+        ${darkVariables}
+      }
+    `;
+  }
+  if (theme === "light") {
+    return lightVariables;
+  }
+  return darkVariables;
+};
+
+export const styles = buildVariables();
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-colors.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-colors.js
new file mode 100755
index 0000000..88b7d43
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-colors.js
@@ -0,0 +1,15 @@
+import * as Pywal from "./pywal";
+
+export const colors = {
+  main: Pywal.variables.background,
+  mainAlt: Pywal.variables.function,
+  minor: Pywal.variables.function,
+  accent: Pywal.variables.result,
+  red: Pywal.variables.operator,
+  green: Pywal.variables.result,
+  yellow: Pywal.variables.cursor,
+  orange: Pywal.variables.scrollbar,
+  blue: Pywal.variables.matched,
+  magenta: Pywal.variables.variable,
+  cyan: Pywal.variables.function,
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-from-desktop.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-from-desktop.sh
new file mode 100755
index 0000000..cd99142
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-from-desktop.sh
@@ -0,0 +1,9 @@
+#! /usr/bin/env bash
+
+wal -n -s -i $(sqlite3 -readonly ~/Library/Application\ Support/Dock/desktoppicture.db 'SELECT * FROM data ORDER BY rowID DESC LIMIT 1;' | sed -e "s|~|$HOME|g")
+
+{
+  echo -n 'export const variables = '
+  cat "$HOME/.cache/wal/colors-speedcrunch.json"
+  echo ';'
+} > pywal.js
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-gen.sh b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-gen.sh
new file mode 100755
index 0000000..7cbc8ee
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal-gen.sh
@@ -0,0 +1,7 @@
+#! /usr/bin/env bash
+
+{
+  echo -n 'export const variables = '
+  cat "$HOME/.cache/wal/colors-speedcrunch.json"
+  echo ';'
+} > pywal.js
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal.js
new file mode 100755
index 0000000..3ce4a64
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/pywal/pywal.js
@@ -0,0 +1,15 @@
+export const variables = {
+  cursor: "#d1dbe0",
+  number: "#d1dbe0",
+  parens: "#BFC3B9",
+  result: "#94A4A8",
+  comment: "#92999c",
+  matched: "#94A4A8",
+  function: "#376089",
+  operator: "#708C9F",
+  variable: "#507495",
+  scrollbar: "#708C9F",
+  separator: "#708C9F",
+  background: "#0a0e0d",
+  editorbackground: "#0a0e0d",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/theme.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/theme.js
new file mode 100755
index 0000000..51985a5
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/theme.js
@@ -0,0 +1,21 @@
+import * as Themes from "./themes";
+import * as Pywal from "./pywal/pywal-colors";
+
+const WITH_PYWAL = false;
+
+const overrideColors = WITH_PYWAL ? Pywal.colors : {};
+
+/**
+ * Generates color themes by merging the specified themes with override colors.
+ *
+ * @param {Object} themes - An object containing the light and dark theme names.
+ * @param {string} themes.lightTheme - The name of the light theme.
+ * @param {string} themes.darkTheme - The name of the dark theme.
+ * @returns {Object} An object containing the light and dark color themes.
+ */
+export function colors(themes) {
+  return {
+    light: { ...Themes.collection[themes.lightTheme], ...overrideColors },
+    dark: { ...Themes.collection[themes.darkTheme], ...overrideColors },
+  };
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes.js
new file mode 100755
index 0000000..ff5a24c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes.js
@@ -0,0 +1,72 @@
+import * as NightShiftDark from "./themes/night-shift-dark";
+import * as NightShiftLight from "./themes/night-shift-light";
+import * as MacOSDark from "./themes/mac-os-dark";
+import * as MacOSLight from "./themes/mac-os-light";
+import * as OneDark from "./themes/one-dark";
+import * as OneLight from "./themes/one-light";
+import * as GruvboxDark from "./themes/gruvbox-dark";
+import * as GruvboxLight from "./themes/gruvbox-light";
+import * as GruvboxMaterial from "./themes/gruvbox-material";
+import * as Dracula from "./themes/dracula";
+import * as Nord from "./themes/nord";
+import * as Amarena from "./themes/amarena";
+import * as SolarizedLight from "./themes/solarized-light";
+import * as SolarizedDark from "./themes/solarized-dark";
+import * as Cisco from "./themes/cisco";
+import * as Sylens from "./themes/sylens";
+import * as SpaceDuck from "./themes/spaceduck";
+import * as MidsummerNightDark from "./themes/midsummer-night-dark";
+import * as CatppuccinOld from "./themes/catppuccin";
+import * as CatppuccinLatte from "./themes/catppuccin-latte.js";
+import * as CatppuccinFrappe from "./themes/catppuccin-frappe.js";
+import * as CatppuccinMacchiato from "./themes/catppuccin-macchiato.js";
+import * as CatppuccinMocha from "./themes/catppuccin-mocha.js";
+import * as TokyoNight from "./themes/tokyo-night";
+import * as MaterialOcean from "./themes/material-ocean";
+import * as NightOwl from "./themes/night-owl";
+import * as NightfoxDark from "./themes/nightfox-dark";
+import * as NightfoxLight from "./themes/nightfox-light";
+import * as VscodeDarkModern from "./themes/vscode-dark-modern";
+import * as RosePine from "./themes/rose-pine";
+import * as RosePineMoon from "./themes/rose-pine-moon";
+import * as RosePineDawn from "./themes/rose-pine-dawn";
+import * as CyberdreamLight from "./themes/cyberdream-light.js";
+import * as CyberdreamDark from "./themes/cyberdream-dark.js";
+
+// Entire collection of themes available in simple-bar
+export const collection = {
+  NightShiftDark: NightShiftDark.theme,
+  NightShiftLight: NightShiftLight.theme,
+  MacOSDark: MacOSDark.theme,
+  MacOSLight: MacOSLight.theme,
+  OneDark: OneDark.theme,
+  OneLight: OneLight.theme,
+  GruvboxDark: GruvboxDark.theme,
+  GruvboxLight: GruvboxLight.theme,
+  GruvboxMaterial: GruvboxMaterial.theme,
+  Dracula: Dracula.theme,
+  Nord: Nord.theme,
+  Amarena: Amarena.theme,
+  SolarizedLight: SolarizedLight.theme,
+  SolarizedDark: SolarizedDark.theme,
+  Cisco: Cisco.theme,
+  Sylens: Sylens.theme,
+  SpaceDuck: SpaceDuck.theme,
+  MidsummerNightDark: MidsummerNightDark.theme,
+  Catppuccin: CatppuccinOld.theme,
+  CatppuccinLatte: CatppuccinLatte.theme,
+  CatppuccinFrappe: CatppuccinFrappe.theme,
+  CatppuccinMacchiato: CatppuccinMacchiato.theme,
+  CatppuccinMocha: CatppuccinMocha.theme,
+  TokyoNight: TokyoNight.theme,
+  MaterialOcean: MaterialOcean.theme,
+  NightOwl: NightOwl.theme,
+  NightfoxDark: NightfoxDark.theme,
+  NightfoxLight: NightfoxLight.theme,
+  VscodeDarkModern: VscodeDarkModern.theme,
+  RosePine: RosePine.theme,
+  RosePineMoon: RosePineMoon.theme,
+  RosePineDawn: RosePineDawn.theme,
+  CyberdreamLight: CyberdreamLight.theme,
+  CyberdreamDark: CyberdreamDark.theme,
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/amarena.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/amarena.js
new file mode 100755
index 0000000..91561c1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/amarena.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Amarena",
+  kind: "dark",
+  main: "#1a2026",
+  mainAlt: "#526170",
+  minor: "#242d35",
+  red: "#f26190",
+  green: "#fb6396",
+  yellow: "#f92d72",
+  orange: "#c269bc",
+  blue: "#4cb9d6",
+  magenta: "#58d6bf",
+  cyan: "#6ccb6e",
+  black: "#1a2026",
+  white: "#f4f5f2",
+  foreground: "#f4f5f2",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "MesloLGS NF, JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "3px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 4px",
+  hoverRing: "0 0 0 1px rgba(249, 45, 114, 0.75)",
+  focusRing: "0 0 0 1px rgb(249, 45, 114)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-frappe.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-frappe.js
new file mode 100755
index 0000000..7f6ab49
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-frappe.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Frappe",
+  kind: "dark",
+  main: "#303446", // Base
+  mainAlt: "#292c3c", // Mantle
+  minor: "#232634", // Crust
+  red: "#e78284", // Red
+  green: "#a6d189", // Green
+  yellow: "#e5c890", // Yellow
+  orange: "#ef9f76", // Peach
+  blue: "#8caaee", // Blue
+  magenta: "#ca9ee6", // Mauve
+  cyan: "#99d1db", // Sky
+  black: "#303446", // Base
+  white: "#c6d0f5", // Text
+  foreground: "#c6d0f5", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-latte.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-latte.js
new file mode 100755
index 0000000..dd53fec
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-latte.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Latte",
+  kind: "light",
+  main: "#eff1f5", // Base
+  mainAlt: "#e6e9ef", // Mantle
+  minor: "#dce0e8", // Crust
+  red: "#d20f39", // Red
+  green: "#40a02b", // Green
+  yellow: "#df8e1d", // Yellow
+  orange: "#fe640b", // Peach
+  blue: "#1e66f5", // Blue
+  magenta: "#8839ef", // Mauve
+  cyan: "#04a5e5", // Sky
+  black: "#4c4f69", // Text
+  white: "#eff1f5", // Base
+  foreground: "#4c4f69", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-macchiato.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-macchiato.js
new file mode 100755
index 0000000..f1db514
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-macchiato.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Macchiato",
+  kind: "dark",
+  main: "#24273a", // Base
+  mainAlt: "#1e2030", // Mantle
+  minor: "#181926", // Crust
+  red: "#ed8796", // Red
+  green: "#a6da95", // Green
+  yellow: "#eed49f", // Yellow
+  orange: "#f5a97f", // Peach
+  blue: "#8aadf4", // Blue
+  magenta: "#c6a0f6", // Mauve
+  cyan: "#91d7e3", // Sky
+  black: "#24273a", // Base
+  white: "#cad3f5", // Text
+  foreground: "#cad3f5", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-mocha.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-mocha.js
new file mode 100755
index 0000000..64b1cc2
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin-mocha.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin Mocha",
+  kind: "dark",
+  main: "#1e1e2e", // Base
+  mainAlt: "#181825", // Mantle
+  minor: "#11111b", // Crust
+  red: "#f38ba8", // Red
+  green: "#a6e3a1", // Green
+  yellow: "#f9e2af", // Yellow
+  orange: "#fab387", // Peach
+  blue: "#89b4fa", // Blue
+  magenta: "#cba6f7", // Mauve
+  cyan: "#89dceb", // Sky
+  black: "#1e1e2e", // Base
+  white: "#cdd6f4", // Text
+  foreground: "#cdd6f4", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin.js
new file mode 100755
index 0000000..2ac8520
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/catppuccin.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Catppuccin (old)",
+  kind: "dark",
+  main: "#1E1E2E",
+  mainAlt: "#302D41",
+  minor: "#575268",
+  red: "#F28FAD",
+  green: "#ABE9B3",
+  yellow: "#FAE3B0",
+  orange: "#F8BD96",
+  blue: "#96CDFB",
+  magenta: "#DDB6F2",
+  cyan: "#89DCEB",
+  black: "#161320",
+  white: "#D9E0EE",
+  foreground: "#D9E0EE",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cisco.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cisco.js
new file mode 100755
index 0000000..a4d84f3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cisco.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Cisco",
+  kind: "dark",
+  main: "#282a36",
+  mainAlt: "#8E2F91",
+  minor: "#543185",
+  red: "#8E2F91",
+  green: "#8E2F91",
+  yellow: "#BE3161",
+  orange: "#008CD1",
+  blue: "#6E5BC2",
+  magenta: "#8E2F91",
+  cyan: "#CC60CB",
+  black: "#292a2b",
+  white: "#f5f5f5",
+  foreground: "#9E70B5",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-dark.js
new file mode 100755
index 0000000..a192d37
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Cyberdream Dark",
+  kind: "dark",
+  main: "rgba(22, 24, 26, 0.6)", // Base - with 40% transparency
+  mainAlt: "rgba(30, 33, 36, 0.6)", // Mantle - with 40% transparency
+  minor: "rgba(60, 64, 72, 0.6)", // Crust - with 40% transparency
+  red: "#ff6e5e", // Red
+  green: "#5eff6c", // Neon Green
+  yellow: "#f1ff5e", // Yellow
+  orange: "#ffbd5e", // Orange
+  blue: "#5ea1ff", // Blue
+  magenta: "#ff5ef1", // Magenta
+  cyan: "#5ef1ff", // Cyan
+  black: "#16181a", // Base
+  white: "#ffffff", // Text
+  foreground: "#ffffff", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-light.js
new file mode 100755
index 0000000..4403ec4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/cyberdream-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Cyberdream Light",
+  kind: "light",
+  main: "rgba(255, 255, 255, 0.6)", // Base - with 40% transparency
+  mainAlt: "rgba(234, 234, 234, 0.6)", // Mantle - with 40% transparency
+  minor: "rgba(172, 172, 172, 0.6)", // Crust - with 40% transparency
+  red: "#d11500", // Red
+  green: "#008b0c", // Green
+  yellow: "#997b00", // Bronze
+  orange: "#d17c00", // Orange
+  blue: "#0057d1", // Indigo
+  magenta: "#d100bf", // Magenta
+  cyan: "#008c99", // Aqua
+  black: "#16181a", // Text
+  white: "#ffffff", // Base
+  foreground: "#16181a", // Text
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/dracula.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/dracula.js
new file mode 100755
index 0000000..8eb6b28
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/dracula.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Dracula",
+  kind: "dark",
+  main: "#282a36",
+  mainAlt: "#ff79c6",
+  minor: "#44475a",
+  red: "#ff5555",
+  green: "#50fa7b",
+  yellow: "#f1fa8c",
+  orange: "#ffb86c",
+  blue: "#bd93f9",
+  magenta: "#ff79c6",
+  cyan: "#8be9fd",
+  black: "#282a36",
+  white: "#f8f8f2",
+  foreground: "#f8f8f2",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-dark.js
new file mode 100755
index 0000000..e61884c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Gruvbox Dark",
+  kind: "dark",
+  main: "#282828",
+  mainAlt: "#ff0000",
+  minor: "#3c3836",
+  red: "#cc241d",
+  green: "#98971a",
+  yellow: "#d79921",
+  orange: "#d65d0e",
+  blue: "#458588",
+  magenta: "#b16286",
+  cyan: "#689d6a",
+  black: "#282828",
+  white: "#ebdbb2",
+  foreground: "#ebdbb2",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-light.js
new file mode 100755
index 0000000..153a38d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Gruvbox Light",
+  kind: "light",
+  main: "#fbf1c7",
+  mainAlt: "#7c6f64",
+  minor: "#ebdbb2",
+  red: "#cc241d",
+  green: "#98971a",
+  yellow: "#d79921",
+  orange: "#d65d0e",
+  blue: "#458588",
+  magenta: "#b16286",
+  cyan: "#689d6a",
+  black: "#fbf1c7",
+  white: "#3c3836",
+  foreground: "#3c3836",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-material.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-material.js
new file mode 100755
index 0000000..1de9fff
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/gruvbox-material.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Gruvbox Material",
+  kind: "dark",
+  main: "#282828",
+  mainAlt: "#ea6962",
+  minor: "#32302f",
+  red: "#ea6962",
+  green: "#a9b665",
+  yellow: "#e3a84e",
+  orange: "#e78a4e",
+  blue: "#7daea3",
+  magenta: "#d3869b",
+  cyan: "#89b482",
+  black: "#282828",
+  white: "#928374",
+  foreground: "#dfbf8e",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "8px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "6px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-dark.js
new file mode 100755
index 0000000..f658960
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Mac OS Dark",
+  kind: "dark",
+  main: "#292a2b",
+  mainAlt: "#5f5f60",
+  minor: "#3c3d3e",
+  red: "#ee5f5c",
+  green: "#77b756",
+  yellow: "#f8c644",
+  orange: "#ca8739",
+  blue: "#2b7bf7",
+  magenta: "#9b57a2",
+  cyan: "#e65d9c",
+  black: "#292a2b",
+  white: "#f5f5f5",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-light.js
new file mode 100755
index 0000000..61229f9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/mac-os-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Mac OS Light",
+  kind: "light",
+  main: "#ececed",
+  mainAlt: "#5f5f60",
+  minor: "#fff",
+  red: "#ee5f5c",
+  green: "#77b756",
+  yellow: "#f8c644",
+  orange: "#ca8739",
+  blue: "#2b7bf7",
+  magenta: "#9b57a2",
+  cyan: "#e65d9c",
+  black: "#292a2b",
+  white: "#f5f5f5",
+  foreground: "#292a2b",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/material-ocean.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/material-ocean.js
new file mode 100755
index 0000000..ad521b1
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/material-ocean.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Material Theme - Ocean",
+  kind: "dark",
+  main: "rgb(15, 17, 26)",
+  mainAlt: "#0F111A",
+  minor: "#3c3d3e",
+  red: "#f07178",
+  green: "#C3E88D",
+  yellow: "#FFCB6B",
+  orange: "#F78C6C",
+  blue: "#82AAFF",
+  magenta: "#C792EA",
+  cyan: "#89DDFF",
+  black: "#000000",
+  white: "#ffffff",
+  foreground: "#A6ACCD",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "Roboto Mono, monospace",
+  barHeight: "30px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/midsummer-night-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/midsummer-night-dark.js
new file mode 100755
index 0000000..d5358e4
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/midsummer-night-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Midsummer Night Dark",
+  kind: "dark",
+  main: "#1c1e27",
+  mainAlt: "#212831",
+  minor: "#212831",
+  red: "#e43d6a",
+  green: "#0af29d",
+  yellow: "#eea585",
+  orange: "#e88376",
+  blue: "#56c2ea",
+  magenta: "#b468d0",
+  cyan: "#00ccbb",
+  black: "#1b222d",
+  white: "#fff",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-owl.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-owl.js
new file mode 100755
index 0000000..b883b9c
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-owl.js
@@ -0,0 +1,33 @@
+export const theme = {
+  name: "NightOwl",
+  kind: "dark",
+  main: "#011627",
+  mainAlt: "#0b253a",
+  minor: "#084d8180",
+  red: "#ef5350",
+  green: "#22da6e",
+  yellow: "#FFCA28",
+  orange: "#F78C6C",
+  blue: "#82AAFF",
+  magenta: "#C792EA",
+  cyan: "#7fdbca",
+  black: "#011627",
+  white: "#ffffff",
+  foreground: "#d2dee7",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(214, 222, 235, 0.5)",
+  focusRing: "0 0 0 2px rgb(214, 222, 235, 0.2)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  foregroundShadow: "0 0 0 rgba(0, 0, 0, 0)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(214, 222, 235, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-dark.js
new file mode 100755
index 0000000..dd3e3b3
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Night Shift Dark",
+  kind: "dark",
+  main: "#1b222d",
+  mainAlt: "#98a8c5",
+  minor: "#39465e",
+  red: "#e78482",
+  green: "#8fc8BB",
+  yellow: "#ffd484",
+  orange: "#ffb374",
+  blue: "#6db3cE",
+  magenta: "#ad82cB",
+  cyan: "#7eddde",
+  black: "#1b222d",
+  white: "#fff",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "6px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-light.js
new file mode 100755
index 0000000..92e7038
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/night-shift-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Night Shift Light",
+  kind: "light",
+  main: "#fff",
+  mainAlt: "#98a8c5",
+  minor: "#f5f5f5",
+  red: "#e78482",
+  green: "#8fc8bb",
+  yellow: "#d1ab66",
+  orange: "#ffb374",
+  blue: "#6db3ce",
+  magenta: "#ad82cb",
+  cyan: "#2fc2c3",
+  black: "#1b222d",
+  white: "#f5f5f5",
+  foreground: "#1b222d",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "6px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-dark.js
new file mode 100755
index 0000000..0e8fd6a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Nightfox Dark",
+  kind: "dark",
+  main: "#192330",
+  mainAlt: "#131a24",
+  minor: "#29394f",
+  red: "#c94f6d",
+  green: "#81b29a",
+  yellow: "#dbc074",
+  orange: "#f4a261",
+  blue: "#719cd6",
+  magenta: "#9d79d6",
+  cyan: "#63cdcf",
+  black: "#192330",
+  white: "#dfdfe0",
+  foreground: "#cdcecf",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "7px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(205, 206, 207, 0.75)",
+  focusRing: "0 0 0 2px rgb(205, 206, 207)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(214, 222, 235, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-light.js
new file mode 100755
index 0000000..72d885f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nightfox-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Nightfox Light",
+  kind: "light",
+  main: "#f6f2ee",
+  mainAlt: "#e4dcd4",
+  minor: "#d3c7bb",
+  red: "#a5222f",
+  green: "#396847",
+  yellow: "#AC5402",
+  orange: "#955f61",
+  blue: "#2848a9",
+  magenta: "#6e33ce",
+  cyan: "#287980",
+  black: "#352c24",
+  white: "#f2e9e1",
+  foreground: "#3d2b5a",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "7px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "5px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(61, 43, 90, 0.75)",
+  focusRing: "0 0 0 2px rgb(61, 43, 90)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(214, 222, 235, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nord.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nord.js
new file mode 100755
index 0000000..0bdf1a7
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/nord.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Nord",
+  kind: "dark",
+  main: "#3b4252",
+  mainAlt: "#eceef4",
+  minor: "#4c566a",
+  red: "#bf616a",
+  green: "#a3be8c",
+  yellow: "#ebcb8b",
+  orange: "#d08770",
+  blue: "#81a1c1",
+  magenta: "#b48ead",
+  cyan: "#88c0d0",
+  black: "#2e3440",
+  white: "#eceff4",
+  foreground: "#d8dee9",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "Source Code Pro",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "14px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-dark.js
new file mode 100755
index 0000000..e73da4f
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "One Dark",
+  kind: "dark",
+  main: "#21252b",
+  mainAlt: "#e6e6e6",
+  minor: "#323842",
+  red: "#e05561",
+  green: "#8cc265",
+  yellow: "#d18f52",
+  orange: "#ffb374",
+  blue: "#6db3ce",
+  magenta: "#c162de",
+  cyan: "#42b3c2",
+  black: "#21252b",
+  white: "#fff",
+  foreground: "#abb2bf",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-light.js
new file mode 100755
index 0000000..64fbb4a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/one-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "One Light",
+  kind: "light",
+  main: "#f5f5f5",
+  mainAlt: "#21252b",
+  minor: "#fff",
+  red: "#e05561",
+  green: "#8cc265",
+  yellow: "#d18f52",
+  orange: "#FFB374",
+  blue: "#6DB3CE",
+  magenta: "#c162de",
+  cyan: "#42b3c2",
+  black: "#21252b",
+  white: "#fff",
+  foreground: "#21252b",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-dawn.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-dawn.js
new file mode 100755
index 0000000..50b6b49
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-dawn.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Rosé Pine Dawn",
+  kind: "light",
+  main: "#faf4ed",
+  mainAlt: "#fffaf3",
+  minor: "#f2e9e1",
+  red: "#b4637a",
+  green: "#286983",
+  yellow: "#ea9d34",
+  orange: "#d7827e",
+  blue: "#56949f",
+  magenta: "#907aa9",
+  cyan: "#d7827e",
+  black: "#575279",
+  white: "#faf4ed",
+  foreground: "#575279",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-moon.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-moon.js
new file mode 100755
index 0000000..d0d3e2b
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine-moon.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Rosé Pine Moon",
+  kind: "dark",
+  main: "#232136",
+  mainAlt: "#2a273f",
+  minor: "#393552",
+  red: "#eb6f92",
+  green: "#3e8fb0",
+  yellow: "#f6c177",
+  orange: "#ea9a97",
+  blue: "#9ccfd8",
+  magenta: "#c4a7e7",
+  cyan: "#ea9a97",
+  black: "#232136",
+  white: "#e0def4",
+  foreground: "#e0def4",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine.js
new file mode 100755
index 0000000..1c20f58
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/rose-pine.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Rosé Pine",
+  kind: "dark",
+  main: "#191724",
+  mainAlt: "#1f1d2e",
+  minor: "#26233a",
+  red: "#eb6f92",
+  green: "#31748f",
+  yellow: "#f6c177",
+  orange: "#ebbcba",
+  blue: "#9ccfd8",
+  magenta: "#c4a7e7",
+  cyan: "#ebbcba",
+  black: "#191724",
+  white: "#e0def4",
+  foreground: "#e0def4",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-dark.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-dark.js
new file mode 100755
index 0000000..1beef76
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-dark.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Solarized Dark",
+  kind: "dark",
+  main: "#002b36",
+  mainAlt: "#002b36",
+  minor: "#073642",
+  red: "#dc322f",
+  green: "#859900",
+  yellow: "#b58900",
+  orange: "#cb4b16",
+  blue: "#0087ff",
+  magenta: "#d33682",
+  cyan: "#2aa198",
+  black: "#262626",
+  white: "#e4e4e4",
+  foreground: "#93a1a1",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-light.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-light.js
new file mode 100755
index 0000000..b90aa81
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/solarized-light.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Solarized Light",
+  kind: "light",
+  main: "#fdf6e3",
+  mainAlt: "#fdf6e3",
+  minor: "#eee8d5",
+  red: "#dc322f",
+  green: "#859900",
+  yellow: "#b58900",
+  orange: "#cb4b16",
+  blue: "#0087ff",
+  magenta: "#d33682",
+  cyan: "#2aa198",
+  black: "#262626",
+  white: "#e4e4e4",
+  foreground: "#657b83",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "16px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "20px",
+  itemInnerMargin: "3px 9px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(0, 0, 0, 0.15)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/spaceduck.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/spaceduck.js
new file mode 100755
index 0000000..45d4ca9
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/spaceduck.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "SpaceDuck",
+  kind: "dark",
+  main: "#0f111b",
+  mainAlt: "#b3a1e6",
+  minor: "#1b1c36",
+  red: "#e33400",
+  green: "#5ccc96",
+  yellow: "#f2ce00",
+  orange: "#e39400",
+  blue: "#686f9a",
+  magenta: "#ce6f8f",
+  cyan: "#00a3cc",
+  black: "#000000",
+  white: "#FFF",
+  foreground: "#ecf0c1",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "5px",
+  itemRadius: "3px",
+  itemInnerMargin: "5px 10px",
+  itemOuterMargin: "0 0 0 4px",
+  hoverRing: "0 0 0 2px rgba(92, 204, 150, 0.75)",
+  focusRing: "0 0 0 2px rgb(92, 204, 150)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 0)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/sylens.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/sylens.js
new file mode 100755
index 0000000..1d3f8ec
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/sylens.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Sylens",
+  kind: "dark",
+  main: "#1B2229",
+  mainAlt: "#7d5a15",
+  minor: "#1b2229",
+  red: "#7d5a15",
+  green: "#BF6832",
+  yellow: "#d65d0e",
+  orange: "#475090",
+  blue: "#33736A",
+  magenta: "#814b42",
+  cyan: "#346a97",
+  black: "#a77822",
+  white: "#1b2229",
+  foreground: "#a77822",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "MonoLisa",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "2px",
+  itemInnerMargin: "3px 7px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(167, 120, 34, 0.75)",
+  focusRing: "0 0 0 2px rgb(167, 120, 34)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(167, 120, 34, H0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/tokyo-night.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/tokyo-night.js
new file mode 100755
index 0000000..9982420
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/tokyo-night.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Tokyo Night",
+  kind: "dark",
+  main: "#15161E",
+  mainAlt: "#302D41",
+  minor: "#15161E",
+  red: "#F7768E",
+  green: "#9ECE6A",
+  yellow: "#E0AF68",
+  orange: "#F8BD96",
+  blue: "#7AA2F7",
+  magenta: "#BB9AF7",
+  cyan: "#7DCFFF",
+  black: "#15161E",
+  white: "#A9B1D6",
+  foreground: "#A9B1D6",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "9px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "0px",
+  itemRadius: "5px",
+  itemInnerMargin: "0px 9px",
+  itemOuterMargin: "0 0 0 4px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/vscode-dark-modern.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/vscode-dark-modern.js
new file mode 100755
index 0000000..d997e77
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/styles/themes/vscode-dark-modern.js
@@ -0,0 +1,32 @@
+export const theme = {
+  name: "Vscode Dark Modern",
+  kind: "dark",
+  main: "#181818",
+  mainAlt: "#1f1f1f",
+  minor: "#2a2a2a",
+  red: "#e78482",
+  green: "#4ec6ae",
+  yellow: "#dcdcaa",
+  orange: "#ffb374",
+  blue: "#4fc1ff",
+  magenta: "#c586c0",
+  cyan: "#9cdcfe",
+  black: "#181818",
+  white: "#fff",
+  foreground: "#fff",
+  transparentDark: "rgba(0, 0, 0, 0.05)",
+  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
+  barHeight: "34px",
+  compactBarHeight: "28px",
+  barRadius: "3px",
+  barBorder: "0px solid transparent",
+  barInnerMargin: "3px",
+  itemRadius: "7px",
+  itemInnerMargin: "2px 6px",
+  itemOuterMargin: "0 0 0 5px",
+  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
+  focusRing: "0 0 0 2px rgb(255, 255, 255)",
+  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
+  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  clickEffect: "rgba(255, 255, 255, 0.3)",
+};
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/utils.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/utils.js
new file mode 100755
index 0000000..f9d0460
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/utils.js
@@ -0,0 +1,828 @@
+import * as Uebersicht from "uebersicht";
+import * as Settings from "./settings";
+
+/**
+ * Parses a JSON string and returns the corresponding JavaScript object.
+ * Cleans up JSON that contains escape sequences, such as `\\` or `\"`.
+ *
+ * @param {string} json - The JSON string to parse.
+ * @returns {Object|undefined} The parsed JavaScript object, or undefined if parsing fails.
+ */
+export function parseJson(json) {
+  try {
+    // clean up JSON with escape sequences, (i.e.)
+    // empty arrays: [,] -> []
+    // escape sequences: \\" -> "
+    let cleanedJson = json
+      .replace(/\[,+/g, "[")
+      .replace(/,+\]/g, "]")
+      .replace(/,+,/g, ",")
+      .replace(/\[,/g, "[")
+      .replace(/,\]/g, "]")
+      .replace(/\\/g, "\\\\")
+      .replace(/\\"/g, '"');
+    return JSON.parse(cleanedJson);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error, json);
+    return undefined;
+  }
+}
+
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+const hasOwn = {}.hasOwnProperty;
+
+/**
+ * Combines multiple class names into a single string.
+ *
+ * @param {...(string|boolean|undefined|null)} arguments - The class names to combine.
+ * Each argument can be a string, boolean, undefined, or null. Only truthy values will be included.
+ * @returns {string} The combined class names.
+ */
+export function classNames() {
+  let classes = "";
+
+  for (let i = 0; i < arguments.length; i++) {
+    const arg = arguments[i];
+    if (arg) {
+      classes = appendClass(classes, parseValue(arg));
+    }
+  }
+
+  return classes;
+}
+
+function parseValue(arg) {
+  if (typeof arg === "string" || typeof arg === "number") {
+    return arg;
+  }
+  if (typeof arg !== "object") {
+    return "";
+  }
+  if (Array.isArray(arg)) {
+    return classNames.apply(null, arg);
+  }
+  if (
+    arg.toString !== Object.prototype.toString &&
+    !arg.toString.toString().includes("[native code]")
+  ) {
+    return arg.toString();
+  }
+
+  let classes = "";
+  for (let key in arg) {
+    if (hasOwn.call(arg, key) && arg[key]) {
+      classes = appendClass(classes, key);
+    }
+  }
+  return classes;
+}
+
+function appendClass(value, newClass) {
+  if (!newClass) {
+    return value;
+  }
+  if (value) {
+    return value + " " + newClass;
+  }
+  return value + newClass;
+}
+/*!
+  End of Jed Watson's classNames
+*/
+
+const WIDTH = 20;
+const DURATION = 320;
+
+const CACHE_PREFIX = "sb_cmd_";
+const CACHE_CLEANUP_INTERVAL = 300000; // Clean up every 5 minutes
+let _lastCleanup = 0;
+
+/**
+ * Simple string hash for generating cache keys from command strings.
+ * @param {string} str - The string to hash.
+ * @returns {string} A base-36 hash string.
+ */
+function hashString(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash |= 0;
+  }
+  return Math.abs(hash).toString(36);
+}
+
+/**
+ * Removes expired cache entries from localStorage to prevent unbounded growth.
+ * Uses a conservative 60-second grace period beyond the longest widget refresh.
+ */
+function cleanupExpiredCache() {
+  const now = Date.now();
+  if (now - _lastCleanup < CACHE_CLEANUP_INTERVAL) return;
+  _lastCleanup = now;
+
+  try {
+    const keysToRemove = [];
+    for (let i = 0; i < localStorage.length; i++) {
+      const key = localStorage.key(i);
+      if (key && key.startsWith(CACHE_PREFIX)) {
+        try {
+          const cached = localStorage.getItem(key);
+          if (cached) {
+            const parsed = JSON.parse(cached);
+            // Remove if older than 60 seconds (well beyond any widget refresh)
+            if (now - parsed.t > 60000) {
+              keysToRemove.push(key);
+            }
+          }
+        } catch {
+          // Remove malformed entries
+          keysToRemove.push(key);
+        }
+      }
+    }
+    keysToRemove.forEach((key) => localStorage.removeItem(key));
+  } catch {
+    // Ignore cleanup errors
+  }
+}
+
+/**
+ * Runs a shell command via Uebersicht.run() with cross-display caching.
+ *
+ * In multi-display setups, each display runs its own simple-bar instance.
+ * System-wide data (CPU, memory, battery, etc.) is identical across displays,
+ * so this function uses localStorage (shared across all Ãœbersicht WebViews)
+ * to cache command results and prevent redundant execution.
+ *
+ * Expired cache entries are automatically cleaned up every 5 minutes.
+ *
+ * @param {string} command - The shell command to execute.
+ * @param {number} cacheTimeout - How long (ms) the cached result remains valid.
+ *   Typically set to the widget's refresh frequency so that within one refresh
+ *   cycle, only one display actually executes the command.
+ * @returns {Promise<string>} The command output (from cache or fresh execution).
+ */
+export async function cachedRun(command, cacheTimeout) {
+  if (!cacheTimeout || cacheTimeout <= 0) {
+    return Uebersicht.run(command);
+  }
+
+  cleanupExpiredCache();
+
+  const cacheKey = CACHE_PREFIX + hashString(command);
+  const now = Date.now();
+
+  try {
+    const cached = localStorage.getItem(cacheKey);
+    if (cached) {
+      const parsed = JSON.parse(cached);
+      if (now - parsed.t < cacheTimeout) {
+        return parsed.r;
+      }
+    }
+  } catch {
+    // Ignore cache read errors
+  }
+
+  const result = await Uebersicht.run(command);
+  try {
+    localStorage.setItem(cacheKey, JSON.stringify({ r: result, t: now }));
+  } catch {
+    // Ignore cache write errors (e.g., storage full)
+  }
+  return result;
+}
+
+/**
+ * Creates a click effect animation at the location of the mouse click event.
+ *
+ * @param {MouseEvent} e - The mouse event object containing the click coordinates.
+ */
+export function clickEffect(e) {
+  const { body } = document;
+  const { clientX, clientY } = e;
+  const cursor = Object.assign(document.createElement("div"), {
+    id: "simple-bar-click-effect",
+  });
+  Object.assign(cursor.style, {
+    top: `${clientY - WIDTH / 2}px`,
+    left: `${clientX - WIDTH / 2}px`,
+    width: `${WIDTH}px`,
+    height: `${WIDTH}px`,
+    transition: `transform ${DURATION} ease`,
+  });
+  if (cursor && "animate" in cursor) {
+    body.appendChild(cursor);
+    cursor.animate(
+      [
+        { opacity: 0, transform: "scale(0)" },
+        { opacity: 1, transform: "scale(2)" },
+        { opacity: 0, transform: "scale(1.6)" },
+      ],
+      { duration: DURATION },
+    );
+  }
+  setTimeout(() => cursor && body.removeChild(cursor), DURATION);
+}
+
+function isObject(item) {
+  return item && typeof item === "object" && !Array.isArray(item);
+}
+
+/**
+ * Deeply merges multiple source objects into a target object.
+ *
+ * @param {Object} target - The target object to merge properties into.
+ * @param {...Object} sources - One or more source objects to merge properties from.
+ * @returns {Object} - The target object after merging.
+ */
+export function mergeDeep(target, ...sources) {
+  if (!sources.length) return target;
+  const source = sources.shift();
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        mergeDeep(target[key], source[key]);
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
+    }
+  }
+  return mergeDeep(target, ...sources);
+}
+
+/*!
+ * (c) 2019 Chris Ferdinandi & Jascha Brinkmann, MIT License, https://gomakethings.com & https://twitter.com/jaschaio
+ */
+/**
+ * Compares two objects and returns the differences.
+ *
+ * @param {Object} obj1 - The first object to compare.
+ * @param {Object} obj2 - The second object to compare.
+ * @returns {Object} An object containing the differences between obj1 and obj2.
+ *
+ * @example
+ * const obj1 = { a: 1, b: 2, c: 3 };
+ * const obj2 = { a: 1, b: 4, d: 5 };
+ * const diffs = compareObjects(obj1, obj2);
+ * // diffs = { b: 4, c: null, d: 5 }
+ */
+export function compareObjects(obj1, obj2) {
+  if (!obj2 || Object.prototype.toString.call(obj2) !== "[object Object]") {
+    return obj1;
+  }
+  const diffs = {};
+  let key;
+  const arraysMatch = (arr1, arr2) => {
+    if (arr1.length !== arr2.length) return false;
+    for (let i = 0; i < arr1.length; i++) {
+      if (arr1[i] !== arr2[i]) return false;
+    }
+    return true;
+  };
+  const compare = (item1, item2, key) => {
+    const type1 = Object.prototype.toString.call(item1);
+    const type2 = Object.prototype.toString.call(item2);
+    if (type2 === "[object Undefined]") {
+      diffs[key] = null;
+      return;
+    }
+    if (type1 !== type2) {
+      diffs[key] = item2;
+      return;
+    }
+    if (type1 === "[object Object]") {
+      const objDiff = compareObjects(item1, item2);
+      if (Object.keys(objDiff).length > 0) {
+        diffs[key] = objDiff;
+      }
+      return;
+    }
+    if (type1 === "[object Array]") {
+      if (!arraysMatch(item1, item2)) {
+        diffs[key] = item2;
+      }
+      return;
+    }
+    if (type1 === "[object Function]") {
+      if (item1.toString() !== item2.toString()) {
+        diffs[key] = item2;
+      }
+    } else {
+      if (item1 !== item2) {
+        diffs[key] = item2;
+      }
+    }
+  };
+  for (key in obj1) {
+    if (Object.prototype.hasOwnProperty.call(obj1, key)) {
+      compare(obj1[key], obj2[key], key);
+    }
+  }
+  for (key in obj2) {
+    if (Object.prototype.hasOwnProperty.call(obj2, key)) {
+      if (!obj1[key] && obj1[key] !== obj2[key]) {
+        diffs[key] = obj2[key];
+      }
+    }
+  }
+  return diffs;
+}
+
+/**
+ * Filters applications based on provided exclusions and title exclusions.
+ *
+ * @param {Object} app - The application object to be filtered.
+ * @param {Array<string>} exclusions - List of application names to be excluded.
+ * @param {Array<string>} titleExclusions - List of application titles to be excluded.
+ * @param {boolean} exclusionsAsRegex - Flag indicating if exclusions should be treated as regular expressions.
+ * @returns {boolean} - Returns true if the application should be included, false otherwise.
+ */
+export function filterApps(
+  app,
+  exclusions,
+  titleExclusions,
+  exclusionsAsRegex,
+) {
+  const fullscreen = app.isNativeFullscreen ?? app.__legacyIsNativeFullscreen;
+  const appName = app.app || app["app-name"];
+  const appTitle = app.title || app["window-title"];
+
+  const isAppNameExcluded = exclusionsAsRegex
+    ? exclusions.length !== 0 && new RegExp(exclusions).test(appName)
+    : exclusions.includes(appName);
+
+  const isAppTitleExcluded = exclusionsAsRegex
+    ? titleExclusions.length !== 0 && new RegExp(titleExclusions).test(appTitle)
+    : titleExclusions.includes(appTitle);
+
+  return (
+    fullscreen ||
+    (!isAppNameExcluded && !appTitle?.length) ||
+    (!isAppNameExcluded && !isAppTitleExcluded)
+  );
+}
+
+export function isSpaceExcluded(id, exclusions /*list*/, exclusionsAsRegex) {
+  const isSpaceNameExcluded = exclusionsAsRegex
+    ? exclusions.some(
+        (rx) =>
+          rx.length !== 0 &&
+          (rx instanceof RegExp ? rx : new RegExp(rx)).test(id),
+      )
+    : exclusions.includes(id);
+
+  return exclusions && isSpaceNameExcluded;
+}
+
+/**
+ * Filters and categorizes windows into sticky and non-sticky based on various criteria.
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {Array} params.windows - The list of windows to filter.
+ * @param {boolean} params.uniqueApps - Whether to treat apps as unique.
+ * @param {number} params.currentDisplay - The current display identifier.
+ * @param {number} params.currentSpace - The current space identifier.
+ * @param {Array} params.exclusions - The list of app names to exclude.
+ * @param {Array} params.titleExclusions - The list of window titles to exclude.
+ * @param {boolean} params.exclusionsAsRegex - Whether exclusions are regex patterns.
+ * @returns {Object} An object containing two arrays: `nonStickyWindows` and `stickyWindows`.
+ */
+export function stickyWindowWorkaround({
+  windows = [],
+  uniqueApps,
+  currentDisplay,
+  currentSpace,
+  exclusions,
+  titleExclusions,
+  exclusionsAsRegex,
+}) {
+  const stickySet = new Set();
+  const stickyWindows = windows.filter((app) => {
+    const {
+      "is-sticky": isSticky,
+      sticky: __legacyIsSticky,
+      "is-native-fullscreen": isNativeFullscreen,
+      "native-fullscreen": __legacyIsNativeFullscreen,
+      display,
+      app: appName,
+      id,
+    } = app;
+    return (
+      (isSticky ?? __legacyIsSticky) &&
+      !(isNativeFullscreen ?? __legacyIsNativeFullscreen) &&
+      display === currentDisplay &&
+      filterApps(app, exclusions, titleExclusions, exclusionsAsRegex) &&
+      !stickySet.has(uniqueApps ? appName : id) &&
+      stickySet.add(uniqueApps ? appName : id)
+    );
+  });
+  const nonStickySet = new Set();
+  const nonStickyWindows = windows.filter((app) => {
+    const {
+      "is-sticky": isSticky,
+      sticky: __legacyIsSticky,
+      "is-native-fullscreen": isNativeFullscreen,
+      "native-fullscreen": __legacyIsNativeFullscreen,
+      space,
+      app: appName,
+      id,
+    } = app;
+    return (
+      (!(isSticky ?? __legacyIsSticky) ||
+        (isNativeFullscreen ?? __legacyIsNativeFullscreen)) &&
+      space === currentSpace &&
+      filterApps(app, exclusions, titleExclusions, exclusionsAsRegex) &&
+      !nonStickySet.has(uniqueApps ? appName : id) &&
+      nonStickySet.add(uniqueApps ? appName : id)
+    );
+  });
+  return { nonStickyWindows, stickyWindows };
+}
+
+/**
+ * Sorts an array of window objects based on their frame coordinates and stack index.
+ *
+ * The sorting priority is as follows:
+ * 1. `frame.x` - Windows are sorted by their x-coordinate.
+ * 2. `frame.y` - If x-coordinates are equal, windows are sorted by their y-coordinate.
+ * 3. `stack-index` - If both x and y coordinates are equal, windows are sorted by their stack index.
+ * 4. `id` - If all previous criteria are equal, windows are sorted by their id.
+ *
+ * @param {Array} windows - The array of window objects to be sorted.
+ * @param {Object} windows[].frame - The frame object containing x and y coordinates.
+ * @param {number} windows[].frame.x - The x-coordinate of the window.
+ * @param {number} windows[].frame.y - The y-coordinate of the window.
+ * @param {number} windows[].stack-index - The stack index of the window.
+ * @param {number} windows[].id - The unique identifier of the window.
+ * @returns {Array} The sorted array of window objects.
+ */
+export function sortWindows(windows) {
+  return windows.sort((a, b) => {
+    if (a.frame.x !== b.frame.x) {
+      return a.frame.x > b.frame.x;
+    }
+    if (a.frame.y !== b.frame.y) {
+      return a.frame.y > b.frame.y;
+    }
+    if (a["stack-index"] !== b["stack-index"]) {
+      return a["stack-index"] > b["stack-index"];
+    }
+    return a.id > b.id;
+  });
+}
+
+/**
+ * Softly refreshes the Uebersicht widget with the specified ID.
+ *
+ * This function runs an AppleScript command to refresh the widget with the ID "simple-bar-index-jsx"
+ * in the Uebersicht application.
+ *
+ * @async
+ * @function softRefresh
+ * @returns {Promise<void>} A promise that resolves when the refresh command has been executed.
+ */
+export async function softRefresh() {
+  await Uebersicht.run(
+    `osascript -e 'tell application id "tracesOf.Uebersicht" to refresh widget id "simple-bar-index-jsx"'`,
+  );
+}
+
+/**
+ * Triggers a hard refresh of the Uebersicht application by running an AppleScript command.
+ *
+ * @async
+ * @function hardRefresh
+ * @returns {Promise<void>} A promise that resolves when the refresh command has been executed.
+ */
+export async function hardRefresh() {
+  await Uebersicht.run(
+    `osascript -e 'tell application id "tracesOf.Uebersicht" to refresh'`,
+  );
+}
+
+/**
+ * Displays a notification using either the pushMissive function or the system notification.
+ *
+ * @param {string} content - The content of the notification.
+ * @param {Function} pushMissive - A function to push a missive notification.
+ * @param {Object} [options] - Optional settings for the notification.
+ * @param {string} [options.side="right"] - The side where the notification should appear.
+ * @param {number} [options.delay=5000] - The delay before the notification disappears.
+ */
+export function notification(
+  content,
+  pushMissive,
+  { side = "right", delay = 5000 } = {},
+) {
+  const settings = Settings.get();
+  const { disableNotifications, enableMissives } = settings.global;
+  if (disableNotifications) return;
+  if (enableMissives && typeof pushMissive === "function") {
+    pushMissive({ side, content, delay });
+  } else {
+    Uebersicht.run(
+      `osascript -e 'tell app "System Events" to display notification "${content}" with title "simple-bar"'`,
+    );
+  }
+}
+
+/**
+ * Injects styles into the document head. If styles with the given ID already exist, it updates them.
+ * Otherwise, it creates a new style element and appends it to the document head.
+ *
+ * @param {string} id - The ID to assign to the style element.
+ * @param {string[]} [styles=[]] - An array of CSS styles to inject.
+ */
+export function injectStyles(id, styles = []) {
+  const existingStyles = document.getElementById(id);
+  // Merge all styles and minify them
+  const stylesToInject = styles.join("").replace(/\s+/g, " ");
+  if (existingStyles) {
+    existingStyles.innerHTML = stylesToInject;
+    return;
+  }
+  document.head.appendChild(
+    Object.assign(document.createElement("style"), {
+      id,
+      innerHTML: stylesToInject,
+    }),
+  );
+}
+
+const DEFAULT_PACE = 4;
+
+/**
+ * Starts the sliding animation for a given container.
+ *
+ * @param {HTMLElement} container - The container element that holds the inner and slider elements.
+ * @param {string} innerSelector - The CSS selector for the inner element.
+ * @param {string} sliderSelector - The CSS selector for the slider element.
+ */
+export function startSliding(container, innerSelector, sliderSelector) {
+  if (!container) return;
+  const settings = Settings.get();
+  const { slidingAnimationPace = DEFAULT_PACE } = settings.global;
+  const pace =
+    !slidingAnimationPace || slidingAnimationPace < 1
+      ? DEFAULT_PACE
+      : parseInt(slidingAnimationPace);
+  const inner = container.querySelector(innerSelector);
+  const slider = container.querySelector(sliderSelector);
+  const delta = inner.clientWidth - slider.clientWidth;
+  if (delta > 0) return;
+  const timing = Math.round((Math.abs(delta) * 100) / pace);
+  Object.assign(slider.style, {
+    transform: `translateX(${delta}px)`,
+    transition: `transform ${timing}ms linear`,
+  });
+}
+
+/**
+ * Stops the sliding effect by removing the inline style of the slider element.
+ *
+ * @param {HTMLElement} container - The container element that holds the slider.
+ * @param {string} sliderSelector - The CSS selector for the slider element.
+ */
+export function stopSliding(container, sliderSelector) {
+  if (!container) return;
+  container.querySelector(sliderSelector).removeAttribute("style");
+}
+
+/**
+ * Cleans up the given output by trimming whitespace and removing all newline characters.
+ *
+ * @param {string} output - The string output to be cleaned.
+ * @returns {string} - The cleaned output string.
+ */
+export function cleanupOutput(output) {
+  return output?.trim().replace(/(\r\n|\n|\r)/gm, "");
+}
+
+/**
+ * Returns a promise that resolves after a specified number of milliseconds.
+ *
+ * @param {number} ms - The number of milliseconds to wait before the promise resolves.
+ * @returns {Promise<void>} An empty promise that resolves after the specified delay.
+ */
+export function timeout(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+/**
+ * Switches the space (virtual desktop) on macOS.
+ *
+ * @param {number} currentIndex - The current space index.
+ * @param {number} desiredIndex - The desired space index to switch to.
+ * @returns {Promise<void>} A promise that resolves when the space switch is complete.
+ */
+export async function switchSpace(currentIndex, desiredIndex) {
+  const repeats = Math.abs(currentIndex - desiredIndex);
+  const left = currentIndex > desiredIndex;
+  for (let i = 0; i < repeats; i++) {
+    await Uebersicht.run(
+      `osascript -e 'tell app "System Events" to key code ${
+        left ? "123" : "124"
+      } using control down'`,
+    );
+  }
+}
+
+/**
+ * Adds event listeners to handle focus and blur events on the bar element.
+ *
+ * This function selects the element with the class "simple-bar" and adds
+ * event listeners for "click" and "mouseleave" events. When the bar is clicked,
+ * it checks if the click target is the bar itself and then calls the `focusBar` function.
+ * When the mouse leaves the bar, it calls the `blurBar` function.
+ */
+export function handleBarFocus() {
+  const bar = document.querySelector(".simple-bar");
+  if (!bar) return;
+  bar.addEventListener("click", (e) => {
+    if (e.target !== bar) return;
+    focusBar();
+  });
+  bar.addEventListener("mouseleave", blurBar);
+}
+
+/**
+ * Focuses the bar element by adding the "simple-bar--focused" class to it.
+ * If the bar element is not found, the function does nothing.
+ */
+function focusBar() {
+  const bar = document.querySelector(".simple-bar");
+  if (!bar) return;
+  bar.classList.add("simple-bar--focused");
+}
+
+/**
+ * Removes the "simple-bar--focused" class from the element with the class "simple-bar".
+ * If the element is not found, the function does nothing.
+ */
+export function blurBar() {
+  const bar = document.querySelector(".simple-bar");
+  if (!bar) return;
+  bar.classList.remove("simple-bar--focused");
+}
+
+/**
+ * Retrieves the system architecture.
+ *
+ * This function runs two shell commands using Uebersicht to get the system's
+ * architecture and system type. It then processes the output to determine
+ * if the system is using an ARM64 architecture or x86_64.
+ *
+ * The result is cached permanently (in memory and localStorage) since
+ * system architecture never changes at runtime.
+ *
+ * @returns {Promise<"arm64" | "x86_64">} A promise that resolves to a string indicating the system architecture ("arm64" or "x86_64").
+ */
+let _cachedSystem = null;
+
+export async function getSystem() {
+  if (_cachedSystem) return _cachedSystem;
+  try {
+    const stored = localStorage.getItem("sb_system_arch");
+    if (stored) {
+      _cachedSystem = stored;
+      return _cachedSystem;
+    }
+  } catch {
+    // Ignore localStorage errors
+  }
+  const [bareArchitecture, bareSystem] = await Promise.all([
+    Uebersicht.run("uname -a"),
+    Uebersicht.run("uname -m"),
+  ]);
+  const architecture = cleanupOutput(bareArchitecture);
+  const system = cleanupOutput(bareSystem);
+  if (
+    system.startsWith("arm64") ||
+    (system.startsWith("x86_64") && architecture.includes("ARM64"))
+  ) {
+    _cachedSystem = "arm64";
+  } else {
+    _cachedSystem = "x86_64";
+  }
+  try {
+    localStorage.setItem("sb_system_arch", _cachedSystem);
+  } catch {
+    // Ignore localStorage errors
+  }
+  return _cachedSystem;
+}
+
+/**
+ * Checks if a display is visible based on the provided setting.
+ *
+ * @param {number} display - The display number to check.
+ * @param {string} setting - A comma-separated string of display numbers.
+ * @returns {boolean} - Returns true if the display is visible, otherwise false.
+ */
+export function isVisibleOnDisplay(display, setting) {
+  try {
+    if (!setting?.trim()) return true;
+    const displays = setting.split(",").map((d) => parseInt(d, 10));
+    return displays.includes(display);
+  } catch {
+    return true;
+  }
+}
+
+/**
+ * Adds a value to the graph history and ensures the graph does not exceed the specified maximum length.
+ *
+ * @param {any} value - The value to add to the graph history.
+ * @param {function} setGraph - The state setter function for updating the graph.
+ * @param {number} maxLength - The maximum length of the graph history.
+ */
+export function addToGraphHistory(value, setGraph, maxLength) {
+  setGraph((graph) => {
+    const newGraph = [...graph, value];
+    if (newGraph.length > maxLength) {
+      newGraph.shift();
+    }
+    return newGraph;
+  });
+}
+
+/**
+ * Parses a string value into an integer and returns it if valid, otherwise returns a default value.
+ *
+ * @param {string} value - The string value to parse.
+ * @param {number} defaultValue - The default value to return if parsing fails.
+ * @returns {number} - The parsed integer or the default value if parsing fails.
+ */
+export function getRefreshFrequency(value, defaultValue) {
+  const parsedValue = parseInt(value, 10);
+  return isNaN(parsedValue) ? defaultValue : parsedValue;
+}
+
+/**
+ * Executes a given command in the user's preferred terminal application.
+ *
+ * The terminal application is determined by the global settings.
+ * Supported terminals are "Terminal" and "iTerm2".
+ *
+ * @param {string} command - The command to be executed in the terminal.
+ */
+export function runInUserTerminal(command) {
+  const settings = Settings.get();
+  const { terminal } = settings.global;
+  switch (terminal) {
+    case "Terminal":
+      Uebersicht.run(
+        `osascript ./simple-bar/lib/scripts/run-command-in-terminal.applescript` +
+          ` "${command}"`,
+      );
+      break;
+    case "iTerm2":
+      Uebersicht.run(
+        `osascript ./simple-bar/lib/scripts/run-command-in-iterm2.applescript` +
+          ` "${command}"`,
+      );
+      break;
+    default:
+      break;
+  }
+}
+
+/**
+ * Formats a given number of bytes into a more readable string with appropriate units.
+ *
+ * @param {number} bytes - The number of bytes to format.
+ * @param {number} [decimals=1] - The number of decimal places to include in the formatted string.
+ * @returns {string} The formatted string with the appropriate unit.
+ */
+export function formatBytes(bytes, decimals = 1) {
+  if (!+bytes) return "0b";
+
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["b", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"];
+
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))}<em>${
+    sizes[i]
+  }</em>`;
+}
+
+/**
+ * Normalizes an application name by removing any left-to-right mark characters (U+200E).
+ *
+ * @param {string} name - The application name to normalize.
+ * @returns {string} The normalized application name without left-to-right mark characters.
+ */
+export function normalizeAppName(name) {
+  if (!name) return "";
+  return name.replace(/[\u200E]/g, "");
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/yabai.js b/users/ryan/modules/simple-bar/simple-bar-source/lib/yabai.js
new file mode 100755
index 0000000..1a56068
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/yabai.js
@@ -0,0 +1,128 @@
+import * as Uebersicht from "uebersicht";
+import * as Settings from "./settings";
+import * as Utils from "./utils";
+
+/**
+ * Focuses on the specified space.
+ * @param {number} index - The index of the space to focus on.
+ */
+export async function goToSpace(index) {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  await Uebersicht.run(`${yabaiPath} -m space --focus ${index}`);
+}
+
+/**
+ * Renames the specified space.
+ * @param {number} index - The index of the space to rename.
+ * @param {string} label - The new label for the space.
+ */
+export async function renameSpace(index, label) {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  await Uebersicht.run(`${yabaiPath} -m space ${index} --label "${label}"`);
+}
+
+/**
+ * Creates a new space on the specified display.
+ * @param {number} displayId - The ID of the display to create the space on.
+ */
+export async function createSpace(displayId) {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  await focusDisplay(displayId);
+  await Uebersicht.run(`${yabaiPath} -m space --create`);
+  await Utils.softRefresh();
+}
+
+/**
+ * Removes the specified space from the specified display.
+ * @param {number} index - The index of the space to remove.
+ * @param {number} displayId - The ID of the display to remove the space from.
+ */
+export async function removeSpace(index, displayId) {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  await focusDisplay(displayId);
+  await Uebersicht.run(`${yabaiPath} -m space ${index} --destroy`);
+  await Utils.softRefresh();
+}
+
+/**
+ * Swaps the specified space with the space in the given direction.
+ * @param {number} index - The index of the space to swap.
+ * @param {string} direction - The direction to swap the space ("left" or "right").
+ */
+export async function swapSpace(index, direction) {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  const action = direction === "left" ? index - 1 : index + 1;
+  await Uebersicht.run(`${yabaiPath} -m space ${index} --swap ${action}`);
+  await Utils.softRefresh();
+}
+
+/**
+ * Focuses on the specified window.
+ * @param {number} id - The ID of the window to focus on.
+ */
+export async function focusWindow(id) {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  await Uebersicht.run(`${yabaiPath} -m window --focus ${id}`);
+}
+
+/**
+ * Retrieves the list of spaces.
+ * @returns {Promise<Object[]>} A promise that resolves to the list of spaces.
+ */
+export async function getSpaces() {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  const json = await Uebersicht.run(`${yabaiPath} -m query --spaces`);
+  return Utils.parseJson(json);
+}
+
+/**
+ * Retrieves the list of windows.
+ * @returns {Promise<Object[]>} A promise that resolves to the list of windows.
+ */
+export async function getWindows() {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  const json = await Uebersicht.run(`${yabaiPath} -m query --windows`);
+  const cleanedJson = json.replace(/\\\n/g, "").replace(/00000/g, "0");
+  return Utils.parseJson(cleanedJson);
+}
+
+/**
+ * Retrieves the list of displays.
+ * @returns {Promise<Object[]>} A promise that resolves to the list of displays.
+ */
+export async function getDisplays() {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  const json = await Uebersicht.run(`${yabaiPath} -m query --displays`);
+  return Utils.parseJson(json);
+}
+
+/**
+ * Focus the given display.
+ *
+ * Silently ignores the error thrown when the display is already focused,
+ * which is a known and harmless yabai behavior.
+ *
+ * @param {number|string} displayId - The ID of the display to focus.
+ */
+async function focusDisplay(displayId) {
+  const settings = Settings.get();
+  const { yabaiPath = "/opt/homebrew/bin/yabai" } = settings.global;
+  try {
+    await Uebersicht.run(`${yabaiPath} -m display --focus ${displayId}`);
+  } catch (e) {
+    const message = e?.toString?.() || "";
+    if (!message.includes("cannot focus an already focused display")) {
+      // eslint-disable-next-line no-console
+      console.warn("Failed to focus display:", message);
+    }
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/package-lock.json b/users/ryan/modules/simple-bar/simple-bar-source/package-lock.json
new file mode 100755
index 0000000..3682fa0
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/package-lock.json
@@ -0,0 +1,3267 @@
+{
+  "name": "simple-bar",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "simple-bar",
+      "version": "1.0.0",
+      "devDependencies": {
+        "@eslint/js": "^9",
+        "eslint": "^9",
+        "eslint-plugin-react": "^7",
+        "eslint-plugin-react-hooks": "^7",
+        "globals": "^16"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.1.tgz",
+      "integrity": "sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
+      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
+      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.3",
+        "es-errors": "^1.2.1",
+        "get-intrinsic": "^1.2.3",
+        "is-array-buffer": "^3.0.4",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.24",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.24.tgz",
+      "integrity": "sha512-uUhTRDPXamakPyghwrUcjaGvvBqGrWvBHReoiULMIpOJVM9IYzQh83Xk2Onx5HlGI2o10NNCzcs9TG/S3TkwrQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.27.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.27.0.tgz",
+      "integrity": "sha512-AXVQwdhot1eqLihwasPElhX2tAZiBjWdJ9i/Zcj2S6QYIjkx62OKSfnobkriB81C3l4w0rVy3Nt4jaTBltYEpw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.8.19",
+        "caniuse-lite": "^1.0.30001751",
+        "electron-to-chromium": "^1.5.238",
+        "node-releases": "^2.0.26",
+        "update-browserslist-db": "^1.1.4"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001753",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001753.tgz",
+      "integrity": "sha512-Bj5H35MD/ebaOV4iDLqPEtiliTN29qkGtEHCwawWn4cYm+bPJM2NsaP30vtZcnERClMzp52J4+aw2UNbK4o+zw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.244",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.244.tgz",
+      "integrity": "sha512-OszpBN7xZX4vWMPJwB9illkN/znA8M36GQqQxi6MNy9axWxhOfJyZZJtSLQCpEFLHP2xK33BiWx9aIuIEXVCcw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/es-abstract": {
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "arraybuffer.prototype.slice": "^1.0.3",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "data-view-buffer": "^1.0.1",
+        "data-view-byte-length": "^1.0.1",
+        "data-view-byte-offset": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.0.3",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.4",
+        "get-symbol-description": "^1.0.2",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.0.7",
+        "is-array-buffer": "^3.0.4",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.1",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.3",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.13",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.5",
+        "regexp.prototype.flags": "^1.5.2",
+        "safe-array-concat": "^1.1.2",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.trim": "^1.2.9",
+        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-length": "^1.0.1",
+        "typed-array-byte-offset": "^1.0.2",
+        "typed-array-length": "^1.0.6",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.15"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.19",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
+      "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.7",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.1.tgz",
+      "integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.1",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.35.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.35.0.tgz",
+      "integrity": "sha512-v501SSMOWv8gerHkk+IIQBkcGRGrO2nfybfj5pLxuJNFTPxxA3PSryhXTK+9pNbtkggheDdsC0E9Q8CuPk6JKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.19",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.8",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.0",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.11",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
+      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
+      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "16.5.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.5.0.tgz",
+      "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
+      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
+      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
+      "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
+      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "set-function-name": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
+      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.1.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
+      "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.7",
+        "regexp.prototype.flags": "^1.5.2",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
+      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
+      "integrity": "sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
+      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.12.tgz",
+      "integrity": "sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    }
+  }
+}
diff --git a/users/ryan/modules/simple-bar/simple-bar-source/package.json b/users/ryan/modules/simple-bar/simple-bar-source/package.json
new file mode 100755
index 0000000..b0cde0d
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "simple-bar",
+  "licence": "MIT",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "A yabai status bar widget for Ãœbersicht.",
+  "scripts": {
+    "lint": "eslint . --ext .js,.jsx"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9",
+    "eslint": "^9",
+    "eslint-plugin-react": "^7",
+    "eslint-plugin-react-hooks": "^7",
+    "globals": "^16"
+  }
+}
diff --git a/users/ryan/modules/taskwarrior-ubersicht/default.nix b/users/ryan/modules/taskwarrior-ubersicht/default.nix
index 1f16c24..665af89 100644..100755
--- a/users/ryan/modules/taskwarrior-ubersicht/default.nix
+++ b/users/ryan/modules/taskwarrior-ubersicht/default.nix
@@ -4,12 +4,7 @@ with lib;
 
 let
     cfg = config.ryan.simple-bar;
-    # Fetch the git repo at a specific rev
-    "taskwarrior-ubersicht-upstream" = builtins.fetchGit {
-        url = "https://github.com/nstanger/taskwarrior.widget";
-        rev = "30428166fc84491eec36d91248df65f95064c97c";
-        shallow = true;
-    };
+    "taskwarrior-ubersicht-upstream" = ./taskwarrior-widget-source
 in
 {
     options.ryan.taskwarrior-widget.enable = mkEnableOption "taskwarrior-widget";
diff --git a/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/README.md b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/README.md
new file mode 100755
index 0000000..bf20fb7
--- /dev/null
+++ b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/README.md
@@ -0,0 +1,7 @@
+# Taskwarrior widget for Ãœbersicht
+
+Inspired by the original Taskwarrior Widget by Kevin Bockelandt (<https://github.com/KevinBockelandt/TaskwarriorWidget>), but enhanced and rewritten from scratch for Übersicht’s more recent React + JSX framework.
+
+The widget displays a configurable number (default 20) of ready Taskwarrior tasks (i.e., those that have the `READY` virtual tag), sorted in descending order of urgency. The columns displayed are task ID, number of days/weeks/months/years (as appropriate) to due date, description, project, tags, urgency, and a configurable indicator (default 🟊) of whether you’ve started a task.
+
+Due and overdue tasks are highlighted using configurable colours.
diff --git a/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/style.css b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/style.css
new file mode 100755
index 0000000..2de4075
--- /dev/null
+++ b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/style.css
@@ -0,0 +1,43 @@
+#taskwarrior-widget-container strong.warning {
+    color: orange;
+}
+#taskwarrior-widget-container strong.error {
+    color: red;
+}
+
+#taskwarrior-widget-container table {
+    border-collapse: collapse;
+}
+
+#taskwarrior-widget-container tr.header {
+    font-size: 8pt;
+    font-weight: bold;
+}
+
+#taskwarrior-widget-container th, td {
+    padding-bottom: 4px;
+    padding-left: 0px;
+    padding-right: 12px;
+    padding-top: 4px;
+    text-align: left;
+}
+
+#taskwarrior-widget-container th:last-of-type, td:last-of-type {
+    padding-right: 8px;
+}
+
+#taskwarrior-widget-container th.num, td.num {
+    text-align: right;
+}
+
+#taskwarrior-widget-container .star {
+    font-family: Symbola, sans-serif;
+    font-size: 8pt;
+    padding-left: 4px;
+    padding-right: 1px;
+    text-align: center;
+}
+
+#taskwarrior-widget-container tbody tr:nth-child(odd) {
+    background-color: rgba(255, 255, 255, 0.1);
+}
diff --git a/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/taskwarrior.jsx b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/taskwarrior.jsx
new file mode 100755
index 0000000..14e23a5
--- /dev/null
+++ b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/taskwarrior.jsx
@@ -0,0 +1,203 @@
+// Originally inspired by Taskwarrior Widget by Kevin Bockelandt:
+// https://github.com/KevinBockelandt/TaskwarriorWidget
+// Rewritten from scratch using the new React + JSX framework.
+
+'use strict';
+
+export const command = "task +READY -PARENT export";
+
+export const refreshFrequency = 10000;
+
+// Ridiculously high number of days (in ms), used to indicate there is no due date
+export const maxDue = 100000 * 60 * 60 * 24 * 1000;
+
+export const className = `
+    left: 30px;
+    top: 45px;
+    font-family: Helvetica Neue;
+    font-size: 10pt;
+    font-weight: 400;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 7px;
+    padding: 5px;
+`;
+
+// Configuration
+// Note date differences are in ms
+const millisecondsInDay = 24 * 60 * 60 * 1000;
+const millisecondsInWeek = millisecondsInDay * 7;
+const millisecondsInMonth = millisecondsInDay * 30.42; // on average
+const millisecondsInYear = millisecondsInDay * 365.25; // appproximately
+// Maximum number of entries to display
+const maxEntries = 20;
+// Indicator for tasks that are started
+const startedIndicator = "🟊";
+
+// Colours
+const headerColour = Object.freeze({ r: 255, g: 255, b: 255, a: 1 });
+// The opacity is determined dynamically for all the following
+const overDueColour = Object.freeze({ r: 255, g: 100, b: 100 });
+const dueColour = Object.freeze({ r: 255, g: 200, b: 0 });
+const normalColour = Object.freeze({ r: 255, g: 255, b: 255 });
+const tagsColour = Object.freeze({ r: 50, g: 225, b: 50 });
+
+// Tasks fade out towards the bottom of the table in steps of 1 / maxEntries
+const opacities = Object.freeze((() => {
+    let values = [];
+    for (let i = 0; i < maxEntries; i++) {
+        values.push(((i / maxEntries * -1) + 1).toFixed(2));
+    }
+    return values;
+})());
+
+// Reformat and compute task values ready for output
+const processTask = (task, index) => {
+    // Compute number of days to due date
+    if (task.due) {
+        let dueDateOffset = maxDue;
+        // Taskwarrior date strings aren't quite in ISO 8601 format
+        // e.g.: 20191007T110000Z, which should be 2019-10-07T11:00:00Z
+        let dateParts = [task.due.slice(0, 4), task.due.slice(4, 6), task.due.slice(6, 8)].join("-");
+        let timeParts = [task.due.slice(8, 11), task.due.slice(11, 13), task.due.slice(13)].join(":");
+        let dueDate = new Date(dateParts + timeParts);
+        let today = new Date();
+        // Truncate the offset between the due date and today to the nearest day
+        today.setHours(0);
+        today.setMinutes(0);
+        today.setSeconds(0);
+        today.setMilliseconds(0);
+        dueDate.setMinutes(0);
+        dueDate.setSeconds(0);
+        dueDate.setMilliseconds(0);
+
+        let difference = dueDate.getTime() - today.getTime();
+        if (Math.abs(difference) > millisecondsInYear) {
+            dueDateOffset = Math.floor(difference / millisecondsInYear);
+            task.units = dueDateOffset + "y";
+        } else if (Math.abs(difference) > millisecondsInMonth) {
+            dueDateOffset = Math.floor(difference / millisecondsInMonth);
+            task.units = dueDateOffset + "m";
+        } else if (Math.abs(difference) > millisecondsInWeek) {
+            dueDateOffset = Math.floor(difference / millisecondsInWeek);
+            task.units = dueDateOffset + "w";
+        } else {
+            dueDateOffset = Math.floor(difference / millisecondsInDay);
+            task.units = dueDateOffset + "d";
+        }
+        task.due = difference;
+    }
+
+    // If the task has tags, merge them into a single string
+    if (task.tags) {
+        task.tags = task.tags.map((tag) => { return "+" + tag; }).join(" ");
+    }
+
+    // Mark started tasks
+    if (task.start) {
+        task.start = startedIndicator;
+    }
+
+    // don't need to check for 0 here as it'll get set to 0.0 anyway
+    task.urgency = task.urgency ? parseFloat(task.urgency).toFixed(2) : 0.0;
+
+    return task;
+};
+
+// Colourise the tasks in the output list
+const colourTask = (task, index) => {
+    // Colour row text according to due date
+    if (task.due < 0) {
+        task.colour = Object.assign({}, overDueColour);
+    }
+    else if (task.due == 0) {
+        task.colour = Object.assign({}, dueColour);
+    }
+    else {
+        task.colour = Object.assign({}, normalColour);
+    }
+    task.colour.a = opacities[index];
+
+    return task;
+}
+
+const rgbaString = (colour, a) => {
+    if (colour.a) {
+        return "rgba(" + colour.r + ", " + colour.g + ", " + colour.b + ", " + colour.a + ")";
+    }
+    else {
+        return "rgba(" + colour.r + ", " + colour.g + ", " + colour.b + ", " + a + ")";
+    }
+};
+
+export const render = ({ output, error }) => {
+    // What if error is already set?
+    // Will the following give an exception anyway?
+    try {
+        // Get the JSON object containing all the tasks and process them.
+        let taskList = JSON.parse(output).map(processTask);
+        // Sort the tasks by due date ascending, then by urgency descending.
+        taskList.sort((a, b) => {
+            // Adjust for no due date
+            // CAUTION: 0 is "falsy" but valid, so needs to be explicitly checked for
+            let aDue = (a.due || a.due === 0) ? a.due : maxDue;
+            let bDue = (b.due || b.due === 0) ? b.due : maxDue;
+            // Need urgency as a fraction. Maximum possible urgency is 60.7
+            // with default settings, so let’s assume it’s less than 1000.
+            return (aDue - a.urgency/1000) - (bDue - b.urgency/1000);
+        });
+        // We have to colourise after the sort.
+        // Only display the first maxEntries tasks.
+        taskList = taskList.slice(0, maxEntries).map(colourTask);
+
+        return (
+            <div id="taskwarrior-widget-container">
+                <link rel="stylesheet" type="text/css" href="taskwarrior.widget/style.css" />
+                <table>
+                    <thead>
+                        <tr className="header" style={{ color: rgbaString(headerColour) }}>
+                            <th className="star">{startedIndicator}</th>
+                            <th className="num">ID</th>
+                            <th className="num">DUE</th>
+                            <th>DESCRIPTION</th>
+                            <th>PROJECT</th>
+                            <th style={{ color: rgbaString(tagsColour, 1) }}>TAGS</th>
+                            <th className="num">URG</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {taskList.map((task, index) => {
+                            return (
+                                <tr style={{ color: rgbaString(task.colour) }} key={index}>
+                                    <td className="star">{task.start}</td>
+                                    <td className="num">{task.id}</td>
+                                    <td className="num">{task.units}</td>
+                                    <td>{task.description}</td>
+                                    <td>{task.project}</td>
+                                    <td style={{ color: rgbaString(tagsColour, task.colour.a) }}>{task.tags}</td>
+                                    <td className="num">{task.urgency}</td>
+                                </tr>
+                            );
+                        })}
+                    </tbody>
+                </table>
+            </div>
+        )
+    }
+    catch (e) {
+        if (!output) {
+            return (
+                <div id="taskwarrior-widget-container">
+                    <p><strong>No tasks found.</strong></p>
+                </div>
+            )
+        }
+        else {
+            console.error(e)
+            return (
+                <div id="taskwarrior-widget-container">
+                    <p><strong class="error">Error: {e}.</strong></p>
+                </div>
+            )
+        }
+    }
+};
diff --git a/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/widget.json b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/widget.json
new file mode 100755
index 0000000..9ceeaa8
--- /dev/null
+++ b/users/ryan/modules/taskwarrior-ubersicht/taskwarrior-widget-source/widget.json
@@ -0,0 +1,6 @@
+{
+    "name": "Taskwarrior Widget",
+    "description": "Displays a list of tasks from Taskwarrior",
+    "author": "Nigel Stanger",
+    "email": "nigel.stanger@gmail.com"
+}