From 3cee729830232aa6f77b78b98701c266119c2945 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Wed, 20 Mar 2024 03:48:29 +1300
Subject: [PATCH 01/24] Fix autocomplete construction

---
 assets/chat/js/autocomplete.js | 6 +++---
 assets/chat/js/chat.js         | 3 ++-
 assets/views/embed.html        | 3 +++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/assets/chat/js/autocomplete.js b/assets/chat/js/autocomplete.js
index 3ff9cd3f..16ba8e55 100644
--- a/assets/chat/js/autocomplete.js
+++ b/assets/chat/js/autocomplete.js
@@ -81,9 +81,10 @@ function selectHelper(ac) {
 }
 
 class ChatAutoComplete {
-  constructor() {
+  constructor(chat) {
+    this.chat = chat;
     /** @member jQuery */
-    this.ui = $(`<div id="chat-auto-complete"><ul></ul></div>`);
+    this.ui = this.chat.ui.find('#chat-auto-complete');
     this.ui.on('click', 'li', (e) =>
       this.select(parseInt(e.currentTarget.getAttribute('data-index'), 10)),
     );
@@ -98,7 +99,6 @@ class ChatAutoComplete {
   bind(chat) {
     this.chat = chat;
     this.input = chat.input;
-    this.ui.insertBefore(chat.input);
     let originval = '';
     let shiftdown = false;
     let keypressed = false;
diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index ee355b68..c872d600 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -94,7 +94,7 @@ class Chat {
     this.windows = new Map();
     this.settings = new Map(settingsdefault);
     this.commands = new ChatCommands();
-    this.autocomplete = new ChatAutoComplete();
+    this.autocomplete = null;
     this.menus = new Map();
     this.taggednicks = new Map();
     this.taggednotes = new Map();
@@ -295,6 +295,7 @@ class Chat {
     this.loginscrn = this.ui.find('#chat-login-screen');
     this.loadingscrn = this.ui.find('#chat-loading');
     this.windowselect = this.ui.find('#chat-windows-select');
+    this.autocomplete = new ChatAutoComplete(this);
     this.inputhistory = new ChatInputHistory(this);
     this.userfocus = new ChatUserFocus(this, this.css);
     this.mainwindow = new ChatWindow('main').into(this);
diff --git a/assets/views/embed.html b/assets/views/embed.html
index a420196c..fadeff29 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -29,6 +29,9 @@
 
   <div id="chat-input-frame">
     <div id="chat-input-wrap">
+      <div id="chat-auto-complete">
+        <ul></ul>
+      </div>
       <textarea
         id="chat-input-control"
         placeholder="Getting things ready ..."

From 2e1a487c0b511e1756c351e437e0e23c421d7b97 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Wed, 20 Mar 2024 03:50:14 +1300
Subject: [PATCH 02/24] Add poll input ui

---
 assets/chat/css/style.scss  |  69 ++++++++++++++++++++++
 assets/chat/js/chat.js      |  22 +------
 assets/chat/js/poll.js      |  14 +++--
 assets/chat/js/pollInput.js | 113 ++++++++++++++++++++++++++++++++++++
 assets/views/embed.html     |  74 +++++++++++++++++++++++
 5 files changed, 267 insertions(+), 25 deletions(-)
 create mode 100644 assets/chat/js/pollInput.js

diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss
index 15a48da2..f40e1624 100644
--- a/assets/chat/css/style.scss
+++ b/assets/chat/css/style.scss
@@ -1092,6 +1092,75 @@ hr {
   }
 }
 
+/* Poll input */
+#chat-poll-input {
+  display: none;
+  background-color: $color-surface-dark1;
+  z-index: 132;
+  border-radius: $bradius $bradius 0 0;
+  position: relative;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0.5em;
+  border: 1px solid $color-surface-dark3;
+  .chat-poll-input-section {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    padding: 0.5em;
+    &:not(:last-child) {
+      border-bottom: 1px solid $color-surface-dark4;
+    }
+    &.chat-poll-input-title h2 {
+      margin: 0 0 0.5em 0;
+    }
+    &.chat-poll-input-buttons .chat-poll-input-row {
+      justify-content: space-between;
+    }
+    .chat-poll-input-row {
+      width: 100%;
+      align-items: center;
+      display: flex;
+      padding: 0.5em 0;
+      justify-content: center;
+      &.chat-poll-input-answer:nth-child(-n + 2) .chat-poll-input-button {
+        display: none;
+      }
+      span {
+        font-weight: 500;
+        padding: 0.25em;
+      }
+      input {
+        width: 100%;
+        padding: 0.25em;
+        margin: 0 0.25em;
+        border-radius: $bradius;
+        color: $color-chat-text2;
+        background-color: $color-surface-dark2;
+        border: 1px solid $color-surface-dark3;
+        outline: none;
+        resize: none;
+      }
+      .chat-poll-input-button {
+        margin: 0 0.5em 0 0.5em;
+        padding: 0.25em 0.75em;
+        border-radius: $bradius;
+        color: #fff;
+        font-weight: 500;
+        &.chat-poll-input-button-add,
+        &.chat-poll-input-button-send {
+          background: $color-green;
+        }
+        &.chat-poll-input-button-remove,
+        &.chat-poll-input-button-cancel {
+          background: $color-red;
+        }
+      }
+    }
+  }
+}
+
 /* Auto complete */
 #chat-auto-complete {
   pointer-events: none;
diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index c872d600..61be8951 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -38,7 +38,7 @@ import ChatUserFocus from './focus';
 import ChatStore from './store';
 import Settings from './settings';
 import ChatWindow from './window';
-import { ChatPoll, parseQuestionAndTime } from './poll';
+import { ChatPoll } from './poll';
 import { isMuteActive, MutedTimer } from './mutedtimer';
 import EmoteService from './emotes';
 import UserFeatures from './features';
@@ -1491,19 +1491,8 @@ class Chat {
   }
 
   cmdPOLL(parts, command) {
-    const slashCommand = `/${command.toLowerCase()}`;
     const textOnly = parts.join(' ');
 
-    try {
-      // Assume the command's format is invalid if an exception is thrown.
-      parseQuestionAndTime(textOnly);
-    } catch {
-      MessageBuilder.info(
-        `Usage: ${slashCommand} <question>? <option 1> or <option 2> [or <option 3> [or <option 4> ... [or <option n>]]] [<time>].`,
-      ).into(this);
-      return;
-    }
-
     if (this.chatpoll.isPollStarted()) {
       MessageBuilder.error('Poll already started.').into(this);
       return;
@@ -1516,14 +1505,7 @@ class Chat {
       return;
     }
 
-    const { question, options, time } = parseQuestionAndTime(textOnly);
-    const dataOut = {
-      weighted: slashCommand === '/spoll',
-      time,
-      question,
-      options,
-    };
-    this.source.send('STARTPOLL', dataOut);
+    this.chatpoll.showInput(textOnly, command === 'SPOLL');
   }
 
   cmdPOLLSTOP() {
diff --git a/assets/chat/js/poll.js b/assets/chat/js/poll.js
index da75b9ce..46b4b46c 100644
--- a/assets/chat/js/poll.js
+++ b/assets/chat/js/poll.js
@@ -2,9 +2,9 @@ import $ from 'jquery';
 import { throttle } from 'throttle-debounce';
 import UserFeatures from './features';
 import { MessageBuilder } from './messages';
+import ChatPollInput from './pollInput';
 
 const POLL_CONJUNCTION = /\bor\b/i;
-const POLL_INTERROGATIVE = /^(how|why|when|what|where)\b/i;
 const POLL_TIME = /\b([0-9]+(?:m|s))$/i;
 const POLL_DEFAULT_TIME = 30000;
 const POLL_MAX_TIME = 10 * 60 * 1000;
@@ -18,15 +18,13 @@ const PollType = {
 
 function parseQuestion(msg) {
   if (msg.indexOf('?') === -1) {
-    throw new Error('Must contain a ?');
+    return { question: '', options: [] };
+    // throw new Error('Must contain a ?');
   }
   const parts = msg.split('?');
   const question = `${parts[0]}?`;
   if (parts[1].trim() !== '') {
     const options = parts[1].split(POLL_CONJUNCTION).map((a) => a.trim());
-    if (options.length < 2 && question.match(POLL_INTERROGATIVE)) {
-      throw new Error('question needs at least 2 available answers');
-    }
     return { question, options };
   }
   return { question, options: ['Yes', 'No'] };
@@ -57,6 +55,7 @@ function parseQuestionAndTime(rawQuestion) {
 class ChatPoll {
   constructor(chat) {
     this.chat = chat;
+    this.inputUi = new ChatPollInput(this.chat);
     this.ui = this.chat.ui.find('#chat-poll-frame');
     this.ui.title = this.ui.find('.poll-info');
     this.ui.votes = this.ui.find('.poll-votes');
@@ -318,6 +317,11 @@ class ChatPoll {
 
     MessageBuilder.info(message).into(this.chat);
   }
+
+  showInput(message, weighted) {
+    const { question, options, time } = parseQuestionAndTime(message);
+    this.inputUi.show(question, options, time, weighted);
+  }
 }
 
 export { ChatPoll, parseQuestionAndTime };
diff --git a/assets/chat/js/pollInput.js b/assets/chat/js/pollInput.js
new file mode 100644
index 00000000..6412146c
--- /dev/null
+++ b/assets/chat/js/pollInput.js
@@ -0,0 +1,113 @@
+import $ from 'jquery';
+
+class ChatPollInput {
+  constructor(chat) {
+    this.chat = chat;
+    this.ui = this.chat.ui.find('#chat-poll-input');
+    this.ui.send = this.ui.find('.chat-poll-input-button-send');
+    this.ui.cancel = this.ui.find('.chat-poll-input-button-cancel');
+    this.ui.add = this.ui.find('.chat-poll-input-button-add');
+    this.ui.question = this.ui.find('.chat-poll-input-question');
+    this.ui.answers = this.ui.find('.chat-poll-input-answers');
+    this.ui.answers.options = [];
+    this.ui.time = this.ui.find('.chat-poll-input-time');
+    this.ui.weighted = this.ui.find('.chat-poll-input-weighted');
+
+    this.ui.cancel.on('click touch', () => this.hide());
+    this.ui.send.on('click touch', () => this.send());
+    this.ui.add.on('click touch', () => this.addAnswer());
+
+    this.ui.answers.on(
+      'click touch',
+      '.chat-poll-input-answer .chat-poll-input-button-remove',
+      (e) => {
+        e.target.closest('.chat-poll-input-answer').remove();
+      },
+    );
+  }
+
+  show(question, options, time, weighted) {
+    this.weighted = weighted;
+    this.question = question;
+    this.options = options;
+    this.time = time;
+
+    this.ui.show();
+  }
+
+  hide() {
+    this.ui.hide();
+  }
+
+  send() {
+    this.hide();
+    const dataOut = {
+      weighted: this.weighted,
+      time: this.time,
+      question: this.question,
+      options: this.options,
+    };
+    this.chat.source.send('STARTPOLL', dataOut);
+  }
+
+  addAnswer() {
+    this.buildOptionHtml('', this.options.length).insertBefore(
+      this.ui.add.closest('.chat-poll-input-row'),
+    );
+  }
+
+  buildOptionHtml(option, index) {
+    return $(`<div class="chat-poll-input-row chat-poll-input-answer">
+      <span>${index + 1}:</span>
+      <input type="text" placeholder="YEE" value="${option}">
+      <button class="chat-poll-input-button chat-poll-input-button-remove">X</button>
+    </div>`);
+  }
+
+  get question() {
+    return this.ui.question.val();
+  }
+
+  set question(question) {
+    this.ui.question.val(question);
+  }
+
+  get options() {
+    const options = [];
+    this.ui.answers
+      .find('.chat-poll-input-answer input')
+      .each((_, input) => options.push(input.value));
+    return options;
+  }
+
+  set options(rawOptions) {
+    let options = rawOptions;
+    // always have at least two options.
+    if (options.length === 0) options = ['', ''];
+    else if (options.length === 1) options.push('');
+
+    this.ui.answers.options = options.map((option, index) =>
+      this.buildOptionHtml(option, index),
+    );
+    this.ui.answers.children('.chat-poll-input-answer').remove();
+    this.ui.answers.prepend(this.ui.answers.options);
+  }
+
+  get time() {
+    return this.ui.time.val() * 1000;
+  }
+
+  set time(time) {
+    this.ui.time.val(time / 1000);
+  }
+
+  get weighted() {
+    return this.ui.weighted.checked;
+  }
+
+  set weighted(weighted) {
+    this.ui.weighted.attr('checked', weighted);
+  }
+}
+
+export default ChatPollInput;
diff --git a/assets/views/embed.html b/assets/views/embed.html
index fadeff29..7eca0c1e 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -29,6 +29,80 @@
 
   <div id="chat-input-frame">
     <div id="chat-input-wrap">
+      <div id="chat-poll-input">
+        <div class="chat-poll-input-section chat-poll-input-title">
+          <h2>Create Poll</h2>
+        </div>
+        <div class="chat-poll-input-section">
+          <div class="chat-poll-input-row">
+            <span>Question:</span>
+            <input
+              class="chat-poll-input-question"
+              type="text"
+              placeholder="YEE vs PEPE"
+            />
+          </div>
+        </div>
+        <div class="chat-poll-input-section chat-poll-input-answers">
+          <div class="chat-poll-input-row chat-poll-input-answer">
+            <span>1:</span>
+            <input type="text" placeholder="YEE" />
+            <button
+              class="chat-poll-input-button chat-poll-input-button-remove"
+            >
+              X
+            </button>
+          </div>
+          <div class="chat-poll-input-row chat-poll-input-answer">
+            <span>2:</span>
+            <input type="text" placeholder="PEPE" />
+            <button
+              class="chat-poll-input-button chat-poll-input-button-remove"
+            >
+              X
+            </button>
+          </div>
+          <div class="chat-poll-input-row">
+            <button class="chat-poll-input-button chat-poll-input-button-add">
+              Add Answer
+            </button>
+          </div>
+        </div>
+        <div class="chat-poll-input-section">
+          <div class="chat-poll-input-row">
+            <span>Time:</span>
+            <input
+              class="chat-poll-input-time"
+              type="number"
+              min="5"
+              max="600"
+              step="5"
+              value="30"
+            />
+            <span>seconds</span>
+          </div>
+          <div class="chat-poll-input-row">
+            <span>Sub Weighted:</span>
+            <input
+              class="chat-poll-input-weighted"
+              type="checkbox"
+              style="width: auto"
+            />
+          </div>
+        </div>
+        <div class="chat-poll-input-section chat-poll-input-buttons">
+          <div class="chat-poll-input-row">
+            <button class="chat-poll-input-button chat-poll-input-button-send">
+              Send
+            </button>
+            <button
+              class="chat-poll-input-button chat-poll-input-button-cancel"
+            >
+              Cancel
+            </button>
+          </div>
+        </div>
+      </div>
       <div id="chat-auto-complete">
         <ul></ul>
       </div>

From 262a6439838f0ae569e07a74ef7f67d3e33a874c Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Thu, 21 Mar 2024 03:45:18 +1300
Subject: [PATCH 03/24] Extend ChatMenu

---
 assets/chat/css/style.scss                    |  5 ++++-
 assets/chat/js/chat.js                        | 12 ++++++++--
 assets/chat/js/menus/ChatMenu.js              | 20 +++++++++++------
 .../{pollInput.js => menus/ChatPollInput.js}  | 22 ++++++++-----------
 assets/chat/js/menus/index.js                 |  1 +
 assets/chat/js/poll.js                        |  7 ------
 assets/views/embed.html                       | 18 ---------------
 7 files changed, 37 insertions(+), 48 deletions(-)
 rename assets/chat/js/{pollInput.js => menus/ChatPollInput.js} (90%)

diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss
index f40e1624..63bb2bfa 100644
--- a/assets/chat/css/style.scss
+++ b/assets/chat/css/style.scss
@@ -1094,11 +1094,14 @@ hr {
 
 /* Poll input */
 #chat-poll-input {
+  &.active {
+    display: block;
+  }
   display: none;
   background-color: $color-surface-dark1;
   z-index: 132;
   border-radius: $bradius $bradius 0 0;
-  position: relative;
+  position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index 61be8951..c6fa90fa 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -31,6 +31,7 @@ import {
   ChatEmoteTooltip,
   ChatSettingsMenu,
   ChatUserInfoMenu,
+  ChatPollInput,
 } from './menus';
 import ChatAutoComplete from './autocomplete';
 import ChatInputHistory from './history';
@@ -38,7 +39,7 @@ import ChatUserFocus from './focus';
 import ChatStore from './store';
 import Settings from './settings';
 import ChatWindow from './window';
-import { ChatPoll } from './poll';
+import { ChatPoll, parseQuestionAndTime } from './poll';
 import { isMuteActive, MutedTimer } from './mutedtimer';
 import EmoteService from './emotes';
 import UserFeatures from './features';
@@ -353,6 +354,10 @@ class Chat {
         this,
       ),
     );
+    this.menus.set(
+      'poll-input',
+      new ChatPollInput(this.ui.find('#chat-poll-input'), null, this),
+    );
 
     this.autocomplete.bind(this);
 
@@ -1505,7 +1510,10 @@ class Chat {
       return;
     }
 
-    this.chatpoll.showInput(textOnly, command === 'SPOLL');
+    const { question, options, time } = parseQuestionAndTime(textOnly);
+    this.menus
+      .get('poll-input')
+      .show(question, options, time, command === 'SPOLL');
   }
 
   cmdPOLLSTOP() {
diff --git a/assets/chat/js/menus/ChatMenu.js b/assets/chat/js/menus/ChatMenu.js
index b079dd97..cde0f996 100644
--- a/assets/chat/js/menus/ChatMenu.js
+++ b/assets/chat/js/menus/ChatMenu.js
@@ -13,18 +13,22 @@ export default class ChatMenu extends EventEmitter {
       this.scrollplugin = new ChatScrollPlugin(e.querySelector('.content'), e);
     });
     this.ui.on('click', '.close,.chat-menu-close', this.hide.bind(this));
-    this.btn.on('click', (e) => {
-      if (this.visible) chat.input.focus();
-      this.toggle(e);
-      return false;
-    });
+    if (this.btn) {
+      this.btn.on('click', (e) => {
+        if (this.visible) chat.input.focus();
+        this.toggle(e);
+        return false;
+      });
+    }
   }
 
   show() {
     if (!this.visible) {
       this.visible = true;
       this.shown = true;
-      this.btn.addClass('active');
+      if (this.btn) {
+        this.btn.addClass('active');
+      }
       this.ui.addClass('active');
       this.redraw();
       this.emit('show');
@@ -34,7 +38,9 @@ export default class ChatMenu extends EventEmitter {
   hide() {
     if (this.visible) {
       this.visible = false;
-      this.btn.removeClass('active');
+      if (this.btn) {
+        this.btn.removeClass('active');
+      }
       this.ui.removeClass('active');
       this.emit('hide');
     }
diff --git a/assets/chat/js/pollInput.js b/assets/chat/js/menus/ChatPollInput.js
similarity index 90%
rename from assets/chat/js/pollInput.js
rename to assets/chat/js/menus/ChatPollInput.js
index 6412146c..74e53846 100644
--- a/assets/chat/js/pollInput.js
+++ b/assets/chat/js/menus/ChatPollInput.js
@@ -1,9 +1,10 @@
 import $ from 'jquery';
+import ChatMenu from './ChatMenu';
+
+class ChatPollInput extends ChatMenu {
+  constructor(ui, btn, chat) {
+    super(ui, btn, chat);
 
-class ChatPollInput {
-  constructor(chat) {
-    this.chat = chat;
-    this.ui = this.chat.ui.find('#chat-poll-input');
     this.ui.send = this.ui.find('.chat-poll-input-button-send');
     this.ui.cancel = this.ui.find('.chat-poll-input-button-cancel');
     this.ui.add = this.ui.find('.chat-poll-input-button-add');
@@ -32,22 +33,17 @@ class ChatPollInput {
     this.options = options;
     this.time = time;
 
-    this.ui.show();
-  }
-
-  hide() {
-    this.ui.hide();
+    super.show();
   }
 
   send() {
     this.hide();
-    const dataOut = {
+    this.chat.source.send('STARTPOLL', {
       weighted: this.weighted,
       time: this.time,
       question: this.question,
       options: this.options,
-    };
-    this.chat.source.send('STARTPOLL', dataOut);
+    });
   }
 
   addAnswer() {
@@ -102,7 +98,7 @@ class ChatPollInput {
   }
 
   get weighted() {
-    return this.ui.weighted.checked;
+    return this.ui.weighted[0].checked;
   }
 
   set weighted(weighted) {
diff --git a/assets/chat/js/menus/index.js b/assets/chat/js/menus/index.js
index 27fe072a..0098d66e 100644
--- a/assets/chat/js/menus/index.js
+++ b/assets/chat/js/menus/index.js
@@ -5,3 +5,4 @@ export { default as ChatEmoteMenu } from './ChatEmoteMenu';
 export { default as ChatEmoteTooltip } from './ChatEmoteTooltip';
 export { default as ChatWhisperUsers } from './ChatWhisperUsers';
 export { default as ChatUserInfoMenu } from './ChatUserInfoMenu';
+export { default as ChatPollInput } from './ChatPollInput';
diff --git a/assets/chat/js/poll.js b/assets/chat/js/poll.js
index 46b4b46c..974c3221 100644
--- a/assets/chat/js/poll.js
+++ b/assets/chat/js/poll.js
@@ -2,7 +2,6 @@ import $ from 'jquery';
 import { throttle } from 'throttle-debounce';
 import UserFeatures from './features';
 import { MessageBuilder } from './messages';
-import ChatPollInput from './pollInput';
 
 const POLL_CONJUNCTION = /\bor\b/i;
 const POLL_TIME = /\b([0-9]+(?:m|s))$/i;
@@ -55,7 +54,6 @@ function parseQuestionAndTime(rawQuestion) {
 class ChatPoll {
   constructor(chat) {
     this.chat = chat;
-    this.inputUi = new ChatPollInput(this.chat);
     this.ui = this.chat.ui.find('#chat-poll-frame');
     this.ui.title = this.ui.find('.poll-info');
     this.ui.votes = this.ui.find('.poll-votes');
@@ -317,11 +315,6 @@ class ChatPoll {
 
     MessageBuilder.info(message).into(this.chat);
   }
-
-  showInput(message, weighted) {
-    const { question, options, time } = parseQuestionAndTime(message);
-    this.inputUi.show(question, options, time, weighted);
-  }
 }
 
 export { ChatPoll, parseQuestionAndTime };
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 7eca0c1e..51d4f21a 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -44,24 +44,6 @@ <h2>Create Poll</h2>
           </div>
         </div>
         <div class="chat-poll-input-section chat-poll-input-answers">
-          <div class="chat-poll-input-row chat-poll-input-answer">
-            <span>1:</span>
-            <input type="text" placeholder="YEE" />
-            <button
-              class="chat-poll-input-button chat-poll-input-button-remove"
-            >
-              X
-            </button>
-          </div>
-          <div class="chat-poll-input-row chat-poll-input-answer">
-            <span>2:</span>
-            <input type="text" placeholder="PEPE" />
-            <button
-              class="chat-poll-input-button chat-poll-input-button-remove"
-            >
-              X
-            </button>
-          </div>
           <div class="chat-poll-input-row">
             <button class="chat-poll-input-button chat-poll-input-button-add">
               Add Answer

From 4a00b324e97f5833e37363b862aa8a6cd4b44f20 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Thu, 21 Mar 2024 03:58:14 +1300
Subject: [PATCH 04/24] Validation

---
 assets/chat/css/style.scss            | 5 ++++-
 assets/chat/js/menus/ChatPollInput.js | 4 ++++
 assets/views/embed.html               | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss
index 63bb2bfa..f2ccf482 100644
--- a/assets/chat/css/style.scss
+++ b/assets/chat/css/style.scss
@@ -1141,9 +1141,12 @@ hr {
         border-radius: $bradius;
         color: $color-chat-text2;
         background-color: $color-surface-dark2;
-        border: 1px solid $color-surface-dark3;
+        border: 1px solid $color-red;
         outline: none;
         resize: none;
+        &:not(:placeholder-shown) {
+          border: 1px solid $color-surface-dark3;
+        }
       }
       .chat-poll-input-button {
         margin: 0 0.5em 0 0.5em;
diff --git a/assets/chat/js/menus/ChatPollInput.js b/assets/chat/js/menus/ChatPollInput.js
index 74e53846..2d771cf6 100644
--- a/assets/chat/js/menus/ChatPollInput.js
+++ b/assets/chat/js/menus/ChatPollInput.js
@@ -37,6 +37,10 @@ class ChatPollInput extends ChatMenu {
   }
 
   send() {
+    if (this.question === '') return;
+    if (this.options.includes('')) return;
+    if (this.time < 5000 || this.time > 600000) return;
+
     this.hide();
     this.chat.source.send('STARTPOLL', {
       weighted: this.weighted,
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 51d4f21a..0383c38c 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -59,6 +59,7 @@ <h2>Create Poll</h2>
               min="5"
               max="600"
               step="5"
+              placeholder="30"
               value="30"
             />
             <span>seconds</span>

From 54261829f739bbf1f4cebfa39985877b51ae3aa8 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Thu, 21 Mar 2024 04:36:36 +1300
Subject: [PATCH 05/24] Use ChatMenu close

---
 assets/chat/js/menus/ChatPollInput.js | 2 --
 assets/views/embed.html               | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/assets/chat/js/menus/ChatPollInput.js b/assets/chat/js/menus/ChatPollInput.js
index 2d771cf6..344707ee 100644
--- a/assets/chat/js/menus/ChatPollInput.js
+++ b/assets/chat/js/menus/ChatPollInput.js
@@ -6,7 +6,6 @@ class ChatPollInput extends ChatMenu {
     super(ui, btn, chat);
 
     this.ui.send = this.ui.find('.chat-poll-input-button-send');
-    this.ui.cancel = this.ui.find('.chat-poll-input-button-cancel');
     this.ui.add = this.ui.find('.chat-poll-input-button-add');
     this.ui.question = this.ui.find('.chat-poll-input-question');
     this.ui.answers = this.ui.find('.chat-poll-input-answers');
@@ -14,7 +13,6 @@ class ChatPollInput extends ChatMenu {
     this.ui.time = this.ui.find('.chat-poll-input-time');
     this.ui.weighted = this.ui.find('.chat-poll-input-weighted');
 
-    this.ui.cancel.on('click touch', () => this.hide());
     this.ui.send.on('click touch', () => this.send());
     this.ui.add.on('click touch', () => this.addAnswer());
 
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 0383c38c..cc18175d 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -79,7 +79,7 @@ <h2>Create Poll</h2>
               Send
             </button>
             <button
-              class="chat-poll-input-button chat-poll-input-button-cancel"
+              class="chat-poll-input-button chat-poll-input-button-cancel chat-menu-close"
             >
               Cancel
             </button>

From b7ae6daf4cdd0f381d8e6b0782403f9379051f82 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Sat, 23 Mar 2024 08:48:06 +1300
Subject: [PATCH 06/24] Remove time when invalid

---
 assets/chat/js/menus/ChatPollInput.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/assets/chat/js/menus/ChatPollInput.js b/assets/chat/js/menus/ChatPollInput.js
index 344707ee..07aeccda 100644
--- a/assets/chat/js/menus/ChatPollInput.js
+++ b/assets/chat/js/menus/ChatPollInput.js
@@ -37,7 +37,10 @@ class ChatPollInput extends ChatMenu {
   send() {
     if (this.question === '') return;
     if (this.options.includes('')) return;
-    if (this.time < 5000 || this.time > 600000) return;
+    if (this.time < 5000 || this.time > 600000) {
+      this.ui.time.val('');
+      return;
+    }
 
     this.hide();
     this.chat.source.send('STARTPOLL', {

From 8eda6684093e1026922be29aa87c2f5c39343c44 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Sat, 23 Mar 2024 08:49:21 +1300
Subject: [PATCH 07/24] Remove throw comment

---
 assets/chat/js/poll.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/assets/chat/js/poll.js b/assets/chat/js/poll.js
index 974c3221..bdb1280f 100644
--- a/assets/chat/js/poll.js
+++ b/assets/chat/js/poll.js
@@ -18,7 +18,6 @@ const PollType = {
 function parseQuestion(msg) {
   if (msg.indexOf('?') === -1) {
     return { question: '', options: [] };
-    // throw new Error('Must contain a ?');
   }
   const parts = msg.split('?');
   const question = `${parts[0]}?`;

From 6fd5497d9ec9ee7ccfc340f24075e4650d35c209 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Sat, 23 Mar 2024 08:55:59 +1300
Subject: [PATCH 08/24] Re-draw options when removing an option

---
 assets/chat/js/menus/ChatPollInput.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/assets/chat/js/menus/ChatPollInput.js b/assets/chat/js/menus/ChatPollInput.js
index 07aeccda..0b1be54c 100644
--- a/assets/chat/js/menus/ChatPollInput.js
+++ b/assets/chat/js/menus/ChatPollInput.js
@@ -21,6 +21,7 @@ class ChatPollInput extends ChatMenu {
       '.chat-poll-input-answer .chat-poll-input-button-remove',
       (e) => {
         e.target.closest('.chat-poll-input-answer').remove();
+        this.drawOptions(this.options);
       },
     );
   }
@@ -87,6 +88,10 @@ class ChatPollInput extends ChatMenu {
     if (options.length === 0) options = ['', ''];
     else if (options.length === 1) options.push('');
 
+    this.drawOptions(options);
+  }
+
+  drawOptions(options) {
     this.ui.answers.options = options.map((option, index) =>
       this.buildOptionHtml(option, index),
     );

From 456c92c23e3f5f0665b2afb87d0d8235db29a626 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Fri, 24 Jan 2025 15:30:24 +1300
Subject: [PATCH 09/24] Make command input ui for generic

---
 assets/chat/css/menus/_command-input.scss |  93 ++++++++++++++++++
 assets/chat/css/menus/_index.scss         |   1 +
 assets/chat/css/menus/_poll_input.scss    |  72 +-------------
 assets/chat/js/chat.js                    |  14 +--
 assets/chat/js/menus/ChatPollInput.js     |  48 +++++----
 assets/views/embed.html                   | 113 ++++++++++++----------
 6 files changed, 198 insertions(+), 143 deletions(-)
 create mode 100644 assets/chat/css/menus/_command-input.scss

diff --git a/assets/chat/css/menus/_command-input.scss b/assets/chat/css/menus/_command-input.scss
new file mode 100644
index 00000000..6becd788
--- /dev/null
+++ b/assets/chat/css/menus/_command-input.scss
@@ -0,0 +1,93 @@
+@use '../abstracts/' as a;
+
+.command-input-menu {
+  display: none;
+  background-color: a.$color-surface-dark1;
+  z-index: 132;
+  border-radius: a.$bradius a.$bradius 0 0;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0.5em;
+  border: 1px solid a.$color-surface-dark3;
+
+  &.active {
+    display: block;
+  }
+
+  &__title {
+    border-bottom: 1px solid a.$color-surface-dark4;
+
+    h2 {
+      text-align: center;
+      margin: 0 0 0.5em 0;
+    }
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    &__section {
+      padding: 0.5em;
+
+      &:not(:last-child) {
+        border-bottom: 1px solid a.$color-surface-dark4;
+      }
+
+      &__row {
+        width: 100%;
+        align-items: center;
+        display: flex;
+        padding: 0.5em 0;
+        justify-content: center;
+      }
+    }
+  }
+
+  &__actions {
+    display: flex;
+    padding: 0.5em 0;
+    justify-content: space-between;
+    border-top: 1px solid a.$color-surface-dark4;
+  }
+
+  &__button {
+    margin: 0 0.5em 0 0.5em;
+    padding: 0.25em 0.75em;
+    border-radius: a.$bradius;
+    color: #fff;
+    font-weight: 500;
+
+    &--success {
+      background: a.$color-green;
+    }
+
+    &--danger {
+      background: a.$color-red;
+    }
+  }
+
+  span {
+    font-weight: 500;
+    padding: 0.25em;
+  }
+
+  &__input {
+    width: 100%;
+    padding: 0.25em;
+    margin: 0 0.25em;
+    border-radius: a.$bradius;
+    color: a.$color-chat-text2;
+    background-color: a.$color-surface-dark2;
+    border: 1px solid a.$color-surface-dark3;
+    outline: none;
+    resize: none;
+
+    &:required:placeholder-shown {
+      border-color: a.$color-red;
+    }
+  }
+}
diff --git a/assets/chat/css/menus/_index.scss b/assets/chat/css/menus/_index.scss
index 07f2027e..d6220a11 100644
--- a/assets/chat/css/menus/_index.scss
+++ b/assets/chat/css/menus/_index.scss
@@ -1,5 +1,6 @@
 @use '../abstracts/' as a;
 
+@use 'command-input';
 @use 'emote-list';
 @use 'emote-tooltip';
 @use 'poll';
diff --git a/assets/chat/css/menus/_poll_input.scss b/assets/chat/css/menus/_poll_input.scss
index 40b1b3d8..40b9a7e9 100644
--- a/assets/chat/css/menus/_poll_input.scss
+++ b/assets/chat/css/menus/_poll_input.scss
@@ -1,73 +1,5 @@
 #chat-poll-input {
-  &.active {
-    display: block;
-  }
-  display: none;
-  background-color: $color-surface-dark1;
-  z-index: 132;
-  border-radius: $bradius $bradius 0 0;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 0.5em;
-  border: 1px solid $color-surface-dark3;
-  .chat-poll-input-section {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    padding: 0.5em;
-    &:not(:last-child) {
-      border-bottom: 1px solid $color-surface-dark4;
-    }
-    &.chat-poll-input-title h2 {
-      margin: 0 0 0.5em 0;
-    }
-    &.chat-poll-input-buttons .chat-poll-input-row {
-      justify-content: space-between;
-    }
-    .chat-poll-input-row {
-      width: 100%;
-      align-items: center;
-      display: flex;
-      padding: 0.5em 0;
-      justify-content: center;
-      &.chat-poll-input-answer:nth-child(-n + 2) .chat-poll-input-button {
-        display: none;
-      }
-      span {
-        font-weight: 500;
-        padding: 0.25em;
-      }
-      input {
-        width: 100%;
-        padding: 0.25em;
-        margin: 0 0.25em;
-        border-radius: $bradius;
-        color: $color-chat-text2;
-        background-color: $color-surface-dark2;
-        border: 1px solid $color-red;
-        outline: none;
-        resize: none;
-        &:not(:placeholder-shown) {
-          border: 1px solid $color-surface-dark3;
-        }
-      }
-      .chat-poll-input-button {
-        margin: 0 0.5em 0 0.5em;
-        padding: 0.25em 0.75em;
-        border-radius: $bradius;
-        color: #fff;
-        font-weight: 500;
-        &.chat-poll-input-button-add,
-        &.chat-poll-input-button-send {
-          background: $color-green;
-        }
-        &.chat-poll-input-button-remove,
-        &.chat-poll-input-button-cancel {
-          background: $color-red;
-        }
-      }
-    }
+  .chat-poll-input-answer:nth-child(-n + 2) .chat-poll-input-answer-remove {
+    display: none;
   }
 }
diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index b6a3c647..050802d6 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -414,7 +414,7 @@ class Chat {
         e.stopPropagation();
         this.control.emit('SEND', this.input.val().toString().trim());
         this.adjustInputHeight();
-        this.input.focus();
+        // this.input.focus();
       }
     });
 
@@ -1688,12 +1688,12 @@ class Chat {
       return;
     }
 
-    if (!this.chatpoll.hasPermission(this.user)) {
-      MessageBuilder.error('You do not have permission to start a poll.').into(
-        this,
-      );
-      return;
-    }
+    // if (!this.chatpoll.hasPermission(this.user)) {
+    //   MessageBuilder.error('You do not have permission to start a poll.').into(
+    //     this,
+    //   );
+    //   return;
+    // }
 
     const { question, options, time } = parseQuestionAndTime(textOnly);
     this.menus
diff --git a/assets/chat/js/menus/ChatPollInput.js b/assets/chat/js/menus/ChatPollInput.js
index 0b1be54c..b22dacab 100644
--- a/assets/chat/js/menus/ChatPollInput.js
+++ b/assets/chat/js/menus/ChatPollInput.js
@@ -5,20 +5,25 @@ class ChatPollInput extends ChatMenu {
   constructor(ui, btn, chat) {
     super(ui, btn, chat);
 
-    this.ui.send = this.ui.find('.chat-poll-input-button-send');
-    this.ui.add = this.ui.find('.chat-poll-input-button-add');
-    this.ui.question = this.ui.find('.chat-poll-input-question');
-    this.ui.answers = this.ui.find('.chat-poll-input-answers');
+    this.ui.question = this.ui.find('#chat-poll-input-question');
+
+    this.ui.add = this.ui.find('#chat-poll-input-add');
+    this.ui.answers = this.ui.find('#chat-poll-input-answers');
     this.ui.answers.options = [];
-    this.ui.time = this.ui.find('.chat-poll-input-time');
-    this.ui.weighted = this.ui.find('.chat-poll-input-weighted');
 
-    this.ui.send.on('click touch', () => this.send());
+    this.ui.time = this.ui.find('#chat-poll-input-time');
+    this.ui.weighted = this.ui.find('#chat-poll-input-sub-weighted');
+
+    this.ui.submit = this.ui.find('#chat-poll-input-submit');
+    this.ui.cancel = this.ui.find('#chat-poll-input-cancel');
+
+    this.ui.submit.on('click touch', () => this.submit());
+    this.ui.cancel.on('click touch', () => this.hide());
     this.ui.add.on('click touch', () => this.addAnswer());
 
     this.ui.answers.on(
       'click touch',
-      '.chat-poll-input-answer .chat-poll-input-button-remove',
+      '.chat-poll-input-answer .chat-poll-input-answer-remove',
       (e) => {
         e.target.closest('.chat-poll-input-answer').remove();
         this.drawOptions(this.options);
@@ -33,11 +38,17 @@ class ChatPollInput extends ChatMenu {
     this.time = time;
 
     super.show();
+
+    this.ui.question.focus();
   }
 
-  send() {
-    if (this.question === '') return;
-    if (this.options.includes('')) return;
+  submit() {
+    if (this.question === '') {
+      return;
+    }
+    if (this.options.includes('')) {
+      return;
+    }
     if (this.time < 5000 || this.time > 600000) {
       this.ui.time.val('');
       return;
@@ -54,15 +65,15 @@ class ChatPollInput extends ChatMenu {
 
   addAnswer() {
     this.buildOptionHtml('', this.options.length).insertBefore(
-      this.ui.add.closest('.chat-poll-input-row'),
+      this.ui.add.closest('.command-input-menu__content__section__row'),
     );
   }
 
   buildOptionHtml(option, index) {
-    return $(`<div class="chat-poll-input-row chat-poll-input-answer">
+    return $(`<div class="command-input-menu__content__section__row chat-poll-input-answer">
       <span>${index + 1}:</span>
-      <input type="text" placeholder="YEE" value="${option}">
-      <button class="chat-poll-input-button chat-poll-input-button-remove">X</button>
+      <input class="command-input-menu__input" type="text" placeholder="YEE" value="${option}" required>
+      <button class="command-input-menu__button command-input-menu__button--danger chat-poll-input-answer-remove">X</button>
     </div>`);
   }
 
@@ -85,8 +96,11 @@ class ChatPollInput extends ChatMenu {
   set options(rawOptions) {
     let options = rawOptions;
     // always have at least two options.
-    if (options.length === 0) options = ['', ''];
-    else if (options.length === 1) options.push('');
+    if (options.length === 0) {
+      options = ['', ''];
+    } else if (options.length === 1) {
+      options.push('');
+    }
 
     this.drawOptions(options);
   }
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 921d2970..cd3e929e 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -32,61 +32,76 @@
 
   <div id="chat-input-frame">
     <div id="chat-input-wrap">
-      <div id="chat-poll-input">
-        <div class="chat-poll-input-section chat-poll-input-title">
+      <div class="command-input-menu" id="chat-poll-input">
+        <div class="command-input-menu__title">
           <h2>Create Poll</h2>
         </div>
-        <div class="chat-poll-input-section">
-          <div class="chat-poll-input-row">
-            <span>Question:</span>
-            <input
-              class="chat-poll-input-question"
-              type="text"
-              placeholder="YEE vs PEPE"
-            />
-          </div>
-        </div>
-        <div class="chat-poll-input-section chat-poll-input-answers">
-          <div class="chat-poll-input-row">
-            <button class="chat-poll-input-button chat-poll-input-button-add">
-              Add Answer
-            </button>
+        <div class="command-input-menu__content">
+          <div class="command-input-menu__content__section">
+            <div class="command-input-menu__content__section__row">
+              <span>Question:</span>
+              <input
+                class="command-input-menu__input"
+                id="chat-poll-input-question"
+                type="text"
+                placeholder="YEE vs PEPE"
+                required
+              />
+            </div>
           </div>
-        </div>
-        <div class="chat-poll-input-section">
-          <div class="chat-poll-input-row">
-            <span>Time:</span>
-            <input
-              class="chat-poll-input-time"
-              type="number"
-              min="5"
-              max="600"
-              step="5"
-              placeholder="30"
-              value="30"
-            />
-            <span>seconds</span>
+          <div
+            class="command-input-menu__content__section"
+            id="chat-poll-input-answers"
+          >
+            <div class="command-input-menu__content__section__row">
+              <button
+                class="command-input-menu__button command-input-menu__button--success"
+                id="chat-poll-input-add"
+              >
+                Add Answer
+              </button>
+            </div>
           </div>
-          <div class="chat-poll-input-row">
-            <span>Sub Weighted:</span>
-            <input
-              class="chat-poll-input-weighted"
-              type="checkbox"
-              style="width: auto"
-            />
+          <div class="command-input-menu__content__section">
+            <div class="command-input-menu__content__section__row">
+              <span>Time:</span>
+              <input
+                class="command-input-menu__input"
+                id="chat-poll-input-time"
+                type="number"
+                min="5"
+                max="600"
+                step="5"
+                placeholder="30"
+                value="30"
+                required
+              />
+              <span>seconds</span>
+            </div>
+            <div class="command-input-menu__content__section__row">
+              <span>Sub Weighted:</span>
+              <input
+                class="command-input-menu__input"
+                id="chat-poll-input-sub-weighted"
+                type="checkbox"
+                style="width: auto"
+              />
+            </div>
           </div>
         </div>
-        <div class="chat-poll-input-section chat-poll-input-buttons">
-          <div class="chat-poll-input-row">
-            <button class="chat-poll-input-button chat-poll-input-button-send">
-              Send
-            </button>
-            <button
-              class="chat-poll-input-button chat-poll-input-button-cancel chat-menu-close"
-            >
-              Cancel
-            </button>
-          </div>
+        <div class="command-input-menu__actions">
+          <button
+            class="command-input-menu__button command-input-menu__button--success"
+            id="chat-poll-input-submit"
+          >
+            Submit
+          </button>
+          <button
+            class="command-input-menu__button command-input-menu__button--danger"
+            id="chat-poll-input-cancel"
+          >
+            Cancel
+          </button>
         </div>
       </div>
       <div id="chat-auto-complete">

From 739a3f59a03cc82a9da66cf76265edfafe355d89 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Fri, 24 Jan 2025 15:31:48 +1300
Subject: [PATCH 10/24] un-comment debug

---
 assets/chat/js/chat.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index 050802d6..cac8207a 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -1688,12 +1688,12 @@ class Chat {
       return;
     }
 
-    // if (!this.chatpoll.hasPermission(this.user)) {
-    //   MessageBuilder.error('You do not have permission to start a poll.').into(
-    //     this,
-    //   );
-    //   return;
-    // }
+    if (!this.chatpoll.hasPermission(this.user)) {
+      MessageBuilder.error('You do not have permission to start a poll.').into(
+        this,
+      );
+      return;
+    }
 
     const { question, options, time } = parseQuestionAndTime(textOnly);
     this.menus

From 89d3eee5577d11caab31bca1e551cd50f9c3fee7 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 11:10:54 +1300
Subject: [PATCH 11/24] Remove focus on enter

---
 assets/chat/js/chat.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index cac8207a..b348ca86 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -414,7 +414,6 @@ class Chat {
         e.stopPropagation();
         this.control.emit('SEND', this.input.val().toString().trim());
         this.adjustInputHeight();
-        // this.input.focus();
       }
     });
 

From 0ffcfa239df58e86485f278ebfca082868005b47 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 11:49:53 +1300
Subject: [PATCH 12/24] Seperate command menus and chat menus

---
 .../_index.scss}                              |  6 ++-
 assets/chat/css/command-menus/_poll.scss      |  5 ++
 assets/chat/css/menus/_index.scss             |  2 -
 assets/chat/css/menus/_poll_input.scss        |  5 --
 assets/chat/css/style.scss                    |  3 +-
 assets/chat/js/chat.js                        | 13 +++---
 assets/chat/js/command-menus/CommandMenu.js   | 31 +++++++++++++
 .../CommandMenuPoll.js}                       | 45 +++++++++---------
 assets/chat/js/command-menus/index.js         |  2 +
 assets/chat/js/menus/index.js                 |  1 -
 assets/views/embed.html                       | 46 +++++++++----------
 11 files changed, 94 insertions(+), 65 deletions(-)
 rename assets/chat/css/{menus/_command-input.scss => command-menus/_index.scss} (97%)
 create mode 100644 assets/chat/css/command-menus/_poll.scss
 delete mode 100644 assets/chat/css/menus/_poll_input.scss
 create mode 100644 assets/chat/js/command-menus/CommandMenu.js
 rename assets/chat/js/{menus/ChatPollInput.js => command-menus/CommandMenuPoll.js} (60%)
 create mode 100644 assets/chat/js/command-menus/index.js

diff --git a/assets/chat/css/menus/_command-input.scss b/assets/chat/css/command-menus/_index.scss
similarity index 97%
rename from assets/chat/css/menus/_command-input.scss
rename to assets/chat/css/command-menus/_index.scss
index 6becd788..2a9f0d48 100644
--- a/assets/chat/css/menus/_command-input.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -1,6 +1,8 @@
 @use '../abstracts/' as a;
 
-.command-input-menu {
+@use 'poll';
+
+.command-menu {
   display: none;
   background-color: a.$color-surface-dark1;
   z-index: 132;
@@ -12,7 +14,7 @@
   padding: 0.5em;
   border: 1px solid a.$color-surface-dark3;
 
-  &.active {
+  &--shown {
     display: block;
   }
 
diff --git a/assets/chat/css/command-menus/_poll.scss b/assets/chat/css/command-menus/_poll.scss
new file mode 100644
index 00000000..b2bb0a2a
--- /dev/null
+++ b/assets/chat/css/command-menus/_poll.scss
@@ -0,0 +1,5 @@
+#command-menu-poll {
+  .command-menu-poll-answer:nth-child(-n + 2) .command-menu-poll-answer-remove {
+    display: none;
+  }
+}
diff --git a/assets/chat/css/menus/_index.scss b/assets/chat/css/menus/_index.scss
index d6220a11..6d9af991 100644
--- a/assets/chat/css/menus/_index.scss
+++ b/assets/chat/css/menus/_index.scss
@@ -1,10 +1,8 @@
 @use '../abstracts/' as a;
 
-@use 'command-input';
 @use 'emote-list';
 @use 'emote-tooltip';
 @use 'poll';
-@use 'poll_input.scss';
 @use 'settings';
 @use 'user-info';
 @use 'user-list';
diff --git a/assets/chat/css/menus/_poll_input.scss b/assets/chat/css/menus/_poll_input.scss
deleted file mode 100644
index 40b9a7e9..00000000
--- a/assets/chat/css/menus/_poll_input.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-#chat-poll-input {
-  .chat-poll-input-answer:nth-child(-n + 2) .chat-poll-input-answer-remove {
-    display: none;
-  }
-}
diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss
index cae4cfee..420a2500 100644
--- a/assets/chat/css/style.scss
+++ b/assets/chat/css/style.scss
@@ -6,9 +6,10 @@
 @use 'abstracts' as a;
 
 @use 'chat';
+@use 'command-menus';
+@use 'components';
 @use 'menus';
 @use 'messages';
-@use 'components';
 
 @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700');
 
diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index b348ca86..b8b527f8 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -32,7 +32,6 @@ import {
   ChatSettingsMenu,
   ChatUserInfoMenu,
   ChatEventActionMenu,
-  ChatPollInput,
 } from './menus';
 import ChatEventBar from './event-bar/EventBar';
 import ChatAutoComplete from './autocomplete';
@@ -42,6 +41,7 @@ import ChatStore from './store';
 import Settings from './settings';
 import ChatWindow from './window';
 import { ChatPoll, parseQuestionAndTime } from './poll';
+import { CommandMenuPoll } from './command-menus';
 import { isMuteActive, MutedTimer } from './mutedtimer';
 import EmoteService from './emotes';
 import UserFeatures from './features';
@@ -101,6 +101,7 @@ class Chat {
     this.commands = new ChatCommands();
     this.autocomplete = null;
     this.menus = new Map();
+    this.commandMenus = new Map();
     this.taggednicks = new Map();
     this.taggednotes = new Map();
     this.ignoring = new Set();
@@ -394,9 +395,9 @@ class Chat {
     );
     this.menus.set('event-action-menu', eventActionMenu);
 
-    this.menus.set(
-      'poll-input',
-      new ChatPollInput(this.ui.find('#chat-poll-input'), null, this),
+    this.commandMenus.set(
+      'poll',
+      new CommandMenuPoll(this.ui.find('#command-menu-poll'), this),
     );
 
     this.autocomplete.bind(this);
@@ -1695,8 +1696,8 @@ class Chat {
     }
 
     const { question, options, time } = parseQuestionAndTime(textOnly);
-    this.menus
-      .get('poll-input')
+    this.commandMenus
+      .get('poll')
       .show(question, options, time, command === 'SPOLL');
   }
 
diff --git a/assets/chat/js/command-menus/CommandMenu.js b/assets/chat/js/command-menus/CommandMenu.js
new file mode 100644
index 00000000..b6a2d4a4
--- /dev/null
+++ b/assets/chat/js/command-menus/CommandMenu.js
@@ -0,0 +1,31 @@
+export default class CommandMenu {
+  constructor(ui, chat) {
+    this.ui = ui;
+    this.chat = chat;
+    this.visible = false;
+
+    this.ui.submit = this.ui.find('.command-menu__button__submit');
+    this.ui.cancel = this.ui.find('.command-menu__button__cancel');
+
+    this.ui.cancel.on('click touch', () => this.hide());
+  }
+
+  show() {
+    if (!this.visible) {
+      this.visible = true;
+      this.ui.addClass('command-menu--shown');
+    }
+  }
+
+  hide() {
+    if (this.visible) {
+      this.visible = false;
+      this.ui.removeClass('command-menu--shown');
+    }
+  }
+
+  submit(event, data) {
+    this.hide();
+    this.chat.source.send(event, data);
+  }
+}
diff --git a/assets/chat/js/menus/ChatPollInput.js b/assets/chat/js/command-menus/CommandMenuPoll.js
similarity index 60%
rename from assets/chat/js/menus/ChatPollInput.js
rename to assets/chat/js/command-menus/CommandMenuPoll.js
index b22dacab..7d58bece 100644
--- a/assets/chat/js/menus/ChatPollInput.js
+++ b/assets/chat/js/command-menus/CommandMenuPoll.js
@@ -1,31 +1,27 @@
 import $ from 'jquery';
-import ChatMenu from './ChatMenu';
+import CommandMenu from './CommandMenu';
 
-class ChatPollInput extends ChatMenu {
-  constructor(ui, btn, chat) {
-    super(ui, btn, chat);
+class CommandMenuPoll extends CommandMenu {
+  constructor(ui, chat) {
+    super(ui, chat);
 
-    this.ui.question = this.ui.find('#chat-poll-input-question');
+    this.ui.question = this.ui.find('#command-menu-poll-question');
 
-    this.ui.add = this.ui.find('#chat-poll-input-add');
-    this.ui.answers = this.ui.find('#chat-poll-input-answers');
+    this.ui.add = this.ui.find('#command-menu-poll-add');
+    this.ui.answers = this.ui.find('#command-menu-poll-answers');
     this.ui.answers.options = [];
 
-    this.ui.time = this.ui.find('#chat-poll-input-time');
-    this.ui.weighted = this.ui.find('#chat-poll-input-sub-weighted');
-
-    this.ui.submit = this.ui.find('#chat-poll-input-submit');
-    this.ui.cancel = this.ui.find('#chat-poll-input-cancel');
+    this.ui.time = this.ui.find('#command-menu-poll-time');
+    this.ui.weighted = this.ui.find('#command-menu-poll-sub-weighted');
 
     this.ui.submit.on('click touch', () => this.submit());
-    this.ui.cancel.on('click touch', () => this.hide());
     this.ui.add.on('click touch', () => this.addAnswer());
 
     this.ui.answers.on(
       'click touch',
-      '.chat-poll-input-answer .chat-poll-input-answer-remove',
+      '.command-menu-poll-answer .command-menu-poll-answer-remove',
       (e) => {
-        e.target.closest('.chat-poll-input-answer').remove();
+        e.target.closest('.command-menu-poll-answer').remove();
         this.drawOptions(this.options);
       },
     );
@@ -46,16 +42,17 @@ class ChatPollInput extends ChatMenu {
     if (this.question === '') {
       return;
     }
+
     if (this.options.includes('')) {
       return;
     }
+
     if (this.time < 5000 || this.time > 600000) {
       this.ui.time.val('');
       return;
     }
 
-    this.hide();
-    this.chat.source.send('STARTPOLL', {
+    super.submit('STARTPOLL', {
       weighted: this.weighted,
       time: this.time,
       question: this.question,
@@ -65,15 +62,15 @@ class ChatPollInput extends ChatMenu {
 
   addAnswer() {
     this.buildOptionHtml('', this.options.length).insertBefore(
-      this.ui.add.closest('.command-input-menu__content__section__row'),
+      this.ui.add.closest('.command-menu__content__section__row'),
     );
   }
 
   buildOptionHtml(option, index) {
-    return $(`<div class="command-input-menu__content__section__row chat-poll-input-answer">
+    return $(`<div class="command-menu__content__section__row command-menu-poll-answer">
       <span>${index + 1}:</span>
-      <input class="command-input-menu__input" type="text" placeholder="YEE" value="${option}" required>
-      <button class="command-input-menu__button command-input-menu__button--danger chat-poll-input-answer-remove">X</button>
+      <input class="command-menu__input" type="text" placeholder="YEE" value="${option}" required>
+      <button class="command-menu__button command-menu__button--danger command-menu-poll-answer-remove">X</button>
     </div>`);
   }
 
@@ -88,7 +85,7 @@ class ChatPollInput extends ChatMenu {
   get options() {
     const options = [];
     this.ui.answers
-      .find('.chat-poll-input-answer input')
+      .find('.command-menu-poll-answer input')
       .each((_, input) => options.push(input.value));
     return options;
   }
@@ -109,7 +106,7 @@ class ChatPollInput extends ChatMenu {
     this.ui.answers.options = options.map((option, index) =>
       this.buildOptionHtml(option, index),
     );
-    this.ui.answers.children('.chat-poll-input-answer').remove();
+    this.ui.answers.children('.command-menu-poll-answer').remove();
     this.ui.answers.prepend(this.ui.answers.options);
   }
 
@@ -130,4 +127,4 @@ class ChatPollInput extends ChatMenu {
   }
 }
 
-export default ChatPollInput;
+export default CommandMenuPoll;
diff --git a/assets/chat/js/command-menus/index.js b/assets/chat/js/command-menus/index.js
new file mode 100644
index 00000000..b8358c04
--- /dev/null
+++ b/assets/chat/js/command-menus/index.js
@@ -0,0 +1,2 @@
+export { default as CommandMenu } from './CommandMenu';
+export { default as CommandMenuPoll } from './CommandMenuPoll';
diff --git a/assets/chat/js/menus/index.js b/assets/chat/js/menus/index.js
index e9d1257c..90ccead1 100644
--- a/assets/chat/js/menus/index.js
+++ b/assets/chat/js/menus/index.js
@@ -6,4 +6,3 @@ export { default as ChatEmoteTooltip } from './ChatEmoteTooltip';
 export { default as ChatWhisperUsers } from './ChatWhisperUsers';
 export { default as ChatUserInfoMenu } from './ChatUserInfoMenu';
 export { default as ChatEventActionMenu } from './ChatEventActionMenu';
-export { default as ChatPollInput } from './ChatPollInput';
diff --git a/assets/views/embed.html b/assets/views/embed.html
index cd3e929e..591afa32 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -32,17 +32,17 @@
 
   <div id="chat-input-frame">
     <div id="chat-input-wrap">
-      <div class="command-input-menu" id="chat-poll-input">
-        <div class="command-input-menu__title">
+      <div class="command-menu" id="command-menu-poll">
+        <div class="command-menu__title">
           <h2>Create Poll</h2>
         </div>
-        <div class="command-input-menu__content">
-          <div class="command-input-menu__content__section">
-            <div class="command-input-menu__content__section__row">
+        <div class="command-menu__content">
+          <div class="command-menu__content__section">
+            <div class="command-menu__content__section__row">
               <span>Question:</span>
               <input
-                class="command-input-menu__input"
-                id="chat-poll-input-question"
+                class="command-menu__input"
+                id="command-menu-poll-question"
                 type="text"
                 placeholder="YEE vs PEPE"
                 required
@@ -50,24 +50,24 @@ <h2>Create Poll</h2>
             </div>
           </div>
           <div
-            class="command-input-menu__content__section"
-            id="chat-poll-input-answers"
+            class="command-menu__content__section"
+            id="command-menu-poll-answers"
           >
-            <div class="command-input-menu__content__section__row">
+            <div class="command-menu__content__section__row">
               <button
-                class="command-input-menu__button command-input-menu__button--success"
-                id="chat-poll-input-add"
+                class="command-menu__button command-menu__button--success"
+                id="command-menu-poll-add"
               >
                 Add Answer
               </button>
             </div>
           </div>
-          <div class="command-input-menu__content__section">
-            <div class="command-input-menu__content__section__row">
+          <div class="command-menu__content__section">
+            <div class="command-menu__content__section__row">
               <span>Time:</span>
               <input
-                class="command-input-menu__input"
-                id="chat-poll-input-time"
+                class="command-menu__input"
+                id="command-menu-poll-time"
                 type="number"
                 min="5"
                 max="600"
@@ -78,27 +78,25 @@ <h2>Create Poll</h2>
               />
               <span>seconds</span>
             </div>
-            <div class="command-input-menu__content__section__row">
+            <div class="command-menu__content__section__row">
               <span>Sub Weighted:</span>
               <input
-                class="command-input-menu__input"
-                id="chat-poll-input-sub-weighted"
+                class="command-menu__input"
+                id="command-menu-poll-sub-weighted"
                 type="checkbox"
                 style="width: auto"
               />
             </div>
           </div>
         </div>
-        <div class="command-input-menu__actions">
+        <div class="command-menu__actions">
           <button
-            class="command-input-menu__button command-input-menu__button--success"
-            id="chat-poll-input-submit"
+            class="command-menu__button command-menu__button--success command-menu__button__submit"
           >
             Submit
           </button>
           <button
-            class="command-input-menu__button command-input-menu__button--danger"
-            id="chat-poll-input-cancel"
+            class="command-menu__button command-menu__button--danger command-menu__button__cancel"
           >
             Cancel
           </button>

From 2616d55705cdb7eea031fdf17452b8931015d28c Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 12:04:22 +1300
Subject: [PATCH 13/24] Take sector out of content in style

---
 assets/chat/css/command-menus/_index.scss     | 24 +++++++++----------
 .../chat/js/command-menus/CommandMenuPoll.js  |  4 ++--
 assets/views/embed.html                       | 17 ++++++-------
 3 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index 2a9f0d48..6882b3c8 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -31,21 +31,21 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
+  }
 
-    &__section {
-      padding: 0.5em;
+  &__section {
+    padding: 0.5em;
 
-      &:not(:last-child) {
-        border-bottom: 1px solid a.$color-surface-dark4;
-      }
+    &:not(:last-child) {
+      border-bottom: 1px solid a.$color-surface-dark4;
+    }
 
-      &__row {
-        width: 100%;
-        align-items: center;
-        display: flex;
-        padding: 0.5em 0;
-        justify-content: center;
-      }
+    &__row {
+      width: 100%;
+      align-items: center;
+      display: flex;
+      padding: 0.5em 0;
+      justify-content: center;
     }
   }
 
diff --git a/assets/chat/js/command-menus/CommandMenuPoll.js b/assets/chat/js/command-menus/CommandMenuPoll.js
index 7d58bece..703bd47b 100644
--- a/assets/chat/js/command-menus/CommandMenuPoll.js
+++ b/assets/chat/js/command-menus/CommandMenuPoll.js
@@ -62,12 +62,12 @@ class CommandMenuPoll extends CommandMenu {
 
   addAnswer() {
     this.buildOptionHtml('', this.options.length).insertBefore(
-      this.ui.add.closest('.command-menu__content__section__row'),
+      this.ui.add.closest('.command-menu__section__row'),
     );
   }
 
   buildOptionHtml(option, index) {
-    return $(`<div class="command-menu__content__section__row command-menu-poll-answer">
+    return $(`<div class="command-menu__section__row command-menu-poll-answer">
       <span>${index + 1}:</span>
       <input class="command-menu__input" type="text" placeholder="YEE" value="${option}" required>
       <button class="command-menu__button command-menu__button--danger command-menu-poll-answer-remove">X</button>
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 591afa32..0d7e1b0e 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -37,8 +37,8 @@
           <h2>Create Poll</h2>
         </div>
         <div class="command-menu__content">
-          <div class="command-menu__content__section">
-            <div class="command-menu__content__section__row">
+          <div class="command-menu__section">
+            <div class="command-menu__section__row">
               <span>Question:</span>
               <input
                 class="command-menu__input"
@@ -49,11 +49,8 @@ <h2>Create Poll</h2>
               />
             </div>
           </div>
-          <div
-            class="command-menu__content__section"
-            id="command-menu-poll-answers"
-          >
-            <div class="command-menu__content__section__row">
+          <div class="command-menu__section" id="command-menu-poll-answers">
+            <div class="command-menu__section__row">
               <button
                 class="command-menu__button command-menu__button--success"
                 id="command-menu-poll-add"
@@ -62,8 +59,8 @@ <h2>Create Poll</h2>
               </button>
             </div>
           </div>
-          <div class="command-menu__content__section">
-            <div class="command-menu__content__section__row">
+          <div class="command-menu__section">
+            <div class="command-menu__section__row">
               <span>Time:</span>
               <input
                 class="command-menu__input"
@@ -78,7 +75,7 @@ <h2>Create Poll</h2>
               />
               <span>seconds</span>
             </div>
-            <div class="command-menu__content__section__row">
+            <div class="command-menu__section__row">
               <span>Sub Weighted:</span>
               <input
                 class="command-menu__input"

From 72da459d9a6e9269006ac1735cddb6944b2def3a Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 12:16:53 +1300
Subject: [PATCH 14/24] Remove jquery from CommandMenuPoll

---
 .../chat/js/command-menus/CommandMenuPoll.js  | 37 +++++++++++++++----
 1 file changed, 29 insertions(+), 8 deletions(-)

diff --git a/assets/chat/js/command-menus/CommandMenuPoll.js b/assets/chat/js/command-menus/CommandMenuPoll.js
index 703bd47b..470019ff 100644
--- a/assets/chat/js/command-menus/CommandMenuPoll.js
+++ b/assets/chat/js/command-menus/CommandMenuPoll.js
@@ -1,4 +1,3 @@
-import $ from 'jquery';
 import CommandMenu from './CommandMenu';
 
 class CommandMenuPoll extends CommandMenu {
@@ -61,17 +60,39 @@ class CommandMenuPoll extends CommandMenu {
   }
 
   addAnswer() {
-    this.buildOptionHtml('', this.options.length).insertBefore(
-      this.ui.add.closest('.command-menu__section__row'),
+    this.ui.answers[0].insertBefore(
+      this.buildOptionHtml('', this.options.length),
+      this.ui.add.closest('.command-menu__section__row')[0],
     );
   }
 
   buildOptionHtml(option, index) {
-    return $(`<div class="command-menu__section__row command-menu-poll-answer">
-      <span>${index + 1}:</span>
-      <input class="command-menu__input" type="text" placeholder="YEE" value="${option}" required>
-      <button class="command-menu__button command-menu__button--danger command-menu-poll-answer-remove">X</button>
-    </div>`);
+    const row = document.createElement('div');
+    row.classList.add('command-menu__section__row', 'command-menu-poll-answer');
+
+    const number = document.createElement('span');
+    number.textContent = `${index + 1}:`;
+
+    const input = document.createElement('input');
+    input.classList.add('command-menu__input');
+    input.type = 'text';
+    input.placeholder = 'YEE';
+    input.value = option;
+    input.required = true;
+
+    const remove = document.createElement('button');
+    remove.classList.add(
+      'command-menu__button',
+      'command-menu__button--danger',
+      'command-menu-poll-answer-remove',
+    );
+    remove.textContent = 'X';
+
+    row.appendChild(number);
+    row.appendChild(input);
+    row.appendChild(remove);
+
+    return row;
   }
 
   get question() {

From b9b51028446bd6d6aad354d2fc69c45dc57522a1 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 13:22:49 +1300
Subject: [PATCH 15/24] Add libstiny and lucide icons, Implement buttons

---
 assets/chat/css/command-menus/_index.scss     |   16 -
 assets/chat/css/style.scss                    |    2 +
 assets/chat/js/chat.js                        |    5 +
 .../chat/js/command-menus/CommandMenuPoll.js  |   12 +-
 assets/chat/js/icons.js                       |   19 +
 assets/views/embed.html                       |    6 +-
 package-lock.json                             | 1559 ++++++++++++++---
 package.json                                  |    2 +
 8 files changed, 1382 insertions(+), 239 deletions(-)
 create mode 100644 assets/chat/js/icons.js

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index 6882b3c8..a9863fb0 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -56,22 +56,6 @@
     border-top: 1px solid a.$color-surface-dark4;
   }
 
-  &__button {
-    margin: 0 0.5em 0 0.5em;
-    padding: 0.25em 0.75em;
-    border-radius: a.$bradius;
-    color: #fff;
-    font-weight: 500;
-
-    &--success {
-      background: a.$color-green;
-    }
-
-    &--danger {
-      background: a.$color-red;
-    }
-  }
-
   span {
     font-weight: 500;
     padding: 0.25em;
diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss
index 420a2500..bda1f9ea 100644
--- a/assets/chat/css/style.scss
+++ b/assets/chat/css/style.scss
@@ -1,5 +1,7 @@
 @use 'sass:color';
 
+@use '~@destinygg/libstiny';
+
 @use '~normalize.css/normalize';
 @use '~tippy.js/dist/tippy';
 @use '~tippy.js/dist/svg-arrow';
diff --git a/assets/chat/js/chat.js b/assets/chat/js/chat.js
index b8b527f8..88dc08f1 100644
--- a/assets/chat/js/chat.js
+++ b/assets/chat/js/chat.js
@@ -33,6 +33,7 @@ import {
   ChatUserInfoMenu,
   ChatEventActionMenu,
 } from './menus';
+import { IconsController } from './icons';
 import ChatEventBar from './event-bar/EventBar';
 import ChatAutoComplete from './autocomplete';
 import ChatInputHistory from './history';
@@ -93,6 +94,8 @@ class Chat {
     this.flairsMap = new Map();
     this.emoteService = new EmoteService();
 
+    this.icons = new IconsController();
+
     this.user = new ChatUser();
     this.users = new Map();
     this.whispers = new Map();
@@ -293,6 +296,8 @@ class Chat {
     this.ui.prependTo(appendTo || 'body');
     $(MessageTemplateHTML).prependTo('body');
 
+    this.icons.renderIcons();
+
     // We use this style sheet to apply GUI updates via css (e.g. user focus)
     this.css = (() => {
       const link = document.createElement('style');
diff --git a/assets/chat/js/command-menus/CommandMenuPoll.js b/assets/chat/js/command-menus/CommandMenuPoll.js
index 470019ff..b62331c7 100644
--- a/assets/chat/js/command-menus/CommandMenuPoll.js
+++ b/assets/chat/js/command-menus/CommandMenuPoll.js
@@ -1,3 +1,4 @@
+import { Icons } from '../icons';
 import CommandMenu from './CommandMenu';
 
 class CommandMenuPoll extends CommandMenu {
@@ -82,11 +83,16 @@ class CommandMenuPoll extends CommandMenu {
 
     const remove = document.createElement('button');
     remove.classList.add(
-      'command-menu__button',
-      'command-menu__button--danger',
+      'button',
+      'button--danger',
+      'button--small',
+      'button--icon-only',
       'command-menu-poll-answer-remove',
     );
-    remove.textContent = 'X';
+
+    const removeIcon = this.chat.icons.getNode(Icons.X);
+
+    remove.appendChild(removeIcon);
 
     row.appendChild(number);
     row.appendChild(input);
diff --git a/assets/chat/js/icons.js b/assets/chat/js/icons.js
new file mode 100644
index 00000000..4139f892
--- /dev/null
+++ b/assets/chat/js/icons.js
@@ -0,0 +1,19 @@
+import { createElement, createIcons, X } from 'lucide';
+
+const icons = {
+  X,
+};
+
+class IconsController {
+  renderIcons() {
+    createIcons({ icons });
+  }
+
+  getNode(icon) {
+    const node = createElement(icon);
+    node.classList.add('lucide');
+    return node;
+  }
+}
+
+export { IconsController, icons as Icons };
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 0d7e1b0e..432c749c 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -52,7 +52,7 @@ <h2>Create Poll</h2>
           <div class="command-menu__section" id="command-menu-poll-answers">
             <div class="command-menu__section__row">
               <button
-                class="command-menu__button command-menu__button--success"
+                class="button button--secondary button--small"
                 id="command-menu-poll-add"
               >
                 Add Answer
@@ -88,12 +88,12 @@ <h2>Create Poll</h2>
         </div>
         <div class="command-menu__actions">
           <button
-            class="command-menu__button command-menu__button--success command-menu__button__submit"
+            class="button button--primary button--small command-menu__button__submit"
           >
             Submit
           </button>
           <button
-            class="command-menu__button command-menu__button--danger command-menu__button__cancel"
+            class="button button--danger button--small command-menu__button__cancel"
           >
             Cancel
           </button>
diff --git a/package-lock.json b/package-lock.json
index 1cc2234a..d8228ac5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,8 +9,10 @@
       "version": "2.52.0",
       "license": "SEE LICENSE IN <LICENSE.md>",
       "dependencies": {
+        "@destinygg/libstiny": "^1.5.0",
         "dotenv": "^16.0.3",
         "jquery": "^3.6.0",
+        "lucide": "^0.474.0",
         "md5": "^2.3.0",
         "moment": "~2.30.1",
         "normalize.css": "~8.0.1",
@@ -1684,7 +1686,6 @@
       "version": "7.26.0",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
       "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
-      "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -1695,8 +1696,7 @@
     "node_modules/@babel/runtime/node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "dev": true
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/@babel/template": {
       "version": "7.25.9",
@@ -1749,6 +1749,317 @@
       "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
       "dev": true
     },
+    "node_modules/@changesets/apply-release-plan": {
+      "version": "7.0.8",
+      "resolved": "https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-7.0.8.tgz",
+      "integrity": "sha512-qjMUj4DYQ1Z6qHawsn7S71SujrExJ+nceyKKyI9iB+M5p9lCL55afuEd6uLBPRpLGWQwkwvWegDHtwHJb1UjpA==",
+      "dependencies": {
+        "@changesets/config": "^3.0.5",
+        "@changesets/get-version-range-type": "^0.4.0",
+        "@changesets/git": "^3.0.2",
+        "@changesets/should-skip-package": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "detect-indent": "^6.0.0",
+        "fs-extra": "^7.0.1",
+        "lodash.startcase": "^4.4.0",
+        "outdent": "^0.5.0",
+        "prettier": "^2.7.1",
+        "resolve-from": "^5.0.0",
+        "semver": "^7.5.3"
+      }
+    },
+    "node_modules/@changesets/apply-release-plan/node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/@changesets/apply-release-plan/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@changesets/apply-release-plan/node_modules/semver": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+      "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@changesets/assemble-release-plan": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-6.0.5.tgz",
+      "integrity": "sha512-IgvBWLNKZd6k4t72MBTBK3nkygi0j3t3zdC1zrfusYo0KpdsvnDjrMM9vPnTCLCMlfNs55jRL4gIMybxa64FCQ==",
+      "dependencies": {
+        "@changesets/errors": "^0.2.0",
+        "@changesets/get-dependents-graph": "^2.1.2",
+        "@changesets/should-skip-package": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "semver": "^7.5.3"
+      }
+    },
+    "node_modules/@changesets/assemble-release-plan/node_modules/semver": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+      "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@changesets/changelog-git": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.2.0.tgz",
+      "integrity": "sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ==",
+      "dependencies": {
+        "@changesets/types": "^6.0.0"
+      }
+    },
+    "node_modules/@changesets/cli": {
+      "version": "2.27.12",
+      "resolved": "https://registry.npmjs.org/@changesets/cli/-/cli-2.27.12.tgz",
+      "integrity": "sha512-9o3fOfHYOvBnyEn0mcahB7wzaA3P4bGJf8PNqGit5PKaMEFdsRixik+txkrJWd2VX+O6wRFXpxQL8j/1ANKE9g==",
+      "dependencies": {
+        "@changesets/apply-release-plan": "^7.0.8",
+        "@changesets/assemble-release-plan": "^6.0.5",
+        "@changesets/changelog-git": "^0.2.0",
+        "@changesets/config": "^3.0.5",
+        "@changesets/errors": "^0.2.0",
+        "@changesets/get-dependents-graph": "^2.1.2",
+        "@changesets/get-release-plan": "^4.0.6",
+        "@changesets/git": "^3.0.2",
+        "@changesets/logger": "^0.1.1",
+        "@changesets/pre": "^2.0.1",
+        "@changesets/read": "^0.6.2",
+        "@changesets/should-skip-package": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@changesets/write": "^0.3.2",
+        "@manypkg/get-packages": "^1.1.3",
+        "ansi-colors": "^4.1.3",
+        "ci-info": "^3.7.0",
+        "enquirer": "^2.4.1",
+        "external-editor": "^3.1.0",
+        "fs-extra": "^7.0.1",
+        "mri": "^1.2.0",
+        "p-limit": "^2.2.0",
+        "package-manager-detector": "^0.2.0",
+        "picocolors": "^1.1.0",
+        "resolve-from": "^5.0.0",
+        "semver": "^7.5.3",
+        "spawndamnit": "^3.0.1",
+        "term-size": "^2.1.0"
+      },
+      "bin": {
+        "changeset": "bin.js"
+      }
+    },
+    "node_modules/@changesets/cli/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@changesets/cli/node_modules/semver": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+      "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@changesets/config": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@changesets/config/-/config-3.0.5.tgz",
+      "integrity": "sha512-QyXLSSd10GquX7hY0Mt4yQFMEeqnO5z/XLpbIr4PAkNNoQNKwDyiSrx4yd749WddusH1v3OSiA0NRAYmH/APpQ==",
+      "dependencies": {
+        "@changesets/errors": "^0.2.0",
+        "@changesets/get-dependents-graph": "^2.1.2",
+        "@changesets/logger": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "fs-extra": "^7.0.1",
+        "micromatch": "^4.0.8"
+      }
+    },
+    "node_modules/@changesets/errors": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@changesets/errors/-/errors-0.2.0.tgz",
+      "integrity": "sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==",
+      "dependencies": {
+        "extendable-error": "^0.1.5"
+      }
+    },
+    "node_modules/@changesets/get-dependents-graph": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-2.1.2.tgz",
+      "integrity": "sha512-sgcHRkiBY9i4zWYBwlVyAjEM9sAzs4wYVwJUdnbDLnVG3QwAaia1Mk5P8M7kraTOZN+vBET7n8KyB0YXCbFRLQ==",
+      "dependencies": {
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "picocolors": "^1.1.0",
+        "semver": "^7.5.3"
+      }
+    },
+    "node_modules/@changesets/get-dependents-graph/node_modules/semver": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+      "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@changesets/get-release-plan": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-4.0.6.tgz",
+      "integrity": "sha512-FHRwBkY7Eili04Y5YMOZb0ezQzKikTka4wL753vfUA5COSebt7KThqiuCN9BewE4/qFGgF/5t3AuzXx1/UAY4w==",
+      "dependencies": {
+        "@changesets/assemble-release-plan": "^6.0.5",
+        "@changesets/config": "^3.0.5",
+        "@changesets/pre": "^2.0.1",
+        "@changesets/read": "^0.6.2",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3"
+      }
+    },
+    "node_modules/@changesets/get-version-range-type": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@changesets/get-version-range-type/-/get-version-range-type-0.4.0.tgz",
+      "integrity": "sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ=="
+    },
+    "node_modules/@changesets/git": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@changesets/git/-/git-3.0.2.tgz",
+      "integrity": "sha512-r1/Kju9Y8OxRRdvna+nxpQIsMsRQn9dhhAZt94FLDeu0Hij2hnOozW8iqnHBgvu+KdnJppCveQwK4odwfw/aWQ==",
+      "dependencies": {
+        "@changesets/errors": "^0.2.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "is-subdir": "^1.1.1",
+        "micromatch": "^4.0.8",
+        "spawndamnit": "^3.0.1"
+      }
+    },
+    "node_modules/@changesets/logger": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@changesets/logger/-/logger-0.1.1.tgz",
+      "integrity": "sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg==",
+      "dependencies": {
+        "picocolors": "^1.1.0"
+      }
+    },
+    "node_modules/@changesets/parse": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@changesets/parse/-/parse-0.4.0.tgz",
+      "integrity": "sha512-TS/9KG2CdGXS27S+QxbZXgr8uPsP4yNJYb4BC2/NeFUj80Rni3TeD2qwWmabymxmrLo7JEsytXH1FbpKTbvivw==",
+      "dependencies": {
+        "@changesets/types": "^6.0.0",
+        "js-yaml": "^3.13.1"
+      }
+    },
+    "node_modules/@changesets/pre": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@changesets/pre/-/pre-2.0.1.tgz",
+      "integrity": "sha512-vvBJ/If4jKM4tPz9JdY2kGOgWmCowUYOi5Ycv8dyLnEE8FgpYYUo1mgJZxcdtGGP3aG8rAQulGLyyXGSLkIMTQ==",
+      "dependencies": {
+        "@changesets/errors": "^0.2.0",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "fs-extra": "^7.0.1"
+      }
+    },
+    "node_modules/@changesets/read": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@changesets/read/-/read-0.6.2.tgz",
+      "integrity": "sha512-wjfQpJvryY3zD61p8jR87mJdyx2FIhEcdXhKUqkja87toMrP/3jtg/Yg29upN+N4Ckf525/uvV7a4tzBlpk6gg==",
+      "dependencies": {
+        "@changesets/git": "^3.0.2",
+        "@changesets/logger": "^0.1.1",
+        "@changesets/parse": "^0.4.0",
+        "@changesets/types": "^6.0.0",
+        "fs-extra": "^7.0.1",
+        "p-filter": "^2.1.0",
+        "picocolors": "^1.1.0"
+      }
+    },
+    "node_modules/@changesets/should-skip-package": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@changesets/should-skip-package/-/should-skip-package-0.1.1.tgz",
+      "integrity": "sha512-H9LjLbF6mMHLtJIc/eHR9Na+MifJ3VxtgP/Y+XLn4BF7tDTEN1HNYtH6QMcjP1uxp9sjaFYmW8xqloaCi/ckTg==",
+      "dependencies": {
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3"
+      }
+    },
+    "node_modules/@changesets/types": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@changesets/types/-/types-6.0.0.tgz",
+      "integrity": "sha512-b1UkfNulgKoWfqyHtzKS5fOZYSJO+77adgL7DLRDr+/7jhChN+QcHnbjiQVOz/U+Ts3PGNySq7diAItzDgugfQ=="
+    },
+    "node_modules/@changesets/write": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@changesets/write/-/write-0.3.2.tgz",
+      "integrity": "sha512-kDxDrPNpUgsjDbWBvUo27PzKX4gqeKOlhibaOXDJA6kuBisGqNHv/HwGJrAu8U/dSf8ZEFIeHIPtvSlZI1kULw==",
+      "dependencies": {
+        "@changesets/types": "^6.0.0",
+        "fs-extra": "^7.0.1",
+        "human-id": "^1.0.2",
+        "prettier": "^2.7.1"
+      }
+    },
+    "node_modules/@changesets/write/node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/@destinygg/libstiny": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@destinygg/libstiny/-/libstiny-1.5.0.tgz",
+      "integrity": "sha512-sKI+HIpLbBpEUJz7uG7sJMIb2ap9EOwdCe23RXnmArMP7q1MVOdHfxY1JTJdSunPvaieBLsCKII3MpgFflvRfA==",
+      "dependencies": {
+        "@changesets/cli": "^2.27.5",
+        "cva": "^1.0.0-beta.1",
+        "normalize.css": "^8.0.1",
+        "prettier": "^3.2.5",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "sass": "^1.76.0"
+      }
+    },
     "node_modules/@discoveryjs/json-ext": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz",
@@ -2708,11 +3019,86 @@
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
       "dev": true
     },
+    "node_modules/@manypkg/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "@types/node": "^12.7.1",
+        "find-up": "^4.1.0",
+        "fs-extra": "^8.1.0"
+      }
+    },
+    "node_modules/@manypkg/find-root/node_modules/@types/node": {
+      "version": "12.20.55",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz",
+      "integrity": "sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ=="
+    },
+    "node_modules/@manypkg/find-root/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/@manypkg/find-root/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/@manypkg/get-packages": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@manypkg/get-packages/-/get-packages-1.1.3.tgz",
+      "integrity": "sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "@changesets/types": "^4.0.1",
+        "@manypkg/find-root": "^1.1.0",
+        "fs-extra": "^8.1.0",
+        "globby": "^11.0.0",
+        "read-yaml-file": "^1.1.0"
+      }
+    },
+    "node_modules/@manypkg/get-packages/node_modules/@changesets/types": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@changesets/types/-/types-4.1.0.tgz",
+      "integrity": "sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw=="
+    },
+    "node_modules/@manypkg/get-packages/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/@manypkg/get-packages/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -2725,7 +3111,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -2734,7 +3119,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -2747,7 +3131,6 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
       "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "dependencies": {
@@ -2786,7 +3169,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -2806,7 +3188,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -2826,7 +3207,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -2846,7 +3226,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -2866,7 +3245,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2886,7 +3264,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2906,7 +3283,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2926,7 +3302,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2946,7 +3321,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2966,7 +3340,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2986,7 +3359,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -3006,7 +3378,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -3026,7 +3397,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -3889,6 +4259,14 @@
         "ajv": "^6.9.1"
       }
     },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -3920,7 +4298,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3942,7 +4319,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -3993,7 +4369,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4427,6 +4802,17 @@
         "tweetnacl": "^0.14.3"
       }
     },
+    "node_modules/better-path-resolve": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/better-path-resolve/-/better-path-resolve-1.0.0.tgz",
+      "integrity": "sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==",
+      "dependencies": {
+        "is-windows": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/bin-pack": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bin-pack/-/bin-pack-1.0.2.tgz",
@@ -4535,7 +4921,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
       "dependencies": {
         "fill-range": "^7.1.1"
       },
@@ -4721,6 +5106,11 @@
         "node": ">=10"
       }
     },
+    "node_modules/chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
+    },
     "node_modules/charenc": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
@@ -4766,7 +5156,6 @@
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.7.1.tgz",
       "integrity": "sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -4919,6 +5308,14 @@
       "integrity": "sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE=",
       "dev": true
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -5332,10 +5729,9 @@
       }
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -5467,6 +5863,25 @@
       "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
       "dev": true
     },
+    "node_modules/cva": {
+      "version": "1.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/cva/-/cva-1.0.0-beta.3.tgz",
+      "integrity": "sha512-CZa8pTkpEygxJRLH9aod/wfnSgK5z/0GJqG/NNehlwam+S8llqCWUXS3eCenvAiW5sTUpwTWE6bJaeeZ/b4pzA==",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      },
+      "peerDependencies": {
+        "typescript": ">= 4.5.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/cwise-compiler": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/cwise-compiler/-/cwise-compiler-1.1.3.tgz",
@@ -5713,11 +6128,18 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/detect-indent": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
+      "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
       "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "dev": true,
       "optional": true,
       "bin": {
         "detect-libc": "bin/detect-libc.js"
@@ -5754,7 +6176,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -5945,6 +6366,18 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/enquirer": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
+      "integrity": "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==",
+      "dependencies": {
+        "ansi-colors": "^4.1.1",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
     "node_modules/entities": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -6714,7 +7147,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true,
       "bin": {
         "esparse": "bin/esparse.js",
         "esvalidate": "bin/esvalidate.js"
@@ -6939,6 +7371,24 @@
       "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
       "dev": true
     },
+    "node_modules/extendable-error": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/extendable-error/-/extendable-error-0.1.7.tgz",
+      "integrity": "sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg=="
+    },
+    "node_modules/external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+      "dependencies": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
@@ -6958,7 +7408,6 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -6995,7 +7444,6 @@
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
       "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -7037,7 +7485,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -7195,7 +7642,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -7324,6 +7770,27 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/fs-extra/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -7555,7 +8022,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -7597,7 +8063,6 @@
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
       "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -7628,8 +8093,7 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "devOptional": true
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
@@ -8049,6 +8513,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/human-id": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/human-id/-/human-id-1.0.2.tgz",
+      "integrity": "sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw=="
+    },
     "node_modules/human-signals": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
@@ -8071,7 +8540,6 @@
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dev": true,
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3"
       },
@@ -8095,7 +8563,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
       "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true,
       "engines": {
         "node": ">= 4"
       }
@@ -8103,8 +8570,7 @@
     "node_modules/immutable": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.2.tgz",
-      "integrity": "sha512-1NU7hWZDkV7hJ4PJ9dur9gTNQ4ePNPN4k9/0YhwjzykTi/+3Q5pF93YU5QoVj8BuOnhLgaY8gs0U2pj4kSYVcw==",
-      "devOptional": true
+      "integrity": "sha512-1NU7hWZDkV7hJ4PJ9dur9gTNQ4ePNPN4k9/0YhwjzykTi/+3Q5pF93YU5QoVj8BuOnhLgaY8gs0U2pj4kSYVcw=="
     },
     "node_modules/import-fresh": {
       "version": "3.3.0",
@@ -8341,7 +8807,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8368,7 +8833,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -8422,7 +8886,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -8527,6 +8990,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-subdir": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-subdir/-/is-subdir-1.2.0.tgz",
+      "integrity": "sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==",
+      "dependencies": {
+        "better-path-resolve": "1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/is-symbol": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
@@ -8581,6 +9055,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-wsl": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
@@ -8605,8 +9087,7 @@
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "dev": true
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
     },
     "node_modules/isobject": {
       "version": "3.0.1",
@@ -10466,14 +10947,12 @@
     "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
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "node_modules/js-yaml": {
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dev": true,
       "dependencies": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -10616,6 +11095,14 @@
         "node": ">=6"
       }
     },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/jsprim": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
@@ -10996,7 +11483,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -11022,6 +11508,11 @@
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "node_modules/lodash.startcase": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz",
+      "integrity": "sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg=="
+    },
     "node_modules/log-update": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
@@ -11166,6 +11657,17 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "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==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
     "node_modules/lower-case": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
@@ -11187,6 +11689,11 @@
         "node": ">=10"
       }
     },
+    "node_modules/lucide": {
+      "version": "0.474.0",
+      "resolved": "https://registry.npmjs.org/lucide/-/lucide-0.474.0.tgz",
+      "integrity": "sha512-2rfORNh9fzhCUKu0ciE48ogR1Zg7hleABLO5MBF06vOb4esTtE8FbfQJiC+wveiNFoeojWKz6zXheUToRR5uIg=="
+    },
     "node_modules/make-dir": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
@@ -11283,7 +11790,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -11301,7 +11807,6 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
@@ -11399,6 +11904,14 @@
         "node": "*"
       }
     },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -11499,7 +12012,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
       "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-      "dev": true,
       "optional": true
     },
     "node_modules/node-bitmap": {
@@ -11808,16 +12320,39 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/outdent": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/outdent/-/outdent-0.5.0.tgz",
+      "integrity": "sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q=="
+    },
     "node_modules/overlayscrollbars": {
       "version": "2.10.1",
       "resolved": "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-2.10.1.tgz",
       "integrity": "sha512-BQoUAaw533ZbqBIE8LzKtsIiOKzB3pkhA6oS2ol+8THB5b2VO91myEXPlKrQqXQRYHG53f/169fFBNrGZ9tzag=="
     },
+    "node_modules/p-filter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-filter/-/p-filter-2.1.0.tgz",
+      "integrity": "sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==",
+      "dependencies": {
+        "p-map": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -11832,7 +12367,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -11840,6 +12374,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/p-map": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+      "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/p-retry": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.0.tgz",
@@ -11861,11 +12403,15 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/package-manager-detector": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-0.2.9.tgz",
+      "integrity": "sha512-+vYvA/Y31l8Zk8dwxHhL3JfTuHPm6tlxM2A3GeQyl7ovYnSp1+mzAxClxaOr0qO1TtPxbQxetI7v5XqKLJZk7Q=="
+    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -11962,7 +12508,6 @@
       "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,
       "engines": {
         "node": ">=8"
       }
@@ -11980,7 +12525,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -12001,7 +12545,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -12013,16 +12556,14 @@
       "dev": true
     },
     "node_modules/picocolors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
-      "devOptional": true
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -12042,6 +12583,14 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/pirates": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
@@ -12275,7 +12824,6 @@
       "version": "3.4.2",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz",
       "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==",
-      "dev": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -12413,7 +12961,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -12471,12 +13018,57 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
     "node_modules/react-is": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
       "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
       "dev": true
     },
+    "node_modules/read-yaml-file": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/read-yaml-file/-/read-yaml-file-1.1.0.tgz",
+      "integrity": "sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==",
+      "dependencies": {
+        "graceful-fs": "^4.1.5",
+        "js-yaml": "^3.6.1",
+        "pify": "^4.0.1",
+        "strip-bom": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/read-yaml-file/node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -12800,7 +13392,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -12843,7 +13434,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -12912,14 +13502,12 @@
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/sass": {
       "version": "1.83.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.1.tgz",
       "integrity": "sha512-EVJbDaEs4Rr3F0glJzFSOvtg2/oy2V/YrGFPqPY24UqcLDWcI9ZY5sN+qyO3c/QCZwzgfirvhXvINiJCE/OLcA==",
-      "devOptional": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -12978,7 +13566,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
       "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
-      "devOptional": true,
       "dependencies": {
         "readdirp": "^4.0.1"
       },
@@ -12993,7 +13580,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
       "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
-      "devOptional": true,
       "engines": {
         "node": ">= 14.16.0"
       },
@@ -13035,6 +13621,14 @@
         "node": ">=v12.22.7"
       }
     },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
     "node_modules/schema-utils": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
@@ -13320,7 +13914,6 @@
       "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,
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -13332,7 +13925,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -13437,7 +14029,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -13515,7 +14106,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -13530,6 +14120,26 @@
         "source-map": "^0.6.0"
       }
     },
+    "node_modules/spawndamnit": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spawndamnit/-/spawndamnit-3.0.1.tgz",
+      "integrity": "sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==",
+      "dependencies": {
+        "cross-spawn": "^7.0.5",
+        "signal-exit": "^4.0.1"
+      }
+    },
+    "node_modules/spawndamnit/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/spdy": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -13563,8 +14173,7 @@
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
     },
     "node_modules/spritesmith": {
       "version": "3.5.1",
@@ -13764,7 +14373,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -13861,6 +14469,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/term-size": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz",
+      "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/terser": {
       "version": "5.30.1",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.30.1.tgz",
@@ -14037,6 +14656,17 @@
         "@popperjs/core": "^2.9.0"
       }
     },
+    "node_modules/tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
     "node_modules/tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
@@ -14047,7 +14677,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -14303,7 +14932,7 @@
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
       "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
-      "dev": true,
+      "devOptional": true,
       "peer": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -14903,7 +15532,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -16260,7 +16888,6 @@
       "version": "7.26.0",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
       "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
-      "dev": true,
       "requires": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -16268,8 +16895,7 @@
         "regenerator-runtime": {
           "version": "0.14.1",
           "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-          "dev": true
+          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
         }
       }
     },
@@ -16284,36 +16910,306 @@
         "@babel/types": "^7.25.9"
       }
     },
-    "@babel/traverse": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
-      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
-      "dev": true,
+    "@babel/traverse": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
+      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.25.9",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/types": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
+      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      }
+    },
+    "@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true
+    },
+    "@changesets/apply-release-plan": {
+      "version": "7.0.8",
+      "resolved": "https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-7.0.8.tgz",
+      "integrity": "sha512-qjMUj4DYQ1Z6qHawsn7S71SujrExJ+nceyKKyI9iB+M5p9lCL55afuEd6uLBPRpLGWQwkwvWegDHtwHJb1UjpA==",
+      "requires": {
+        "@changesets/config": "^3.0.5",
+        "@changesets/get-version-range-type": "^0.4.0",
+        "@changesets/git": "^3.0.2",
+        "@changesets/should-skip-package": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "detect-indent": "^6.0.0",
+        "fs-extra": "^7.0.1",
+        "lodash.startcase": "^4.4.0",
+        "outdent": "^0.5.0",
+        "prettier": "^2.7.1",
+        "resolve-from": "^5.0.0",
+        "semver": "^7.5.3"
+      },
+      "dependencies": {
+        "prettier": {
+          "version": "2.8.8",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+          "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q=="
+        },
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+        },
+        "semver": {
+          "version": "7.7.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+          "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ=="
+        }
+      }
+    },
+    "@changesets/assemble-release-plan": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/@changesets/assemble-release-plan/-/assemble-release-plan-6.0.5.tgz",
+      "integrity": "sha512-IgvBWLNKZd6k4t72MBTBK3nkygi0j3t3zdC1zrfusYo0KpdsvnDjrMM9vPnTCLCMlfNs55jRL4gIMybxa64FCQ==",
+      "requires": {
+        "@changesets/errors": "^0.2.0",
+        "@changesets/get-dependents-graph": "^2.1.2",
+        "@changesets/should-skip-package": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "semver": "^7.5.3"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.7.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+          "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ=="
+        }
+      }
+    },
+    "@changesets/changelog-git": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@changesets/changelog-git/-/changelog-git-0.2.0.tgz",
+      "integrity": "sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ==",
+      "requires": {
+        "@changesets/types": "^6.0.0"
+      }
+    },
+    "@changesets/cli": {
+      "version": "2.27.12",
+      "resolved": "https://registry.npmjs.org/@changesets/cli/-/cli-2.27.12.tgz",
+      "integrity": "sha512-9o3fOfHYOvBnyEn0mcahB7wzaA3P4bGJf8PNqGit5PKaMEFdsRixik+txkrJWd2VX+O6wRFXpxQL8j/1ANKE9g==",
+      "requires": {
+        "@changesets/apply-release-plan": "^7.0.8",
+        "@changesets/assemble-release-plan": "^6.0.5",
+        "@changesets/changelog-git": "^0.2.0",
+        "@changesets/config": "^3.0.5",
+        "@changesets/errors": "^0.2.0",
+        "@changesets/get-dependents-graph": "^2.1.2",
+        "@changesets/get-release-plan": "^4.0.6",
+        "@changesets/git": "^3.0.2",
+        "@changesets/logger": "^0.1.1",
+        "@changesets/pre": "^2.0.1",
+        "@changesets/read": "^0.6.2",
+        "@changesets/should-skip-package": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@changesets/write": "^0.3.2",
+        "@manypkg/get-packages": "^1.1.3",
+        "ansi-colors": "^4.1.3",
+        "ci-info": "^3.7.0",
+        "enquirer": "^2.4.1",
+        "external-editor": "^3.1.0",
+        "fs-extra": "^7.0.1",
+        "mri": "^1.2.0",
+        "p-limit": "^2.2.0",
+        "package-manager-detector": "^0.2.0",
+        "picocolors": "^1.1.0",
+        "resolve-from": "^5.0.0",
+        "semver": "^7.5.3",
+        "spawndamnit": "^3.0.1",
+        "term-size": "^2.1.0"
+      },
+      "dependencies": {
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+        },
+        "semver": {
+          "version": "7.7.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+          "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ=="
+        }
+      }
+    },
+    "@changesets/config": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@changesets/config/-/config-3.0.5.tgz",
+      "integrity": "sha512-QyXLSSd10GquX7hY0Mt4yQFMEeqnO5z/XLpbIr4PAkNNoQNKwDyiSrx4yd749WddusH1v3OSiA0NRAYmH/APpQ==",
+      "requires": {
+        "@changesets/errors": "^0.2.0",
+        "@changesets/get-dependents-graph": "^2.1.2",
+        "@changesets/logger": "^0.1.1",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "fs-extra": "^7.0.1",
+        "micromatch": "^4.0.8"
+      }
+    },
+    "@changesets/errors": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@changesets/errors/-/errors-0.2.0.tgz",
+      "integrity": "sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==",
+      "requires": {
+        "extendable-error": "^0.1.5"
+      }
+    },
+    "@changesets/get-dependents-graph": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@changesets/get-dependents-graph/-/get-dependents-graph-2.1.2.tgz",
+      "integrity": "sha512-sgcHRkiBY9i4zWYBwlVyAjEM9sAzs4wYVwJUdnbDLnVG3QwAaia1Mk5P8M7kraTOZN+vBET7n8KyB0YXCbFRLQ==",
+      "requires": {
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "picocolors": "^1.1.0",
+        "semver": "^7.5.3"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.7.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+          "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ=="
+        }
+      }
+    },
+    "@changesets/get-release-plan": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-4.0.6.tgz",
+      "integrity": "sha512-FHRwBkY7Eili04Y5YMOZb0ezQzKikTka4wL753vfUA5COSebt7KThqiuCN9BewE4/qFGgF/5t3AuzXx1/UAY4w==",
+      "requires": {
+        "@changesets/assemble-release-plan": "^6.0.5",
+        "@changesets/config": "^3.0.5",
+        "@changesets/pre": "^2.0.1",
+        "@changesets/read": "^0.6.2",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3"
+      }
+    },
+    "@changesets/get-version-range-type": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@changesets/get-version-range-type/-/get-version-range-type-0.4.0.tgz",
+      "integrity": "sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ=="
+    },
+    "@changesets/git": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@changesets/git/-/git-3.0.2.tgz",
+      "integrity": "sha512-r1/Kju9Y8OxRRdvna+nxpQIsMsRQn9dhhAZt94FLDeu0Hij2hnOozW8iqnHBgvu+KdnJppCveQwK4odwfw/aWQ==",
+      "requires": {
+        "@changesets/errors": "^0.2.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "is-subdir": "^1.1.1",
+        "micromatch": "^4.0.8",
+        "spawndamnit": "^3.0.1"
+      }
+    },
+    "@changesets/logger": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@changesets/logger/-/logger-0.1.1.tgz",
+      "integrity": "sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg==",
+      "requires": {
+        "picocolors": "^1.1.0"
+      }
+    },
+    "@changesets/parse": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@changesets/parse/-/parse-0.4.0.tgz",
+      "integrity": "sha512-TS/9KG2CdGXS27S+QxbZXgr8uPsP4yNJYb4BC2/NeFUj80Rni3TeD2qwWmabymxmrLo7JEsytXH1FbpKTbvivw==",
+      "requires": {
+        "@changesets/types": "^6.0.0",
+        "js-yaml": "^3.13.1"
+      }
+    },
+    "@changesets/pre": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@changesets/pre/-/pre-2.0.1.tgz",
+      "integrity": "sha512-vvBJ/If4jKM4tPz9JdY2kGOgWmCowUYOi5Ycv8dyLnEE8FgpYYUo1mgJZxcdtGGP3aG8rAQulGLyyXGSLkIMTQ==",
+      "requires": {
+        "@changesets/errors": "^0.2.0",
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3",
+        "fs-extra": "^7.0.1"
+      }
+    },
+    "@changesets/read": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@changesets/read/-/read-0.6.2.tgz",
+      "integrity": "sha512-wjfQpJvryY3zD61p8jR87mJdyx2FIhEcdXhKUqkja87toMrP/3jtg/Yg29upN+N4Ckf525/uvV7a4tzBlpk6gg==",
+      "requires": {
+        "@changesets/git": "^3.0.2",
+        "@changesets/logger": "^0.1.1",
+        "@changesets/parse": "^0.4.0",
+        "@changesets/types": "^6.0.0",
+        "fs-extra": "^7.0.1",
+        "p-filter": "^2.1.0",
+        "picocolors": "^1.1.0"
+      }
+    },
+    "@changesets/should-skip-package": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@changesets/should-skip-package/-/should-skip-package-0.1.1.tgz",
+      "integrity": "sha512-H9LjLbF6mMHLtJIc/eHR9Na+MifJ3VxtgP/Y+XLn4BF7tDTEN1HNYtH6QMcjP1uxp9sjaFYmW8xqloaCi/ckTg==",
       "requires": {
-        "@babel/code-frame": "^7.25.9",
-        "@babel/generator": "^7.25.9",
-        "@babel/parser": "^7.25.9",
-        "@babel/template": "^7.25.9",
-        "@babel/types": "^7.25.9",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@changesets/types": "^6.0.0",
+        "@manypkg/get-packages": "^1.1.3"
       }
     },
