diff --git a/package-lock.json b/package-lock.json
index 841ed4e..c46e8f6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,8 +12,8 @@
         "bootstrap": "^5.3.3"
       },
       "devDependencies": {
-        "@oruga-ui/examples": "0.9.0-pre.2",
-        "@oruga-ui/oruga-next": "0.9.0-pre.2",
+        "@oruga-ui/examples": "0.9.0",
+        "@oruga-ui/oruga-next": "0.9.0",
         "@types/node": "^22.9.0",
         "@vitejs/plugin-vue": "5.1.4",
         "@vue/eslint-config-prettier": "^10.1.0",
@@ -42,7 +42,7 @@
         "vue-tsc": "2.1.10"
       },
       "peerDependencies": {
-        "@oruga-ui/oruga-next": "0.9.0-pre.2"
+        "@oruga-ui/oruga-next": "0.9.0"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -726,11 +726,10 @@
       }
     },
     "node_modules/@fortawesome/fontawesome-free": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.5.2.tgz",
-      "integrity": "sha512-hRILoInAx8GNT5IMkrtIt9blOdrqHOnPBH+k70aWUAqPZPgopb9G5EQJFpaBx/S8zp2fC+mPW349Bziuk1o28Q==",
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.6.0.tgz",
+      "integrity": "sha512-60G28ke/sXdtS9KZCpZSHHkCbdsOGEhIUGlwq6yhY74UpTiToIh8np7A8yphhM4BWsvNFtIvLpi4co+h9Mr9Ow==",
       "dev": true,
-      "hasInstallScript": true,
       "engines": {
         "node": ">=6"
       }
