Refactor code structure for improved readability and maintainability

Author: Abourass

package.json

@@ -37,23 +37,23 @@
     "#components/*.js": "./dist/components/*.js"
   },
   "dependencies": {
-    "@magik_io/mote": "^1.6.7",
-    "@rollup/plugin-typescript": "^12.1.0",
-    "ulid": "^2.3.0"
+    "@magik_io/mote": "^1.6.10",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "ulid": "^3.0.1"
   },
   "devDependencies": {
-    "@magik_io/lint_golem": "^3.4.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@magik_io/lint_golem": "^3.6.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
     "@testing-library/dom": "^10.4.1",
     "@vitest/ui": "^4.0.10",
     "eslint": "^9.39.1",
     "happy-dom": "^20.0.10",
     "rollup": "^4.53.2",
-    "tslib": "^2.6.3",
-    "typescript": "^5.5.3",
-    "typescript-eslint": "^8.8.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.47.0",
     "vite": "^7.2.2",
-    "vite-plugin-dts": "^4.2.4",
+    "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.10"
   },
   "repository": {