-    "@babel/types": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
-      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
-      "dev": true,
+    "@changesets/types": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@changesets/types/-/types-6.0.0.tgz",
+      "integrity": "sha512-b1UkfNulgKoWfqyHtzKS5fOZYSJO+77adgL7DLRDr+/7jhChN+QcHnbjiQVOz/U+Ts3PGNySq7diAItzDgugfQ=="
+    },
+    "@changesets/write": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@changesets/write/-/write-0.3.2.tgz",
+      "integrity": "sha512-kDxDrPNpUgsjDbWBvUo27PzKX4gqeKOlhibaOXDJA6kuBisGqNHv/HwGJrAu8U/dSf8ZEFIeHIPtvSlZI1kULw==",
       "requires": {
-        "@babel/helper-string-parser": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9"
+        "@changesets/types": "^6.0.0",
+        "fs-extra": "^7.0.1",
+        "human-id": "^1.0.2",
+        "prettier": "^2.7.1"
+      },
+      "dependencies": {
+        "prettier": {
+          "version": "2.8.8",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+          "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q=="
+        }
       }
     },
-    "@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-      "dev": true
+    "@destinygg/libstiny": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@destinygg/libstiny/-/libstiny-1.5.0.tgz",
+      "integrity": "sha512-sKI+HIpLbBpEUJz7uG7sJMIb2ap9EOwdCe23RXnmArMP7q1MVOdHfxY1JTJdSunPvaieBLsCKII3MpgFflvRfA==",
+      "requires": {
+        "@changesets/cli": "^2.27.5",
+        "cva": "^1.0.0-beta.1",
+        "normalize.css": "^8.0.1",
+        "prettier": "^3.2.5",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "sass": "^1.76.0"
+      }
     },
     "@discoveryjs/json-ext": {
       "version": "0.6.3",
@@ -17026,11 +17922,78 @@
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
       "dev": true
     },