@@ -1059,30 +1058,33 @@
       }
     },
     "node_modules/@oruga-ui/examples": {
-      "version": "0.9.0-pre.2",
-      "resolved": "https://registry.npmjs.org/@oruga-ui/examples/-/examples-0.9.0-pre.2.tgz",
-      "integrity": "sha512-lu1ZAjEKWdT2MJVExYpFlEGXRsI8KsdzgZ1+ARBPOTuU9XCm4sY+6A3beIEX2F7fJOdfRgvr0CJgpB2+3wplTg==",
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@oruga-ui/examples/-/examples-0.9.0.tgz",
+      "integrity": "sha512-e4/RHNbaVaeLTii4Q3T+kNrLjz2yEaIlARaxty+PJSU0FVjGf4oTe8sU9qECxu75gZexqwjoP0TZetF3+l15Tg==",
       "dev": true,
       "dependencies": {
-        "@fortawesome/fontawesome-free": "6.5.2",
-        "@fortawesome/fontawesome-svg-core": "^6.5.2",
-        "@fortawesome/free-solid-svg-icons": "^6.5.2",
+        "@fortawesome/fontawesome-free": "6.6.0",
+        "@fortawesome/fontawesome-svg-core": "^6.6.0",
+        "@fortawesome/free-solid-svg-icons": "^6.6.0",
         "@fortawesome/vue-fontawesome": "^3.0.8",
         "@highlightjs/vue-plugin": "2.1.2",
         "highlight.js": "11.10.0",
         "markdown-it": "^14.1.0",
-        "markdown-it-highlightjs": "^4.1.0"
+        "markdown-it-highlightjs": "^4.2.0"
       },
       "peerDependencies": {
-        "@oruga-ui/oruga-next": "0.9.0-pre.2",
+        "@oruga-ui/oruga-next": "0.9.0",
         "vue": "^3.0.0"
       }
     },
     "node_modules/@oruga-ui/oruga-next": {
-      "version": "0.9.0-pre.2",
-      "resolved": "https://registry.npmjs.org/@oruga-ui/oruga-next/-/oruga-next-0.9.0-pre.2.tgz",
-      "integrity": "sha512-jy0hO5Df9vNfnfLF9Pu/O1Gxf/NlNkJ6xuw1W4Uq2RA1L0dk5NwgLWN9sU+hDJrrLSFFan08fdm83LcANWEXnA==",
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@oruga-ui/oruga-next/-/oruga-next-0.9.0.tgz",
+      "integrity": "sha512-k25URBruttk2u+pj0NsCXwbCE1OyORhv4jpHh7BXR9zAHHSSKwV1Evbbvbr77/wVRWhbgoso1IOxc8WaT9Fr5g==",
       "dev": true,
+      "dependencies": {
+        "vue-component-type-helpers": "^2.1.10"
+      },
       "peerDependencies": {
         "vue": "^3.0.0"
       }
@@ -1440,9 +1442,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.4.tgz",
-      "integrity": "sha512-jfUJrFct/hTA0XDM5p/htWKoNNTbDLY0KRwEt6pyOA6k2fmk0WVwl65PdUdJZgzGEHWx+49LilkcSaumQRyNQw==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.25.0.tgz",
+      "integrity": "sha512-CC/ZqFZwlAIbU1wUPisHyV/XRc5RydFrNLtgl3dGYskdwPZdt4HERtKm50a/+DtTlKeCq9IXFEWR+P6blwjqBA==",
       "cpu": [
         "arm"
       ],
@@ -1453,9 +1455,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.4.tgz",
-      "integrity": "sha512-j4nrEO6nHU1nZUuCfRKoCcvh7PIywQPUCBa2UsootTHvTHIoIu2BzueInGJhhvQO/2FTRdNYpf63xsgEqH9IhA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.25.0.tgz",
+      "integrity": "sha512-/Y76tmLGUJqVBXXCfVS8Q8FJqYGhgH4wl4qTA24E9v/IJM0XvJCGQVSW1QZ4J+VURO9h8YCa28sTFacZXwK7Rg==",
       "cpu": [
         "arm64"
       ],
@@ -1466,9 +1468,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.4.tgz",
-      "integrity": "sha512-GmU/QgGtBTeraKyldC7cDVVvAJEOr3dFLKneez/n7BvX57UdhOqDsVwzU7UOnYA7AAOt+Xb26lk79PldDHgMIQ==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.25.0.tgz",
+      "integrity": "sha512-YVT6L3UrKTlC0FpCZd0MGA7NVdp7YNaEqkENbWQ7AOVOqd/7VzyHpgIpc1mIaxRAo1ZsJRH45fq8j4N63I/vvg==",
       "cpu": [
         "arm64"
       ],
@@ -1479,9 +1481,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.4.tgz",
-      "integrity": "sha512-N6oDBiZCBKlwYcsEPXGDE4g9RoxZLK6vT98M8111cW7VsVJFpNEqvJeIPfsCzbf0XEakPslh72X0gnlMi4Ddgg==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.25.0.tgz",
+      "integrity": "sha512-ZRL+gexs3+ZmmWmGKEU43Bdn67kWnMeWXLFhcVv5Un8FQcx38yulHBA7XR2+KQdYIOtD0yZDWBCudmfj6lQJoA==",
       "cpu": [
         "x64"
       ],
@@ -1492,9 +1494,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.24.4.tgz",
-      "integrity": "sha512-py5oNShCCjCyjWXCZNrRGRpjWsF0ic8f4ieBNra5buQz0O/U6mMXCpC1LvrHuhJsNPgRt36tSYMidGzZiJF6mw==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.25.0.tgz",
+      "integrity": "sha512-xpEIXhiP27EAylEpreCozozsxWQ2TJbOLSivGfXhU4G1TBVEYtUPi2pOZBnvGXHyOdLAUUhPnJzH3ah5cqF01g==",
       "cpu": [
         "arm64"
       ],
@@ -1505,9 +1507,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.24.4.tgz",
-      "integrity": "sha512-L7VVVW9FCnTTp4i7KrmHeDsDvjB4++KOBENYtNYAiYl96jeBThFfhP6HVxL74v4SiZEVDH/1ILscR5U9S4ms4g==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.25.0.tgz",
+      "integrity": "sha512-sC5FsmZGlJv5dOcURrsnIK7ngc3Kirnx3as2XU9uER+zjfyqIjdcMVgzy4cOawhsssqzoAX19qmxgJ8a14Qrqw==",
       "cpu": [
         "x64"
       ],
@@ -1518,9 +1520,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.4.tgz",
-      "integrity": "sha512-10ICosOwYChROdQoQo589N5idQIisxjaFE/PAnX2i0Zr84mY0k9zul1ArH0rnJ/fpgiqfu13TFZR5A5YJLOYZA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.25.0.tgz",
+      "integrity": "sha512-uD/dbLSs1BEPzg564TpRAQ/YvTnCds2XxyOndAO8nJhaQcqQGFgv/DAVko/ZHap3boCvxnzYMa3mTkV/B/3SWA==",
       "cpu": [
         "arm"
       ],
@@ -1531,9 +1533,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.4.tgz",
-      "integrity": "sha512-ySAfWs69LYC7QhRDZNKqNhz2UKN8LDfbKSMAEtoEI0jitwfAG2iZwVqGACJT+kfYvvz3/JgsLlcBP+WWoKCLcw==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.25.0.tgz",
+      "integrity": "sha512-ZVt/XkrDlQWegDWrwyC3l0OfAF7yeJUF4fq5RMS07YM72BlSfn2fQQ6lPyBNjt+YbczMguPiJoCfaQC2dnflpQ==",
       "cpu": [
         "arm"
       ],
@@ -1544,9 +1546,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.4.tgz",
-      "integrity": "sha512-uHYJ0HNOI6pGEeZ/5mgm5arNVTI0nLlmrbdph+pGXpC9tFHFDQmDMOEqkmUObRfosJqpU8RliYoGz06qSdtcjg==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.25.0.tgz",
+      "integrity": "sha512-qboZ+T0gHAW2kkSDPHxu7quaFaaBlynODXpBVnPxUgvWYaE84xgCKAPEYE+fSMd3Zv5PyFZR+L0tCdYCMAtG0A==",
       "cpu": [
         "arm64"
       ],
@@ -1557,9 +1559,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.4.tgz",
-      "integrity": "sha512-38yiWLemQf7aLHDgTg85fh3hW9stJ0Muk7+s6tIkSUOMmi4Xbv5pH/5Bofnsb6spIwD5FJiR+jg71f0CH5OzoA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.25.0.tgz",
+      "integrity": "sha512-ndWTSEmAaKr88dBuogGH2NZaxe7u2rDoArsejNslugHZ+r44NfWiwjzizVS1nUOHo+n1Z6qV3X60rqE/HlISgw==",
       "cpu": [
         "arm64"
       ],
@@ -1570,9 +1572,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.4.tgz",
-      "integrity": "sha512-q73XUPnkwt9ZNF2xRS4fvneSuaHw2BXuV5rI4cw0fWYVIWIBeDZX7c7FWhFQPNTnE24172K30I+dViWRVD9TwA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.25.0.tgz",
+      "integrity": "sha512-BVSQvVa2v5hKwJSy6X7W1fjDex6yZnNKy3Kx1JGimccHft6HV0THTwNtC2zawtNXKUu+S5CjXslilYdKBAadzA==",
       "cpu": [
         "ppc64"
       ],
@@ -1583,9 +1585,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.4.tgz",
-      "integrity": "sha512-Aie/TbmQi6UXokJqDZdmTJuZBCU3QBDA8oTKRGtd4ABi/nHgXICulfg1KI6n9/koDsiDbvHAiQO3YAUNa/7BCw==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.25.0.tgz",
+      "integrity": "sha512-G4hTREQrIdeV0PE2JruzI+vXdRnaK1pg64hemHq2v5fhv8C7WjVaeXc9P5i4Q5UC06d/L+zA0mszYIKl+wY8oA==",
       "cpu": [
         "riscv64"
       ],
@@ -1596,9 +1598,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.4.tgz",
-      "integrity": "sha512-P8MPErVO/y8ohWSP9JY7lLQ8+YMHfTI4bAdtCi3pC2hTeqFJco2jYspzOzTUB8hwUWIIu1xwOrJE11nP+0JFAQ==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.25.0.tgz",
+      "integrity": "sha512-9T/w0kQ+upxdkFL9zPVB6zy9vWW1deA3g8IauJxojN4bnz5FwSsUAD034KpXIVX5j5p/rn6XqumBMxfRkcHapQ==",
       "cpu": [
         "s390x"
       ],
@@ -1609,9 +1611,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.4.tgz",
-      "integrity": "sha512-K03TljaaoPK5FOyNMZAAEmhlyO49LaE4qCsr0lYHUKyb6QacTNF9pnfPpXnFlFD3TXuFbFbz7tJ51FujUXkXYA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.25.0.tgz",
+      "integrity": "sha512-ThcnU0EcMDn+J4B9LD++OgBYxZusuA7iemIIiz5yzEcFg04VZFzdFjuwPdlURmYPZw+fgVrFzj4CA64jSTG4Ig==",
       "cpu": [
         "x64"
       ],
@@ -1622,9 +1624,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.4.tgz",
-      "integrity": "sha512-VJYl4xSl/wqG2D5xTYncVWW+26ICV4wubwN9Gs5NrqhJtayikwCXzPL8GDsLnaLU3WwhQ8W02IinYSFJfyo34Q==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.25.0.tgz",
+      "integrity": "sha512-zx71aY2oQxGxAT1JShfhNG79PnjYhMC6voAjzpu/xmMjDnKNf6Nl/xv7YaB/9SIa9jDYf8RBPWEnjcdlhlv1rQ==",
       "cpu": [
         "x64"
       ],
@@ -1635,9 +1637,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.4.tgz",
-      "integrity": "sha512-ku2GvtPwQfCqoPFIJCqZ8o7bJcj+Y54cZSr43hHca6jLwAiCbZdBUOrqE6y29QFajNAzzpIOwsckaTFmN6/8TA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.25.0.tgz",
+      "integrity": "sha512-JT8tcjNocMs4CylWY/CxVLnv8e1lE7ff1fi6kbGocWwxDq9pj30IJ28Peb+Y8yiPNSF28oad42ApJB8oUkwGww==",
       "cpu": [
         "arm64"
       ],
@@ -1648,9 +1650,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.4.tgz",
-      "integrity": "sha512-V3nCe+eTt/W6UYNr/wGvO1fLpHUrnlirlypZfKCT1fG6hWfqhPgQV/K/mRBXBpxc0eKLIF18pIOFVPh0mqHjlg==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.25.0.tgz",
+      "integrity": "sha512-dRLjLsO3dNOfSN6tjyVlG+Msm4IiZnGkuZ7G5NmpzwF9oOc582FZG05+UdfTbz5Jd4buK/wMb6UeHFhG18+OEg==",
       "cpu": [
         "ia32"
       ],
@@ -1661,9 +1663,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.4.tgz",
-      "integrity": "sha512-LTw1Dfd0mBIEqUVCxbvTE/LLo+9ZxVC9k99v1v4ahg9Aak6FpqOfNu5kRkeTAn0wphoC4JU7No1/rL+bBCEwhg==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.25.0.tgz",
+      "integrity": "sha512-/RqrIFtLB926frMhZD0a5oDa4eFIbyNEwLLloMTEjmqfwZWXywwVVOVmwTsuyhC9HKkVEZcOOi+KV4U9wmOdlg==",
       "cpu": [
         "x64"
       ],
@@ -2035,27 +2037,27 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "2.4.9",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.9.tgz",
-      "integrity": "sha512-t++GIrUeQnKCieZdY9e+Uar2VmTqOE4Z9KcEcdSHKmKZPuqpbbWow1YKe1i3HpU2s1JqLRVM8y/n87WKXyxJAg==",
+      "version": "2.4.10",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.10.tgz",
+      "integrity": "sha512-hG3Z13+nJmGaT+fnQzAkS0hjJRa2FCeqZt6Bd+oGNhUkQ+mTFsDETg5rqUTxyzIh5pSOGY7FHCWUS8G82AzLCA==",
       "dev": true,
       "dependencies": {
-        "@volar/source-map": "2.4.9"
+        "@volar/source-map": "2.4.10"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "2.4.9",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.9.tgz",
-      "integrity": "sha512-UGE+WgJwk64OcfBwBOBKIzmF+uNx4dC5GzOvaVsHbTBp/IVqeTVsGiO5CwBAt6l3vVXYbMuddG2DU8FEnBRxTg==",
+      "version": "2.4.10",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.10.tgz",
+      "integrity": "sha512-OCV+b5ihV0RF3A7vEvNyHPi4G4kFa6ukPmyVocmqm5QzOd8r5yAtiNvaPEjl8dNvgC/lj4JPryeeHLdXd62rWA==",
       "dev": true
     },
     "node_modules/@volar/typescript": {
-      "version": "2.4.9",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.9.tgz",
-      "integrity": "sha512-Zmh3Bq8CFD6OANKYsi4vs/l7togwfjFH0kgrT12uAsDff2AJQjbEUKTVUnxmHbnbH2B9ja7Lb6Mu/Wj9wBuJlg==",
+      "version": "2.4.10",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.10.tgz",
+      "integrity": "sha512-F8ZtBMhSXyYKuBfGpYwqA5rsONnOwAVvjyE7KPYJ7wgZqo2roASqNWUnianOomJX5u1cxeRooHV59N0PhvEOgw==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "2.4.9",
+        "@volar/language-core": "2.4.10",
         "path-browserify": "^1.0.1",
         "vscode-uri": "^3.0.8"
       }
@@ -2322,9 +2324,9 @@
       "dev": true
     },
     "node_modules/alien-signals": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.2.0.tgz",
