diff --git a/package-lock.json b/package-lock.json
index 9f1628a..68de740 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,14 @@
 {
   "name": "@unkn0wndo3s/nova-design-system",
-  "version": "0.06.0",
+  "version": "1.00.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@unkn0wndo3s/nova-design-system",
-      "version": "0.06.0",
+      "version": "1.00.1",
       "dependencies": {
+        "@lucide/astro": "^1.21.0",
         "astro": "^7.0.0"
       },
       "devDependencies": {
@@ -206,33 +207,6 @@
         "unified": "^11.0.5"
       }
     },
-    "node_modules/@astrojs/markdown-remark": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-7.2.0.tgz",
-      "integrity": "sha512-+YxmVQu1Bd+MFfSzjq1rOJvD9+nIOJzz5YIIhdIH01RrxRkKbyKoEgyIqP3yv51MhzMDgd79QaPv+kCVPT8vHw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@astrojs/internal-helpers": "0.10.0",
-        "@astrojs/prism": "4.0.2",
-        "github-slugger": "^2.0.0",
-        "hast-util-from-html": "^2.0.3",
-        "hast-util-to-text": "^4.0.2",
-        "mdast-util-definitions": "^6.0.0",
-        "rehype-raw": "^7.0.0",
-        "rehype-stringify": "^10.0.1",
-        "remark-gfm": "^4.0.1",
-        "remark-parse": "^11.0.0",
-        "remark-rehype": "^11.1.2",
-        "remark-smartypants": "^3.0.2",
-        "unified": "^11.0.5",
-        "unist-util-remove-position": "^5.0.0",
-        "unist-util-visit": "^5.1.0",
-        "unist-util-visit-parents": "^6.0.2",
-        "vfile": "^6.0.3"
-      }
-    },
     "node_modules/@astrojs/markdown-satteri": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/@astrojs/markdown-satteri/-/markdown-satteri-0.3.1.tgz",
@@ -455,18 +429,6 @@
         "node": ">= 20.12.0"
       }
     },
-    "node_modules/@emnapi/core": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz",
-      "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@emnapi/wasi-threads": "1.2.2",
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@emnapi/runtime": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
@@ -477,17 +439,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
-      "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.28.1",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz",
@@ -1376,6 +1327,15 @@
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT"
     },
+    "node_modules/@lucide/astro": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/@lucide/astro/-/astro-1.21.0.tgz",
+      "integrity": "sha512-RSz8xUah+eApcVKuQJXuLzcaYwK++tTLHa34peSln3h8n/RblaohSmsHdOj1JUQT/KutfbXw19u2x5g0zMTT0w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "astro": "^4 || ^5 || ^6"
+      }
+    },
     "node_modules/@napi-rs/wasm-runtime": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.5.tgz",
@@ -2010,356 +1970,6 @@
         }
       }
     },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.4.tgz",
-      "integrity": "sha512-F5QXMSiFebS9hKZj02XhWLLnRpJ3B3AROP0tWbFBSj+6kCbg5m9j5JoHKd4mmSVy5mS/IMQloYgYxCuJC0fxEQ==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.4.tgz",
-      "integrity": "sha512-GxxTKApUpzRhof7poWvCJHRF51C67u1R7D6DiluBE8wKU1u5GWE8t+v81JvJYtbawoBFX1hLv5Ei4eVjkWokaw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.4.tgz",
-      "integrity": "sha512-tua0TaJxMOB1R0V0RS1jFZ/RpURFDJIOR2A6jWwQeawuFyS4gBW+rntLRaQd0EQ4bd6Vp44Z2rXW+YYDBsj6IA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.4.tgz",
-      "integrity": "sha512-CSKq7MsP+5PFIcydhAiR1K0UhEI1A2jWXVKHPCBZ151yOutENwvnPocgVHkivu2kviURtCEB6zUQw0vs8RrhMg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.4.tgz",
-      "integrity": "sha512-+O8OkVdyvXMtJEciu2wS/pzm1IxntEEQx3z5TAVy4l32G0etZn+RsA48ARRrFm6Ri8fvqPQfgrvNxSjKAbnd3g==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.4.tgz",
-      "integrity": "sha512-Iw3oMskH3AfNuhU0MSN7vNbdi4me/NiYo2azqPz/Le16zHSa+3RRmliCMWWQmh4lcndccU40xcJuTYJZxNo/lw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.4.tgz",
-      "integrity": "sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.4.tgz",
-      "integrity": "sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==",
-      "cpu": [
-        "arm"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.4.tgz",
-      "integrity": "sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.4.tgz",
-      "integrity": "sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.4.tgz",
-      "integrity": "sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.4.tgz",
-      "integrity": "sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==",
-      "cpu": [
-        "loong64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.4.tgz",
-      "integrity": "sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.4.tgz",
-      "integrity": "sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==",
-      "cpu": [
-        "ppc64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.4.tgz",
-      "integrity": "sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.4.tgz",
-      "integrity": "sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==",
-      "cpu": [
-        "riscv64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.4.tgz",
-      "integrity": "sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.4.tgz",
-      "integrity": "sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.4.tgz",
-      "integrity": "sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.4.tgz",
-      "integrity": "sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.4.tgz",
-      "integrity": "sha512-IPOsh5aRYuLv/nkU51X10Bf75Bsf6+gZdx1X+QP5QM6lIJFHHqbHLG0uJn/hWthzo13UAc2umiUorqZy3axoZg==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.4.tgz",
-      "integrity": "sha512-4QzE9E81OohJ/HKzHhsqU+zcYYojVOXlFMs1DdyMT6qXl/niOH7AVElmmEdUNHHS/oRkc++d5k6Vy85zFs0DEw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.4.tgz",
-      "integrity": "sha512-zTPgT1YuHHcd+Tmx7h8aml0FWFVelV5N54oHow9SLj+GfoDy/huQ+UV396N/C7KpMDMiPspRktzM1/0r1usYEA==",
-      "cpu": [
-        "ia32"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.4.tgz",
-      "integrity": "sha512-DRS4G7mi9lJxqEDezIkKCaUIKCrLUUDCUaCsTPCi/rtqaC6D/jjwslMQyiDU50Ka0JKpeXeRBFBAXwArY52vBw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.4.tgz",
-      "integrity": "sha512-QVTUovf40zgTqlFVrKA1uXMVvU2QWEFWfAH8Wdc48IxLvrJMQVMBRjuQyUpzZCDkakImib9eVazbWlC6ksWtJw==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true
-    },
     "node_modules/@shikijs/core": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.2.0.tgz",
@@ -2470,17 +2080,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@types/debug": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz",
-      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/ms": "*"
-      }
-    },
     "node_modules/@types/estree": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
@@ -2514,14 +2113,6 @@
         "@types/unist": "*"
       }
     },
-    "node_modules/@types/ms": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
-      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/@types/nlcst": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/nlcst/-/nlcst-2.0.3.tgz",
@@ -2595,18 +2186,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/array-iterate": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-2.0.1.tgz",
-      "integrity": "sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/astro": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/astro/-/astro-7.0.0.tgz",
@@ -2729,18 +2308,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/character-entities": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
-      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/character-entities-html4": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
@@ -2930,40 +2497,6 @@
       "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
       "license": "CC0-1.0"
     },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/decode-named-character-reference": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
-      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "character-entities": "^2.0.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/defu": {
       "version": "6.1.7",
       "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.7.tgz",
@@ -3157,20 +2690,6 @@
         "@esbuild/win32-x64": "0.28.1"
       }
     },
-    "node_modules/escape-string-regexp": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
-      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -3350,21 +2869,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/hast-util-is-element": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
-      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/hast": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/hast-util-parse-selector": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
@@ -3378,33 +2882,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/hast-util-raw": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.1.0.tgz",
-      "integrity": "sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "@ungap/structured-clone": "^1.0.0",
-        "hast-util-from-parse5": "^8.0.0",
-        "hast-util-to-parse5": "^8.0.0",
-        "html-void-elements": "^3.0.0",
-        "mdast-util-to-hast": "^13.0.0",
-        "parse5": "^7.0.0",
-        "unist-util-position": "^5.0.0",
-        "unist-util-visit": "^5.0.0",
-        "vfile": "^6.0.0",
-        "web-namespaces": "^2.0.0",
-        "zwitch": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/hast-util-to-html": {
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz",
@@ -3428,45 +2905,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/hast-util-to-parse5": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-8.0.1.tgz",
-      "integrity": "sha512-MlWT6Pjt4CG9lFCjiz4BH7l9wmrMkfkJYCxFwKQic8+RTZgWPuWxwAfjJElsXkex7DJjfSJsQIt931ilUgmwdA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "comma-separated-tokens": "^2.0.0",
-        "devlop": "^1.0.0",
-        "property-information": "^7.0.0",
-        "space-separated-tokens": "^2.0.0",
-        "web-namespaces": "^2.0.0",
-        "zwitch": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/hast-util-to-text": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
-      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/unist": "^3.0.0",
-        "hast-util-is-element": "^3.0.0",
-        "unist-util-find-after": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/hast-util-whitespace": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
@@ -3523,7 +2961,7 @@
       "version": "5.1.5",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
       "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/iron-webcrypto": {
@@ -3912,18 +3350,6 @@
         "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/longest-streak": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
-      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/lru-cache": {
       "version": "11.3.6",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.6.tgz",
@@ -3953,208 +3379,6 @@
         "source-map-js": "^1.2.1"
       }
     },