+    "@manypkg/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@types/node": "^12.7.1",
+        "find-up": "^4.1.0",
+        "fs-extra": "^8.1.0"
+      },
+      "dependencies": {
+        "@types/node": {
+          "version": "12.20.55",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz",
+          "integrity": "sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ=="
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "universalify": {
+          "version": "0.1.2",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
+        }
+      }
+    },
+    "@manypkg/get-packages": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@manypkg/get-packages/-/get-packages-1.1.3.tgz",
+      "integrity": "sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "@changesets/types": "^4.0.1",
+        "@manypkg/find-root": "^1.1.0",
+        "fs-extra": "^8.1.0",
+        "globby": "^11.0.0",
+        "read-yaml-file": "^1.1.0"
+      },
+      "dependencies": {
+        "@changesets/types": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/@changesets/types/-/types-4.1.0.tgz",
+          "integrity": "sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw=="
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "universalify": {
+          "version": "0.1.2",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
+        }
+      }
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "requires": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -17039,14 +18002,12 @@
     "@nodelib/fs.stat": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
     },
     "@nodelib/fs.walk": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "requires": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -17056,7 +18017,6 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
       "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
-      "dev": true,
       "optional": true,
       "requires": {
         "@parcel/watcher-android-arm64": "2.5.0",
@@ -17082,91 +18042,78 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz",
       "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-darwin-arm64": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz",
       "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-darwin-x64": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz",
       "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-freebsd-x64": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz",
       "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-linux-arm-glibc": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz",
       "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-linux-arm-musl": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz",
       "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-linux-arm64-glibc": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz",
       "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-linux-arm64-musl": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz",
       "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-linux-x64-glibc": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz",
       "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-linux-x64-musl": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz",
       "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-win32-arm64": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz",
       "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-win32-ia32": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz",
       "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==",
-      "dev": true,
       "optional": true
     },
     "@parcel/watcher-win32-x64": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz",
       "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==",
