refactor: address pr comments.

Author: knightedcodemonkey

.husky/pre-push

@@ -1,3 +1,4 @@
 #!/usr/bin/env sh
+set -e
 npm run lint
 npm run build:esm

package-lock.json

@@ -17,6 +17,10 @@
   "author": "KCM <knightedcodemonkey@gmail.com>",
   "type": "module",
   "main": "index.js",
+  "engines": {
+    "node": ">=22.22.1"
+  },
+  "engineStrict": true,
   "scripts": {
     "dev": "http-server . -a localhost -c-1 -o src/index.html",
     "prepare": "husky",
@@ -40,7 +44,7 @@
     "prettier": "^3.8.1"
   },
   "lint-staged": {
-    "*": [
+    "**/*": [
       "prettier --write --ignore-unknown"
     ],
     "{src,scripts}/**/*.{js,mjs,cjs,jsx,ts,tsx}": [

package.json

@@ -256,7 +256,12 @@ <h2>Preview</h2>
       </div>
     </div>
 
-    <dialog id="clear-confirm-dialog" class="confirm-dialog">
+    <dialog
+      id="clear-confirm-dialog"
+      class="confirm-dialog"
+      aria-labelledby="clear-confirm-title"
+      aria-describedby="clear-confirm-copy"
+    >
       <form method="dialog" class="confirm-dialog__form">
         <h3 id="clear-confirm-title">Clear source?</h3>
         <p id="clear-confirm-copy">This action will remove all text from the editor.</p>

src/index.html

@@ -38,7 +38,6 @@
   --shadow-elev-1: rgba(0, 0, 0, 0.45);
   --shadow-elev-2: rgba(0, 0, 0, 0.35);
   --loading-spinner-border: rgba(255, 255, 255, 0.24);
-  --select-arrow-color: #d6def0;
   --select-text: #f1f5ff;
   --select-option-text: #eef3ff;
   --select-option-disabled: #95a1b9;
@@ -130,7 +129,6 @@
   --shadow-elev-1: rgba(15, 23, 42, 0.2);
   --shadow-elev-2: rgba(15, 23, 42, 0.16);
   --loading-spinner-border: rgba(15, 23, 42, 0.24);
-  --select-arrow-color: #334155;
   --select-text: #111827;
   --select-option-text: #111827;
   --select-option-disabled: #64748b;