-    "node_modules/markdown-table": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
-      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/mdast-util-definitions": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-6.0.0.tgz",
-      "integrity": "sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "@types/unist": "^3.0.0",
-        "unist-util-visit": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-find-and-replace": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
-      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "escape-string-regexp": "^5.0.0",
-        "unist-util-is": "^6.0.0",
-        "unist-util-visit-parents": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-from-markdown": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz",
-      "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "@types/unist": "^3.0.0",
-        "decode-named-character-reference": "^1.0.0",
-        "devlop": "^1.0.0",
-        "mdast-util-to-string": "^4.0.0",
-        "micromark": "^4.0.0",
-        "micromark-util-decode-numeric-character-reference": "^2.0.0",
-        "micromark-util-decode-string": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0",
-        "unist-util-stringify-position": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-gfm": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz",
-      "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-gfm-autolink-literal": "^2.0.0",
-        "mdast-util-gfm-footnote": "^2.0.0",
-        "mdast-util-gfm-strikethrough": "^2.0.0",
-        "mdast-util-gfm-table": "^2.0.0",
-        "mdast-util-gfm-task-list-item": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-gfm-autolink-literal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
-      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "ccount": "^2.0.0",
-        "devlop": "^1.0.0",
-        "mdast-util-find-and-replace": "^3.0.0",
-        "micromark-util-character": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-gfm-footnote": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz",
-      "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.1.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-gfm-strikethrough": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
-      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-gfm-table": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
-      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
-        "markdown-table": "^3.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-gfm-task-list-item": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
-      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-phrasing": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
-      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "unist-util-is": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/mdast-util-to-hast": {
       "version": "13.2.1",
       "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
@@ -4176,375 +3400,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdast-util-to-markdown": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
-      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "@types/unist": "^3.0.0",
-        "longest-streak": "^3.0.0",
-        "mdast-util-phrasing": "^4.0.0",
-        "mdast-util-to-string": "^4.0.0",
-        "micromark-util-classify-character": "^2.0.0",
-        "micromark-util-decode-string": "^2.0.0",
-        "unist-util-visit": "^5.0.0",
-        "zwitch": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-to-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
-      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/mdn-data": {
       "version": "2.27.1",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
       "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
       "license": "CC0-1.0"
     },
-    "node_modules/micromark": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
-      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/debug": "^4.0.0",
-        "debug": "^4.0.0",
-        "decode-named-character-reference": "^1.0.0",
-        "devlop": "^1.0.0",
-        "micromark-core-commonmark": "^2.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-combine-extensions": "^2.0.0",
-        "micromark-util-decode-numeric-character-reference": "^2.0.0",
-        "micromark-util-encode": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-resolve-all": "^2.0.0",
-        "micromark-util-sanitize-uri": "^2.0.0",
-        "micromark-util-subtokenize": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-core-commonmark": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
-      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "decode-named-character-reference": "^1.0.0",
-        "devlop": "^1.0.0",
-        "micromark-factory-destination": "^2.0.0",
-        "micromark-factory-label": "^2.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-factory-title": "^2.0.0",
-        "micromark-factory-whitespace": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-classify-character": "^2.0.0",
-        "micromark-util-html-tag-name": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-resolve-all": "^2.0.0",
-        "micromark-util-subtokenize": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-extension-gfm": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
-      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-extension-gfm-autolink-literal": "^2.0.0",
-        "micromark-extension-gfm-footnote": "^2.0.0",
-        "micromark-extension-gfm-strikethrough": "^2.0.0",
-        "micromark-extension-gfm-table": "^2.0.0",
-        "micromark-extension-gfm-tagfilter": "^2.0.0",
-        "micromark-extension-gfm-task-list-item": "^2.0.0",
-        "micromark-util-combine-extensions": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/micromark-extension-gfm-autolink-literal": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
-      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-sanitize-uri": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/micromark-extension-gfm-footnote": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
-      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-core-commonmark": "^2.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-sanitize-uri": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/micromark-extension-gfm-strikethrough": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
-      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-classify-character": "^2.0.0",
-        "micromark-util-resolve-all": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/micromark-extension-gfm-table": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
-      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/micromark-extension-gfm-tagfilter": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
-      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-types": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/micromark-extension-gfm-task-list-item": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
-      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/micromark-factory-destination": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
-      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-factory-label": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
-      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-factory-space": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
-      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-factory-title": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
-      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-factory-whitespace": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
-      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-factory-space": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
     "node_modules/micromark-util-character": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
@@ -4565,117 +3426,6 @@
         "micromark-util-types": "^2.0.0"
       }
     },
-    "node_modules/micromark-util-chunked": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
-      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-symbol": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-util-classify-character": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
-      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-util-combine-extensions": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
-      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-util-decode-numeric-character-reference": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
-      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-symbol": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-util-decode-string": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
-      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "decode-named-character-reference": "^1.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-decode-numeric-character-reference": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0"
-      }
-    },
     "node_modules/micromark-util-encode": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
@@ -4692,66 +3442,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/micromark-util-html-tag-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
-      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/micromark-util-normalize-identifier": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
-      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-symbol": "^2.0.0"
-      }
-    },
-    "node_modules/micromark-util-resolve-all": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
-      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "micromark-util-types": "^2.0.0"
-      }
-    },
     "node_modules/micromark-util-sanitize-uri": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
@@ -4773,30 +3463,6 @@
         "micromark-util-symbol": "^2.0.0"
       }
     },
-    "node_modules/micromark-util-subtokenize": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
-      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
-      }
-    },
     "node_modules/micromark-util-symbol": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
@@ -4838,14 +3504,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/nanoid": {
       "version": "3.3.15",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
@@ -5020,26 +3678,6 @@
       "integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
       "license": "MIT"
     },
-    "node_modules/parse-latin": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-7.0.0.tgz",
-      "integrity": "sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/nlcst": "^2.0.0",
-        "@types/unist": "^3.0.0",
-        "nlcst-to-string": "^4.0.0",
-        "unist-util-modify-children": "^4.0.0",
-        "unist-util-visit-children": "^3.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/parse5": {
       "version": "7.3.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
@@ -5206,23 +3844,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/rehype-raw": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-7.0.0.tgz",
-      "integrity": "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "hast-util-raw": "^9.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/rehype-stringify": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/rehype-stringify/-/rehype-stringify-10.0.1.tgz",
@@ -5238,97 +3859,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-gfm": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
-      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-gfm": "^3.0.0",
-        "micromark-extension-gfm": "^3.0.0",
-        "remark-parse": "^11.0.0",
-        "remark-stringify": "^11.0.0",
-        "unified": "^11.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-parse": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
-      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "micromark-util-types": "^2.0.0",
-        "unified": "^11.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-rehype": {
-      "version": "11.1.2",
-      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
-      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "mdast-util-to-hast": "^13.0.0",
-        "unified": "^11.0.0",
-        "vfile": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-smartypants": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/remark-smartypants/-/remark-smartypants-3.0.2.tgz",
-      "integrity": "sha512-ILTWeOriIluwEvPjv67v7Blgrcx+LZOkAUVtKI3putuhlZm84FnqDORNXPPm+HY3NdZOMhyDwZ1E+eZB/Df5dA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "retext": "^9.0.0",
-        "retext-smartypants": "^6.0.0",
-        "unified": "^11.0.4",
-        "unist-util-visit": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
-    "node_modules/remark-stringify": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz",
-      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-to-markdown": "^2.0.0",
-        "unified": "^11.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/resolve-pkg-maps": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
@@ -5338,41 +3868,6 @@
         "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
       }
     },
-    "node_modules/retext": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/retext/-/retext-9.0.0.tgz",
-      "integrity": "sha512-sbMDcpHCNjvlheSgMfEcVrZko3cDzdbe1x/e7G66dFp0Ff7Mldvi2uv6JkJQzdRcvLYE8CA8Oe8siQx8ZOgTcA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/nlcst": "^2.0.0",
-        "retext-latin": "^4.0.0",
-        "retext-stringify": "^4.0.0",
-        "unified": "^11.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/retext-latin": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/retext-latin/-/retext-latin-4.0.0.tgz",
-      "integrity": "sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/nlcst": "^2.0.0",
-        "parse-latin": "^7.0.0",
-        "unified": "^11.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/retext-smartypants": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-6.2.0.tgz",
@@ -5388,23 +3883,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/retext-stringify": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/retext-stringify/-/retext-stringify-4.0.0.tgz",
-      "integrity": "sha512-rtfN/0o8kL1e+78+uxPTqu1Klt0yPzKuQ2BfWwwfgIUSayyzxpM1PJzkKt4V8803uB9qSy32MvI7Xep9khTpiA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/nlcst": "^2.0.0",
-        "nlcst-to-string": "^4.0.0",
-        "unified": "^11.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/rolldown": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz",
@@ -5438,65 +3916,11 @@
         "@rolldown/binding-win32-x64-msvc": "1.0.3"
       }
     },