-      "dev": true,
       "optional": true
     },
     "@popperjs/core": {
@@ -17905,6 +18852,11 @@
       "devOptional": true,
       "requires": {}
     },
+    "ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw=="
+    },
     "ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -17923,8 +18875,7 @@
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
     },
     "anymatch": {
       "version": "3.1.2",
@@ -17940,7 +18891,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
       "requires": {
         "sprintf-js": "~1.0.2"
       }
@@ -17978,8 +18928,7 @@
     "array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="
     },
     "array.prototype.findlastindex": {
       "version": "1.2.5",
@@ -18294,6 +19243,14 @@
         "tweetnacl": "^0.14.3"
       }
     },
+    "better-path-resolve": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/better-path-resolve/-/better-path-resolve-1.0.0.tgz",
+      "integrity": "sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==",
+      "requires": {
+        "is-windows": "^1.0.0"
+      }
+    },
     "bin-pack": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bin-pack/-/bin-pack-1.0.2.tgz",
@@ -18388,7 +19345,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
       "requires": {
         "fill-range": "^7.1.1"
       }
@@ -18503,6 +19459,11 @@
       "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
       "dev": true
     },
+    "chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
+    },
     "charenc": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
@@ -18533,8 +19494,7 @@
     "ci-info": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.7.1.tgz",