-      "integrity": "sha512-StlonZhBBrsPPwrDjiPAiVTf/rolxffLxVPT60Qv/t88BZ81BvUVzHgGqEFvJ1ii8HXtm1+zU2Icr59tfWEcag==",
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.2.1.tgz",
+      "integrity": "sha512-FlEQrDJe9r2RI4cDlnK2zYqJezvx1uJaWEuwxsnlFqnPwvJbgitNBRumWrLDv8lA+7cCikpMxfJD2TTHiaTklA==",
       "dev": true
     },
     "node_modules/ansi-regex": {
@@ -4049,9 +4051,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.47",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
-      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+      "version": "8.4.48",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.48.tgz",
+      "integrity": "sha512-GCRK8F6+Dl7xYniR5a4FYbpBzU8XnZVeowqsQFYdcXuSbChgiks7qybSkbvnaeqv0G0B+dd9/jJgH8kkLDQeEA==",
       "dev": true,
       "funding": [
         {
@@ -4069,7 +4071,7 @@
       ],
       "dependencies": {
         "nanoid": "^3.3.7",
-        "picocolors": "^1.1.0",
+        "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
       "engines": {
@@ -4292,9 +4294,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.4.tgz",
-      "integrity": "sha512-vGorVWIsWfX3xbcyAS+I047kFKapHYivmkaT63Smj77XwvLSJos6M1xGqZnBPFQFBRZDOcG1QnYEIxAvTr/HjA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.25.0.tgz",
+      "integrity": "sha512-uVbClXmR6wvx5R1M3Od4utyLUxrmOcEm3pAtMphn73Apq19PDtHpgZoEvqH2YnnaNUuvKmg2DgRd2Sqv+odyqg==",
       "dev": true,
       "dependencies": {
         "@types/estree": "1.0.6"
@@ -4307,24 +4309,24 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.24.4",
-        "@rollup/rollup-android-arm64": "4.24.4",
-        "@rollup/rollup-darwin-arm64": "4.24.4",
-        "@rollup/rollup-darwin-x64": "4.24.4",
-        "@rollup/rollup-freebsd-arm64": "4.24.4",
-        "@rollup/rollup-freebsd-x64": "4.24.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.24.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.24.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.24.4",
-        "@rollup/rollup-linux-arm64-musl": "4.24.4",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.24.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.24.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.24.4",
-        "@rollup/rollup-linux-x64-gnu": "4.24.4",
-        "@rollup/rollup-linux-x64-musl": "4.24.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.24.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.24.4",
-        "@rollup/rollup-win32-x64-msvc": "4.24.4",
+        "@rollup/rollup-android-arm-eabi": "4.25.0",
+        "@rollup/rollup-android-arm64": "4.25.0",
+        "@rollup/rollup-darwin-arm64": "4.25.0",
+        "@rollup/rollup-darwin-x64": "4.25.0",
+        "@rollup/rollup-freebsd-arm64": "4.25.0",
+        "@rollup/rollup-freebsd-x64": "4.25.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.25.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.25.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.25.0",
+        "@rollup/rollup-linux-arm64-musl": "4.25.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.25.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.25.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.25.0",
+        "@rollup/rollup-linux-x64-gnu": "4.25.0",
+        "@rollup/rollup-linux-x64-musl": "4.25.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.25.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.25.0",
+        "@rollup/rollup-win32-x64-msvc": "4.25.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -5068,9 +5070,9 @@
       }
     },
     "node_modules/vite-plugin-static-copy": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-static-copy/-/vite-plugin-static-copy-2.0.0.tgz",
-      "integrity": "sha512-b/quFjTUa/RY9t3geIyeeT2GtWEoRI0GawYFFjys5iMLGgVP638NTGu0RoMjwmi8MoZZ3BQw4OQvb1GpVcXZDA==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-static-copy/-/vite-plugin-static-copy-2.1.0.tgz",
+      "integrity": "sha512-n8lEOIVM00Y/zronm0RG8RdPyFd0SAAFR0sii3NWmgG3PSCyYMsvUNRQTlb3onp1XeMrKIDwCrPGxthKvqX9OQ==",
       "dev": true,
       "dependencies": {
         "chokidar": "^3.5.3",
@@ -5195,6 +5197,12 @@
         }
       }
     },
+    "node_modules/vue-component-type-helpers": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.1.10.tgz",
+      "integrity": "sha512-lfgdSLQKrUmADiSV6PbBvYgQ33KF3Ztv6gP85MfGaGaSGMTXORVaHT1EHfsqCgzRNBstPKYDmvAV9Do5CmJ07A==",
+      "dev": true
+    },
     "node_modules/vue-eslint-parser": {
       "version": "9.4.3",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
diff --git a/package.json b/package.json
index 8b95999..896d5ff 100644
--- a/package.json
+++ b/package.json
@@ -31,14 +31,14 @@
     "update": "ncu -u"
   },
   "peerDependencies": {
-    "@oruga-ui/oruga-next": "0.9.0-pre.2"
+    "@oruga-ui/oruga-next": "0.9.0"
   },
   "dependencies": {
     "bootstrap": "^5.3.3"
   },
   "devDependencies": {
-    "@oruga-ui/examples": "0.9.0-pre.2",
-    "@oruga-ui/oruga-next": "0.9.0-pre.2",
+    "@oruga-ui/examples": "0.9.0",
+    "@oruga-ui/oruga-next": "0.9.0",
     "@types/node": "^22.9.0",
     "@vitejs/plugin-vue": "5.1.4",
     "@vue/eslint-config-prettier": "^10.1.0",
@@ -66,4 +66,4 @@
     "vue-router": "4.4.5",
     "vue-tsc": "2.1.10"
   }