-    "node_modules/rollup": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.4.tgz",
-      "integrity": "sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.60.4",
-        "@rollup/rollup-android-arm64": "4.60.4",
-        "@rollup/rollup-darwin-arm64": "4.60.4",
-        "@rollup/rollup-darwin-x64": "4.60.4",
-        "@rollup/rollup-freebsd-arm64": "4.60.4",
-        "@rollup/rollup-freebsd-x64": "4.60.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.60.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.60.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.60.4",
-        "@rollup/rollup-linux-arm64-musl": "4.60.4",
-        "@rollup/rollup-linux-loong64-gnu": "4.60.4",
-        "@rollup/rollup-linux-loong64-musl": "4.60.4",
-        "@rollup/rollup-linux-ppc64-gnu": "4.60.4",
-        "@rollup/rollup-linux-ppc64-musl": "4.60.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.60.4",
-        "@rollup/rollup-linux-riscv64-musl": "4.60.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.60.4",
-        "@rollup/rollup-linux-x64-gnu": "4.60.4",
-        "@rollup/rollup-linux-x64-musl": "4.60.4",
-        "@rollup/rollup-openbsd-x64": "4.60.4",
-        "@rollup/rollup-openharmony-arm64": "4.60.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.60.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.60.4",
-        "@rollup/rollup-win32-x64-gnu": "4.60.4",
-        "@rollup/rollup-win32-x64-msvc": "4.60.4",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/rollup/node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/sass": {
       "version": "1.99.0",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.99.0.tgz",
       "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "chokidar": "^4.0.0",
@@ -5517,7 +3941,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
       "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "readdirp": "^4.0.1"
@@ -5533,7 +3957,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
       "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 14.18.0"
@@ -5837,22 +4261,6 @@
         "ohash": "^2.0.11"
       }
     },
-    "node_modules/unist-util-find-after": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz",
-      "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-is": "^6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/unist-util-is": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
@@ -5866,22 +4274,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unist-util-modify-children": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-4.0.0.tgz",
-      "integrity": "sha512-+tdN5fGNddvsQdIzUF3Xx82CU9sMM+fA0dLgR9vOmT0oPT2jH+P1nd5lSqfCfXAw+93NhcXNY2qqvTUtE4cQkw==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "array-iterate": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/unist-util-position": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
@@ -5895,22 +4287,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unist-util-remove-position": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
-      "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/unist": "^3.0.0",
-        "unist-util-visit": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/unist-util-stringify-position": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
@@ -5939,21 +4315,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unist-util-visit-children": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-3.0.0.tgz",
-      "integrity": "sha512-RgmdTfSBOg04sdPcpTSD1jzoNBjt9a80/ZCzp5cI9n1qPzLZWF9YdvWGN2zmTumP1HWhXKdUWexjy/Wy/lJ7tA==",
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@types/unist": "^3.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/unist-util-visit-parents": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
diff --git a/package.json b/package.json
index 0305628..2eb275b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unkn0wndo3s/nova-design-system",
   "type": "module",