-      "integrity": "sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w==",
-      "dev": true
+      "integrity": "sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w=="
     },
     "cjs-module-lexer": {
       "version": "1.2.3",
@@ -18638,6 +19598,11 @@
       "integrity": "sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE=",
       "dev": true
     },
+    "clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="
+    },
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -18965,10 +19930,9 @@
       }
     },
     "cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "requires": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -19055,6 +20019,14 @@
         }
       }
     },
+    "cva": {
+      "version": "1.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/cva/-/cva-1.0.0-beta.3.tgz",
+      "integrity": "sha512-CZa8pTkpEygxJRLH9aod/wfnSgK5z/0GJqG/NNehlwam+S8llqCWUXS3eCenvAiW5sTUpwTWE6bJaeeZ/b4pzA==",
+      "requires": {
+        "clsx": "^2.1.1"
+      }
+    },
     "cwise-compiler": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/cwise-compiler/-/cwise-compiler-1.1.3.tgz",
@@ -19219,11 +20191,15 @@
       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
       "dev": true
     },
+    "detect-indent": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
+      "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA=="
+    },
     "detect-libc": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
       "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "dev": true,
       "optional": true
     },
     "detect-newline": {
@@ -19248,7 +20224,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
       "requires": {
         "path-type": "^4.0.0"
       }
@@ -19391,6 +20366,15 @@
         "tapable": "^2.2.0"
       }
     },