-}
+}
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 815360e..3c4ad27 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,10 +36,11 @@ import components from "@/components";
 
   main {
     flex-grow: 1;
+    width: 100%;
     height: 100vh;
     padding: 2rem;
     padding-bottom: 6rem;
-    overflow-y: scroll;
+    padding-left: calc(var(--vp-sidebar-width) + 2rem);
 
     > section {
       padding: 1rem 0;
@@ -56,6 +57,8 @@ import components from "@/components";
   }
 
   #nav {
+    position: fixed;
+    left: 0;
     display: flex;
     flex-direction: column;
     height: 100vh;
@@ -97,7 +100,7 @@ import components from "@/components";
 }
 
 @media (max-width: 576px) {
-  #main {
+  #app {
     #nav {
       display: none;
     }
diff --git a/src/assets/scss/components/_autocomplete.scss b/src/assets/scss/components/_autocomplete.scss
index fe42124..d9f2b9f 100644
--- a/src/assets/scss/components/_autocomplete.scss
+++ b/src/assets/scss/components/_autocomplete.scss
@@ -2,7 +2,7 @@
 $autocomplete-menu-max-height: 200px !default;
 /* @docs */
 
-.autocomplete-wrapper {
+.autocomplete {
   --#{$prefix}autocomplete-menu-max-height: #{$autocomplete-menu-max-height};
   display: inline-block;
 
diff --git a/src/assets/scss/components/_button.scss b/src/assets/scss/components/_button.scss
index e4fd49f..8d9c689 100644
--- a/src/assets/scss/components/_button.scss
+++ b/src/assets/scss/components/_button.scss
@@ -99,6 +99,11 @@ $btn-hover-box-shadow: $box-shadow-sm !default;
     cursor: auto;
   }
 
+  &.btn-inverted {
+    --#{$prefix}btn-bg: transparent;
+    --#{$prefix}btn-border-color: transparent;
+  }
+
   // inverted color
   @each $name, $color in $theme-colors {
     &.variant-#{$name}-inverted,
diff --git a/src/assets/scss/components/_carousel.scss b/src/assets/scss/components/_carousel.scss
index 136945b..243395f 100644
--- a/src/assets/scss/components/_carousel.scss
+++ b/src/assets/scss/components/_carousel.scss
@@ -37,7 +37,7 @@ $carousel-indicator-spacer: $spacer !default;
 // $carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
 /* @bootstrap docs */
 
-.carousel-wrapper {
+.carousel {
   --#{$prefix}carousel-control-top: #{$carousel-control-top};
   --#{$prefix}carousel-overlay-background: #{$carousel-overlay-background};
   --#{$prefix}carousel-overlay-zindex: #{$carousel-overlay-zindex};
diff --git a/src/assets/scss/components/_dropdown.scss b/src/assets/scss/components/_dropdown.scss
index 1d0d369..4394d5f 100644
--- a/src/assets/scss/components/_dropdown.scss
+++ b/src/assets/scss/components/_dropdown.scss
@@ -159,7 +159,7 @@ $dropdown-modal-backdrop-zindex: $zindex-modal-backdrop !default;
   }
 
   // mobile class
-  &.dropdown-modal {
+  &.dropdown-modal:not(&.inline) {
     .dropdown-menu {
       --#{$prefix}dropdown-width: 75%;
       --#{$prefix}dropdown-min-width: 25%;
@@ -200,7 +200,6 @@ $dropdown-modal-backdrop-zindex: $zindex-modal-backdrop !default;
     .dropdown-menu {
       --#{$prefix}dropdown-zindex: 10;
       position: relative;
-      top: 0;
     }
   }
 }
diff --git a/src/assets/scss/components/_field.scss b/src/assets/scss/components/_field.scss
index 6c4244d..e2d0345 100644
--- a/src/assets/scss/components/_field.scss
+++ b/src/assets/scss/components/_field.scss
@@ -97,7 +97,6 @@ $input-field-btn-border-color: $input-border-color !default;
     &.expanded {
       flex-grow: 1;
       flex-shrink: 1;
-      width: auto;
 
       &.btn {
         width: 100%;
diff --git a/src/assets/scss/components/_input.scss b/src/assets/scss/components/_input.scss
index 4e59a6c..a18e26d 100644
--- a/src/assets/scss/components/_input.scss
+++ b/src/assets/scss/components/_input.scss
@@ -162,6 +162,11 @@ $input-icon-padding-lg: 3rem !default;
     }
   }
 
+  // remove arrow if not arrowed
+  .form-select:not(.arrowed) {
+    --#{$prefix}form-select-bg-img: unset;
+  }
+
   // the Position of the icon
   .icon {
     --#{$prefix}input-icon-color: #{$input-icon-color};
diff --git a/src/assets/scss/components/_menu.scss b/src/assets/scss/components/_menu.scss
index cddd218..4ae6f2b 100644
--- a/src/assets/scss/components/_menu.scss
+++ b/src/assets/scss/components/_menu.scss
@@ -10,13 +10,14 @@ $menu-item-active-bg: var(--#{$prefix}primary) !default;
 $menu-item-active-color: var(--#{$prefix}white) !default;
 $menu-item-disabled-bg: transparent !default;
 $menu-item-disabled-color: var(--#{$prefix}secondary) !default;
+$menu-item-border-radius: var(--#{$prefix}border-radius) !default;
 $menu-icon-spacer: 0.5rem !default;
 $menu-submenu-border-left: 1px solid #445e00 !default;
 $menu-submenu-padding-left: 0.75em !default;
 $menu-submenu-margin: 0.75em !default;
 /* @docs */
 
-.menu-wrapper {
+.menu {
   .menu-label {
     --#{$prefix}menu-label-bg: #{$menu-label-bg};
     --#{$prefix}menu-label-color: #{$menu-label-color};
@@ -33,7 +34,7 @@ $menu-submenu-margin: 0.75em !default;
 
     line-height: var(--#{$prefix}menu-list-line-height);
 
-    .menu-item-wrapper {
+    .menu-item {
       --#{$prefix}menu-item-padding: #{$menu-item-padding};
       --#{$prefix}menu-item-bg: #{$menu-item-bg};
       --#{$prefix}menu-item-color: #{$menu-item-color};
@@ -41,15 +42,17 @@ $menu-submenu-margin: 0.75em !default;
       --#{$prefix}menu-item-active-color: #{$menu-item-active-color};
       --#{$prefix}menu-item-disabled-bg: #{$menu-item-disabled-bg};
       --#{$prefix}menu-item-disabled-color: #{$menu-item-disabled-color};
+      --#{$prefix}menu-item-border-radius: #{$menu-item-border-radius};
 
       list-style: none;
 
-      .menu-item {
+      .menu-button {
         display: block;
         list-style: none;
         background: var(--#{$prefix}menu-item-bg);
         color: var(--#{$prefix}menu-item-color);
         padding: var(--#{$prefix}menu-item-padding);
+        border-radius: var(--#{$prefix}menu-item-border-radius);
 
         &.active {
           --#{$prefix}menu-item-bg: var(--#{$prefix}menu-item-active-bg);
diff --git a/src/assets/scss/components/_steps.scss b/src/assets/scss/components/_steps.scss
index 9b962e6..16f6d5c 100644
--- a/src/assets/scss/components/_steps.scss
+++ b/src/assets/scss/components/_steps.scss
@@ -5,6 +5,7 @@ $steps-marker-color: var(--#{$prefix}white);
 $steps-color-active: var(--#{$prefix}primary);
 $steps-title-color: var(--#{$prefix}dark);
 $steps-title-bg: var(--#{$prefix}white) !default;
+$steps-title-font-weight: 500 !default;
 $steps-divider-height: 0.2em !default;
 $steps-content-spacer: 1rem !default;
 $steps-content-padding: 1rem !default;
@@ -12,7 +13,7 @@ $steps-vertical-padding: 1em 0 !default;
 /* @docs */
 
 @mixin steps-size($size) {
-  .steps {
+  .steps-list {
     min-height: $size * 2;
 
     .step-item {
@@ -30,6 +31,7 @@ $steps-vertical-padding: 1em 0 !default;
 }
 @mixin steps-color($color) {
   &.previous {
+    .divider,
     &::before,
     &::after {
       background-color: $color;
@@ -43,6 +45,7 @@ $steps-vertical-padding: 1em 0 !default;
   }
 
   &.active {
+    .divider,
     &::before,
     &::after {
       background-color: $color;
@@ -56,7 +59,7 @@ $steps-vertical-padding: 1em 0 !default;
   }
 }
 
-.steps-wrapper {
+.steps {
   // Default size
   @include steps-size(1em);
 
@@ -67,10 +70,11 @@ $steps-vertical-padding: 1em 0 !default;
     }
   }
 
-  .steps {
+  .steps-list {
     --#{$prefix}steps-divider-height: #{$steps-divider-height};
     --#{$prefix}steps-title-bg: #{$steps-title-bg};
     --#{$prefix}steps-title-color: #{$steps-title-color};
+    --#{$prefix}steps-title-font-weight: #{$steps-title-font-weight};
     --#{$prefix}steps-marker-bg: #{$steps-marker-bg};
     --#{$prefix}steps-marker-border: #{$steps-marker-border};
     --#{$prefix}steps-marker-color: #{$steps-marker-color};
@@ -78,15 +82,30 @@ $steps-vertical-padding: 1em 0 !default;
     position: relative;
     display: flex;
     flex-wrap: wrap;
+    padding: 0;
+    margin: 0;
 
     .step-item {
       position: relative;
+      display: flex;
       flex-grow: 1;
       flex-basis: 1em;
       list-style: none;
-      display: flex;
       justify-content: center;
 
+      .divider {
+        background: var(--#{$prefix}steps-marker-bg);
+        background-size: 200% 100%;
+        background-position: right bottom;
+        height: var(--#{$prefix}steps-divider-height);
+        display: block;
+        position: absolute;
+        top: $font-size-base;
+        left: -50%;
+        width: 100%;
+        z-index: -1;
+      }
+
       .step-link {
         display: flex;
         align-items: center;
@@ -102,6 +121,14 @@ $steps-vertical-padding: 1em 0 !default;
         &:not(.clickable) {
           cursor: auto;
         }
+
+        &.label-right {
+          flex-direction: row;
+        }
+
+        &.label-left {
+          flex-direction: row-reverse;
+        }
       }
 
       .step-marker {
@@ -123,53 +150,35 @@ $steps-vertical-padding: 1em 0 !default;
 
       .step-title {
         color: var(--#{$prefix}steps-title-color);
+        font-weight: var(--#{$prefix}steps-title-font-weight);
         text-align: center;
-      }
-
-      &::before,
-      &::after {
-        // This will contain the divider
-        background: var(--#{$prefix}steps-marker-bg);
-        background-size: 200% 100%;
-        background-position: right bottom;
-        height: var(--#{$prefix}steps-divider-height);
-      }
-
-      &:not(:first-child),
-      &:only-child {
-        flex-shrink: 1;
-
-        &::before {
-          // This will contain the divider
-          content: " ";
-          display: block;
-          position: absolute;
-          width: 100%;
-          top: 25%;
-          left: -50%;
-          z-index: -1;
-        }
+        z-index: 1;
+        background: var(--#{$prefix}steps-title-bg);
+        padding: 0.2em;
       }
 
       &:only-child {
         &::before,
-        &::after {
-          width: 25%;
-          left: 50%;
-        }
-
         &::after {
           // This will contain the divider
           content: " ";
+          background: var(--#{$prefix}steps-marker-bg);
+          background-size: 200% 100%;
+          background-position: right bottom;
+          height: var(--#{$prefix}steps-divider-height);
           display: block;
           position: absolute;
-          bottom: 0;
-          height: 3px;
+          top: $font-size-base;
+          width: 25%;
+          z-index: -1;
         }
 
         &::before {
           right: 50%;
-          left: auto;
+        }
+
+        &::after {
+          left: 50%;
         }
       }
 
@@ -182,33 +191,14 @@ $steps-vertical-padding: 1em 0 !default;
           @include steps-color($color);
         }
       }
+    }
 
-      &.label-right,
-      &.label-left {
-        &:not(:first-child),
-        &:only-child {
-          &::before {
-            top: 45%;
-          }
-        }
-
-        .step-marker {
-          margin: 0;
-        }
-
-        .step-title {
-          background: var(--#{$prefix}steps-title-bg);
-          padding: 0.2em;
+    &.animated {
+      .step-item {
+        .divider {
+          transition: background $speed-slow $easing;
         }
       }
-
-      &.label-right .step-link {
-        flex-direction: row;
-      }
-
-      &.label-left .step-link {
-        flex-direction: row-reverse;
-      }
     }
   }
 
@@ -221,26 +211,13 @@ $steps-vertical-padding: 1em 0 !default;
     flex-direction: column;
     overflow: visible;
     margin-top: var(--#{$prefix}steps-content-spacer);
-    padding: var(--#{$prefix}steps-content-padding);
-
-    .step-item {
-      flex-shrink: 0;
-      flex-basis: auto;
-    }
 
     &.transition {
       overflow: hidden;
     }
-  }
 
-  &.animated {
-    .step-item {
-      &:not(:first-child),
-      &:only-child {
-        &::before {
-          transition: background $speed-slow $easing;
-        }
-      }
+    &:not(:has(.step-item:empty)) {
+      padding: var(--#{$prefix}steps-content-padding);
     }
   }
 
@@ -251,8 +228,9 @@ $steps-vertical-padding: 1em 0 !default;
     flex-direction: row;
     flex-wrap: wrap;
 
-    > .steps {
+    > .steps-list {
       flex-direction: column;
+      overflow: hidden;
 
       .step-item {
         display: flex;
@@ -265,36 +243,29 @@ $steps-vertical-padding: 1em 0 !default;
           background: var(--#{$prefix}steps-title-bg);
         }
 
+        .divider,
         &::before,
         &::after {
           height: 100%;
+          width: var(--#{$prefix}steps-divider-height);
         }
 
-        &:not(:first-child),
-        &:only-child {
-          flex-shrink: 1;
+        .divider {
+          top: -50%;
+          left: 48%;
+        }
 
+        &:only-child {
           &::before {
-            width: 3px;
-            top: -50%;
-            left: 48%;
+            right: unset;
+            top: -25%;
           }
-        }
 
-        &:only-child {
           &::after {
-            // This contains the divider
-            height: 100%;
+            left: unset;
+            top: 25%;
           }
         }
-
-        &.label-right {
-          justify-content: flex-start;
-        }
-
-        &.label-left {
-          justify-content: flex-end;
-        }
       }
     }
 
diff --git a/src/assets/scss/components/_tabs.scss b/src/assets/scss/components/_tabs.scss
index 3c9d7ce..06d7b8d 100644
--- a/src/assets/scss/components/_tabs.scss
+++ b/src/assets/scss/components/_tabs.scss
@@ -36,7 +36,7 @@ $nav-underline-link-active-border-color: currentcolor !default;
 // $nav-underline-link-active-color:   var(--#{$prefix}emphasis-color);
 /* @bootstrap docs */
 
-.tabs-wrapper {
+.tabs {
   --#{$prefix}nav-tabs-spacer: #{$nav-tabs-spacer};
   --#{$prefix}nav-tabs-disabled-opacity: #{$nav-tabs-disabled-opacity};
 
@@ -115,6 +115,10 @@ $nav-underline-link-active-border-color: currentcolor !default;
     .nav {
       display: block;
 
+      .nav-link {
+        width: 100%;
+      }
+
       &-default .nav-link {
         border-bottom: var(--#{$prefix}nav-underline-border-width) solid
           var(--#{$prefix}nav-underline-border-color);
@@ -128,6 +132,10 @@ $nav-underline-link-active-border-color: currentcolor !default;
         }
       }
 
+      &-boxed {
+        border-bottom: 0;
+      }
+
       &-content {
         flex-grow: 1;
       }
diff --git a/src/assets/scss/components/_taginput.scss b/src/assets/scss/components/_taginput.scss
index f27ddc5..0daa799 100644
--- a/src/assets/scss/components/_taginput.scss
+++ b/src/assets/scss/components/_taginput.scss
@@ -17,12 +17,12 @@ $taginput-counter-font-size: 0.75rem !default;
 // $badge-border-radius:               var(--#{$prefix}border-radius);
 /* @bootstrap docs */
 
-.taginput-wrapper {
+.taginput {
   .btn-close {
     font-size: 0.8em;
   }
 
-  .taginput {
+  .taginput-wrapper {
     --#{$prefix}taginput-border-width: #{$input-border-width};
     --#{$prefix}taginput-border-color: #{$input-border-color};
     --#{$prefix}taginput-border-radius: #{$input-border-radius};
@@ -66,6 +66,10 @@ $taginput-counter-font-size: 0.75rem !default;
         cursor: pointer;
       }
     }
+
+    .dropdown.expanded {
+      width: auto;
+    }
   }
 
   input {
diff --git a/src/plugins/theme.ts b/src/plugins/theme.ts
index 679d488..c967298 100644
--- a/src/plugins/theme.ts
+++ b/src/plugins/theme.ts
@@ -6,7 +6,7 @@ import "../assets/scss/bootstrap-build.scss";
 const bootstrapConfig: OrugaOptions = {
   autocomplete: {
     override: true,
-    rootClass: "autocomplete-wrapper",
+    rootClass: "autocomplete",
     itemHoverClass: "active",
     itemEmptyClass: "disabled",
     itemGroupTitleClass: "fw-bold",
@@ -14,28 +14,33 @@ const bootstrapConfig: OrugaOptions = {
   button: {
     override: true,
     rootClass: "btn",
+    wrapperClass: "button-wrapper",
     sizeClass: (size: string) => {
       if (size == "small") return "btn-sm";
       else if (size == "medium") return "btn-md";
       else if (size == "large") return "btn-lg";
+      else return `btn-${size}`;
     },
     variantClass: (_: string, props: ComponentProps) => {
       if (props.outlined) return "";
       return `btn-${props.variant}`;
     },
-    roundedClass: "rounded-pill",
-    expandedClass: "expanded",
     outlinedClass: (_: string, props: ComponentProps) => {
       if (!props.variant) return "btn-outline";
       return `btn-outline-${props.variant}`;
     },
+    invertedClass: (variant) => {
+      if (!variant) return "btn-inverted";
+      return `btn-inverted-${variant}`;
+    },
+    roundedClass: "rounded-pill",
+    expandedClass: "expanded",
     disabledClass: "btn-disabled",
-    invertedClass: "btn-inverted-",
-    wrapperClass: "button-wrapper",
+    loadingClass: "loading",
   },
   carousel: {
     override: true,
-    rootClass: "carousel-wrapper",
+    rootClass: "carousel",
     overlayClass: "carousel-overlay",
     wrapperClass: "carousel-scene",
     itemsClass: "carousel-items carousel-inner",
@@ -77,7 +82,7 @@ const bootstrapConfig: OrugaOptions = {
     disabledClass: "disabled",
     expandedClass: "expanded",
     inlineClass: "inline",
-    menuMobileOverlayClass: "dropdown-backdrop",
+    overlayClass: "dropdown-backdrop",
     menuClass: "dropdown-menu",
     menuPositionClass: "position-",
     menuActiveClass: "show",
@@ -88,8 +93,8 @@ const bootstrapConfig: OrugaOptions = {
     itemDisabledClass: "disabled",
     mobileClass: "dropdown-modal",
     teleportClass: "teleported",
-    // scrollClipClass: "scroll-clipped",
-    // noScrollClass: "scroll-hidden",
+    scrollClipClass: "scroll-clipped",
+    noScrollClass: "scroll-hidden",
   },
   datepicker: {
     override: true,
@@ -166,13 +171,13 @@ const bootstrapConfig: OrugaOptions = {
     bodyClass: "field-wrapper",
     labelClass: "form-label",
     messageClass: "help",
-    variantMessageClass: "text-",
+    messageVariantClass: "text-",
     addonsClass: "input-group",
     groupedClass: "input-grouped",
     groupMultilineClass: "grouped-multiline",
     horizontalClass: "field-horizontal row",
-    labelHorizontalClass: "col-form-label",
-    bodyHorizontalClass: "col-form-field",
+    horizontalLabelClass: "col-form-label",
+    horizontalBodyClass: "col-form-field",
   },
   icon: {
     override: true,
@@ -219,17 +224,19 @@ const bootstrapConfig: OrugaOptions = {
     overlayClass: "loading-overlay",
     labelClass: "loading-label",
     iconClass: "icon",
+    scrollClipClass: "scroll-clipped",
+    noScrollClass: "scroll-hidden",
   },
   menu: {
     override: true,
-    rootClass: "menu-wrapper",
+    rootClass: "menu",
     listClass: "menu-list",
     listLabelClass: "menu-label",
-    itemWrapperClass: "menu-item-wrapper",
     itemClass: "menu-item",
-    itemActiveClass: "active",
-    itemDisabledClass: "disabled",
-    itemIconTextClass: "menu-icon",
+    itemButtonClass: "menu-button",
+    itemButtonActiveClass: "active",
+    itemButtonDisabledClass: "disabled",
+    itemButtonIconClass: "menu-icon",
     itemSubmenuClass: "menu-submenu",
   },
   modal: {
@@ -280,16 +287,16 @@ const bootstrapConfig: OrugaOptions = {
       return classes.join(" ");
     },
     listItemClass: "page-item",
-    linkClass: "page-link",
-    linkCurrentClass: "active",
-    linkDisabledClass: "disabled",
+    buttonClass: "page-link",
+    buttonCurrentClass: "active",
+    buttonDisabledClass: "disabled",
     ellipsisClass: (_: string, props: ComponentProps) => {
       const classes = ["pagination-ellipsis"];
       if (props.rounded) classes.push("rounded-pill");
       return classes.join(" ");
     },
-    nextButtonClass: "pagination-next page-item",
-    prevButtonClass: "pagination-prev page-item",
+    buttonNextClass: "pagination-next page-item",
+    buttonPrevClass: "pagination-prev page-item",
     infoClass: "pagination-info",
   },
   radio: {
@@ -323,6 +330,7 @@ const bootstrapConfig: OrugaOptions = {
     iconRightClass: "icon-right",
     multipleClass: "multiple",
     placeholderClass: "empty",
+    arrowClass: "arrowed",
   },
   sidebar: {
     override: true,
@@ -337,7 +345,6 @@ const bootstrapConfig: OrugaOptions = {
       else return "offcanvas-start";
     },
     contentClass: "offcanvas",
-    variantClass: "variant-",
     reduceClass: "reduced",
     expandOnHoverClass: "reduced-expand",
     fullheightClass: "fullheight",
@@ -345,6 +352,8 @@ const bootstrapConfig: OrugaOptions = {
     mobileClass: "mobile",
     inlineClass: "inline",
     teleportClass: "teleported",
+    scrollClipClass: "scroll-clipped",
+    noScrollClass: "scroll-hidden",
   },
   skeleton: {
     override: true,
@@ -383,7 +392,7 @@ const bootstrapConfig: OrugaOptions = {
   steps: {
     override: true,
     rootClass: (_: string, props: ComponentProps) => {
-      const classes = ["steps-wrapper"];
+      const classes = ["steps"];
       if (props.variant) classes.push(`variant-${props.variant}`);
       if (props.disabled) classes.push("disabled");
       return classes.join(" ");
@@ -391,26 +400,24 @@ const bootstrapConfig: OrugaOptions = {
     sizeClass: "size-",
     positionClass: "position-",
     verticalClass: "vertical",
-    stepsClass: "steps",
     animatedClass: "animated",
-    itemHeaderClass: (_: string, props: ComponentProps) => {
-      const classes = ["step-item"];
-      if (props.labelPosition === "left") classes.push("label-left");
-      if (props.labelPosition === "right") classes.push("label-right");
-      return classes.join(" ");
-    },
-    itemHeaderVariantClass: "variant-",
-    itemHeaderActiveClass: "active",
-    itemHeaderPreviousClass: "previous",
-    stepLinkClass: "step-link",
-    stepLinkLabelClass: "step-title",
-    stepLinkClickableClass: "clickable",
-    stepMarkerClass: "step-marker",
-    stepMarkerRoundedClass: "rounded-pill",
-    stepNavigationClass: "step-navigation",
-    itemClass: "step-item",
-    stepContentClass: "step-content",
-    stepContentTransitioningClass: "transition",
+    navClass: "steps-list",
+    navItemClass: "step-item",
+    navItemVariantClass: "variant-",
+    navItemActiveClass: "active",
+    navItemPreviousClass: "previous",
+    navItemNextClass: "next",
+    stepClass: "step-link",
+    stepLabelClass: "step-title",
+    stepClickableClass: "clickable",
+    stepLabelPositionClass: "label-",
+    markerClass: "step-marker",
+    markerRoundedClass: "rounded-pill",
+    dividerClass: "divider",
+    stepPanelClass: "step-item",
+    contentClass: "step-content",
+    transitioningClass: "transition",
+    navigationClass: "step-navigation",
   },
   switch: {
     override: true,
@@ -466,12 +473,12 @@ const bootstrapConfig: OrugaOptions = {
   },
   tabs: {
     override: true,
-    rootClass: "tabs-wrapper",
+    rootClass: "tabs",
     positionClass: "position-",
     expandedClass: "expanded",
     verticalClass: "vertical",
     multilineClass: "multiline",
-    navTabsClass: "nav",
+    navClass: "nav",
     navTypeClass: "nav-",
     navSizeClass: "size-",
     navPositionClass: (position: string) => {
@@ -479,23 +486,23 @@ const bootstrapConfig: OrugaOptions = {
       else if (position === "centered") return "justify-content-center";
       else if (position === "right") return "justify-content-end";
     },
-    itemWrapperClass: "nav-item",
+    navItemClass: "nav-item",
     itemTag: "button",
-    itemHeaderClass: "nav-link",
-    itemHeaderActiveClass: () => "active",
-    itemHeaderDisabledClass: () => "disabled",
+    tabClass: "nav-link",
+    tabActiveClass: () => "active",
+    tabDisabledClass: () => "disabled",
     contentClass: "nav-content",
     transitioningClass: "transition",
   },
   taginput: {
     override: true,
     rootClass: (_: string, props: ComponentProps) => {
-      const classes = ["taginput-wrapper"];
+      const classes = ["taginput"];
       if (props.disabled) classes.push("disabled");
       return classes.join(" ");
     },
     containerClass: (_: string, props: ComponentProps) => {
-      const classes = ["taginput", "focus-ring"];
+      const classes = ["taginput-wrapper", "focus-ring"];
       if (props.variant) classes.push(`focus-ring-${props.variant}`);
       return classes.join(" ");
     },
diff --git a/src/router/index.ts b/src/router/index.ts
index 18de7e6..7db69c1 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -11,6 +11,7 @@ import components from "@/components";
 const routes: Array<RouteRecordRaw> = [
   {
     path: "/",
+    alias: "/home",
     name: "Home",
     component: Home,
   },