Add the templates for npm

Templates/npmweb/npm/package.json

@@ -0,0 +1,12 @@
+{
+  "dependencies": {
+    "beercss": "^4.0.21",
+    "htmx.org": "^2.0.10"
+  },
+  "devDependencies": {
+    "esbuild": "^0.28.0"
+  },
+  "scripts": {
+      "publish": "esbuild --minify --sourcemap --define:'process.env.NODE_ENV=\"production\"' --bundle --outdir=dist web.mjs --loader:.svg=file --loader:.woff2=file"
+  }
+}

Templates/npmweb/npm/web.css

@@ -0,0 +1,78 @@
+:root,
+body.light {
+    --primary:#855400;
+--on-primary:#ffffff;
+--primary-container:#ffddb7;
+--on-primary-container:#2a1700;
+--secondary:#705b41;
+--on-secondary:#ffffff;
+--secondary-container:#fcdebc;
+--on-secondary-container:#281805;
+--tertiary:#53643e;
+--on-tertiary:#ffffff;
+--tertiary-container:#d6e9b9;
+--on-tertiary-container:#121f03;
+--error:#ba1a1a;
+--on-error:#ffffff;
+--error-container:#ffdad6;
+--on-error-container:#410002;
+--background:#fffbff;
+--on-background:#1f1b16;
+--surface:#fff8f4;
+--on-surface:#1f1b16;
+--surface-variant:#f0e0d0;
+--on-surface-variant:#504539;
+--outline:#827568;
+--outline-variant:#d4c4b5;
+--shadow:#000000;
+--scrim:#000000;
+--inverse-surface:#352f2a;
+--inverse-on-surface:#f9efe7;
+--inverse-primary:#ffb95c;
+--surface-dim:#e2d8d1;
+--surface-bright:#fff8f4;
+--surface-container-lowest:#ffffff;
+--surface-container-low:#fcf2ea;
+--surface-container:#f6ece4;
+--surface-container-high:#f0e6de;
+--surface-container-highest:#ebe1d9;
+}
+
+body.dark {
+    --primary:#ffb95c;
+--on-primary:#462a00;
+--primary-container:#653e00;
+--on-primary-container:#ffddb7;
+--secondary:#dfc2a2;
+--on-secondary:#3f2d17;
+--secondary-container:#57432b;
+--on-secondary-container:#fcdebc;
+--tertiary:#bacd9f;
+--on-tertiary:#263514;
+--tertiary-container:#3c4c28;
+--on-tertiary-container:#d6e9b9;
+--error:#ffb4ab;
+--on-error:#690005;
+--error-container:#93000a;
+--on-error-container:#ffb4ab;
+--background:#1f1b16;
+--on-background:#ebe1d9;
+--surface:#17130e;
+--on-surface:#ebe1d9;
+--surface-variant:#504539;
+--on-surface-variant:#d4c4b5;
+--outline:#9c8e80;
+--outline-variant:#504539;
+--shadow:#000000;
+--scrim:#000000;
+--inverse-surface:#ebe1d9;
+--inverse-on-surface:#352f2a;
+--inverse-primary:#855400;
+--surface-dim:#17130e;
+--surface-bright:#3e3833;
+--surface-container-lowest:#110e09;
+--surface-container-low:#1f1b16;
+--surface-container:#231f1a;
+--surface-container-high:#2e2924;
+--surface-container-highest:#39342f;
+}

Templates/npmweb/npm/web.mjs

@@ -0,0 +1,3 @@
+import 'beercss'
+import 'htmx.org'
+import './web.css'