+    "enquirer": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
+      "integrity": "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==",
+      "requires": {
+        "ansi-colors": "^4.1.1",
+        "strip-ansi": "^6.0.1"
+      }
+    },
     "entities": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -19953,8 +20937,7 @@
     "esprima": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
     },
     "esquery": {
       "version": "1.4.2",
@@ -20117,6 +21100,21 @@
       "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
       "dev": true
     },
+    "extendable-error": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/extendable-error/-/extendable-error-0.1.7.tgz",
+      "integrity": "sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg=="
+    },
+    "external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+      "requires": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      }
+    },
     "extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
@@ -20133,7 +21131,6 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dev": true,
       "requires": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -20164,7 +21161,6 @@
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
       "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-      "dev": true,
       "requires": {
         "reusify": "^1.0.4"
       }
@@ -20200,7 +21196,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
       "requires": {
         "to-regex-range": "^5.0.1"
       }
@@ -20311,7 +21306,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
       "requires": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -20395,6 +21389,23 @@
       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
       "dev": true
     },
+    "fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "dependencies": {
+        "universalify": {
+          "version": "0.1.2",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
+        }
+      }
+    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -20567,7 +21578,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "requires": {
         "is-glob": "^4.0.1"
       }
@@ -20597,7 +21607,6 @@
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
       "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
       "requires": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -20619,8 +21628,7 @@
     "graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "devOptional": true
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
     "graphemer": {
       "version": "1.4.0",
@@ -20920,6 +21928,11 @@
         "debug": "4"
       }
     },