-  "version": "1.00.1",
+  "version": "1.00.2",
   "main": "./src/index.ts",
   "description": "Nova Design System — Astro component library",
   "engines": {
@@ -21,6 +21,7 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@lucide/astro": "^1.21.0",
     "astro": "^7.0.0"
   },
   "devDependencies": {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 63337dd..a03f0ad 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,12 +1,9 @@
 ---
 import Layout from "../layouts/Layout.astro";
 
-// Core
 import Button from "../components/Button/button.astro";
 import Badge from "../components/Badge/badge.astro";
 import Avatar from "../components/Avatar/avatar.astro";
-
-// Forms
 import Toggle from "../components/Toggle/toggle.astro";
 import Checkbox from "../components/Checkbox/checkbox.astro";
 import Radio from "../components/Radio/radio.astro";
@@ -14,8 +11,6 @@ import TextField from "../components/textField/textField.astro";
 import Select from "../components/Select/select.astro";
 import SelectOption from "../components/Select/selectOption.astro";
 import NumericStepper from "../components/numericStepper/numericStepper.astro";
-
-// Navigation
 import Tab from "../components/Tabs/tab.astro";
 import TabItem from "../components/Tabs/tabItem.astro";
 import TabContent from "../components/Tabs/tabContent.astro";
@@ -27,14 +22,10 @@ import PaginationNumber from "../components/pagination/paginationNumber.astro";
 import Navbar from "../components/Navbar/navbar.astro";
 import Sidebar from "../components/Sidebar/sidebar.astro";
 import SidebarItem from "../components/Sidebar/sidebarItem.astro";
-
-// Data
 import Card from "../components/Card/card.astro";
 import ListItem from "../components/ListItem/listItem.astro";
 import ListItemTitle from "../components/ListItem/listItemTitle.astro";
 import ListItemSubtitle from "../components/ListItem/listItemSubtitle.astro";
-
-// Feedback
 import Notification from "../components/Notifications/notification.astro";
 import LoadingBar from "../components/LoadingBar/loadingBar.astro";
 import Tooltip from "../components/Tooltip/tooltip.astro";
@@ -76,629 +67,1056 @@ const tones = [
   "error",
   "info",
 ] as const;
-const buttonTypes = ["primary", "secondary", "ghost", "danger"] as const;
+const btnTypes = ["primary", "secondary", "ghost", "danger"] as const;
 const sizes = ["sm", "md", "lg"] as const;
-const libraryIcons = [
-  ["Profile", ProfileIcon],
-  ["Search", SearchIcon],
-  ["Settings", SettingsIcon],
-  ["Home", HomeIcon],
-  ["Overview", OverviewIcon],
-  ["Stats", StatsIcon],
-  ["Share", ShareIcon],
-  ["Shield", ShieldIcon],
-  ["Download", DownloadIcon],
-  ["Upload", UploadIcon],
-  ["Filter", FilterIcon],
-  ["Bin", BinIcon],
-  ["Burger", BurgerIcon],
-  ["Calendar", CalendarIcon],
-  ["Check", CheckIcon],
-  ["Close", CloseIcon],
-  ["Code", CodeIcon],
-  ["Cube", CubeIcon],
-  ["Help", HelpIcon],
-  ["Link", LinkIcon],
-  ["Minus", MinusIcon],
-  ["More", MoreIcon],
-  ["Plus", PlusIcon],
-  ["Sort", SortIcon],
+const notifTypes = ["info", "success", "warning", "error"] as const;
+const notifMessages: Record<string, string> = {
+  info: "Information about the operation.",
+  success: "The operation completed successfully.",
+  warning: "A warning occurred. Please check the details.",
+  error: "An error occurred. Please try again.",
+};
+const tooltipPositions = ["top", "bottom", "left", "right"] as const;
+const iconLib = [
+  { name: "Arrow2", Icon: Arrow2Icon },
+  { name: "Bin", Icon: BinIcon },
+  { name: "Burger", Icon: BurgerIcon },
+  { name: "Calendar", Icon: CalendarIcon },
+  { name: "Check", Icon: CheckIcon },
+  { name: "Close", Icon: CloseIcon },
+  { name: "Code", Icon: CodeIcon },
+  { name: "Cube", Icon: CubeIcon },
+  { name: "Download", Icon: DownloadIcon },
+  { name: "Filter", Icon: FilterIcon },
+  { name: "Help", Icon: HelpIcon },
+  { name: "Home", Icon: HomeIcon },
+  { name: "Link", Icon: LinkIcon },
+  { name: "Minus", Icon: MinusIcon },
+  { name: "More", Icon: MoreIcon },
+  { name: "Overview", Icon: OverviewIcon },
+  { name: "Plus", Icon: PlusIcon },
+  { name: "Profile", Icon: ProfileIcon },
+  { name: "Search", Icon: SearchIcon },
+  { name: "Settings", Icon: SettingsIcon },
+  { name: "Share", Icon: ShareIcon },
+  { name: "Shield", Icon: ShieldIcon },
+  { name: "Sort", Icon: SortIcon },
+  { name: "Stats", Icon: StatsIcon },
+  { name: "Upload", Icon: UploadIcon },
 ] as const;
+
+const tokenColors = [
+  "text",
+  "neutral",
+  "background",
+  "surface",
+  "surface-2",
+  "border",
+  "primary",
+  "secondary",
+  "accent",
+  "primary-soft",
+  "success-medium",
+  "warning-medium",
+  "error-medium",
+  "info-medium",
+];
+const spacingScale = [
+  ["3xs", "2"],
+  ["2xs", "4"],
+  ["xs", "8"],
+  ["sm", "12"],
+  ["md", "16"],
+  ["lg", "24"],
+  ["xl", "32"],
+  ["2xl", "48"],
+  ["3xl", "64"],
+];
+const radiusScale = ["xs", "sm", "md", "lg", "xl", "2xl", "full"];
 ---
 
-<Layout>
-  <div class="gallery">
-    <header class="gallery__head">
-      <div class="gallery__brand">
-        <span class="gallery__mark"></span>
-        <span class="gallery__name">Nova Design System</span>
+<Layout title="Nova Design System — Gallery">
+  <div class="g-page">
+    <header class="g-topbar">
+      <div class="g-brand">
+        <span class="g-mark"></span>
+        <span class="g-name">Nova Design System</span>
         <Badge type="primary" variant="soft">v0.06</Badge>
       </div>
-      <Button type="secondary" size="sm" id="theme-toggle">Toggle theme</Button>
+      <Button type="secondary" size="sm" id="theme-btn">Toggle theme</Button>
     </header>
 
-    <!-- BUTTON -->
-    <section class="block" id="button">
-      <h2>Button</h2>
-      <p class="block__desc">Variants, sizes, icon and disabled states.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Variants × md</span><div
-          class="vgroup__body"
-        >
-          {
-            buttonTypes.map((t) => (
-              <Button type={t} size="md">
-                {t[0].toUpperCase() + t.slice(1)}
-              </Button>
-            ))
-          }
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Sizes (primary)</span><div
-          class="vgroup__body"
-        >
-          {
-            sizes.map((s) => (
-              <Button type="primary" size={s}>
-                Size {s}
-              </Button>
-            ))
-          }
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">With icon · icon-only</span><div
-          class="vgroup__body"
-        >
-          <Button type="primary" size="md"
-            ><PlusIcon slot="icon-left" size={16} />New service</Button
-          >
-          <Button type="secondary" size="md"
-            >Filter<FilterIcon slot="icon-right" size={16} /></Button
-          >
-          <Button type="ghost" size="md" icon={true}
-            ><MoreIcon size={18} /></Button
-          >
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Disabled</span><div class="vgroup__body">
-          {
-            buttonTypes.map((t) => (
-              <Button type={t} size="md" disabled>
-                {t}
-              </Button>
-            ))
-          }
-        </div>
-      </div>
-    </section>
+    <div class="g-layout">
+      <nav class="g-rail">
+        <p class="g-rail__head">Nova DS</p>
+        <a href="#foundations">Foundations</a>
+        <a href="#buttons">Button</a>
+        <a href="#badges">Badge</a>
+        <a href="#controls">Toggle · Check · Radio</a>
+        <a href="#textfield">TextField</a>
+        <a href="#select">Select</a>
+        <a href="#stepper">Numeric stepper</a>
+        <a href="#avatar">Avatar</a>
+        <a href="#loading">Loading bar</a>
+        <a href="#listitem">List item</a>
+        <a href="#link">Link</a>
+        <a href="#tabs">Tabs</a>
+        <a href="#breadcrumb">Breadcrumb</a>
+        <a href="#pagination">Pagination</a>
+        <a href="#notification">Notification</a>
+        <a href="#tooltip">Tooltip</a>
+        <a href="#card">Card</a>
+        <a href="#chrome">Navbar · Sidebar</a>
+        <a href="#modal">Modal</a>
+        <a href="#icons">Icons</a>
+      </nav>
 
-    <!-- BADGE -->
-    <section class="block" id="badge">
-      <h2>Badge</h2>
-      <p class="block__desc">Tones × soft / solid.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Soft</span><div class="vgroup__body">
-          {
-            tones.map((t) => (
-              <Badge type={t} variant="soft">
-                {t}
-              </Badge>
-            ))
-          }
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Solid</span><div class="vgroup__body">
-          {
-            tones.map((t) => (
-              <Badge type={t} variant="solid">
-                {t}
-              </Badge>
-            ))
-          }
-        </div>
-      </div>
-    </section>
+      <main class="g-content">
+        <!-- ── FOUNDATIONS ── -->
+        <section id="foundations" class="blk">
+          <h2>Foundations</h2>
+          <p class="blk__desc">
+            Design tokens — type, color, spacing, radius, elevation.
+          </p>
 
-    <!-- SELECTION CONTROLS -->
-    <section class="block" id="controls">
-      <h2>Toggle · Checkbox · Radio</h2>
-      <p class="block__desc">Selection controls in every state.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Toggle — off / on</span><div
-          class="vgroup__body"
-        >
-          <Toggle id="tg-off" />
-          <Toggle id="tg-on" data-checked={true} />
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Checkbox</span><div class="vgroup__body">
-          <Checkbox id="cb1">Unchecked</Checkbox>
-          <Checkbox id="cb2" checked>Checked</Checkbox>
-          <Checkbox id="cb3" checked disabled>Disabled</Checkbox>
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Radio group</span><div
-          class="vgroup__body"
-          style="flex-direction:column;align-items:flex-start;"
-        >
-          <Radio id="rb1" name="plan" checked>On-demand</Radio>
-          <Radio id="rb2" name="plan">Reserved</Radio>
-          <Radio id="rb3" name="plan" disabled>Spot</Radio>
-        </div>
-      </div>
-    </section>
-
-    <!-- TEXTFIELD -->
-    <section class="block" id="textfield">
-      <h2>TextField</h2>
-      <p class="block__desc">Text, email, password, textarea.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Fields</span><div
-          class="vgroup__body"
-          style="flex-direction:column;align-items:stretch;max-width:360px;"
-        >
-          <TextField label="Service name" placeholder="api-gateway" />
-          <TextField label="Email" type="email" placeholder="you@nova.dev" />
-          <TextField label="Password" type="password" placeholder="••••••••" />
-          <TextField
-            label="Message"
-            type="textarea"
-            placeholder="Type here…"
-            max={120}
-          />
-        </div>
-      </div>
-    </section>
-
-    <!-- SELECT -->
-    <section class="block" id="select">
-      <h2>Select</h2>
-      <p class="block__desc">Default and disabled.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Select</span><div class="vgroup__body">
-          <Select default="option3">
-            <SelectOption value="option1">Option 1</SelectOption>
-            <SelectOption value="option2">Option 2</SelectOption>
-            <SelectOption value="option3">Option 3</SelectOption>
-            <SelectOption value="option4">Option 4</SelectOption>
-            <SelectOption value="option5" disabled>Option 5</SelectOption>
-          </Select>
-          <Select disabled>
-            <SelectOption value="option1">Disabled</SelectOption>
-          </Select>
-        </div>
-      </div>
-    </section>
-
-    <!-- NUMERIC STEPPER -->
-    <section class="block" id="stepper">
-      <h2>Numeric stepper</h2>
-      <p class="block__desc">Increment / decrement control.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Stepper</span><div class="vgroup__body">
-          <NumericStepper min={-15} max={10} value={5} step={5} id="ns1" />
-        </div>
-      </div>
-    </section>
-
-    <!-- AVATAR -->
-    <section class="block" id="avatar">
-      <h2>Avatar</h2>
-      <p class="block__desc">Photo and initials.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Types</span><div class="vgroup__body">
-          <Avatar
-            type="photo"
-            name="John Doe"
-            image="https://i.pravatar.cc/80?img=12"
-          />
-          <Avatar type="initials" name="Ava Stone" />
-          <Avatar type="initials" name="Jane Smith" />
-        </div>
-      </div>
-    </section>
-
-    <!-- LOADING BAR -->
-    <section class="block" id="loading">
-      <h2>Loading bar</h2>
-      <p class="block__desc">Determinate and indeterminate.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Known 75% · indeterminate</span><div
-          class="vgroup__body"
-          style="flex-direction:column;align-items:stretch;"
-        >
-          <LoadingBar type="known" percentage={75} width="100%" />
-          <LoadingBar type="unknown" width="100%" />
-        </div>
-      </div>
-    </section>
-
-    <!-- LIST ITEM -->
-    <section class="block" id="listitem">
-      <h2>List item</h2>
-      <p class="block__desc">Title and subtitle rows.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">List</span><div
-          class="vgroup__body"
-          style="flex-direction:column;align-items:stretch;"
-        >
-          <ListItem>
-            <ListItemTitle>api-gateway</ListItemTitle>
-            <ListItemSubtitle>Edge routing · eu-west-1</ListItemSubtitle>
-          </ListItem>
-          <ListItem>
-            <ListItemTitle>postgres-main</ListItemTitle>
-            <ListItemSubtitle>Database · eu-west-1</ListItemSubtitle>
-          </ListItem>
-        </div>
-      </div>
-    </section>
-
-    <!-- LINK -->
-    <section class="block" id="link">
-      <h2>Link</h2>
-      <p class="block__desc">Inline and external.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Links</span><div class="vgroup__body">
-          <Link url="https://example.com">Documentation</Link>
-          <Link url="https://example.com" blank={true}>Open dashboard</Link>
-        </div>
-      </div>
-    </section>
-
-    <!-- TABS -->
-    <section class="block" id="tabs">
-      <h2>Tabs</h2>
-      <p class="block__desc">Underline tabs with panels.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Tabs</span><div
-          class="vgroup__body"
-          style="flex-direction:column;align-items:stretch;"
-        >
-          <Tab id="gallery-tab" defaultActive="images">
-            <TabItem id="images">Images</TabItem>
-            <TabItem id="videos">Videos</TabItem>
-            <TabItem id="docs">Documents</TabItem>
-          </Tab>
-          <TabContent id="gallery-tab" itemId="images"
-            ><p>🖼️ Image gallery content.</p></TabContent
-          >
-          <TabContent id="gallery-tab" itemId="videos"
-            ><p>🎬 Video player here.</p></TabContent
-          >
-          <TabContent id="gallery-tab" itemId="docs"
-            ><p>📄 Document list here.</p></TabContent
-          >
-        </div>
-      </div>
-    </section>
-
-    <!-- BREADCRUMB -->
-    <section class="block" id="breadcrumb">
-      <h2>Breadcrumb</h2>
-      <p class="block__desc">Hierarchical navigation.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Breadcrumb</span><div class="vgroup__body">
-          <Breadcrumb>
-            <BreadcrumbItem href="/">Home</BreadcrumbItem>
-            <BreadcrumbItem href="/services">Services</BreadcrumbItem>
-            <BreadcrumbItem current>api-gateway</BreadcrumbItem>
-          </Breadcrumb>
-        </div>
-      </div>
-    </section>
-
-    <!-- PAGINATION -->
-    <section class="block" id="pagination">
-      <h2>Pagination</h2>
-      <p class="block__desc">Page numbers with disabled edges.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Pagination</span><div class="vgroup__body">
-          <Pagination defaultPage={3}>
-            <PaginationNumber>1</PaginationNumber>
-            <PaginationNumber>2</PaginationNumber>
-            <PaginationNumber>3</PaginationNumber>
-            <PaginationNumber>4</PaginationNumber>
-            <PaginationNumber disabled>5</PaginationNumber>
-          </Pagination>
-        </div>
-      </div>
-    </section>
-
-    <!-- NOTIFICATION -->
-    <section class="block" id="notification">
-      <h2>Notification</h2>
-      <p class="block__desc">Info, success, warning and error.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">All types</span><div
-          class="vgroup__body"
-          style="flex-direction:column;align-items:stretch;max-width:440px;"
-        >
-          <Notification type="info"
-            >Information about the operation.</Notification
-          >
-          <Notification type="success"
-            >The operation completed successfully.</Notification
-          >
-          <Notification type="warning"
-            >A warning occurred. Please check the details.</Notification
-          >
-          <Notification type="error"
-            >An error occurred. Please try again.</Notification
-          >
-        </div>
-      </div>
-    </section>
-
-    <!-- TOOLTIP -->
-    <section class="block" id="tooltip">
-      <h2>Tooltip</h2>
-      <p class="block__desc">Four positions — hover the buttons.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Positions</span><div class="vgroup__body">
-          <Tooltip label="Tooltip top" position="top"
-            ><Button type="secondary" size="md">Top</Button></Tooltip
-          >
-          <Tooltip label="Tooltip bottom" position="bottom"
-            ><Button type="secondary" size="md">Bottom</Button></Tooltip
-          >
-          <Tooltip label="Tooltip left" position="left"
-            ><Button type="secondary" size="md">Left</Button></Tooltip
-          >
-          <Tooltip label="Tooltip right" position="right"
-            ><Button type="secondary" size="md">Right</Button></Tooltip
-          >
-        </div>
-      </div>
-    </section>
-
-    <!-- CARD -->
-    <section class="block" id="card">
-      <h2>Card</h2>
-      <p class="block__desc">With cover, plain and with footer.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Cards</span><div
-          class="vgroup__body"
-          style="align-items:flex-start;"
-        >
-          <Card title="api-gateway" subtitle="Edge routing · 99.98% uptime">
-            <div slot="footer">
-              <Badge type="success" variant="soft">Live</Badge>
+          <div class="vg">
+            <span class="vg__lbl"
+              >Type scale — Intel One Mono (display) · Geist (UI)</span
+            >
+            <div class="vg__body type-scale">
+              <div class="type-row">
+                <span class="type-tag">text-5xl</span><span class="disp t5xl"
+                  >Nova 52px</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-4xl</span><span class="disp t4xl"
+                  >Nova 40px</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-3xl</span><span class="disp t3xl"
+                  >Nova 30px</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-2xl</span><span class="disp t2xl"
+                  >Nova 22px</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-xl</span><span class="disp txl"
+                  >Nova 18px</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-lg</span><span class="sans tlg"
+                  >Nova 16px</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-base</span><span class="sans tbase"
+                  >Nova 14px</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-label</span><span
+                  class="sans tlabel">Nova 13px 600</span>
+              </div>
+              <div class="type-row">
+                <span class="type-tag">text-sm</span><span class="sans tsm"
+                  >Nova 12px</span>
+              </div>
             </div>
-          </Card>
-          <Card
-            title="Quick note"
-            subtitle="A plain card without a cover image."
-          />
-          <Card title="Deploy" subtitle="Ship build 4821 to production.">
-            <div slot="footer">
-              <Button type="ghost" size="sm">Cancel</Button>
-              <Button type="primary" size="sm">Deploy</Button>
-            </div>
-          </Card>
-        </div>
-      </div>
-    </section>
-
-    <!-- APP CHROME -->
-    <section class="block" id="chrome">
-      <h2>Navbar · Sidebar</h2>
-      <p class="block__desc">App chrome.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Navbar</span><div
-          class="vgroup__body"
-          style="align-items:stretch;"
-        >
-          <Navbar brand="Nova">
-            <a class="navbar__link navbar__link--active" href="#">Services</a>
-            <a class="navbar__link" href="#">Incidents</a>
-            <a class="navbar__link" href="#">Settings</a>
-            <Avatar slot="right" type="initials" name="Ava Stone" />
-          </Navbar>
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Sidebar</span><div class="vgroup__body">
-          <Sidebar header="Nova">
-            <SidebarItem href="#" active
-              ><OverviewIcon slot="icon" size={18} />Overview</SidebarItem
-            >
-            <SidebarItem href="#"
-              ><StatsIcon slot="icon" size={18} />Metrics</SidebarItem
-            >
-            <SidebarItem href="#"
-              ><ShieldIcon slot="icon" size={18} />Security</SidebarItem
-            >
-            <SidebarItem href="#"
-              ><SettingsIcon slot="icon" size={18} />Settings</SidebarItem
-            >
-          </Sidebar>
-        </div>
-      </div>
-    </section>
-
-    <!-- MODAL -->
-    <section class="block" id="modal">
-      <h2>Modal</h2>
-      <p class="block__desc">Overlay dialog.</p>
-      <div class="vgroup">
-        <span class="vgroup__label">Dialog</span><div class="vgroup__body">
-          <Button type="primary" size="md" data-modal-open="demo-modal"
-            >Open modal</Button
-          >
-        </div>
-      </div>
-      <Modal id="demo-modal" title="Confirm deploy">
-        Ship build 4821 to production? This rolls out to all edge regions.
-        <Fragment slot="footer">
-          <Button type="ghost" size="md" data-modal-close>Cancel</Button>
-          <Button type="primary" size="md" data-modal-close>Deploy</Button>
-        </Fragment>
-      </Modal>
-    </section>
-
-    <!-- ICONS -->
-    <section class="block" id="icons">
-      <h2>Icons</h2>
-      <p class="block__desc">
-        Library at 24px, plus arrow orientations and sizes.
-      </p>
-      <div class="vgroup">
-        <span class="vgroup__label">Arrow — orientations × 16/24/32</span><div
-          class="vgroup__body"
-        >
-          {
-            [16, 24, 32].map((s) => (
-              <span class="icon-line">
-                <Arrow2Icon size={s} orientation="up" />
-                <Arrow2Icon size={s} orientation="right" />
-                <Arrow2Icon size={s} orientation="down" />
-                <Arrow2Icon size={s} orientation="left" />
-              </span>
-            ))
-          }
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Library (24px)</span><div
-          class="vgroup__body"
-          style="display:block;"
-        >
-          <div class="icon-grid">
-            {
-              libraryIcons.map(([name, Icon]) => (
-                <div class="icon-cell">
-                  <>
-                    <Icon size={24} />
-                    <span>{name}</span>
-                  </>
-                </div>
-              ))
-            }
           </div>
-        </div>
-      </div>
-      <div class="vgroup">
-        <span class="vgroup__label">Sizes — 16 / 24 / 32</span><div
-          class="vgroup__body"
-        >
-          {
-            [SearchIcon, SettingsIcon, ShareIcon, DownloadIcon].map((Icon) => (
-              <span class="icon-line">
-                <>
-                  <Icon size={16} />
-                  <Icon size={24} />
-                  <Icon size={32} />
-                </>
-              </span>
-            ))
-          }
-        </div>
-      </div>
-    </section>
+
+          <div class="vg">
+            <span class="vg__lbl">Color tokens (adapt to theme)</span>
+            <div class="vg__body swatch-row">
+              {
+                tokenColors.map((t) => (
+                  <div class="swatch">
+                    <div
+                      class="swatch-chip"
+                      style={`background:var(--nds-${t})`}
+                    />
+                    <span class="swatch-name">{t}</span>
+                  </div>
+                ))
+              }
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Spacing scale</span>
+            <div
+              class="vg__body"
+              style="flex-direction:column;align-items:flex-start;gap:8px;"
+            >
+              {
+                spacingScale.map(([n, px]) => (
+                  <div class="sp-row">
+                    <span class="sp-label">
+                      spacing-{n} · {px}px
+                    </span>
+                    <div class="sp-bar" style={`width:${px}px`} />
+                  </div>
+                ))
+              }
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Radius scale</span>
+            <div class="vg__body">
+              {
+                radiusScale.map((n) => (
+                  <div
+                    class="rad-chip"
+                    style={`border-radius:var(--nds-radius-${n})`}
+                  >
+                    <span>{n}</span>
+                  </div>
+                ))
+              }
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Elevation</span>
+            <div class="vg__body">
+              {
+                (["sm", "md", "lg"] as const).map((n) => (
+                  <div
+                    class="elev-chip"
+                    style={`box-shadow:var(--nds-shadow-${n})`}
+                  >
+                    shadow-{n}
+                  </div>
+                ))
+              }
+            </div>
+          </div>
+        </section>
+
+        <!-- ── BUTTON ── -->
+        <section id="buttons" class="blk">
+          <h2>Button</h2>
+          <p class="blk__desc">Variants, sizes, icon and disabled states.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Variants × md</span>
+            <div class="vg__body">
+              {
+                btnTypes.map((t) => (
+                  <Button type={t} size="md">
+                    {t[0].toUpperCase() + t.slice(1)}
+                  </Button>
+                ))
+              }
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Sizes (primary)</span>
+            <div class="vg__body">
+              {
+                sizes.map((s) => (
+                  <Button type="primary" size={s}>
+                    Size {s}
+                  </Button>
+                ))
+              }
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">With icon · icon-only</span>
+            <div class="vg__body">
+              <Button type="primary" size="md"
+                ><PlusIcon slot="icon-left" size={16} />New service</Button
+              >
+              <Button type="secondary" size="md"
+                >Filter<FilterIcon slot="icon-right" size={16} /></Button
+              >
+              <Button type="ghost" size="md" icon={true}
+                ><MoreIcon size={18} /></Button
+              >
+              <Button type="primary" size="md" icon={true}
+                ><DownloadIcon size={18} /></Button
+              >
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Disabled</span>
+            <div class="vg__body">
+              {
+                btnTypes.map((t) => (
+                  <Button type={t} size="md" disabled>
+                    {t}
+                  </Button>
+                ))
+              }
+            </div>
+          </div>
+        </section>
+
+        <!-- ── BADGE ── -->
+        <section id="badges" class="blk">
+          <h2>Badge</h2>
+          <p class="blk__desc">Tones × soft / solid.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Soft</span>
+            <div class="vg__body">
+              {
+                tones.map((t) => (
+                  <Badge type={t} variant="soft">
+                    {t}
+                  </Badge>
+                ))
+              }
+            </div>
+          </div>
+          <div class="vg">
+            <span class="vg__lbl">Solid</span>
+            <div class="vg__body">
+              {
+                tones.map((t) => (
+                  <Badge type={t} variant="solid">
+                    {t}
+                  </Badge>
+                ))
+              }
+            </div>
+          </div>
+        </section>
+
+        <!-- ── CONTROLS ── -->
+        <section id="controls" class="blk">
+          <h2>Toggle · Checkbox · Radio</h2>
+          <p class="blk__desc">Selection controls in every state.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Toggle — off / on</span>
+            <div class="vg__body">
+              <Toggle id="tg-off" />
+              <Toggle id="tg-on" data-checked={true} />
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl"
+              >Checkbox — unchecked / checked / disabled</span
+            >
+            <div class="vg__body">
+              <Checkbox id="cb1">Unchecked</Checkbox>
+              <Checkbox id="cb2" checked>Checked</Checkbox>
+              <Checkbox id="cb3" checked disabled>Disabled</Checkbox>
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Radio group</span>
+            <div
+              class="vg__body"
+              style="flex-direction:column;align-items:flex-start;"
+            >
+              <Radio id="rb1" name="plan" checked>On-demand</Radio>
+              <Radio id="rb2" name="plan">Reserved</Radio>
+              <Radio id="rb3" name="plan" disabled>Spot</Radio>
+            </div>
+          </div>
+        </section>
+
+        <!-- ── TEXTFIELD ── -->
+        <section id="textfield" class="blk">
+          <h2>TextField</h2>
+          <p class="blk__desc">Text, email, password, textarea.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Fields</span>
+            <div
+              class="vg__body"
+              style="flex-direction:column;align-items:stretch;max-width:380px;"
+            >
+              <TextField label="Service name" placeholder="api-gateway" />
+              <TextField
+                label="Email"
+                type="email"
+                placeholder="you@nova.dev"
+              />
+              <TextField
+                label="Password"
+                type="password"
+                placeholder="••••••••"
+              />
+              <TextField
+                label="Message"
+                type="textarea"
+                placeholder="Type here…"
+                max={120}
+              />
+            </div>
+          </div>
+        </section>
+
+        <!-- ── SELECT ── -->
+        <section id="select" class="blk">
+          <h2>Select</h2>
+          <p class="blk__desc">Default and disabled.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Select</span>
+            <div class="vg__body">
+              <Select default="option3">
+                <SelectOption value="option1">Option 1</SelectOption>
+                <SelectOption value="option2">Option 2</SelectOption>
+                <SelectOption value="option3">Option 3</SelectOption>
+                <SelectOption value="option4">Option 4</SelectOption>
+                <SelectOption value="option5" disabled>Option 5</SelectOption>
+              </Select>
+              <Select disabled>
+                <SelectOption value="d">Disabled</SelectOption>
+              </Select>
+            </div>
+          </div>
+        </section>
+
+        <!-- ── NUMERIC STEPPER ── -->
+        <section id="stepper" class="blk">
+          <h2>Numeric stepper</h2>
+          <p class="blk__desc">Increment / decrement control.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Stepper</span>
+            <div class="vg__body">
+              <NumericStepper min={-15} max={10} value={5} step={5} id="ns1" />
+            </div>
+          </div>
+        </section>
+
+        <!-- ── AVATAR ── -->
+        <section id="avatar" class="blk">
+          <h2>Avatar</h2>
+          <p class="blk__desc">Photo and initials.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Types</span>
+            <div class="vg__body">
+              <Avatar
+                type="photo"
+                name="John Doe"
+                image="https://i.pravatar.cc/80?img=12"
+              />
+              <Avatar type="initials" name="Ava Stone" />
+              <Avatar type="initials" name="Jane Smith" />
+            </div>
+          </div>
+        </section>
+
+        <!-- ── LOADING BAR ── -->
+        <section id="loading" class="blk">
+          <h2>Loading bar</h2>
+          <p class="blk__desc">Determinate and indeterminate.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Known 75% · indeterminate</span>
+            <div
+              class="vg__body"
+              style="flex-direction:column;align-items:stretch;width:100%"
+            >
+              <LoadingBar type="known" percentage={75} width="100%" />
+              <LoadingBar type="unknown" width="100%" />
+            </div>
+          </div>
+        </section>
+
+        <!-- ── LIST ITEM ── -->
+        <section id="listitem" class="blk">
+          <h2>List item</h2>
+          <p class="blk__desc">Title and subtitle rows.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">List</span>
+            <div
+              class="vg__body"
+              style="flex-direction:column;align-items:stretch;padding:0;gap:0;"
+            >
+              <ListItem>
+                <ListItemTitle>api-gateway</ListItemTitle>
+                <ListItemSubtitle>Edge routing · eu-west-1</ListItemSubtitle>
+              </ListItem>
+              <ListItem>
+                <ListItemTitle>postgres-main</ListItemTitle>
+                <ListItemSubtitle>Database · eu-west-1</ListItemSubtitle>
+              </ListItem>
+              <ListItem>
+                <ListItemTitle>redis-cache</ListItemTitle>
+                <ListItemSubtitle>Cache · eu-west-1</ListItemSubtitle>
+              </ListItem>
+            </div>
+          </div>
+        </section>
+
+        <!-- ── LINK ── -->
+        <section id="link" class="blk">
+          <h2>Link</h2>
+          <p class="blk__desc">Inline and external.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Links</span>
+            <div class="vg__body">
+              <Link url="https://example.com">Documentation</Link>
+              <Link url="https://example.com" blank={true}
+                >Open dashboard ↗</Link
+              >
+            </div>
+          </div>
+        </section>
+
+        <!-- ── TABS ── -->
+        <section id="tabs" class="blk">
+          <h2>Tabs</h2>
+          <p class="blk__desc">Underline tabs with panels (interactive).</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Tabs + content</span>
+            <div
+              class="vg__body"
+              style="flex-direction:column;align-items:stretch;"
+            >
+              <Tab id="g-tab" defaultActive="images">
+                <TabItem id="images">Images</TabItem>
+                <TabItem id="videos">Videos</TabItem>
+                <TabItem id="docs">Documents</TabItem>
+              </Tab>
+              <TabContent id="g-tab" itemId="images"
+                ><p>🖼️ Image gallery content.</p></TabContent
+              >
+              <TabContent id="g-tab" itemId="videos"
+                ><p>🎬 Video player here.</p></TabContent
+              >
+              <TabContent id="g-tab" itemId="docs"
+                ><p>📄 Document list here.</p></TabContent
+              >
+            </div>
+          </div>
+        </section>
+
+        <!-- ── BREADCRUMB ── -->
+        <section id="breadcrumb" class="blk">
+          <h2>Breadcrumb</h2>
+          <p class="blk__desc">Hierarchical navigation.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Breadcrumb</span>
+            <div class="vg__body">
+              <Breadcrumb>
+                <BreadcrumbItem href="/">Home</BreadcrumbItem>
+                <BreadcrumbItem href="/services">Services</BreadcrumbItem>
+                <BreadcrumbItem current>api-gateway</BreadcrumbItem>
+              </Breadcrumb>
+            </div>
+          </div>
+        </section>
+
+        <!-- ── PAGINATION ── -->
+        <section id="pagination" class="blk">
+          <h2>Pagination</h2>
+          <p class="blk__desc">Page numbers with disabled edges.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Pagination</span>
+            <div class="vg__body">
+              <Pagination defaultPage={3}>
+                <PaginationNumber>1</PaginationNumber>
+                <PaginationNumber>2</PaginationNumber>
+                <PaginationNumber>3</PaginationNumber>
+                <PaginationNumber>4</PaginationNumber>
+                <PaginationNumber disabled>5</PaginationNumber>
+              </Pagination>
+            </div>
+          </div>
+        </section>
+
+        <!-- ── NOTIFICATION ── -->
+        <section id="notification" class="blk">
+          <h2>Notification</h2>
+          <p class="blk__desc">Info, success, warning and error.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">All types</span>
+            <div
+              class="vg__body"
+              style="flex-direction:column;align-items:stretch;max-width:460px;"
+            >
+              {
+                notifTypes.map((t) => (
+                  <Notification type={t}>{notifMessages[t]}</Notification>
+                ))
+              }
+            </div>
+          </div>
+        </section>
+
+        <!-- ── TOOLTIP ── -->
+        <section id="tooltip" class="blk">
+          <h2>Tooltip</h2>
+          <p class="blk__desc">Four positions — hover the buttons.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Positions</span>
+            <div class="vg__body">
+              {
+                tooltipPositions.map((pos) => (
+                  <Tooltip label={`Tooltip ${pos}`} position={pos}>
+                    <Button type="secondary" size="md">
+                      {pos[0].toUpperCase() + pos.slice(1)}
+                    </Button>
+                  </Tooltip>
+                ))
+              }
+            </div>
+          </div>
+        </section>
+
+        <!-- ── CARD ── -->
+        <section id="card" class="blk">
+          <h2>Card</h2>
+          <p class="blk__desc">With cover, plain and with footer actions.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Cover · plain · with footer</span>
+            <div class="vg__body" style="align-items:flex-start;">
+              <Card
+                title="api-gateway"
+                subtitle="Edge routing · 99.98% uptime"
+                cover="/peak.jpg"
+              >
+                <div slot="footer">
+                  <Badge type="success" variant="soft">Live</Badge>
+                </div>
+              </Card>
+              <Card
+                title="Quick note"
+                subtitle="A plain card without a cover image."
+              />
+              <Card title="Deploy" subtitle="Ship build 4821 to production.">
+                <div slot="footer" style="display:flex;gap:8px;">
+                  <Button type="ghost" size="sm">Cancel</Button>
+                  <Button type="primary" size="sm">Deploy</Button>
+                </div>
+              </Card>
+            </div>
+          </div>
+        </section>
+
+        <!-- ── APP CHROME ── -->
+        <section id="chrome" class="blk">
+          <h2>Navbar · Sidebar</h2>
+          <p class="blk__desc">App chrome.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Navbar</span>
+            <div class="vg__body" style="align-items:stretch;padding:0;">
+              <Navbar brand="Nova">
+                <a class="navbar__link navbar__link--active" href="#"
+                  >Services</a
+                >
+                <a class="navbar__link" href="#">Incidents</a>
+                <a class="navbar__link" href="#">Settings</a>
+                <Avatar slot="right" type="initials" name="Ava Stone" />
+              </Navbar>
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Sidebar</span>
+            <div class="vg__body">
+              <Sidebar header="Nova">
+                <SidebarItem href="#" active
+                  ><OverviewIcon slot="icon" size={18} />Overview</SidebarItem
+                >
+                <SidebarItem href="#"
+                  ><StatsIcon slot="icon" size={18} />Metrics</SidebarItem
+                >
+                <SidebarItem href="#"
+                  ><ShieldIcon slot="icon" size={18} />Security</SidebarItem
+                >
+                <SidebarItem href="#"
+                  ><SettingsIcon slot="icon" size={18} />Settings</SidebarItem
+                >
+              </Sidebar>
+            </div>
+          </div>
+        </section>
+
+        <!-- ── MODAL ── -->
+        <section id="modal" class="blk">
+          <h2>Modal</h2>
+          <p class="blk__desc">
+            Overlay dialog — click to open, Escape or overlay to close.
+          </p>
+
+          <div class="vg">
+            <span class="vg__lbl">Dialog</span>
+            <div class="vg__body">
+              <Button type="primary" size="md" data-modal-open="gallery-modal"
+                >Open modal</Button
+              >
+            </div>
+          </div>
+
+          <Modal id="gallery-modal" title="Confirm deploy">
+            Ship build 4821 to production? This rolls out to all edge regions.
+            <Fragment slot="footer">
+              <Button type="ghost" size="md" data-modal-close>Cancel</Button>
+              <Button type="primary" size="md" data-modal-close>Deploy</Button>
+            </Fragment>
+          </Modal>
+        </section>
+
+        <!-- ── ICONS ── -->
+        <section id="icons" class="blk">
+          <h2>Icons</h2>
+          <p class="blk__desc">25 line icons at 16 / 24 / 32 px.</p>
+
+          <div class="vg">
+            <span class="vg__lbl">Arrow2 — orientations × 16 / 24 / 32</span>
+            <div class="vg__body">
+              {
+                ([16, 24, 32] as const).map((s) => (
+                  <span class="icon-line">
+                    <Arrow2Icon size={s} orientation="up" />
+                    <Arrow2Icon size={s} orientation="right" />
+                    <Arrow2Icon size={s} orientation="down" />
+                    <Arrow2Icon size={s} orientation="left" />
+                  </span>
+                ))
+              }
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Library — 25 icons at 24px</span>
+            <div class="vg__body" style="display:block;">
+              <div class="icon-grid">
+                {
+                  iconLib.map(({ name, Icon }) => (
+                    <div class="icon-cell">
+                      <Icon size={24} />
+                      <span>{name}</span>
+                    </div>
+                  ))
+                }
+              </div>
+            </div>
+          </div>
+
+          <div class="vg">
+            <span class="vg__lbl">Sizes — 16 / 24 / 32</span>
+            <div class="vg__body">
+              {
+                [SearchIcon, SettingsIcon, ShareIcon, DownloadIcon].map(
+                  (Icon) => (
+                    <span class="icon-line">
+                      <>
+                        <Icon size={16} />
+                        <Icon size={24} />
+                        <Icon size={32} />
+                      </>
+                    </span>
+                  ),
+                )
+              }
+            </div>
+          </div>
+        </section>
+      </main>
+    </div>
   </div>
 </Layout>
 
 <script>
-  // Theme toggle (persisted)
+  // Persisted theme toggle
   const KEY = "nova-theme";
   const saved = localStorage.getItem(KEY);
   if (saved) document.documentElement.setAttribute("data-theme", saved);
-  document.getElementById("theme-toggle")?.addEventListener("click", () => {
+  document.getElementById("theme-btn")?.addEventListener("click", () => {
     const dark = document.documentElement.getAttribute("data-theme") === "dark";
     const next = dark ? "light" : "dark";
     document.documentElement.setAttribute("data-theme", next);
     localStorage.setItem(KEY, next);
   });
+
+  // Smooth rail nav
+  document.querySelectorAll(".g-rail a").forEach((a) => {
+    a.addEventListener("click", (e) => {
+      e.preventDefault();
+      const target = document.querySelector(
+        (a as HTMLAnchorElement).getAttribute("href")!,
+      );
+      target?.scrollIntoView({ behavior: "smooth", block: "start" });
+    });
+  });
 </script>
 
 <style lang="scss">
   @use "../styles/tokens/typography" as *;
 
   body {
-    background-color: var(--nds-surface);
-    color: var(--nds-text);
-    font-family: var(--nds-font-sans);
+    margin: 0;
   }
-  .gallery {
-    max-width: 1000px;
-    margin: 0 auto;
-    padding: var(--nds-spacing-xl) var(--nds-spacing-lg) var(--nds-spacing-3xl);
-    background-color: var(--nds-surface);
+  .g-page {
+    min-height: 100vh;
+    background-color: var(--nds-background);
+    color: var(--nds-text);
   }
 
-  .gallery__head {
+  // ── Topbar ──
+  .g-topbar {
+    position: sticky;
+    top: 0;
+    z-index: 50;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: var(--nds-spacing-md);
-    margin-bottom: var(--nds-spacing-2xl);
-    padding-bottom: var(--nds-spacing-md);
+    padding: 12px var(--nds-spacing-lg);
     border-bottom: var(--nds-border-width-thin) solid var(--nds-border);
+    background: color-mix(in srgb, var(--nds-background) 85%, transparent);
+    backdrop-filter: blur(10px);
   }
-  .gallery__brand {
+  .g-brand {
     display: flex;
     align-items: center;
     gap: var(--nds-spacing-xs);
   }
-  .gallery__mark {
+  .g-mark {
     width: 26px;
     height: 26px;
     border-radius: var(--nds-radius-md);
     background: linear-gradient(135deg, var(--nds-primary), var(--nds-accent));
   }
-  .gallery__name {
+  .g-name {
     @include text-xl;
   }
 
-  .block {
-    margin-bottom: var(--nds-spacing-2xl);
-    scroll-margin-top: var(--nds-spacing-lg);
-  }
-  .block > h2 {
-    @include text-2xl;
-    margin: 0 0 var(--nds-spacing-3xs);
-  }
-  .block__desc {
-    color: var(--nds-neutral);
-    @include text-base;
-    margin: 0 0 var(--nds-spacing-lg);
+  // ── Layout ──
+  .g-layout {
+    display: grid;
+    grid-template-columns: 200px 1fr;
   }
 
-  .vgroup {
+  // ── Rail ──
+  .g-rail {
+    position: sticky;
+    top: 53px;
+    align-self: start;
+    height: calc(100vh - 53px);
+    overflow-y: auto;
+    padding: var(--nds-spacing-md) var(--nds-spacing-sm);
+    border-right: var(--nds-border-width-thin) solid var(--nds-border);
+    background: var(--nds-surface);
+    &__head {
+      @include text-label;
+      color: var(--nds-text);
+      padding: var(--nds-spacing-xs) var(--nds-spacing-xs) var(--nds-spacing-md);
+      margin: 0;
+    }
+    a {
+      display: block;
+      padding: 5px var(--nds-spacing-xs);
+      border-radius: var(--nds-radius-sm);
+      color: var(--nds-neutral);
+      text-decoration: none;
+      @include text-sm;
+      transition:
+        background-color 120ms ease,
+        color 120ms ease;
+      &:hover {
+        background: var(--nds-surface-hover);
+        color: var(--nds-text);
+      }
+    }
+  }
+
+  // ── Content ──
+  .g-content {
+    padding: var(--nds-spacing-2xl) var(--nds-spacing-2xl)
+      var(--nds-spacing-3xl);
+    max-width: 880px;
+  }
+
+  // ── Block ──
+  .blk {
+    margin-bottom: var(--nds-spacing-2xl);
+    scroll-margin-top: var(--nds-spacing-lg);
+    > h2 {
+      @include text-2xl;
+      margin: 0 0 var(--nds-spacing-3xs);
+    }
+    &__desc {
+      @include text-base;
+      color: var(--nds-neutral);
+      margin: 0 0 var(--nds-spacing-lg);
+    }
+  }
+
+  // ── Variant group ──
+  .vg {
     border: var(--nds-border-width-thin) solid var(--nds-border);
     border-radius: var(--nds-radius-lg);
-    background: var(--nds-surface);
     overflow: hidden;
+    background: var(--nds-surface);
     & + & {
       margin-top: var(--nds-spacing-md);
     }
-  }
-  .vgroup__label {
-    display: block;
-    @include text-sm;
-    font-weight: 600;
-    letter-spacing: 0.06em;
-    text-transform: uppercase;
-    color: var(--nds-neutral);
-    padding: var(--nds-spacing-xs) var(--nds-spacing-md);
-    border-bottom: var(--nds-border-width-thin) solid var(--nds-border);
-    background: color-mix(in srgb, var(--nds-text) 2.5%, var(--nds-surface));
-  }
-  .vgroup__body {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: var(--nds-spacing-md);
-    padding: var(--nds-spacing-lg) var(--nds-spacing-md);
+
+    &__lbl {
+      display: block;
+      @include text-sm;
+      font-weight: 600;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+      color: var(--nds-neutral);
+      padding: var(--nds-spacing-xs) var(--nds-spacing-md);
+      border-bottom: var(--nds-border-width-thin) solid var(--nds-border);
+      background: color-mix(in srgb, var(--nds-text) 2.5%, var(--nds-surface));
+    }
+    &__body {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--nds-spacing-md);
+      padding: var(--nds-spacing-lg) var(--nds-spacing-md);
+    }
   }
 
+  // ── Foundations specimens ──
+  .type-scale {
+    flex-direction: column;
+    align-items: stretch;
+    padding: 0 !important;
+    gap: 0 !important;
+  }
+  .type-row {
+    display: flex;
+    align-items: baseline;
+    gap: var(--nds-spacing-md);
+    padding: var(--nds-spacing-sm) var(--nds-spacing-md);
+    border-bottom: var(--nds-border-width-thin) solid var(--nds-border);
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+  .type-tag {
+    @include text-sm;
+    font-family: var(--nds-font-mono);
+    color: var(--nds-neutral);
+    width: 80px;
+    flex-shrink: 0;
+  }
+  .disp {
+    font-family: var(--nds-font-mono);
+    font-weight: 700;
+  }
+  .sans {
+    font-family: var(--nds-font-sans);
+  }
+  .t5xl {
+    font-size: 52px;
+  }
+  .t4xl {
+    font-size: 40px;
+  }
+  .t3xl {
+    font-size: 30px;
+  }
+  .t2xl {
+    font-size: 22px;
+  }
+  .txl {
+    font-size: 18px;
+  }
+  .tlg {
+    font-size: 16px;
+    font-weight: 600;
+  }
+  .tbase {
+    font-size: 14px;
+  }
+  .tlabel {
+    font-size: 13px;
+    font-weight: 600;
+  }
+  .tsm {
+    font-size: 12px;
+  }
+
+  .swatch-row {
+    gap: var(--nds-spacing-sm) !important;
+    flex-wrap: wrap;
+  }
+  .swatch {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  .swatch-chip {
+    width: 80px;
+    height: 44px;
+    border-radius: var(--nds-radius-md);
+    border: var(--nds-border-width-thin) solid var(--nds-border);
+  }
+  .swatch-name {
+    @include text-sm;
+    color: var(--nds-neutral);
+    font-family: var(--nds-font-mono);
+  }
+
+  .sp-row {
+    display: flex;
+    align-items: center;
+    gap: var(--nds-spacing-md);
+  }
+  .sp-label {
+    @include text-sm;
+    color: var(--nds-neutral);
+    font-family: var(--nds-font-mono);
+    width: 160px;
+    flex-shrink: 0;
+  }
+  .sp-bar {
+    height: 14px;
+    background: var(--nds-primary);
+    border-radius: 2px;
+  }
+
+  .rad-chip {
+    width: 72px;
+    height: 72px;
+    background: var(--nds-primary-soft);
+    border: var(--nds-border-width-thin) solid var(--nds-primary);
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    padding: 6px;
+    span {
+      @include text-sm;
+      color: var(--nds-primary);
+    }
+  }
+  .elev-chip {
+    width: 130px;
+    height: 72px;
+    background: var(--nds-surface);
+    border: var(--nds-border-width-thin) solid var(--nds-border);
+    border-radius: var(--nds-radius-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    @include text-sm;
+    color: var(--nds-neutral);
+    font-family: var(--nds-font-mono);
+  }
+
+  // ── Icons ──
   .icon-line {
     display: inline-flex;
     align-items: center;
@@ -707,7 +1125,7 @@ const libraryIcons = [
   }
   .icon-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
     gap: var(--nds-spacing-xs);
     width: 100%;
   }