+    "human-id": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/human-id/-/human-id-1.0.2.tgz",
+      "integrity": "sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw=="
+    },
     "human-signals": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
@@ -20936,7 +21949,6 @@
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dev": true,
       "requires": {
         "safer-buffer": ">= 2.1.2 < 3"
       }
@@ -20951,14 +21963,12 @@
     "ignore": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "dev": true
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ=="
     },
     "immutable": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.2.tgz",
-      "integrity": "sha512-1NU7hWZDkV7hJ4PJ9dur9gTNQ4ePNPN4k9/0YhwjzykTi/+3Q5pF93YU5QoVj8BuOnhLgaY8gs0U2pj4kSYVcw==",
-      "devOptional": true
+      "integrity": "sha512-1NU7hWZDkV7hJ4PJ9dur9gTNQ4ePNPN4k9/0YhwjzykTi/+3Q5pF93YU5QoVj8BuOnhLgaY8gs0U2pj4kSYVcw=="
     },
     "import-fresh": {
       "version": "3.3.0",
@@ -21119,8 +22129,7 @@
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "dev": true
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
     },
     "is-fullwidth-code-point": {
       "version": "3.0.0",
@@ -21138,7 +22147,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "requires": {
         "is-extglob": "^2.1.1"
       }
@@ -21167,8 +22175,7 @@
     "is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
     },
     "is-number-object": {
       "version": "1.0.7",
@@ -21234,6 +22241,14 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-subdir": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-subdir/-/is-subdir-1.2.0.tgz",
+      "integrity": "sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==",
+      "requires": {
+        "better-path-resolve": "1.0.0"
+      }
+    },
     "is-symbol": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
@@ -21273,6 +22288,11 @@
         "call-bind": "^1.0.2"
       }
     },
+    "is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA=="
+    },
     "is-wsl": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
@@ -21291,8 +22311,7 @@
     "isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "dev": true
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
     },
     "isobject": {
       "version": "3.0.1",
@@ -22670,14 +23689,12 @@
     "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
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "js-yaml": {
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dev": true,
       "requires": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -22790,6 +23807,14 @@
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true
     },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "jsprim": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
@@ -23045,7 +24070,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
       "requires": {
         "p-locate": "^4.1.0"
       }
@@ -23068,6 +24092,11 @@
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "lodash.startcase": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz",
+      "integrity": "sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg=="
+    },
     "log-update": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
@@ -23160,6 +24189,14 @@
         }
       }
     },
+    "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==",
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
     "lower-case": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
@@ -23178,6 +24215,11 @@
         "yallist": "^4.0.0"
       }
     },
+    "lucide": {
+      "version": "0.474.0",
+      "resolved": "https://registry.npmjs.org/lucide/-/lucide-0.474.0.tgz",
+      "integrity": "sha512-2rfORNh9fzhCUKu0ciE48ogR1Zg7hleABLO5MBF06vOb4esTtE8FbfQJiC+wveiNFoeojWKz6zXheUToRR5uIg=="
+    },
     "make-dir": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
@@ -23250,8 +24292,7 @@
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
     },
     "methods": {
       "version": "1.1.2",
@@ -23263,7 +24304,6 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
       "requires": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
@@ -23328,6 +24368,11 @@
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
       "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how=="
     },
+    "mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
+    },
     "ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -23410,7 +24455,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
       "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-      "dev": true,
       "optional": true
     },
     "node-bitmap": {
@@ -23636,16 +24680,33 @@
         "word-wrap": "~1.2.3"
       }
     },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g=="
+    },
+    "outdent": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/outdent/-/outdent-0.5.0.tgz",
+      "integrity": "sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q=="
+    },
     "overlayscrollbars": {
       "version": "2.10.1",
       "resolved": "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-2.10.1.tgz",
       "integrity": "sha512-BQoUAaw533ZbqBIE8LzKtsIiOKzB3pkhA6oS2ol+8THB5b2VO91myEXPlKrQqXQRYHG53f/169fFBNrGZ9tzag=="
     },
+    "p-filter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-filter/-/p-filter-2.1.0.tgz",
+      "integrity": "sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==",
+      "requires": {
+        "p-map": "^2.0.0"
+      }
+    },
     "p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
       "requires": {
         "p-try": "^2.0.0"
       }
@@ -23654,11 +24715,15 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
       "requires": {
         "p-limit": "^2.2.0"
       }
     },
+    "p-map": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+      "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw=="
+    },
     "p-retry": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.0.tgz",
@@ -23673,8 +24738,12 @@
     "p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
+    },
+    "package-manager-detector": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-0.2.9.tgz",
+      "integrity": "sha512-+vYvA/Y31l8Zk8dwxHhL3JfTuHPm6tlxM2A3GeQyl7ovYnSp1+mzAxClxaOr0qO1TtPxbQxetI7v5XqKLJZk7Q=="
     },
     "param-case": {
       "version": "3.0.4",
@@ -23752,8 +24821,7 @@
     "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
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
     },
     "path-is-absolute": {
       "version": "1.0.1",
@@ -23764,8 +24832,7 @@
     "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
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
     },
     "path-parse": {
       "version": "1.0.7",
@@ -23782,8 +24849,7 @@
     "path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
     },
     "performance-now": {
       "version": "2.1.0",
@@ -23792,16 +24858,14 @@
       "dev": true
     },
     "picocolors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
-      "devOptional": true
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
     },
     "pidtree": {
       "version": "0.6.0",
@@ -23809,6 +24873,11 @@
       "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
       "dev": true
     },
+    "pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+    },
     "pirates": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
@@ -23952,8 +25021,7 @@
     "prettier": {
       "version": "3.4.2",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz",
-      "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==",
-      "dev": true
+      "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ=="
     },
     "pretty-error": {
       "version": "4.0.0",
@@ -24051,8 +25119,7 @@
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
     },
     "randombytes": {
       "version": "2.1.0",
@@ -24089,12 +25156,47 @@
         }
       }
     },
+    "react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "requires": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      }
+    },
     "react-is": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
       "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
       "dev": true
     },
+    "read-yaml-file": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/read-yaml-file/-/read-yaml-file-1.1.0.tgz",
+      "integrity": "sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==",
+      "requires": {
+        "graceful-fs": "^4.1.5",
+        "js-yaml": "^3.6.1",
+        "pify": "^4.0.1",
+        "strip-bom": "^3.0.0"
+      },
+      "dependencies": {
+        "strip-bom": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+          "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA=="
+        }
+      }
+    },
     "readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -24342,8 +25444,7 @@
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
     },
     "rfdc": {
       "version": "1.4.1",
@@ -24370,7 +25471,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "requires": {
         "queue-microtask": "^1.2.2"
       }
@@ -24415,14 +25515,12 @@
     "safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "sass": {
       "version": "1.83.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.1.tgz",
       "integrity": "sha512-EVJbDaEs4Rr3F0glJzFSOvtg2/oy2V/YrGFPqPY24UqcLDWcI9ZY5sN+qyO3c/QCZwzgfirvhXvINiJCE/OLcA==",
-      "devOptional": true,
       "requires": {
         "@parcel/watcher": "^2.4.1",
         "chokidar": "^4.0.0",
@@ -24434,7 +25532,6 @@
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
           "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
-          "devOptional": true,
           "requires": {
             "readdirp": "^4.0.1"
           }
@@ -24442,8 +25539,7 @@
         "readdirp": {
           "version": "4.0.2",
           "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
-          "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
-          "devOptional": true
+          "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA=="
         }
       }
     },
@@ -24487,6 +25583,14 @@
         "xmlchars": "^2.2.0"
       }
     },
+    "scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "requires": {
+        "loose-envify": "^1.1.0"
+      }
+    },
     "schema-utils": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
@@ -24730,7 +25834,6 @@
       "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,
       "requires": {
         "shebang-regex": "^3.0.0"
       }
@@ -24738,8 +25841,7 @@
     "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
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
     },
     "shell-quote": {
       "version": "1.8.1",
@@ -24812,8 +25914,7 @@
     "slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="
     },
     "slice-ansi": {
       "version": "5.0.0",
@@ -24867,8 +25968,7 @@
     "source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "devOptional": true
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
     },
     "source-map-support": {
       "version": "0.5.21",
@@ -24880,6 +25980,22 @@
         "source-map": "^0.6.0"
       }
     },
+    "spawndamnit": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spawndamnit/-/spawndamnit-3.0.1.tgz",
+      "integrity": "sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==",
+      "requires": {
+        "cross-spawn": "^7.0.5",
+        "signal-exit": "^4.0.1"
+      },
+      "dependencies": {
+        "signal-exit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+          "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="
+        }
+      }
+    },
     "spdy": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -24910,8 +26026,7 @@
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
     },
     "spritesmith": {
       "version": "3.5.1",
@@ -25056,7 +26171,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "requires": {
         "ansi-regex": "^5.0.1"
       }
@@ -25117,6 +26231,11 @@
       "integrity": "sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==",
       "devOptional": true
     },
+    "term-size": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz",
+      "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg=="
+    },
     "terser": {
       "version": "5.30.1",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.30.1.tgz",
@@ -25254,6 +26373,14 @@
         "@popperjs/core": "^2.9.0"
       }
     },
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "requires": {
+        "os-tmpdir": "~1.0.2"
+      }
+    },
     "tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
@@ -25264,7 +26391,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "requires": {
         "is-number": "^7.0.0"
       }
@@ -25451,7 +26577,7 @@
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
       "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
-      "dev": true,
+      "devOptional": true,
       "peer": true
     },
     "unbox-primitive": {
@@ -25869,7 +26995,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
       "requires": {
         "isexe": "^2.0.0"
       }
diff --git a/package.json b/package.json
index 0571d4ac..450b8efa 100644
--- a/package.json
+++ b/package.json
@@ -33,8 +33,10 @@
     "assets": "./assets"
   },
   "dependencies": {
+    "@destinygg/libstiny": "^1.5.0",
     "dotenv": "^16.0.3",
     "jquery": "^3.6.0",
+    "lucide": "^0.474.0",
     "md5": "^2.3.0",
     "moment": "~2.30.1",
     "normalize.css": "~8.0.1",

From 5553c9478181716aa79cffe1915baedbd9529e89 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 14:46:36 +1300
Subject: [PATCH 16/24] Implement libstiny inputs

---
 assets/chat/css/command-menus/_index.scss     | 23 +----
 assets/chat/css/command-menus/_poll.scss      | 10 ++-
 .../chat/js/command-menus/CommandMenuPoll.js  | 89 +++++++++++++------
 assets/views/embed.html                       | 68 +++++++-------
 4 files changed, 110 insertions(+), 80 deletions(-)

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index a9863fb0..4ba4f810 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -39,14 +39,6 @@
     &:not(:last-child) {
       border-bottom: 1px solid a.$color-surface-dark4;
     }
-
-    &__row {
-      width: 100%;
-      align-items: center;
-      display: flex;
-      padding: 0.5em 0;
-      justify-content: center;
-    }
   }
 
   &__actions {
@@ -62,18 +54,9 @@
   }
 
   &__input {
+    display: flex;
+    justify-content: center;
     width: 100%;
-    padding: 0.25em;
-    margin: 0 0.25em;
-    border-radius: a.$bradius;
-    color: a.$color-chat-text2;
-    background-color: a.$color-surface-dark2;
-    border: 1px solid a.$color-surface-dark3;
-    outline: none;
-    resize: none;
-
-    &:required:placeholder-shown {
-      border-color: a.$color-red;
-    }
+    margin-bottom: 0.5rem;
   }
 }
diff --git a/assets/chat/css/command-menus/_poll.scss b/assets/chat/css/command-menus/_poll.scss
index b2bb0a2a..d59a44d0 100644
--- a/assets/chat/css/command-menus/_poll.scss
+++ b/assets/chat/css/command-menus/_poll.scss
@@ -1,5 +1,11 @@
 #command-menu-poll {
-  .command-menu-poll-answer:nth-child(-n + 2) .command-menu-poll-answer-remove {
-    display: none;
+  .command-menu-poll-answer {
+    &:nth-child(-n + 2) .input__suffix {
+      display: none;
+    }
+
+    .input__suffix {
+      padding: 0.2rem;
+    }
   }
 }
diff --git a/assets/chat/js/command-menus/CommandMenuPoll.js b/assets/chat/js/command-menus/CommandMenuPoll.js
index b62331c7..b5e1662c 100644
--- a/assets/chat/js/command-menus/CommandMenuPoll.js
+++ b/assets/chat/js/command-menus/CommandMenuPoll.js
@@ -6,12 +6,14 @@ class CommandMenuPoll extends CommandMenu {
     super(ui, chat);
 
     this.ui.question = this.ui.find('#command-menu-poll-question');
+    this.ui.question.input = this.ui.find('#command-menu-poll-question input');
 
     this.ui.add = this.ui.find('#command-menu-poll-add');
     this.ui.answers = this.ui.find('#command-menu-poll-answers');
     this.ui.answers.options = [];
 
     this.ui.time = this.ui.find('#command-menu-poll-time');
+    this.ui.time.input = this.ui.find('#command-menu-poll-time input');
     this.ui.weighted = this.ui.find('#command-menu-poll-sub-weighted');
 
     this.ui.submit.on('click touch', () => this.submit());
@@ -28,27 +30,45 @@ class CommandMenuPoll extends CommandMenu {
   }
 
   show(question, options, time, weighted) {
-    this.weighted = weighted;
     this.question = question;
     this.options = options;
     this.time = time;
+    this.weighted = weighted;
 
     super.show();
 
-    this.ui.question.focus();
+    this.ui.question.input.focus();
   }
 
-  submit() {
+  validate() {
+    let valid = true;
+
+    this.ui.question[0].classList.toggle('input--error', this.question === '');
     if (this.question === '') {
-      return;
+      valid = false;
     }
 
+    const answers = this.ui.answers.find('.command-menu-poll-answer');
+    answers.each((i, answer) => {
+      answer.classList.toggle('input--error', this.options[i] === '');
+    });
     if (this.options.includes('')) {
-      return;
+      valid = false;
     }
 
+    this.ui.time[0].classList.toggle(
+      'input--error',
+      this.time < 5000 || this.time > 600000,
+    );
     if (this.time < 5000 || this.time > 600000) {
-      this.ui.time.val('');
+      valid = false;
+    }
+
+    return valid;
+  }
+
+  submit() {
+    if (!this.validate()) {
       return;
     }
 
@@ -63,50 +83,66 @@ class CommandMenuPoll extends CommandMenu {
   addAnswer() {
     this.ui.answers[0].insertBefore(
       this.buildOptionHtml('', this.options.length),
-      this.ui.add.closest('.command-menu__section__row')[0],
+      this.ui.add.closest('.command-menu__input')[0],
     );
   }
 
   buildOptionHtml(option, index) {
     const row = document.createElement('div');
-    row.classList.add('command-menu__section__row', 'command-menu-poll-answer');
+    row.classList.add(
+      'command-menu__input',
+      'input',
+      'command-menu-poll-answer',
+    );
+
+    const area = document.createElement('div');
+    area.classList.add('input__area');
+
+    const prefix = document.createElement('div');
+    prefix.classList.add('input__prefix');
+    prefix.textContent = index + 1;
+
+    area.appendChild(prefix);
 
-    const number = document.createElement('span');
-    number.textContent = `${index + 1}:`;
+    const container = document.createElement('div');
+    container.classList.add('input__container');
 
     const input = document.createElement('input');
-    input.classList.add('command-menu__input');
-    input.type = 'text';
     input.placeholder = 'YEE';
     input.value = option;
-    input.required = true;
 
-    const remove = document.createElement('button');
-    remove.classList.add(
+    container.appendChild(input);
+    area.appendChild(container);
+
+    const suffix = document.createElement('div');
+    suffix.classList.add('input__suffix');
+
+    const button = document.createElement('button');
+    button.classList.add(
       'button',
       'button--danger',
-      'button--small',
       'button--icon-only',
+      'button--small',
       'command-menu-poll-answer-remove',
     );
 
-    const removeIcon = this.chat.icons.getNode(Icons.X);
-
-    remove.appendChild(removeIcon);
+    const icon = this.chat.icons.getNode(Icons.X);
 
-    row.appendChild(number);
-    row.appendChild(input);
-    row.appendChild(remove);
+    button.appendChild(icon);
+    suffix.appendChild(button);
+    area.appendChild(suffix);
+    row.appendChild(area);
 
     return row;
   }
 
   get question() {
-    return this.ui.question.val();
+    return this.ui.question.input.val();
   }
 
   set question(question) {
-    this.ui.question.val(question);
+    this.ui.question[0].classList.remove('input--error');
+    this.ui.question.input.val(question);
   }
 
   get options() {
@@ -138,11 +174,12 @@ class CommandMenuPoll extends CommandMenu {
   }
 
   get time() {
-    return this.ui.time.val() * 1000;
+    return this.ui.time.input.val() * 1000;
   }
 
   set time(time) {
-    this.ui.time.val(time / 1000);
+    this.ui.time[0].classList.remove('input--error');
+    this.ui.time.input.val(time / 1000);
   }
 
   get weighted() {
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 432c749c..03c5587c 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -38,19 +38,20 @@ <h2>Create Poll</h2>
         </div>
         <div class="command-menu__content">
           <div class="command-menu__section">
-            <div class="command-menu__section__row">
-              <span>Question:</span>
-              <input
-                class="command-menu__input"
-                id="command-menu-poll-question"
-                type="text"
-                placeholder="YEE vs PEPE"
-                required
-              />
+            <div
+              class="command-menu__input input"
+              id="command-menu-poll-question"
+            >
+              <label>Question</label>
+              <div class="input__area">
+                <div class="input__container">
+                  <input type="text" placeholder="YEE vs PEPE" />
+                </div>
+              </div>
             </div>
           </div>
           <div class="command-menu__section" id="command-menu-poll-answers">
-            <div class="command-menu__section__row">
+            <div class="command-menu__input">
               <button
                 class="button button--secondary button--small"
                 id="command-menu-poll-add"
@@ -60,29 +61,32 @@ <h2>Create Poll</h2>
             </div>
           </div>
           <div class="command-menu__section">
-            <div class="command-menu__section__row">
-              <span>Time:</span>
-              <input
-                class="command-menu__input"
-                id="command-menu-poll-time"
-                type="number"
-                min="5"
-                max="600"
-                step="5"
-                placeholder="30"
-                value="30"
-                required
-              />
-              <span>seconds</span>
+            <div class="command-menu__input input" id="command-menu-poll-time">
+              <label>Time</label>
+              <div class="input__area">
+                <div class="input__container">
+                  <input
+                    type="number"
+                    min="5"
+                    max="600"
+                    step="5"
+                    placeholder="30"
+                    value="30"
+                  />
+                </div>
+                <div class="input__suffix">seconds</div>
+              </div>
+              <span class="input__help-text">
+                Must be between 5 and 600 seconds
+              </span>
             </div>
-            <div class="command-menu__section__row">
-              <span>Sub Weighted:</span>
-              <input
-                class="command-menu__input"
-                id="command-menu-poll-sub-weighted"
-                type="checkbox"
-                style="width: auto"
-              />
+            <div class="command-menu__input input">
+              <label>Sub Weighted</label>
+              <div class="input__area">
+                <div class="input__container">
+                  <input id="command-menu-poll-sub-weighted" type="checkbox" />
+                </div>
+              </div>
             </div>
           </div>
         </div>

From 281f0f9b23da4c1d4ef149118a820ca3ad6928ff Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 14:49:34 +1300
Subject: [PATCH 17/24] Libstiny spacing

---
 assets/chat/css/command-menus/_index.scss | 14 ++++++++------
 assets/chat/css/command-menus/_poll.scss  |  4 +++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index 4ba4f810..ed7966b1 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -1,3 +1,5 @@
+@use '~@destinygg/libstiny' as dgg;
+
 @use '../abstracts/' as a;
 
 @use 'poll';
@@ -11,7 +13,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  padding: 0.5em;
+  padding: dgg.$space-2;
   border: 1px solid a.$color-surface-dark3;
 
   &--shown {
@@ -23,7 +25,7 @@
 
     h2 {
       text-align: center;
-      margin: 0 0 0.5em 0;
+      margin: 0 0 dgg.$space-2 0;
     }
   }
 
@@ -34,7 +36,7 @@
   }
 
   &__section {
-    padding: 0.5em;
+    padding: dgg.$space-2;
 
     &:not(:last-child) {
       border-bottom: 1px solid a.$color-surface-dark4;
@@ -43,20 +45,20 @@
 
   &__actions {
     display: flex;
-    padding: 0.5em 0;
+    padding: dgg.$space-2 0;
     justify-content: space-between;
     border-top: 1px solid a.$color-surface-dark4;
   }
 
   span {
     font-weight: 500;
-    padding: 0.25em;
+    padding: dgg.$space-1;
   }
 
   &__input {
     display: flex;
     justify-content: center;
     width: 100%;
-    margin-bottom: 0.5rem;
+    margin-bottom: dgg.$space-2;
   }
 }
diff --git a/assets/chat/css/command-menus/_poll.scss b/assets/chat/css/command-menus/_poll.scss
index d59a44d0..e9074b5c 100644
--- a/assets/chat/css/command-menus/_poll.scss
+++ b/assets/chat/css/command-menus/_poll.scss
@@ -1,3 +1,5 @@
+@use '~@destinygg/libstiny' as dgg;
+
 #command-menu-poll {
   .command-menu-poll-answer {
     &:nth-child(-n + 2) .input__suffix {
@@ -5,7 +7,7 @@
     }
 
     .input__suffix {
-      padding: 0.2rem;
+      padding: dgg.$space-1;
     }
   }
 }

From 66b94b1019251766aaadc78bc442ae5aaa050624 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 15:15:14 +1300
Subject: [PATCH 18/24] Radii

---
 assets/chat/css/command-menus/_index.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index ed7966b1..27c75ba4 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -8,7 +8,7 @@
   display: none;
   background-color: a.$color-surface-dark1;
   z-index: 132;
-  border-radius: a.$bradius a.$bradius 0 0;
+  border-radius: dgg.$semantic-radii-x-small dgg.$semantic-radii-x-small 0 0;
   position: absolute;
   bottom: 0;
   left: 0;

From d4e3371bbf31a1b324e7b67dedd48a596177364d Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 15:21:03 +1300
Subject: [PATCH 19/24] Ignore warnings in web overlay

---
 webpack.config.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/webpack.config.js b/webpack.config.js
index ec47d0ad..4ddceab1 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -27,6 +27,13 @@ function bakeCookies(request) {
 
 module.exports = {
   devServer: {
+    client: {
+      overlay: {
+        errors: true,
+        warnings: false,
+        runtimeErrors: true,
+      },
+    },
     server: {
       type: 'https',
     },

From 43770ebd615ee672c843d2f9fb47e1483d79436a Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 15:34:57 +1300
Subject: [PATCH 20/24] Libstiny colors

---
 assets/chat/css/command-menus/_index.scss | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index 27c75ba4..e415be64 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -1,12 +1,10 @@
 @use '~@destinygg/libstiny' as dgg;
 
-@use '../abstracts/' as a;
-
 @use 'poll';
 
 .command-menu {
   display: none;
-  background-color: a.$color-surface-dark1;
+  background-color: dgg.$semantic-background-default;
   z-index: 132;
   border-radius: dgg.$semantic-radii-x-small dgg.$semantic-radii-x-small 0 0;
   position: absolute;
@@ -14,14 +12,14 @@
   left: 0;
   right: 0;
   padding: dgg.$space-2;
-  border: 1px solid a.$color-surface-dark3;
+  border: 1px solid dgg.$semantic-border-default;
 
   &--shown {
     display: block;
   }
 
   &__title {
-    border-bottom: 1px solid a.$color-surface-dark4;
+    border-bottom: 1px solid dgg.$semantic-border-default;
 
     h2 {
       text-align: center;
@@ -39,7 +37,7 @@
     padding: dgg.$space-2;
 
     &:not(:last-child) {
-      border-bottom: 1px solid a.$color-surface-dark4;
+      border-bottom: 1px solid dgg.$semantic-border-default;
     }
   }
 
@@ -47,7 +45,7 @@
     display: flex;
     padding: dgg.$space-2 0;
     justify-content: space-between;
-    border-top: 1px solid a.$color-surface-dark4;
+    border-top: 1px solid dgg.$semantic-border-default;
   }
 
   span {

From 00a289ffa4a6721210691570773c94568351a352 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 15:35:20 +1300
Subject: [PATCH 21/24] Fix input label

---
 assets/chat/js/command-menus/CommandMenuPoll.js | 7 +++++++
 assets/views/embed.html                         | 6 +++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/chat/js/command-menus/CommandMenuPoll.js b/assets/chat/js/command-menus/CommandMenuPoll.js
index b5e1662c..242c6e17 100644
--- a/assets/chat/js/command-menus/CommandMenuPoll.js
+++ b/assets/chat/js/command-menus/CommandMenuPoll.js
@@ -95,6 +95,13 @@ class CommandMenuPoll extends CommandMenu {
       'command-menu-poll-answer',
     );
 
+    if (index === 0) {
+      const label = document.createElement('label');
+      label.classList.add('input__label');
+      label.textContent = 'Options';
+      row.appendChild(label);
+    }
+
     const area = document.createElement('div');
     area.classList.add('input__area');
 
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 03c5587c..37cfb2d6 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -42,7 +42,7 @@ <h2>Create Poll</h2>
               class="command-menu__input input"
               id="command-menu-poll-question"
             >
-              <label>Question</label>
+              <label class="input__label">Question</label>
               <div class="input__area">
                 <div class="input__container">
                   <input type="text" placeholder="YEE vs PEPE" />
@@ -62,7 +62,7 @@ <h2>Create Poll</h2>
           </div>
           <div class="command-menu__section">
             <div class="command-menu__input input" id="command-menu-poll-time">
-              <label>Time</label>
+              <label class="input__label">Time</label>
               <div class="input__area">
                 <div class="input__container">
                   <input
@@ -81,7 +81,7 @@ <h2>Create Poll</h2>
               </span>
             </div>
             <div class="command-menu__input input">
-              <label>Sub Weighted</label>
+              <label class="input__label">Sub Weighted</label>
               <div class="input__area">
                 <div class="input__container">
                   <input id="command-menu-poll-sub-weighted" type="checkbox" />

From 4000ccb93b9047c5d621ca48febd549e5f3bc9f4 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 15:45:10 +1300
Subject: [PATCH 22/24] Libstiny title

---
 assets/chat/css/command-menus/_index.scss | 16 ++++++----------
 assets/views/embed.html                   |  4 +---
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index e415be64..51ac2b4b 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -19,12 +19,13 @@
   }
 
   &__title {
+    display: flex;
+    justify-content: center;
     border-bottom: 1px solid dgg.$semantic-border-default;
-
-    h2 {
-      text-align: center;
-      margin: 0 0 dgg.$space-2 0;
-    }
+    margin-bottom: dgg.$space-2;
+    padding-bottom: dgg.$space-2;
+    font: dgg.$body-500-bold;
+    color: dgg.$semantic-foreground-default;
   }
 
   &__content {
@@ -48,11 +49,6 @@
     border-top: 1px solid dgg.$semantic-border-default;
   }
 
-  span {
-    font-weight: 500;
-    padding: dgg.$space-1;
-  }
-
   &__input {
     display: flex;
     justify-content: center;
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 37cfb2d6..5339d497 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -33,9 +33,7 @@
   <div id="chat-input-frame">
     <div id="chat-input-wrap">
       <div class="command-menu" id="command-menu-poll">
-        <div class="command-menu__title">
-          <h2>Create Poll</h2>
-        </div>
+        <span class="command-menu__title">Create Poll</span>
         <div class="command-menu__content">
           <div class="command-menu__section">
             <div

From c1f5dc0047deda3fb9c6e53cb89368d6507c4ae4 Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 15:51:34 +1300
Subject: [PATCH 23/24] Correct order of css properties

---
 assets/chat/css/command-menus/_index.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/assets/chat/css/command-menus/_index.scss b/assets/chat/css/command-menus/_index.scss
index 51ac2b4b..083c8d7b 100644
--- a/assets/chat/css/command-menus/_index.scss
+++ b/assets/chat/css/command-menus/_index.scss
@@ -4,15 +4,15 @@
 
 .command-menu {
   display: none;
-  background-color: dgg.$semantic-background-default;
-  z-index: 132;
-  border-radius: dgg.$semantic-radii-x-small dgg.$semantic-radii-x-small 0 0;
   position: absolute;
+  right: 0;
   bottom: 0;
   left: 0;
-  right: 0;
-  padding: dgg.$space-2;
+  z-index: 132;
   border: 1px solid dgg.$semantic-border-default;
+  border-radius: dgg.$semantic-radii-x-small dgg.$semantic-radii-x-small 0 0;
+  background-color: dgg.$semantic-background-default;
+  padding: dgg.$space-2;
 
   &--shown {
     display: block;
@@ -21,11 +21,11 @@
   &__title {
     display: flex;
     justify-content: center;
-    border-bottom: 1px solid dgg.$semantic-border-default;
     margin-bottom: dgg.$space-2;
+    border-bottom: 1px solid dgg.$semantic-border-default;
     padding-bottom: dgg.$space-2;
-    font: dgg.$body-500-bold;
     color: dgg.$semantic-foreground-default;
+    font: dgg.$body-500-bold;
   }
 
   &__content {
@@ -44,15 +44,15 @@
 
   &__actions {
     display: flex;
-    padding: dgg.$space-2 0;
     justify-content: space-between;
     border-top: 1px solid dgg.$semantic-border-default;
+    padding: dgg.$space-2 0;
   }
 
   &__input {
     display: flex;
     justify-content: center;
-    width: 100%;
     margin-bottom: dgg.$space-2;
+    width: 100%;
   }
 }

From ba94c0e46263fb8a94d6c5a8d5dfad463351028e Mon Sep 17 00:00:00 2001
From: Mitchdev <admin@mitchdev.net>
Date: Mon, 3 Feb 2025 16:00:46 +1300
Subject: [PATCH 24/24] Remove redundant btn null check

---
 assets/chat/js/menus/ChatMenu.js | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/assets/chat/js/menus/ChatMenu.js b/assets/chat/js/menus/ChatMenu.js
index 869dcf92..1784e5e3 100644
--- a/assets/chat/js/menus/ChatMenu.js
+++ b/assets/chat/js/menus/ChatMenu.js
@@ -13,24 +13,20 @@ export default class ChatMenu extends EventEmitter {
       this.scrollplugin = new ChatScrollPlugin(e.querySelector('.content'), e);
     });
     this.ui.on('click', '.close,.chat-menu-close', this.hide.bind(this));
-    if (this.btn) {
-      this.btn.on('click', (e) => {
-        if (this.visible) {
-          chat.input.focus();
-        }
-        this.toggle(e);
-        return false;
-      });
-    }
+    this.btn.on('click', (e) => {
+      if (this.visible) {
+        chat.input.focus();
+      }
+      this.toggle(e);
+      return false;
+    });
   }
 
   show() {
     if (!this.visible) {
       this.visible = true;
       this.shown = true;
-      if (this.btn) {
-        this.btn.addClass('active');
-      }
+      this.btn.addClass('active');
       this.ui.addClass('active');
       this.redraw();
       this.emit('show');
@@ -40,9 +36,7 @@ export default class ChatMenu extends EventEmitter {
   hide() {
     if (this.visible) {
       this.visible = false;
-      if (this.btn) {
-        this.btn.removeClass('active');
-      }
+      this.btn.removeClass('active');
       this.ui.removeClass('active');
       this.emit('hide');
     }