diff --git a/.gitignore b/.gitignore
index 6c64a0c..b5d8608 100644
--- a/.gitignore
+++ b/.gitignore
@@ -130,4 +130,8 @@ dist
 .pnp.*
 
 #vite config timestamp
-/vite.config.ts.timestamp-*.mjs
\ No newline at end of file
+/vite.config.ts.timestamp-*.mjs
+
+pnpm-lock.yaml
+
+components.d.ts
\ No newline at end of file
diff --git a/components.d.ts b/components.d.ts
index 4df76d1..e5f0e8d 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -24,24 +24,17 @@ declare module 'vue' {
     Email: typeof import('./src/components/email/index.vue')['default']
     Embed_document: typeof import('./src/components/embed_document/index.vue')['default']
     Embed_slides: typeof import('./src/components/embed_slides/index.vue')['default']
-    Embed_video: typeof import('./src/components/embed_video/index.vue')['default']
     File_upload: typeof import('./src/components/file_upload/index.vue')['default']
     FileCard: typeof import('./src/components/file_upload/file-card.vue')['default']
     Geolocation: typeof import('./src/components/geolocation/index.vue')['default']
-    Html_block: typeof import('./src/components/html_block/index.vue')['default']
     Html_block_content: typeof import('./src/components/html_block_content/index.vue')['default']
     Html_block_list: typeof import('./src/components/html_block_list/index.vue')['default']
     Html_block_media: typeof import('./src/components/html_block_media/index.vue')['default']
-    Html_media: typeof import('./src/components/html_media/index.vue')['default']
-    Icon_display: typeof import('./src/components/icon_display/index.vue')['default']
     Image_choice: typeof import('./src/components/image_choice/index.vue')['default']
-    InputText: typeof import('primevue/inputtext')['default']
     Likert_scale: typeof import('./src/components/likert_scale/index.vue')['default']
     List: typeof import('./src/components/list/index.vue')['default']
     Locale_selector: typeof import('./src/components/locale_selector/index.vue')['default']
     Long_text: typeof import('./src/components/long_text/index.vue')['default']
-    Map_marking: typeof import('./src/components/map_marking/index.vue')['default']
-    Matrix: typeof import('./src/components/matrix/index.vue')['default']
     Multiple_choice: typeof import('./src/components/multiple_choice/index.vue')['default']
     Net_promoter_score: typeof import('./src/components/net_promoter_score/index.vue')['default']
     Number: typeof import('./src/components/number/index.vue')['default']
@@ -57,7 +50,6 @@ declare module 'vue' {
     Signature: typeof import('./src/components/signature/index.vue')['default']
     Slider: typeof import('./src/components/slider/index.vue')['default']
     Term_of_service: typeof import('./src/components/term_of_service/index.vue')['default']
-    Textarea: typeof import('primevue/textarea')['default']
     Time_picker: typeof import('./src/components/time_picker/index.vue')['default']
     Website: typeof import('./src/components/website/index.vue')['default']
   }
diff --git a/eslint.config.mjs b/eslint.config.js
similarity index 54%
rename from eslint.config.mjs
rename to eslint.config.js
index 509a2c2..edd4779 100644
--- a/eslint.config.mjs
+++ b/eslint.config.js
@@ -4,25 +4,37 @@ import tseslint from 'typescript-eslint'
 import pluginVue from 'eslint-plugin-vue'
 
 export default [
+    { files: ['**/*.{js,mjs,cjs,ts,vue}'] },
     {
         languageOptions: {
             globals: {
-                ...globals.node, // Add Node.js globals
+                ...globals.browser,
+                ...globals.node,
+                NodeJS: 'readonly',
+                module: 'readonly',
+                require: 'readonly', // Add require to globals
             },
         },
     },
-    { languageOptions: { globals: globals.browser } },
     pluginJs.configs.recommended,
     ...tseslint.configs.recommended,
     ...pluginVue.configs['flat/essential'],
     {
+        files: ['**/*.vue'],
+        languageOptions: { parserOptions: { parser: tseslint.parser } },
+    },
+    {
+        files: ['**/*.{js,ts,vue}'],
         rules: {
+            // Disable the rule that forbids require imports
             '@typescript-eslint/no-require-imports': 'off',
-            'vue/multi-word-component-names': 'off',
+            // If you're using CommonJS and ESM mixed, you might also want:
+            '@typescript-eslint/no-var-requires': 'off',
             '@typescript-eslint/no-explicit-any': 'off',
+            'vue/multi-word-component-names': 'off',
         },
     },
     {
-        languageOptions: { parserOptions: { parser: tseslint.parser } },
+        ignores: ['dist'],
     },
 ]
diff --git a/manifest.json b/manifest.json
index 77d4fee..bfd79d7 100644
--- a/manifest.json
+++ b/manifest.json
@@ -803,26 +803,6 @@
                 }
             }
         },
-        {
-            "meta": {
-                "name": "IconDisplay",
-                "enabled": true,
-                "description": "Display an icon",
-                "icon": "material-symbols:emoji-symbols"
-            },
-            "init": {
-                "type": "display",
-                "properties": {
-                    "display": {
-                        "label": "Icon",
-                        "component": "icon_display",
-                        "icon": "pi pi-check-circle",
-                        "alt": "Icon display",
-                        "color": "text-blue-500"
-                    }
-                }
-            }
-        },
         {
             "meta": {
                 "name": "ActionRedirect",
@@ -837,10 +817,7 @@
                         "label": "Action Redirect",
                         "component": "action_redirect",
                         "src": "https://example.com",
-                        "content": "You are being redirected to {url} in {x} seconds",
-                        "theme": {
-                            "buttonClass": "bg-blue-500 text-white font-bold py-2 px-4 rounded"
-                        }
+                        "content": "You are being redirected to {url} in {x} seconds"
                     }
                 }
             }
diff --git a/package.json b/package.json
index 8a25089..fd07463 100644
--- a/package.json
+++ b/package.json
@@ -7,10 +7,10 @@
         "dist"
     ],
     "main": "dist/element.umd.js",
-    "module": "dist/index.es.js",
+    "module": "dist/element.js",
     "exports": {
         ".": {
-            "import": "./dist/element.es.js",
+            "import": "./dist/element.js",
             "require": "./dist/element.umd.js"
         },
         "./manifest.json": "./dist/manifest.json"
@@ -20,11 +20,14 @@
         "dev": "vite",
         "build": "vite build",
         "serve": "vite preview",
-        "lint": "eslint . --fix",
+        "lint": "eslint .",
+        "lint:fix": "eslint . --fix",
         "test": "vitest run",
         "prepare": "npm run build",
         "prepublishOnly": "npm test",
-        "publish": "npm run build && npm publish"
+        "publish": "npm run build && npm publish",
+        "typecheck": "vue-tsc --noEmit",
+        "typecheck:watch": "vue-tsc --noEmit --watch"
     },
     "dependencies": {
         "@codemirror/lang-javascript": "^6.2.2",
@@ -52,10 +55,15 @@
         "@eslint/js": "^9.13.0",
         "@iconify-json/material-symbols": "^1.2.5",
         "@primevue/auto-import-resolver": "^4.1.1",
+        "@types/node": "^22.8.1",
         "@vitejs/plugin-vue": "^5.1.4",
         "@vue/tsconfig": "^0.5.1",
         "autoprefixer": "^10.4.20",
         "eslint": "^9.13.0",
+        "eslint-config-standard": "^17.1.0",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-n": "^17.11.1",
+        "eslint-plugin-promise": "^7.1.0",
         "eslint-plugin-vue": "^9.29.1",
         "globals": "^15.11.0",
         "postcss": "^8.4.47",
@@ -67,7 +75,8 @@
         "unplugin-icons": "^0.19.3",
         "unplugin-vue-components": "^0.27.4",
         "vite": "^5.4.10",
+        "vite-plugin-dts": "^4.3.0",
         "vitest": "^2.1.3",
-        "vue-tsc": "^2.1.6"
+        "vue-tsc": "^2.1.8"
     }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 065455f..204975b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -78,9 +78,12 @@ importers:
       '@primevue/auto-import-resolver':
         specifier: ^4.1.1
         version: 4.1.1
+      '@types/node':
+        specifier: ^22.8.1
+        version: 22.8.1
       '@vitejs/plugin-vue':
         specifier: ^5.1.4
-        version: 5.1.4(vite@5.4.10(@types/node@22.7.9))(vue@3.5.12(typescript@5.6.3))
+        version: 5.1.4(vite@5.4.10(@types/node@22.8.1))(vue@3.5.12(typescript@5.6.3))
       '@vue/tsconfig':
         specifier: ^0.5.1
         version: 0.5.1
@@ -89,10 +92,22 @@ importers:
         version: 10.4.20(postcss@8.4.47)
       eslint:
         specifier: ^9.13.0
-        version: 9.13.0(jiti@1.21.6)
+        version: 9.13.0(jiti@2.3.3)
+      eslint-config-standard:
+        specifier: ^17.1.0
+        version: 17.1.0(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.13.0(jiti@2.3.3)))(eslint-plugin-n@17.11.1(eslint@9.13.0(jiti@2.3.3)))(eslint-plugin-promise@7.1.0(eslint@9.13.0(jiti@2.3.3)))(eslint@9.13.0(jiti@2.3.3))
+      eslint-plugin-import:
+        specifier: ^2.31.0
+        version: 2.31.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.13.0(jiti@2.3.3))
+      eslint-plugin-n:
+        specifier: ^17.11.1
+        version: 17.11.1(eslint@9.13.0(jiti@2.3.3))
+      eslint-plugin-promise:
+        specifier: ^7.1.0
+        version: 7.1.0(eslint@9.13.0(jiti@2.3.3))
       eslint-plugin-vue:
         specifier: ^9.29.1
-        version: 9.29.1(eslint@9.13.0(jiti@1.21.6))
+        version: 9.29.1(eslint@9.13.0(jiti@2.3.3))
       globals:
         specifier: ^15.11.0
         version: 15.11.0
@@ -113,22 +128,25 @@ importers:
         version: 5.6.3
       typescript-eslint:
         specifier: ^8.11.0
-        version: 8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
+        version: 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
       unplugin-icons:
         specifier: ^0.19.3
         version: 0.19.3(@vue/compiler-sfc@3.5.12)
       unplugin-vue-components:
         specifier: ^0.27.4
-        version: 0.27.4(@babel/parser@7.25.9)(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3))
+        version: 0.27.4(@babel/parser@7.26.1)(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3))
       vite:
         specifier: ^5.4.10
-        version: 5.4.10(@types/node@22.7.9)
+        version: 5.4.10(@types/node@22.8.1)
+      vite-plugin-dts:
+        specifier: ^4.3.0
+        version: 4.3.0(@types/node@22.8.1)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.10(@types/node@22.8.1))
       vitest:
         specifier: ^2.1.3
-        version: 2.1.3(@types/node@22.7.9)
+        version: 2.1.3(@types/node@22.8.1)
       vue-tsc:
-        specifier: ^2.1.6
-        version: 2.1.6(typescript@5.6.3)
+        specifier: ^2.1.8
+        version: 2.1.8(typescript@5.6.3)
 
 packages:
 
@@ -150,13 +168,13 @@ packages:
     resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.25.9':
-    resolution: {integrity: sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==}
+  '@babel/parser@7.26.1':
+    resolution: {integrity: sha512-reoQYNiAJreZNsJzyrDNzFQ+IQ5JFiIzAHJg9bn94S3l+4++J7RsIhNMoB+lgP/9tpmiAQqspv+xfdxTSzREOw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/types@7.25.9':
-    resolution: {integrity: sha512-OwS2CM5KocvQ/k7dFJa8i5bNGJP0hXWfVCfDkqRFP1IreH1JDC7wG6eCYCi0+McbfT8OR/kNqsI0UU0xP9H6PQ==}
+  '@babel/types@7.26.0':
+    resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
     engines: {node: '>=6.9.0'}
 
   '@codemirror/autocomplete@6.18.1':
@@ -332,14 +350,14 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@eslint-community/eslint-utils@4.4.0':
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+  '@eslint-community/eslint-utils@4.4.1':
+    resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.11.1':
-    resolution: {integrity: sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==}
+  '@eslint-community/regexpp@4.11.2':
+    resolution: {integrity: sha512-2WwyTYNVaMNUWPZTOJdkax9iqTdirrApgTbk+Qoq5EPX6myqZvG8QGFRgdKmkjKVG6/G/a565vpPauHk0+hpBA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
   '@eslint/config-array@0.18.0':
@@ -434,6 +452,19 @@ packages:
   '@lezer/lr@1.4.2':
     resolution: {integrity: sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==}
 
+  '@microsoft/api-extractor-model@7.29.8':
+    resolution: {integrity: sha512-t3Z/xcO6TRbMcnKGVMs4uMzv/gd5j0NhMiJIGjD4cJMeFJ1Hf8wnLSx37vxlRlL0GWlGJhnFgxvnaL6JlS+73g==}
+
+  '@microsoft/api-extractor@7.47.11':
+    resolution: {integrity: sha512-lrudfbPub5wzBhymfFtgZKuBvXxoSIAdrvS2UbHjoMT2TjIEddq6Z13pcve7A03BAouw0x8sW8G4txdgfiSwpQ==}
+    hasBin: true
+
+  '@microsoft/tsdoc-config@0.17.0':
+    resolution: {integrity: sha512-v/EYRXnCAIHxOHW+Plb6OWuUoMotxTN0GLatnpOb1xq0KuTNw/WI3pamJx/UbsoJP5k9MCw1QxvvhPcF9pH3Zg==}
+
+  '@microsoft/tsdoc@0.15.0':
+    resolution: {integrity: sha512-HZpPoABogPvjeJOdzCOSJsXeL/SMCBgBZMVC3X3d7YYp2gf31MfxhUoYUNwf1ERPJOnQc0wkFn9trqI6ZEdZuA==}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -568,6 +599,31 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@rtsao/scc@1.1.0':
+    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
+
+  '@rushstack/node-core-library@5.9.0':
+    resolution: {integrity: sha512-MMsshEWkTbXqxqFxD4gcIUWQOCeBChlGczdZbHfqmNZQFLHB3yWxDFSMHFUdu2/OB9NUk7Awn5qRL+rws4HQNg==}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@rushstack/rig-package@0.5.3':
+    resolution: {integrity: sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==}
+
+  '@rushstack/terminal@0.14.2':
+    resolution: {integrity: sha512-2fC1wqu1VCExKC0/L+0noVcFQEXEnoBOtCIex1TOjBzEDWcw8KzJjjj7aTP6mLxepG0XIyn9OufeFb6SFsa+sg==}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@rushstack/ts-command-line@4.23.0':
+    resolution: {integrity: sha512-jYREBtsxduPV6ptNq8jOKp9+yx0ld1Tb/Tkdnlj8gTjazl1sF3DwX2VbluyYrNd0meWIL0bNeer7WDf5tKFjaQ==}
+
   '@tailwindcss/typography@0.5.15':
     resolution: {integrity: sha512-AqhlCXl+8grUz8uqExv5OTtgpjuVIwFTSXTrh8y9/pw6q2ek7fJ+Y8ZEVw7EB2DCcuCOtEjf9w3+J3rzts01uA==}
     peerDependencies:
@@ -582,6 +638,9 @@ packages:
       tinymce:
         optional: true
 
+  '@types/argparse@1.0.38':
+    resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
+
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
@@ -594,11 +653,14 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/json5@0.0.29':
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+
   '@types/minimatch@5.1.2':
     resolution: {integrity: sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==}
 
-  '@types/node@22.7.9':
-    resolution: {integrity: sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==}
+  '@types/node@22.8.1':
+    resolution: {integrity: sha512-k6Gi8Yyo8EtrNtkHXutUu2corfDf9su95VYVP10aGYMMROM6SAItZi0w1XszA6RtWTHSVp5OeFof37w0IEqCQg==}
 
   '@types/web-bluetooth@0.0.20':
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
@@ -697,14 +759,14 @@ packages:
   '@vitest/utils@2.1.3':
     resolution: {integrity: sha512-xpiVfDSg1RrYT0tX6czgerkpcKFmFOF/gCr30+Mve5V2kewCy4Prn1/NDMSRwaSmT7PRaOF83wu+bEtsY1wrvA==}
 
-  '@volar/language-core@2.4.7':
-    resolution: {integrity: sha512-G/EB0vkArVB04F8DVBf30AlRK/QAOx63CzsuKKuda2ZIJamQlv4t6gEJrFVmYF560kbslFtaAJcmn8cyg7QmLA==}
+  '@volar/language-core@2.4.8':
+    resolution: {integrity: sha512-K/GxMOXGq997bO00cdFhTNuR85xPxj0BEEAy+BaqqayTmy9Tmhfgmq2wpJcVspRhcwfgPoE2/mEJa26emUhG/g==}
 
-  '@volar/source-map@2.4.7':
-    resolution: {integrity: sha512-c+7IJrD4mht1s8FLlCf6dAUC1aTUY9leKeLosfUiuMxavcG/sY3IPBiD1rdLL5qrhzYVmUWRGxhWvJeyYa/bsQ==}
+  '@volar/source-map@2.4.8':
+    resolution: {integrity: sha512-jeWJBkC/WivdelMwxKkpFL811uH/jJ1kVxa+c7OvG48DXc3VrP7pplSWPP2W1dLMqBxD+awRlg55FQQfiup4cA==}
 
-  '@volar/typescript@2.4.7':
-    resolution: {integrity: sha512-sp3mFLmMtXY47S8GrMwFnwjGiW7aVtCLMAwnePRJA4P7CfSkrRj2DjoSxl//0pt+KR7oGG/48T2q413b8TvPbg==}
+  '@volar/typescript@2.4.8':
+    resolution: {integrity: sha512-6xkIYJ5xxghVBhVywMoPMidDDAFT1OoQeXwa27HSgJ6AiIKRe61RXLoik+14Z7r0JvnblXVsjsRLmCr42SGzqg==}
 
   '@vue/compiler-core@3.5.12':
     resolution: {integrity: sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==}
@@ -732,6 +794,14 @@ packages:
       typescript:
         optional: true
 
+  '@vue/language-core@2.1.8':
+    resolution: {integrity: sha512-DtPUKrIRqqzY1joGfVHxHWZoxXZbCQLmVtW+QTifuPInfcs1R/3UAdlJXDp+lpSpP9lI5m+jMYYlwDXXu3KSTg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@vue/reactivity@3.5.12':
     resolution: {integrity: sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==}
 
@@ -815,9 +885,34 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  ajv-draft-04@1.0.0:
+    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
+    peerDependencies:
+      ajv: ^8.5.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
+  ajv@8.12.0:
+    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
+
+  ajv@8.13.0:
+    resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==}
+
+  alien-signals@0.2.0:
+    resolution: {integrity: sha512-StlonZhBBrsPPwrDjiPAiVTf/rolxffLxVPT60Qv/t88BZ81BvUVzHgGqEFvJ1ii8HXtm1+zU2Icr59tfWEcag==}
+
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -844,13 +939,40 @@ packages:
   arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
 
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  array-buffer-byte-length@1.0.1:
+    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+    engines: {node: '>= 0.4'}
+
+  array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+    engines: {node: '>= 0.4'}
+
   array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
+  array.prototype.findlastindex@1.2.5:
+    resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+    engines: {node: '>= 0.4'}
+
+  arraybuffer.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+    engines: {node: '>= 0.4'}
+
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
@@ -862,6 +984,10 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
   babel-runtime@6.26.0:
     resolution: {integrity: sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==}
 
@@ -906,6 +1032,10 @@ packages:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
 
+  call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+
   callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
@@ -914,8 +1044,8 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001669:
-    resolution: {integrity: sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==}
+  caniuse-lite@1.0.30001672:
+    resolution: {integrity: sha512-XhW1vRo1ob6aeK2w3rTohwTPBLse/rvjq+s3RTSBwnlZqoFFjx9cHsShJjAIbLsLjyoacaTxpLZy9v3gg6zypw==}
 
   chai@5.1.2:
     resolution: {integrity: sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==}
@@ -950,6 +1080,9 @@ packages:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
 
+  compare-versions@6.1.1:
+    resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==}
+
   computeds@0.0.1:
     resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
 
@@ -984,12 +1117,32 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  data-view-buffer@1.0.1:
+    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-length@1.0.1:
+    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-offset@1.0.0:
+    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+    engines: {node: '>= 0.4'}
+
   dayjs@1.11.13:
     resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
 
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   debug@4.3.7:
     resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
     engines: {node: '>=6.0'}
@@ -1006,6 +1159,14 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
   didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
 
@@ -1016,11 +1177,15 @@ packages:
   dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
+  doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.45:
-    resolution: {integrity: sha512-vOzZS6uZwhhbkZbcRyiy99Wg+pYFV5hk+5YaECvx0+Z31NR3Tt5zS6dze2OepT6PCTzVzT0dIJItti+uAW5zmw==}
+  electron-to-chromium@1.5.47:
+    resolution: {integrity: sha512-zS5Yer0MOYw4rtK2iq43cJagHZ8sXN0jDHDKzB+86gSBSAI4v07S97mcq+Gs2vclAxSh1j7vOAHxSVgduiiuVQ==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -1028,10 +1193,41 @@ packages:
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
+  enhanced-resolve@5.17.1:
+    resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
+    engines: {node: '>=10.13.0'}
+
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
+  es-abstract@1.23.3:
+    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+    engines: {node: '>= 0.4'}
+
+  es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-object-atoms@1.0.0:
+    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.0.3:
+    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+    engines: {node: '>= 0.4'}
+
+  es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+
+  es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+
   esbuild@0.21.5:
     resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
     engines: {node: '>=12'}
@@ -1045,6 +1241,73 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
+  eslint-compat-utils@0.5.1:
+    resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-config-standard@17.1.0:
+    resolution: {integrity: sha512-IwHwmaBNtDK4zDHQukFDW5u/aTb8+meQWZvNFWkiGmbWjD6bqyuSSBxxXKkCftCUzc1zwCH2m/baCNDLGmuO5Q==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: ^8.0.1
+      eslint-plugin-import: ^2.25.2
+      eslint-plugin-n: '^15.0.0 || ^16.0.0 '
+      eslint-plugin-promise: ^6.0.0
+
+  eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+
+  eslint-module-utils@2.12.0:
+    resolution: {integrity: sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+
+  eslint-plugin-es-x@7.8.0:
+    resolution: {integrity: sha512-7Ds8+wAAoV3T+LAKeu39Y5BzXCrGKrcISfgKEqTS4BDN8SFEDQd0S43jiQ8vIa3wUKD07qitZdfzlenSi8/0qQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=8'
+
+  eslint-plugin-import@2.31.0:
+    resolution: {integrity: sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-plugin-n@17.11.1:
+    resolution: {integrity: sha512-93IUD82N6tIEgjztVI/l3ElHtC2wTa9boJHrD8iN+NyDxjxz/daZUZKfkedjBZNdg6EqDk4irybUsiPwDqXAEA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=8.23.0'
+
+  eslint-plugin-promise@7.1.0:
+    resolution: {integrity: sha512-8trNmPxdAy3W620WKDpaS65NlM5yAumod6XeC4LOb+jxlkG4IVcp68c6dXY2ev+uT4U1PtG57YDV6EGAXN0GbQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
+
   eslint-plugin-vue@9.29.1:
     resolution: {integrity: sha512-MH/MbVae4HV/tM8gKAVWMPJbYgW04CK7SuzYRrlNERpxbO0P3+Zdsa2oAcFBW6xNu7W6lIkGOsFAMCRTYmrlWQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -1142,6 +1405,9 @@ packages:
   flatted@3.3.1:
     resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
 
+  for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+
   foreground-child@3.3.0:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
@@ -1152,6 +1418,10 @@ packages:
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
+  fs-extra@7.0.1:
+    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
+    engines: {node: '>=6 <7 || >=8'}
+
   fs-extra@8.1.0:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
     engines: {node: '>=6 <7 || >=8'}
@@ -1167,6 +1437,24 @@ packages:
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
+  function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+    engines: {node: '>= 0.4'}
+
+  functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
+  get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+
+  get-symbol-description@1.0.2:
+    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+    engines: {node: '>= 0.4'}
+
+  get-tsconfig@4.8.1:
+    resolution: {integrity: sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -1195,20 +1483,45 @@ packages:
     resolution: {integrity: sha512-yeyNSjdbyVaWurlwCpcA6XNBrHTMIeDdj0/hnvX/OLJ9ekOXYbLsLinH/MucQyGvNnXhidTdNhTtJaffL2sMfw==}
     engines: {node: '>=18'}
 
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
   globby@10.0.1:
     resolution: {integrity: sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==}
     engines: {node: '>=8'}
 
+  gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
+  has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+
+  has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
   hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -1228,6 +1541,10 @@ packages:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
 
+  import-lazy@4.0.0:
+    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
+    engines: {node: '>=8'}
+
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -1239,14 +1556,41 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  internal-slot@1.0.7:
+    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+    engines: {node: '>= 0.4'}
+
+  is-array-buffer@3.0.4:
+    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+    engines: {node: '>= 0.4'}
+
+  is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
 
+  is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
   is-core-module@2.15.1:
     resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
     engines: {node: '>= 0.4'}
 
+  is-data-view@1.0.1:
+    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -1259,6 +1603,14 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
+  is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -1267,6 +1619,32 @@ packages:
     resolution: {integrity: sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==}
     engines: {node: '>=0.10.0'}
 
+  is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+
+  is-shared-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+    engines: {node: '>= 0.4'}
+
+  is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+
+  is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+
+  is-typed-array@1.1.13:
+    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+    engines: {node: '>= 0.4'}
+
+  is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
@@ -1277,6 +1655,13 @@ packages:
     resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
     hasBin: true
 
+  jiti@2.3.3:
+    resolution: {integrity: sha512-EX4oNDwcXSivPrw2qKH2LB5PoFxEvgtv2JgwW0bU858HoLQ+kutSvjLMUqBd0PeJYEinLWhoI9Ol0eYMqj/wNQ==}
+    hasBin: true
+
+  jju@1.4.0:
+    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
+
   js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -1287,9 +1672,16 @@ packages:
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
+  json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+
   jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
 
@@ -1343,6 +1735,10 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
+  lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+
   magic-string@0.30.12:
     resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
 
@@ -1354,6 +1750,9 @@ packages:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
+  minimatch@3.0.8:
+    resolution: {integrity: sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==}
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -1361,6 +1760,9 @@ packages:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
   minipass@7.1.2:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -1407,6 +1809,30 @@ packages:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
 
+  object-inspect@1.13.2:
+    resolution: {integrity: sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==}
+    engines: {node: '>= 0.4'}
+
+  object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
+  object.groupby@1.0.3:
+    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
+    engines: {node: '>= 0.4'}
+
+  object.values@1.2.0:
+    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+    engines: {node: '>= 0.4'}
+
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
@@ -1490,6 +1916,10 @@ packages:
   pkg-types@1.2.1:
     resolution: {integrity: sha512-sQoqa8alT3nHjGuTjuKgOnvjo4cljkufdtLMnO2LBP/wRwuDlo1tkaEdMxCRhyGRPacv/ztlZgDPm2b7FAmEvw==}
 
+  possible-typed-array-names@1.0.0:
+    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+    engines: {node: '>= 0.4'}
+
   post-robot@8.0.32:
     resolution: {integrity: sha512-PMOdDAt3pyuKUxZcTzdcXXFxLqkdeLpRlcCQl7QAJpI+e7J1YHH+PfC7KAbcL8hRVQ1LknQYGoirbA1/eO/a1g==}
 
@@ -1582,10 +2012,21 @@ packages:
   regenerator-runtime@0.11.1:
     resolution: {integrity: sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==}
 
+  regexp.prototype.flags@1.5.3:
+    resolution: {integrity: sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==}
+    engines: {node: '>= 0.4'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
 
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
   resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
@@ -1606,11 +2047,36 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  safe-array-concat@1.1.2:
+    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+    engines: {node: '>=0.4'}
+
+  safe-regex-test@1.0.3:
+    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+    engines: {node: '>= 0.4'}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   semver@7.6.3:
     resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
     engines: {node: '>=10'}
     hasBin: true
 
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -1619,6 +2085,10 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+
   siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
 
@@ -1644,12 +2114,19 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
   std-env@3.7.0:
     resolution: {integrity: sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==}
 
+  string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -1658,6 +2135,17 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
+  string.prototype.trim@1.2.9:
+    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.8:
+    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -1666,6 +2154,10 @@ packages:
     resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
     engines: {node: '>=12'}
 
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -1685,6 +2177,10 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -1699,6 +2195,10 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
+
   text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
 
@@ -1740,6 +2240,9 @@ packages:
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
+  tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -1748,6 +2251,22 @@ packages:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
 
+  typed-array-buffer@1.0.2:
+    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.1:
+    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.2:
+    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.6:
+    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+    engines: {node: '>= 0.4'}
+
   typescript-eslint@8.11.0:
     resolution: {integrity: sha512-cBRGnW3FSlxaYwU8KfAewxFK5uzeOAp0l2KebIlPDOT5olVi65KDG/yjBooPBG0kGW/HLkoz1c/iuBFehcS3IA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1757,6 +2276,11 @@ packages:
       typescript:
         optional: true
 
+  typescript@5.4.2:
+    resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   typescript@5.6.3:
     resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
     engines: {node: '>=14.17'}
@@ -1765,6 +2289,9 @@ packages:
   ufo@1.5.4:
     resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
 
+  unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+
   undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
@@ -1831,6 +2358,16 @@ packages:
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
+  vite-plugin-dts@4.3.0:
+    resolution: {integrity: sha512-LkBJh9IbLwL6/rxh0C1/bOurDrIEmRE7joC+jFdOEEciAFPbpEKOLSAr5nNh5R7CJ45cMbksTrFfy52szzC5eA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+      vite: '*'
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
   vite@5.4.10:
     resolution: {integrity: sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -1917,8 +2454,8 @@ packages:
     resolution: {integrity: sha512-y7Fz60ePTr6rMHGVu5S+6kDZTl5x3+Wh2DV0E4V1ibc3z4YJ8gw18PxMOt34FexYs5621F5C/9MF30TiSoDXBg==}
     engines: {node: '>= 4.0.0', npm: '>= 3.0.0'}
 
-  vue-tsc@2.1.6:
-    resolution: {integrity: sha512-f98dyZp5FOukcYmbFpuSCJ4Z0vHSOSmxGttZJCsFeX0M4w/Rsq0s4uKXjcSRsZqsRgQa6z7SfuO+y0HVICE57Q==}
+  vue-tsc@2.1.8:
+    resolution: {integrity: sha512-6+vjb7JLxKIzeD/1ktoUBZGAr+148FQoEFl8Lv5EpDJLO2PrUalhp7atMEuzEkLnoooM5bg3pJqjZI+oobxIaQ==}
     hasBin: true
     peerDependencies:
       typescript: '>=5.0.0'
@@ -1944,6 +2481,13 @@ packages:
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
+  which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+
+  which-typed-array@1.1.15:
+    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+    engines: {node: '>= 0.4'}
+
   which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -1973,6 +2517,9 @@ packages:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}
 
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
   yaml@2.6.0:
     resolution: {integrity: sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==}
     engines: {node: '>= 14'}
@@ -2003,11 +2550,11 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.25.9': {}
 
-  '@babel/parser@7.25.9':
+  '@babel/parser@7.26.1':
     dependencies:
-      '@babel/types': 7.25.9
+      '@babel/types': 7.26.0
 
-  '@babel/types@7.25.9':
+  '@babel/types@7.26.0':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
@@ -2146,12 +2693,12 @@ snapshots:
   '@esbuild/win32-x64@0.21.5':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@9.13.0(jiti@1.21.6))':
+  '@eslint-community/eslint-utils@4.4.1(eslint@9.13.0(jiti@2.3.3))':
     dependencies:
-      eslint: 9.13.0(jiti@1.21.6)
+      eslint: 9.13.0(jiti@2.3.3)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.11.1': {}
+  '@eslint-community/regexpp@4.11.2': {}
 
   '@eslint/config-array@0.18.0':
     dependencies:
@@ -2271,10 +2818,45 @@ snapshots:
     dependencies:
       '@lezer/common': 1.2.3
 
-  '@nodelib/fs.scandir@2.1.5':
+  '@microsoft/api-extractor-model@7.29.8(@types/node@22.8.1)':
     dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
+      '@microsoft/tsdoc': 0.15.0
+      '@microsoft/tsdoc-config': 0.17.0
+      '@rushstack/node-core-library': 5.9.0(@types/node@22.8.1)
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@microsoft/api-extractor@7.47.11(@types/node@22.8.1)':
+    dependencies:
+      '@microsoft/api-extractor-model': 7.29.8(@types/node@22.8.1)
+      '@microsoft/tsdoc': 0.15.0
+      '@microsoft/tsdoc-config': 0.17.0
+      '@rushstack/node-core-library': 5.9.0(@types/node@22.8.1)
+      '@rushstack/rig-package': 0.5.3
+      '@rushstack/terminal': 0.14.2(@types/node@22.8.1)
+      '@rushstack/ts-command-line': 4.23.0(@types/node@22.8.1)
+      lodash: 4.17.21
+      minimatch: 3.0.8
+      resolve: 1.22.8
+      semver: 7.5.4
+      source-map: 0.6.1
+      typescript: 5.4.2
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@microsoft/tsdoc-config@0.17.0':
+    dependencies:
+      '@microsoft/tsdoc': 0.15.0
+      ajv: 8.12.0
+      jju: 1.4.0
+      resolve: 1.22.8
+
+  '@microsoft/tsdoc@0.15.0': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
 
   '@nodelib/fs.stat@2.0.5': {}
 
@@ -2371,6 +2953,42 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.0':
     optional: true
 
+  '@rtsao/scc@1.1.0': {}
+
+  '@rushstack/node-core-library@5.9.0(@types/node@22.8.1)':
+    dependencies:
+      ajv: 8.13.0
+      ajv-draft-04: 1.0.0(ajv@8.13.0)
+      ajv-formats: 3.0.1(ajv@8.13.0)
+      fs-extra: 7.0.1
+      import-lazy: 4.0.0
+      jju: 1.4.0
+      resolve: 1.22.8
+      semver: 7.5.4
+    optionalDependencies:
+      '@types/node': 22.8.1
+
+  '@rushstack/rig-package@0.5.3':
+    dependencies:
+      resolve: 1.22.8
+      strip-json-comments: 3.1.1
+
+  '@rushstack/terminal@0.14.2(@types/node@22.8.1)':
+    dependencies:
+      '@rushstack/node-core-library': 5.9.0(@types/node@22.8.1)
+      supports-color: 8.1.1
+    optionalDependencies:
+      '@types/node': 22.8.1
+
+  '@rushstack/ts-command-line@4.23.0(@types/node@22.8.1)':
+    dependencies:
+      '@rushstack/terminal': 0.14.2(@types/node@22.8.1)
+      '@types/argparse': 1.0.38
+      argparse: 1.0.10
+      string-argv: 0.3.2
+    transitivePeerDependencies:
+      - '@types/node'
+
   '@tailwindcss/typography@0.5.15(tailwindcss@3.4.14)':
     dependencies:
       lodash.castarray: 4.4.0
@@ -2383,36 +3001,40 @@ snapshots:
     dependencies:
       vue: 3.5.12(typescript@5.6.3)
 
+  '@types/argparse@1.0.38': {}
+
   '@types/estree@1.0.6': {}
 
   '@types/fs-extra@8.1.5':
     dependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
 
   '@types/glob@7.2.0':
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/json5@0.0.29': {}
+
   '@types/minimatch@5.1.2': {}
 
-  '@types/node@22.7.9':
+  '@types/node@22.8.1':
     dependencies:
       undici-types: 6.19.8
 
   '@types/web-bluetooth@0.0.20': {}
 
-  '@typescript-eslint/eslint-plugin@8.11.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3))(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/eslint-plugin@8.11.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.11.1
-      '@typescript-eslint/parser': 8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
+      '@eslint-community/regexpp': 4.11.2
+      '@typescript-eslint/parser': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
       '@typescript-eslint/scope-manager': 8.11.0
-      '@typescript-eslint/type-utils': 8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/type-utils': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 8.11.0
-      eslint: 9.13.0(jiti@1.21.6)
+      eslint: 9.13.0(jiti@2.3.3)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -2422,14 +3044,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.11.0
       '@typescript-eslint/types': 8.11.0
       '@typescript-eslint/typescript-estree': 8.11.0(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 8.11.0
       debug: 4.3.7
-      eslint: 9.13.0(jiti@1.21.6)
+      eslint: 9.13.0(jiti@2.3.3)
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -2440,10 +3062,10 @@ snapshots:
       '@typescript-eslint/types': 8.11.0
       '@typescript-eslint/visitor-keys': 8.11.0
 
-  '@typescript-eslint/type-utils@8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/type-utils@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.11.0(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
       debug: 4.3.7
       ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
@@ -2469,13 +3091,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)':
+  '@typescript-eslint/utils@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.13.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.13.0(jiti@2.3.3))
       '@typescript-eslint/scope-manager': 8.11.0
       '@typescript-eslint/types': 8.11.0
       '@typescript-eslint/typescript-estree': 8.11.0(typescript@5.6.3)
-      eslint: 9.13.0(jiti@1.21.6)
+      eslint: 9.13.0(jiti@2.3.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -2485,9 +3107,9 @@ snapshots:
       '@typescript-eslint/types': 8.11.0
       eslint-visitor-keys: 3.4.3
 
-  '@vitejs/plugin-vue@5.1.4(vite@5.4.10(@types/node@22.7.9))(vue@3.5.12(typescript@5.6.3))':
+  '@vitejs/plugin-vue@5.1.4(vite@5.4.10(@types/node@22.8.1))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
-      vite: 5.4.10(@types/node@22.7.9)
+      vite: 5.4.10(@types/node@22.8.1)
       vue: 3.5.12(typescript@5.6.3)
 
   '@vitest/expect@2.1.3':
@@ -2497,13 +3119,13 @@ snapshots:
       chai: 5.1.2
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.7.9))':
+  '@vitest/mocker@2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.8.1))':
     dependencies:
       '@vitest/spy': 2.1.3
       estree-walker: 3.0.3
       magic-string: 0.30.12
     optionalDependencies:
-      vite: 5.4.10(@types/node@22.7.9)
+      vite: 5.4.10(@types/node@22.8.1)
 
   '@vitest/pretty-format@2.1.3':
     dependencies:
@@ -2530,21 +3152,21 @@ snapshots:
       loupe: 3.1.2
       tinyrainbow: 1.2.0
 
-  '@volar/language-core@2.4.7':
+  '@volar/language-core@2.4.8':
     dependencies:
-      '@volar/source-map': 2.4.7
+      '@volar/source-map': 2.4.8
 
-  '@volar/source-map@2.4.7': {}
+  '@volar/source-map@2.4.8': {}
 
-  '@volar/typescript@2.4.7':
+  '@volar/typescript@2.4.8':
     dependencies:
-      '@volar/language-core': 2.4.7
+      '@volar/language-core': 2.4.8
       path-browserify: 1.0.1
       vscode-uri: 3.0.8
 
   '@vue/compiler-core@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.9
+      '@babel/parser': 7.26.1
       '@vue/shared': 3.5.12
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -2557,7 +3179,7 @@ snapshots:
 
   '@vue/compiler-sfc@2.7.16':
     dependencies:
-      '@babel/parser': 7.25.9
+      '@babel/parser': 7.26.1
       postcss: 8.4.47
       source-map: 0.6.1
     optionalDependencies:
@@ -2565,7 +3187,7 @@ snapshots:
 
   '@vue/compiler-sfc@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.9
+      '@babel/parser': 7.26.1
       '@vue/compiler-core': 3.5.12
       '@vue/compiler-dom': 3.5.12
       '@vue/compiler-ssr': 3.5.12
@@ -2587,7 +3209,7 @@ snapshots:
 
   '@vue/language-core@2.1.6(typescript@5.6.3)':
     dependencies:
-      '@volar/language-core': 2.4.7
+      '@volar/language-core': 2.4.8
       '@vue/compiler-dom': 3.5.12
       '@vue/compiler-vue2': 2.7.16
       '@vue/shared': 3.5.12
@@ -2598,6 +3220,19 @@ snapshots:
     optionalDependencies:
       typescript: 5.6.3
 
+  '@vue/language-core@2.1.8(typescript@5.6.3)':
+    dependencies:
+      '@volar/language-core': 2.4.8
+      '@vue/compiler-dom': 3.5.12
+      '@vue/compiler-vue2': 2.7.16
+      '@vue/shared': 3.5.12
+      alien-signals: 0.2.0
+      minimatch: 9.0.5
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+    optionalDependencies:
+      typescript: 5.6.3
+
   '@vue/reactivity@3.5.12':
     dependencies:
       '@vue/shared': 3.5.12
@@ -2662,6 +3297,14 @@ snapshots:
 
   acorn@8.13.0: {}
 
+  ajv-draft-04@1.0.0(ajv@8.13.0):
+    optionalDependencies:
+      ajv: 8.13.0
+
+  ajv-formats@3.0.1(ajv@8.13.0):
+    optionalDependencies:
+      ajv: 8.13.0
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -2669,6 +3312,22 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
+  ajv@8.12.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+
+  ajv@8.13.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+
+  alien-signals@0.2.0: {}
+
   ansi-regex@5.0.1: {}
 
   ansi-regex@6.1.0: {}
@@ -2688,22 +3347,78 @@ snapshots:
 
   arg@5.0.2: {}
 
+  argparse@1.0.10:
+    dependencies:
+      sprintf-js: 1.0.3
+
   argparse@2.0.1: {}
 
+  array-buffer-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
+
+  array-includes@3.1.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      is-string: 1.0.7
+
   array-union@2.1.0: {}
 
+  array.prototype.findlastindex@1.2.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.flat@1.3.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.flatmap@1.3.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+
+  arraybuffer.prototype.slice@1.0.3:
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
+
   assertion-error@2.0.1: {}
 
   autoprefixer@10.4.20(postcss@8.4.47):
     dependencies:
       browserslist: 4.24.2
-      caniuse-lite: 1.0.30001669
+      caniuse-lite: 1.0.30001672
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.1
       postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.0.0
+
   babel-runtime@6.26.0:
     dependencies:
       core-js: 2.6.12
@@ -2748,18 +3463,26 @@ snapshots:
 
   browserslist@4.24.2:
     dependencies:
-      caniuse-lite: 1.0.30001669
-      electron-to-chromium: 1.5.45
+      caniuse-lite: 1.0.30001672
+      electron-to-chromium: 1.5.47
       node-releases: 2.0.18
       update-browserslist-db: 1.1.1(browserslist@4.24.2)
 
   cac@6.7.14: {}
 
+  call-bind@1.0.7:
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+
   callsites@3.1.0: {}
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001669: {}
+  caniuse-lite@1.0.30001672: {}
 
   chai@5.1.2:
     dependencies:
@@ -2810,6 +3533,8 @@ snapshots:
 
   commander@4.1.1: {}
 
+  compare-versions@6.1.1: {}
+
   computeds@0.0.1: {}
 
   concat-map@0.0.1: {}
@@ -2838,10 +3563,32 @@ snapshots:
 
   csstype@3.1.3: {}
 
+  data-view-buffer@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  data-view-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  data-view-byte-offset@1.0.0:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
   dayjs@1.11.13: {}
 
   de-indent@1.0.2: {}
 
+  debug@3.2.7:
+    dependencies:
+      ms: 2.1.3
+
   debug@4.3.7:
     dependencies:
       ms: 2.1.3
@@ -2850,6 +3597,18 @@ snapshots:
 
   deep-is@0.1.4: {}
 
+  define-data-property@1.1.4:
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
   didyoumean@1.2.2: {}
 
   dir-glob@3.0.1:
@@ -2858,16 +3617,100 @@ snapshots:
 
   dlv@1.1.3: {}
 
+  doctrine@2.1.0:
+    dependencies:
+      esutils: 2.0.3
+
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.45: {}
+  electron-to-chromium@1.5.47: {}
 
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
+  enhanced-resolve@5.17.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
   entities@4.5.0: {}
 
+  es-abstract@1.23.3:
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      arraybuffer.prototype.slice: 1.0.3
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      data-view-buffer: 1.0.1
+      data-view-byte-length: 1.0.1
+      data-view-byte-offset: 1.0.0
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-set-tostringtag: 2.0.3
+      es-to-primitive: 1.2.1
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.4
+      get-symbol-description: 1.0.2
+      globalthis: 1.0.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+      internal-slot: 1.0.7
+      is-array-buffer: 3.0.4
+      is-callable: 1.2.7
+      is-data-view: 1.0.1
+      is-negative-zero: 2.0.3
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.3
+      is-string: 1.0.7
+      is-typed-array: 1.1.13
+      is-weakref: 1.0.2
+      object-inspect: 1.13.2
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.3
+      safe-array-concat: 1.1.2
+      safe-regex-test: 1.0.3
+      string.prototype.trim: 1.2.9
+      string.prototype.trimend: 1.0.8
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.2
+      typed-array-byte-length: 1.0.1
+      typed-array-byte-offset: 1.0.2
+      typed-array-length: 1.0.6
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.15
+
+  es-define-property@1.0.0:
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  es-errors@1.3.0: {}
+
+  es-object-atoms@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.0.3:
+    dependencies:
+      get-intrinsic: 1.2.4
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
+  es-shim-unscopables@1.0.2:
+    dependencies:
+      hasown: 2.0.2
+
+  es-to-primitive@1.2.1:
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+
   esbuild@0.21.5:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.21.5
@@ -2898,16 +3741,98 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-plugin-vue@9.29.1(eslint@9.13.0(jiti@1.21.6)):
+  eslint-compat-utils@0.5.1(eslint@9.13.0(jiti@2.3.3)):
+    dependencies:
+      eslint: 9.13.0(jiti@2.3.3)
+      semver: 7.6.3
+
+  eslint-config-standard@17.1.0(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.13.0(jiti@2.3.3)))(eslint-plugin-n@17.11.1(eslint@9.13.0(jiti@2.3.3)))(eslint-plugin-promise@7.1.0(eslint@9.13.0(jiti@2.3.3)))(eslint@9.13.0(jiti@2.3.3)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.13.0(jiti@1.21.6))
-      eslint: 9.13.0(jiti@1.21.6)
+      eslint: 9.13.0(jiti@2.3.3)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.13.0(jiti@2.3.3))
+      eslint-plugin-n: 17.11.1(eslint@9.13.0(jiti@2.3.3))
+      eslint-plugin-promise: 7.1.0(eslint@9.13.0(jiti@2.3.3))
+
+  eslint-import-resolver-node@0.3.9:
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.15.1
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint@9.13.0(jiti@2.3.3)):
+    dependencies:
+      debug: 3.2.7
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
+      eslint: 9.13.0(jiti@2.3.3)
+      eslint-import-resolver-node: 0.3.9
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-es-x@7.8.0(eslint@9.13.0(jiti@2.3.3)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.13.0(jiti@2.3.3))
+      '@eslint-community/regexpp': 4.11.2
+      eslint: 9.13.0(jiti@2.3.3)
+      eslint-compat-utils: 0.5.1(eslint@9.13.0(jiti@2.3.3))
+
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.13.0(jiti@2.3.3)):
+    dependencies:
+      '@rtsao/scc': 1.1.0
+      array-includes: 3.1.8
+      array.prototype.findlastindex: 1.2.5
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 9.13.0(jiti@2.3.3)
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint@9.13.0(jiti@2.3.3))
+      hasown: 2.0.2
+      is-core-module: 2.15.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.8
+      object.groupby: 1.0.3
+      object.values: 1.2.0
+      semver: 6.3.1
+      string.prototype.trimend: 1.0.8
+      tsconfig-paths: 3.15.0
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-plugin-n@17.11.1(eslint@9.13.0(jiti@2.3.3)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.13.0(jiti@2.3.3))
+      enhanced-resolve: 5.17.1
+      eslint: 9.13.0(jiti@2.3.3)
+      eslint-plugin-es-x: 7.8.0(eslint@9.13.0(jiti@2.3.3))
+      get-tsconfig: 4.8.1
+      globals: 15.11.0
+      ignore: 5.3.2
+      minimatch: 9.0.5
+      semver: 7.6.3
+
+  eslint-plugin-promise@7.1.0(eslint@9.13.0(jiti@2.3.3)):
+    dependencies:
+      eslint: 9.13.0(jiti@2.3.3)
+
+  eslint-plugin-vue@9.29.1(eslint@9.13.0(jiti@2.3.3)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.13.0(jiti@2.3.3))
+      eslint: 9.13.0(jiti@2.3.3)
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.2
       semver: 7.6.3
-      vue-eslint-parser: 9.4.3(eslint@9.13.0(jiti@1.21.6))
+      vue-eslint-parser: 9.4.3(eslint@9.13.0(jiti@2.3.3))
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -2926,10 +3851,10 @@ snapshots:
 
   eslint-visitor-keys@4.1.0: {}
 
-  eslint@9.13.0(jiti@1.21.6):
+  eslint@9.13.0(jiti@2.3.3):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.13.0(jiti@1.21.6))
-      '@eslint-community/regexpp': 4.11.1
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.13.0(jiti@2.3.3))
+      '@eslint-community/regexpp': 4.11.2
       '@eslint/config-array': 0.18.0
       '@eslint/core': 0.7.0
       '@eslint/eslintrc': 3.1.0
@@ -2964,7 +3889,7 @@ snapshots:
       optionator: 0.9.4
       text-table: 0.2.0
     optionalDependencies:
-      jiti: 1.21.6
+      jiti: 2.3.3
     transitivePeerDependencies:
       - supports-color
 
@@ -3036,6 +3961,10 @@ snapshots:
 
   flatted@3.3.1: {}
 
+  for-each@0.3.3:
+    dependencies:
+      is-callable: 1.2.7
+
   foreground-child@3.3.0:
     dependencies:
       cross-spawn: 7.0.3
@@ -3045,6 +3974,12 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
+  fs-extra@7.0.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
+
   fs-extra@8.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -3058,6 +3993,33 @@ snapshots:
 
   function-bind@1.1.2: {}
 
+  function.prototype.name@1.1.6:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      functions-have-names: 1.2.3
+
+  functions-have-names@1.2.3: {}
+
+  get-intrinsic@1.2.4:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+
+  get-symbol-description@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+
+  get-tsconfig@4.8.1:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -3092,6 +4054,11 @@ snapshots:
 
   globals@15.11.0: {}
 
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.0.1
+
   globby@10.0.1:
     dependencies:
       '@types/glob': 7.2.0
@@ -3103,12 +4070,30 @@ snapshots:
       merge2: 1.4.1
       slash: 3.0.0
 
+  gopd@1.0.1:
+    dependencies:
+      get-intrinsic: 1.2.4
+
   graceful-fs@4.2.11: {}
 
   graphemer@1.4.0: {}
 
+  has-bigints@1.0.2: {}
+
   has-flag@4.0.0: {}
 
+  has-property-descriptors@1.0.2:
+    dependencies:
+      es-define-property: 1.0.0
+
+  has-proto@1.0.3: {}
+
+  has-symbols@1.0.3: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.0.3
+
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
@@ -3124,6 +4109,8 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
+  import-lazy@4.0.0: {}
+
   imurmurhash@0.1.4: {}
 
   inflight@1.0.6:
@@ -3133,14 +4120,44 @@ snapshots:
 
   inherits@2.0.4: {}
 
+  internal-slot@1.0.7:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.0.6
+
+  is-array-buffer@3.0.4:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+
+  is-bigint@1.0.4:
+    dependencies:
+      has-bigints: 1.0.2
+
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.3.0
 
+  is-boolean-object@1.1.2:
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  is-callable@1.2.7: {}
+
   is-core-module@2.15.1:
     dependencies:
       hasown: 2.0.2
 
+  is-data-view@1.0.1:
+    dependencies:
+      is-typed-array: 1.1.13
+
+  is-date-object@1.0.5:
+    dependencies:
+      has-tostringtag: 1.0.2
+
   is-extglob@2.1.1: {}
 
   is-fullwidth-code-point@3.0.0: {}
@@ -3149,10 +4166,43 @@ snapshots:
     dependencies:
       is-extglob: 2.1.1
 
+  is-negative-zero@2.0.3: {}
+
+  is-number-object@1.0.7:
+    dependencies:
+      has-tostringtag: 1.0.2
+
   is-number@7.0.0: {}
 
   is-plain-object@3.0.1: {}
 
+  is-regex@1.1.4:
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  is-shared-array-buffer@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+
+  is-string@1.0.7:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-symbol@1.0.4:
+    dependencies:
+      has-symbols: 1.0.3
+
+  is-typed-array@1.1.13:
+    dependencies:
+      which-typed-array: 1.1.15
+
+  is-weakref@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+
+  isarray@2.0.5: {}
+
   isexe@2.0.0: {}
 
   jackspeak@3.4.3:
@@ -3163,6 +4213,11 @@ snapshots:
 
   jiti@1.21.6: {}
 
+  jiti@2.3.3:
+    optional: true
+
+  jju@1.4.0: {}
+
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
@@ -3171,8 +4226,14 @@ snapshots:
 
   json-schema-traverse@0.4.1: {}
 
+  json-schema-traverse@1.0.0: {}
+
   json-stable-stringify-without-jsonify@1.0.1: {}
 
+  json5@1.0.2:
+    dependencies:
+      minimist: 1.2.8
+
   jsonfile@4.0.0:
     optionalDependencies:
       graceful-fs: 4.2.11
@@ -3217,6 +4278,10 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
+  lru-cache@6.0.0:
+    dependencies:
+      yallist: 4.0.0
+
   magic-string@0.30.12:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -3228,6 +4293,10 @@ snapshots:
       braces: 3.0.3
       picomatch: 2.3.1
 
+  minimatch@3.0.8:
+    dependencies:
+      brace-expansion: 1.1.11
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -3236,6 +4305,8 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimist@1.2.8: {}
+
   minipass@7.1.2: {}
 
   mlly@1.7.2:
@@ -3273,6 +4344,36 @@ snapshots:
 
   object-hash@3.0.0: {}
 
+  object-inspect@1.13.2: {}
+
+  object-keys@1.1.1: {}
+
+  object.assign@4.1.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+
+  object.groupby@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+
+  object.values@1.2.0:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
   once@1.4.0:
     dependencies:
       wrappy: 1.0.2
@@ -3353,6 +4454,8 @@ snapshots:
       mlly: 1.7.2
       pathe: 1.1.2
 
+  possible-typed-array-names@1.0.0: {}
+
   post-robot@8.0.32:
     dependencies:
       cross-domain-safe-weakmap: 1.0.29
@@ -3440,8 +4543,19 @@ snapshots:
 
   regenerator-runtime@0.11.1: {}
 
+  regexp.prototype.flags@1.5.3:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      set-function-name: 2.0.2
+
+  require-from-string@2.0.2: {}
+
   resolve-from@4.0.0: {}
 
+  resolve-pkg-maps@1.0.0: {}
+
   resolve@1.22.8:
     dependencies:
       is-core-module: 2.15.1
@@ -3484,14 +4598,56 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  safe-array-concat@1.1.2:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      isarray: 2.0.5
+
+  safe-regex-test@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-regex: 1.1.4
+
+  semver@6.3.1: {}
+
+  semver@7.5.4:
+    dependencies:
+      lru-cache: 6.0.0
+
   semver@7.6.3: {}
 
+  set-function-length@1.2.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+
+  set-function-name@2.0.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
 
   shebang-regex@3.0.0: {}
 
+  side-channel@1.0.6:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.2
+
   siginfo@2.0.0: {}
 
   signal-exit@4.1.0: {}
@@ -3506,10 +4662,14 @@ snapshots:
 
   source-map@0.6.1: {}
 
+  sprintf-js@1.0.3: {}
+
   stackback@0.0.2: {}
 
   std-env@3.7.0: {}
 
+  string-argv@0.3.2: {}
+
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
@@ -3522,6 +4682,25 @@ snapshots:
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
 
+  string.prototype.trim@1.2.9:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+
+  string.prototype.trimend@1.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -3530,6 +4709,8 @@ snapshots:
     dependencies:
       ansi-regex: 6.1.0
 
+  strip-bom@3.0.0: {}
+
   strip-json-comments@3.1.1: {}
 
   style-mod@4.1.2: {}
@@ -3552,6 +4733,10 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
+  supports-color@8.1.1:
+    dependencies:
+      has-flag: 4.0.0
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
   tailwindcss-primeui@0.3.4(tailwindcss@3.4.14):
@@ -3585,6 +4770,8 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
+  tapable@2.2.1: {}
+
   text-table@0.2.0: {}
 
   thenify-all@1.6.0:
@@ -3615,27 +4802,75 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
+  tsconfig-paths@3.15.0:
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
   type-fest@0.20.2: {}
 
-  typescript-eslint@8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3):
+  typed-array-buffer@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-typed-array: 1.1.13
+
+  typed-array-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+
+  typed-array-byte-offset@1.0.2:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+
+  typed-array-length@1.0.6:
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+      possible-typed-array-names: 1.0.0
+
+  typescript-eslint@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.11.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3))(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/parser': 8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.11.0(eslint@9.13.0(jiti@1.21.6))(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 8.11.0(@typescript-eslint/parser@8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.11.0(eslint@9.13.0(jiti@2.3.3))(typescript@5.6.3)
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
       - eslint
       - supports-color
 
+  typescript@5.4.2: {}
+
   typescript@5.6.3: {}
 
   ufo@1.5.4: {}
 
+  unbox-primitive@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+
   undici-types@6.19.8: {}
 
   universalify@0.1.2: {}
@@ -3655,7 +4890,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  unplugin-vue-components@0.27.4(@babel/parser@7.25.9)(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3)):
+  unplugin-vue-components@0.27.4(@babel/parser@7.26.1)(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
@@ -3669,7 +4904,7 @@ snapshots:
       unplugin: 1.14.1
       vue: 3.5.12(typescript@5.6.3)
     optionalDependencies:
-      '@babel/parser': 7.25.9
+      '@babel/parser': 7.26.1
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -3692,12 +4927,12 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  vite-node@2.1.3(@types/node@22.7.9):
+  vite-node@2.1.3(@types/node@22.8.1):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
-      vite: 5.4.10(@types/node@22.7.9)
+      vite: 5.4.10(@types/node@22.8.1)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -3709,19 +4944,38 @@ snapshots:
       - supports-color
       - terser
 
-  vite@5.4.10(@types/node@22.7.9):
+  vite-plugin-dts@4.3.0(@types/node@22.8.1)(rollup@4.24.0)(typescript@5.6.3)(vite@5.4.10(@types/node@22.8.1)):
+    dependencies:
+      '@microsoft/api-extractor': 7.47.11(@types/node@22.8.1)
+      '@rollup/pluginutils': 5.1.3(rollup@4.24.0)
+      '@volar/typescript': 2.4.8
+      '@vue/language-core': 2.1.6(typescript@5.6.3)
+      compare-versions: 6.1.1
+      debug: 4.3.7
+      kolorist: 1.8.0
+      local-pkg: 0.5.0
+      magic-string: 0.30.12
+      typescript: 5.6.3
+    optionalDependencies:
+      vite: 5.4.10(@types/node@22.8.1)
+    transitivePeerDependencies:
+      - '@types/node'
+      - rollup
+      - supports-color
+
+  vite@5.4.10(@types/node@22.8.1):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.47
       rollup: 4.24.0
     optionalDependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
       fsevents: 2.3.3
 
-  vitest@2.1.3(@types/node@22.7.9):
+  vitest@2.1.3(@types/node@22.8.1):
     dependencies:
       '@vitest/expect': 2.1.3
-      '@vitest/mocker': 2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.7.9))
+      '@vitest/mocker': 2.1.3(@vitest/spy@2.1.3)(vite@5.4.10(@types/node@22.8.1))
       '@vitest/pretty-format': 2.1.3
       '@vitest/runner': 2.1.3
       '@vitest/snapshot': 2.1.3
@@ -3736,11 +4990,11 @@ snapshots:
       tinyexec: 0.3.1
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.10(@types/node@22.7.9)
-      vite-node: 2.1.3(@types/node@22.7.9)
+      vite: 5.4.10(@types/node@22.8.1)
+      vite-node: 2.1.3(@types/node@22.8.1)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.7.9
+      '@types/node': 22.8.1
     transitivePeerDependencies:
       - less
       - lightningcss
@@ -3767,10 +5021,10 @@ snapshots:
     dependencies:
       vue: 3.5.12(typescript@5.6.3)
 
-  vue-eslint-parser@9.4.3(eslint@9.13.0(jiti@1.21.6)):
+  vue-eslint-parser@9.4.3(eslint@9.13.0(jiti@2.3.3)):
     dependencies:
       debug: 4.3.7
-      eslint: 9.13.0(jiti@1.21.6)
+      eslint: 9.13.0(jiti@2.3.3)
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
@@ -3786,10 +5040,10 @@ snapshots:
       paypal-checkout: 4.0.344
       vue: 2.7.16
 
-  vue-tsc@2.1.6(typescript@5.6.3):
+  vue-tsc@2.1.8(typescript@5.6.3):
     dependencies:
-      '@volar/typescript': 2.4.7
-      '@vue/language-core': 2.1.6(typescript@5.6.3)
+      '@volar/typescript': 2.4.8
+      '@vue/language-core': 2.1.8(typescript@5.6.3)
       semver: 7.6.3
       typescript: 5.6.3
 
@@ -3814,6 +5068,22 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
+  which-boxed-primitive@1.0.2:
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+
+  which-typed-array@1.1.15:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.2
+
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
@@ -3841,6 +5111,8 @@ snapshots:
 
   xml-name-validator@4.0.0: {}
 
+  yallist@4.0.0: {}
+
   yaml@2.6.0: {}
 
   yocto-queue@0.1.0: {}
diff --git a/src/App.vue b/src/App.vue
index 6ae5f1d..9af0ad8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,7 +123,7 @@ import {
     watch,
 } from 'vue'
 import AppBar from './AppBar.vue'
-import type { ElementManifest } from './types'
+import type { ElementManifest } from '~/types'
 const state = reactive<Record<string, unknown>>({})
 
 interface IComponent {
diff --git a/src/components/action_redirect/index.vue b/src/components/action_redirect/index.vue
index 8d9b37f..db2a427 100644
--- a/src/components/action_redirect/index.vue
+++ b/src/components/action_redirect/index.vue
@@ -1,33 +1,15 @@
 <script setup lang="ts">
-import { defineProps, PropType, ref, onMounted, onBeforeUnmount } from 'vue'
-import type { DisplayProperties } from '../../types'
+import { ref, onMounted, onBeforeUnmount } from 'vue'
+import type { ActionRedirectProperties } from '~/types'
 
-const props = defineProps({
-    display: {
-        type: Object as PropType<DisplayProperties>,
-        required: true,
-    },
-    theme: {
-        type: Object,
-        default: () => ({
-            buttonClass:
-                'bg-blue-500 text-white font-bold py-2 px-4 rounded transition-all hover:bg-blue-700 shadow-lg',
-            progressClass:
-                'bg-blue-400 h-2 rounded-full transition-all duration-500',
-            cancelClass:
-                'bg-red-500 text-white font-bold py-2 px-4 rounded ml-2 hover:bg-red-600',
-        }),
-    },
-    readonly: {
-        type: Boolean,
-        default: false,
-    },
-})
+interface Props {
+    display: ActionRedirectProperties
+}
+const props = defineProps<Props>()
 
 // Countdown timer and progress
 const countdown = ref(5)
 const progress = ref(100)
-// eslint-disable-next-line no-undef
 const interval = ref<NodeJS.Timeout | null>(null)
 const redirecting = ref(true)
 
@@ -38,8 +20,7 @@ onMounted(() => {
         progress.value = (countdown.value / 5) * 100
         if (countdown.value === 0) {
             clearInterval(interval.value!)
-            if (!props.readonly)
-                window.location.href = props.display.src as string
+            window.location.href = props.display.src as string
         }
     }, 1000)
 })
@@ -62,24 +43,15 @@ onBeforeUnmount(() => {
 
 <template>
     <div class="p-4 max-w-md mx-auto">
-        <p>{{ props.readonly }}</p>
         <div v-if="redirecting">
             <p class="text-lg mb-4">
                 You are being redirected to
                 <strong>{{ display.src }}</strong> in {{ countdown }} seconds.
             </p>
             <div class="relative w-full bg-surface-200 rounded-full h-2 mb-4">
-                <div
-                    :class="theme.progressClass"
-                    :style="{ width: progress + '%' }"
-                ></div>
+                <div :style="{ width: progress + '%' }"></div>
             </div>
-            <button :class="theme.buttonClass" v-bind="$attrs">
-                Redirecting...
-            </button>
-            <button :class="theme.cancelClass" @click="cancelRedirect">
-                Cancel
-            </button>
+            <Button severity="danger" @click="cancelRedirect"> Cancel </Button>
         </div>
         <div v-else>
             <p class="text-lg text-red-500">Redirection has been canceled.</p>
diff --git a/src/components/address/index.vue b/src/components/address/index.vue
index 9a6d6d7..86cd9ac 100644
--- a/src/components/address/index.vue
+++ b/src/components/address/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { defineProps, defineModel, computed, type PropType } from 'vue'
 import TextArea from 'primevue/textarea'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 // Define props
 const props = defineProps({
diff --git a/src/components/appointment/index.vue b/src/components/appointment/index.vue
index 9e7cb59..6ccb588 100644
--- a/src/components/appointment/index.vue
+++ b/src/components/appointment/index.vue
@@ -1,91 +1,91 @@
 <script setup lang="ts">
 import { defineProps, ref, computed, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Calendar from 'primevue/calendar'
 import Button from 'primevue/button'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      calendar: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-      button: 'p-button-outlined p-mt-2',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full',
+            calendar: 'w-full',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+            button: 'p-button-outlined p-mt-2',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 
 const selectedDate = ref<Date | null>(null)
 const selectedTime = ref<string>('')
 
 const handleDateChange = (value: Date | null) => {
-  selectedDate.value = value
+    selectedDate.value = value
 }
 
 const handleTimeSlotSelect = (slot: string) => {
-  selectedTime.value = slot
+    selectedTime.value = slot
 }
 
 const formattedDateTime = computed(() => {
-  if (!selectedDate.value) return ''
-  return `${selectedDate.value.toISOString().slice(0, 10)} ${
-    selectedTime.value
-  }`
+    if (!selectedDate.value) return ''
+    return `${selectedDate.value.toISOString().slice(0, 10)} ${
+        selectedTime.value
+    }`
 })
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
 
-    <!-- Date Picker -->
-    <Calendar
-      v-model="selectedDate"
-      :class="theme.calendar"
-      :show-time="true"
-      hour-format="24"
-      v-bind="{ ...$attrs, ...props.input.props }"
-      @change="handleDateChange"
-    />
+        <!-- Date Picker -->
+        <Calendar
+            v-model="selectedDate"
+            :class="theme.calendar"
+            :show-time="true"
+            hour-format="24"
+            v-bind="{ ...$attrs, ...props.input.props }"
+            @change="handleDateChange"
+        />
 
-    <!-- Time Slot Buttons -->
-    <div class="mt-2">
-      <Button
-        v-for="slot in ['09:00', '12:00', '15:00', '18:00']"
-        :key="slot"
-        :class="theme.button"
-        @click="handleTimeSlotSelect(slot)"
-      >
-        {{ slot }}
-      </Button>
-    </div>
+        <!-- Time Slot Buttons -->
+        <div class="mt-2">
+            <Button
+                v-for="slot in ['09:00', '12:00', '15:00', '18:00']"
+                :key="slot"
+                :class="theme.button"
+                @click="handleTimeSlotSelect(slot)"
+            >
+                {{ slot }}
+            </Button>
+        </div>
 
-    <!-- Display selected date-time -->
-    <div v-if="formattedDateTime" class="mt-2">
-      <p>Selected Date and Time: {{ formattedDateTime }}</p>
-    </div>
+        <!-- Display selected date-time -->
+        <div v-if="formattedDateTime" class="mt-2">
+            <p>Selected Date and Time: {{ formattedDateTime }}</p>
+        </div>
 
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+        <!-- if error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
+    </div>
 </template>
diff --git a/src/components/audio_recorder/index.vue b/src/components/audio_recorder/index.vue
index 875b6a9..59b5bb6 100644
--- a/src/components/audio_recorder/index.vue
+++ b/src/components/audio_recorder/index.vue
@@ -11,7 +11,7 @@ import {
 import WaveSurfer from 'wavesurfer.js'
 import Button from 'primevue/button'
 import dayjs from 'dayjs'
-import type { IFile, InputProperties, Validation } from '../../types'
+import type { IFile, InputProperties, Validation } from '~/types'
 
 // Define props
 const props = defineProps({
@@ -55,7 +55,6 @@ const audioUrl = ref<string | null>(null)
 const waveSurfer = ref<WaveSurfer | null>(null)
 const isPlaying = ref(false)
 const recordingTime = ref(0)
-// eslint-disable-next-line no-undef
 const intervalId = ref<NodeJS.Timeout | null>(null)
 const audioDuration = ref(0)
 
diff --git a/src/components/checkboxes/index.vue b/src/components/checkboxes/index.vue
index eff9541..7f9d416 100644
--- a/src/components/checkboxes/index.vue
+++ b/src/components/checkboxes/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { defineModel, computed, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Checkbox from 'primevue/checkbox'
 
 const props = defineProps({
diff --git a/src/components/code_json/index.vue b/src/components/code_json/index.vue
index 19bf87b..a7dd0c7 100644
--- a/src/components/code_json/index.vue
+++ b/src/components/code_json/index.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import {
-  defineProps,
-  ref,
-  shallowRef,
-  watch,
-  nextTick,
-  type PropType,
+    defineProps,
+    ref,
+    shallowRef,
+    watch,
+    nextTick,
+    type PropType,
 } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import type { EditorView } from '@codemirror/view'
 import { Codemirror } from 'vue-codemirror'
 import { json } from '@codemirror/lang-json'
@@ -16,28 +16,28 @@ import { useDebounce } from '@vueuse/core'
 
 // Props
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'font-medium',
-      input: '',
-      description: 'text-sm mb-2',
-      error: 'text-red-600 dark:text-red-400',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'font-medium',
+            input: '',
+            description: 'text-sm mb-2',
+            error: 'text-red-600 dark:text-red-400',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
+    readonly: {
+        type: Boolean,
+        default: false,
+    },
 })
 
 // Model & State Management
@@ -50,83 +50,83 @@ const extensions: any[] = [json(), oneDark]
 
 // Utilities
 const validJSON = (json: string): boolean => {
-  try {
-    JSON.parse(json)
-  } catch {
-    return false
-  }
-  return true
+    try {
+        JSON.parse(json)
+    } catch {
+        return false
+    }
+    return true
 }
 
 const formatJson = () => {
-  if (view.value) {
-    try {
-      const jsonString = view.value.state.doc.toString()
-      if (!jsonString.trim()) throw new Error('Empty JSON input')
+    if (view.value) {
+        try {
+            const jsonString = view.value.state.doc.toString()
+            if (!jsonString.trim()) throw new Error('Empty JSON input')
 
-      const formatted = JSON.stringify(JSON.parse(jsonString), null, 2)
-      if (formatted !== jsonString) {
-        view.value.dispatch({
-          changes: {
-            from: 0,
-            to: view.value.state.doc.length,
-            insert: formatted,
-          },
-        })
-      }
-    } catch (e: any) {
-      console.error('[json-editor] Formatting error:', e.message)
+            const formatted = JSON.stringify(JSON.parse(jsonString), null, 2)
+            if (formatted !== jsonString) {
+                view.value.dispatch({
+                    changes: {
+                        from: 0,
+                        to: view.value.state.doc.length,
+                        insert: formatted,
+                    },
+                })
+            }
+        } catch (e: any) {
+            console.error('[json-editor] Formatting error:', e.message)
+        }
     }
-  }
 }
 
 // Debounce
 const debouncedCode = useDebounce(code, 2000)
 watch(debouncedCode, () => {
-  if (validJSON(debouncedCode.value)) {
-    updateFromCode.value = true
-    nextTick(() => {
-      model.value = JSON.parse(debouncedCode.value)
-      lastValidJson.value = model.value
-    })
-  }
+    if (validJSON(debouncedCode.value)) {
+        updateFromCode.value = true
+        nextTick(() => {
+            model.value = JSON.parse(debouncedCode.value)
+            lastValidJson.value = model.value
+        })
+    }
 })
 
 // Watch for model updates
 watch(model, () => {
-  if (!updateFromCode.value) {
-    code.value = JSON.stringify(model.value, null, 2)
-    lastValidJson.value = model.value
-  }
-  updateFromCode.value = false
+    if (!updateFromCode.value) {
+        code.value = JSON.stringify(model.value, null, 2)
+        lastValidJson.value = model.value
+    }
+    updateFromCode.value = false
 })
 
 // Handle editor setup and interactions
 const handleReady = (payload: { view: EditorView }) => {
-  view.value = payload.view
+    view.value = payload.view
 }
 </script>
 
 <template>
-  <div>
-    <p class="font-medium">{{ props.input.label }}</p>
-    <p class="mb-2 text-sm">{{ props.input.description }}</p>
-    <div class="rounded overflow-hidden">
-      <Codemirror
-        v-model="code"
-        :disabled="readonly"
-        :placeholder="input.placeholder || 'Enter your code'"
-        :style="{ height: '400px' }"
-        :autofocus="true"
-        :indent-with-tab="true"
-        :tab-size="2"
-        :extensions="extensions"
-        @ready="handleReady"
-        @change="formatJson"
-        @paste="formatJson"
-        @blur="formatJson"
-      />
+    <div>
+        <p class="font-medium">{{ props.input.label }}</p>
+        <p class="mb-2 text-sm">{{ props.input.description }}</p>
+        <div class="rounded overflow-hidden">
+            <Codemirror
+                v-model="code"
+                :disabled="readonly"
+                :placeholder="input.placeholder || 'Enter your code'"
+                :style="{ height: '400px' }"
+                :autofocus="true"
+                :indent-with-tab="true"
+                :tab-size="2"
+                :extensions="extensions"
+                @ready="handleReady"
+                @change="formatJson"
+                @paste="formatJson"
+                @blur="formatJson"
+            />
+        </div>
+        <p v-if="error" :class="theme.error">{{ error }}</p>
     </div>
-    <p v-if="error" :class="theme.error">{{ error }}</p>
-  </div>
 </template>
diff --git a/src/components/color_picker/index.vue b/src/components/color_picker/index.vue
index a04fd44..1e9935a 100644
--- a/src/components/color_picker/index.vue
+++ b/src/components/color_picker/index.vue
@@ -1,56 +1,56 @@
 <script setup lang="ts">
 import { defineProps, type PropType, ref, computed } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import ColorPicker from 'primevue/colorpicker'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      colorPicker: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full',
+            colorPicker: 'w-full',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 
 const model = ref<string>('')
 
 const handleColorChange = (color: { hex: string }) => {
-  model.value = color.hex
+    model.value = color.hex
 }
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- Color Picker -->
-    <ColorPicker
-      v-model="model"
-      :class="theme.colorPicker"
-      v-bind="{ ...$attrs, ...props.input.props }"
-      @input="handleColorChange"
-    />
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <!-- Color Picker -->
+        <ColorPicker
+            v-model="model"
+            :class="theme.colorPicker"
+            v-bind="{ ...$attrs, ...props.input.props }"
+            @input="handleColorChange"
+        />
+        <!-- if error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
+    </div>
 </template>
diff --git a/src/components/consent_checkbox/index.vue b/src/components/consent_checkbox/index.vue
index 8c437f3..35ee43a 100644
--- a/src/components/consent_checkbox/index.vue
+++ b/src/components/consent_checkbox/index.vue
@@ -1,52 +1,52 @@
 <script setup lang="ts">
 import { defineProps, type PropType, ref, computed } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'flex items-center gap-2',
-      checkbox: 'h-4 w-4',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'flex items-center gap-2',
+            checkbox: 'h-4 w-4',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 
 const model = ref<boolean>(false)
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      <input
-        :id="input.key"
-        v-model="model"
-        type="checkbox"
-        :class="theme.checkbox"
-        :required="isRequired"
-        v-bind="{ ...$attrs, ...props.input.props }"
-      />
-      <span>{{ input.label }}</span>
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            <input
+                :id="input.key"
+                v-model="model"
+                type="checkbox"
+                :class="theme.checkbox"
+                :required="isRequired"
+                v-bind="{ ...$attrs, ...props.input.props }"
+            />
+            <span>{{ input.label }}</span>
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <!-- if error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
+    </div>
 </template>
diff --git a/src/components/data_table/index.vue b/src/components/data_table/index.vue
index fc8644c..9a6377e 100644
--- a/src/components/data_table/index.vue
+++ b/src/components/data_table/index.vue
@@ -4,7 +4,7 @@ import DataTable from 'primevue/datatable'
 import Column from 'primevue/column'
 import InputText from 'primevue/inputtext'
 import Button from 'primevue/button'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 interface DataTableProperties extends InputProperties {
     fields: string[]
diff --git a/src/components/date_picker/index.vue b/src/components/date_picker/index.vue
index 51c03ab..779982a 100644
--- a/src/components/date_picker/index.vue
+++ b/src/components/date_picker/index.vue
@@ -1,57 +1,39 @@
 <script setup lang="ts">
-import { computed, defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import DatePicker from 'primevue/datepicker'
+import { computed } from 'vue'
 
-const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-black dark:text-white', // Label colors for dark and light mode
-      inputContainer: 'relative w-full', // Wrapper for input and icon
-      input: '', // Input styling
-      description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
-      error: 'text-red-600 dark:text-red-400', // Error colors for dark and light mode
-      icon: 'text-slate-600 dark:text-slate-400', // Icon styling
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-})
+interface Props {
+    input: InputProperties
+    error?: string
+}
 
-const model = defineModel<string>({ default: '' })
+const props = defineProps<Props>()
+
+const model = defineModel<any>({ default: '' })
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600 dark:text-red-400">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <div :class="theme.inputContainer">
-      <!-- PrimeVue Calendar Icon appended to the right of the input -->
-      <DatePicker
-        v-model="model"
-        showIcon
-        fluid
-        iconDisplay="input"
-        :class="theme.input"
-        v-bind="{ ...$attrs, ...props.input.props }"
-      />
+    <div>
+        <label :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600 dark:text-red-400"
+                >*</span
+            >
+        </label>
+        <p>{{ input.description }}</p>
+        <DatePicker
+            v-model="model"
+            showIcon
+            fluid
+            iconDisplay="input"
+            v-bind="{ ...$attrs, ...props.input.props }"
+        />
+        <small v-if="error" :id="`${input.key}-help`">
+            {{ error }}
+        </small>
     </div>
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
 </template>
diff --git a/src/components/dropdown/index.vue b/src/components/dropdown/index.vue
index 1d4a922..9ec2250 100644
--- a/src/components/dropdown/index.vue
+++ b/src/components/dropdown/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Select from 'primevue/select'
 
 interface Props {
diff --git a/src/components/email/index.vue b/src/components/email/index.vue
index e281b0b..b10f7b6 100644
--- a/src/components/email/index.vue
+++ b/src/components/email/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps, type PropType } from 'vue'
 import InputText from 'primevue/inputtext'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
     input: {
diff --git a/src/components/embed_document/index.vue b/src/components/embed_document/index.vue
index 815aecb..708b45c 100644
--- a/src/components/embed_document/index.vue
+++ b/src/components/embed_document/index.vue
@@ -1,76 +1,63 @@
 <script setup lang="ts">
-import { computed, defineProps, type PropType } from 'vue'
-import type { DisplayProperties } from '../../types'
+import { computed } from 'vue'
+import type { EmbedProperties } from '~/types'
 
-const props = defineProps({
-  display: {
-    type: Object as PropType<DisplayProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      iframe: 'w-full h-full border-none',
-    }),
-  },
-})
-
-const src = props.display.src || ''
-const width = props.display.width || '640px'
-const height = props.display.height || '480px'
+interface Props {
+    display: EmbedProperties
+}
+const props = defineProps<Props>()
 
 // Function to detect the document type based on the src URL
 const detectDocumentType = (url: string) => {
-  if (url.includes('docs.google.com/document')) {
-    return 'google-doc'
-  }
-  if (url.includes('office.com')) {
-    return 'office-doc'
-  }
-  if (url.includes('notion.so')) {
-    return 'notion-doc'
-  }
-  if (url.endsWith('.pdf')) {
-    return 'pdf'
-  }
-  return 'unknown'
+    if (url.includes('docs.google.com/document')) {
+        return 'google-doc'
+    }
+    if (url.includes('office.com')) {
+        return 'office-doc'
+    }
+    if (url.includes('notion.so')) {
+        return 'notion-doc'
+    }
+    if (url.endsWith('.pdf')) {
+        return 'pdf'
+    }
+    return 'unknown'
 }
 
-const documentType = detectDocumentType(src)
+const documentType = detectDocumentType(props.display.src)
 
 // Generate iframe src based on the detected document type
 const iframeSrc = computed(() => {
-  if (documentType === 'pdf') {
-    return src
-  }
-  if (documentType === 'google-doc') {
-    const url = new URL(src)
-    const docId = url.pathname.split('/')[3]
-    return `https://docs.google.com/document/d/${docId}/preview`
-  }
-  if (documentType === 'office-doc') {
-    const url = new URL(src)
-    return `${url.origin}/view?resid=${url.pathname.split('/')[3]}`
-  }
-  if (documentType === 'notion-doc') {
-    return `https://www.notion.so/embed/${new URL(src).pathname
-      .split('/')
-      .pop()}`
-  }
-  return ''
+    if (documentType === 'pdf') {
+        return props.display.src
+    }
+    if (documentType === 'google-doc') {
+        const url = new URL(props.display.src)
+        const docId = url.pathname.split('/')[3]
+        return `https://docs.google.com/document/d/${docId}/preview`
+    }
+    if (documentType === 'office-doc') {
+        const url = new URL(props.display.src)
+        return `${url.origin}/view?resid=${url.pathname.split('/')[3]}`
+    }
+    if (documentType === 'notion-doc') {
+        return `https://www.notion.so/embed/${new URL(
+            props.display.src,
+        ).pathname
+            .split('/')
+            .pop()}`
+    }
+    return ''
 })
 </script>
 
 <template>
-  <div :class="theme.container" :style="{ width, height }">
     <iframe
-      v-if="iframeSrc"
-      :src="iframeSrc"
-      :style="{ width, height }"
-      :class="theme.iframe"
-      allowfullscreen
+        v-if="iframeSrc"
+        :src="iframeSrc"
+        :width="display.width || 300"
+        :height="display.height || 200"
+        allowfullscreen
     />
     <p v-else>Unsupported document format</p>
-  </div>
 </template>
diff --git a/src/components/embed_slides/index.vue b/src/components/embed_slides/index.vue
index 1d77eee..9323536 100644
--- a/src/components/embed_slides/index.vue
+++ b/src/components/embed_slides/index.vue
@@ -1,82 +1,67 @@
 <script setup lang="ts">
-import { computed, defineProps, type PropType } from 'vue'
-import type { DisplayProperties } from '../../types'
+import { computed } from 'vue'
+import type { EmbedProperties } from '~/types'
 
-const props = defineProps({
-  display: {
-    type: Object as PropType<DisplayProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: 'relative',
-      iframe: 'w-full h-full border-none',
-    }),
-  },
-})
-
-const src = props.display.src || ''
-const width = props.display.width || '640px'
-const height = props.display.height || '360px'
+interface Props {
+    display: EmbedProperties
+}
+const props = defineProps<Props>()
 
 // Function to detect the slides type based on the src URL
 const detectSlidesType = (url: string) => {
-  if (url.includes('docs.google.com/presentation')) {
-    return 'google'
-  }
-  if (url.includes('office.com')) {
-    return 'office'
-  }
-  if (url.includes('prezi.com')) {
-    return 'prezi'
-  }
-  if (url.includes('slideshare.net')) {
-    return 'slideshare'
-  }
-  if (url.includes('zoho.com/show')) {
-    return 'zoho'
-  }
-  return 'unknown'
+    if (url.includes('docs.google.com/presentation')) {
+        return 'google'
+    }
+    if (url.includes('office.com')) {
+        return 'office'
+    }
+    if (url.includes('prezi.com')) {
+        return 'prezi'
+    }
+    if (url.includes('slideshare.net')) {
+        return 'slideshare'
+    }
+    if (url.includes('zoho.com/show')) {
+        return 'zoho'
+    }
+    return 'unknown'
 }
 
-const slidesType = detectSlidesType(src)
+const slidesType = detectSlidesType(props.display.src)
 
 // Generate iframe src based on the detected slides type
 const iframeSrc = computed(() => {
-  if (slidesType === 'google') {
-    const url = new URL(src)
-    const presentationId = url.pathname.split('/')[3]
-    return `https://docs.google.com/presentation/d/${presentationId}/embed`
-  }
-  if (slidesType === 'office') {
-    const url = new URL(src)
-    return `${url.origin}/view?resid=${url.pathname.split('/')[3]}`
-  }
-  if (slidesType === 'prezi') {
-    return src
-  }
-  if (slidesType === 'slideshare') {
-    const url = new URL(src)
-    const presentationId = url.pathname.split('/')[2]
-    return `https://www.slideshare.net/slidelive/${presentationId}`
-  }
-  if (slidesType === 'zoho') {
-    return src
-  }
-  return ''
+    if (slidesType === 'google') {
+        const url = new URL(props.display.src)
+        const presentationId = url.pathname.split('/')[3]
+        return `https://docs.google.com/presentation/d/${presentationId}/embed`
+    }
+    if (slidesType === 'office') {
+        const url = new URL(props.display.src)
+        return `${url.origin}/view?resid=${url.pathname.split('/')[3]}`
+    }
+    if (slidesType === 'prezi') {
+        return props.display.src
+    }
+    if (slidesType === 'slideshare') {
+        const url = new URL(props.display.src)
+        const presentationId = url.pathname.split('/')[2]
+        return `https://www.slideshare.net/slidelive/${presentationId}`
+    }
+    if (slidesType === 'zoho') {
+        return props.display.src
+    }
+    return ''
 })
 </script>
 
 <template>
-  <div :class="theme.container" :style="{ width, height }">
     <iframe
-      v-if="iframeSrc"
-      :src="iframeSrc"
-      :style="{ width, height }"
-      :class="theme.iframe"
-      allowfullscreen
+        v-if="iframeSrc"
+        :src="iframeSrc"
+        :width="display.width || 640"
+        :height="display.height || 360"
+        allowfullscreen
     />
     <p v-else>Unsupported slide format</p>
-  </div>
 </template>
diff --git a/src/components/file_upload/file-card.vue b/src/components/file_upload/file-card.vue
index 3524109..5f09fab 100644
--- a/src/components/file_upload/file-card.vue
+++ b/src/components/file_upload/file-card.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { defineProps, defineEmits, type PropType } from 'vue'
-import { IFile } from '../../types'
+import { IFile } from '~/types'
 
 defineProps({
     file: {
diff --git a/src/components/file_upload/index.vue b/src/components/file_upload/index.vue
index f1ff66b..3c0d9fd 100644
--- a/src/components/file_upload/index.vue
+++ b/src/components/file_upload/index.vue
@@ -1,103 +1,105 @@
 <script setup lang="ts">
-import {
-  defineProps,
-  defineModel,
-  defineEmits,
-  computed,
-  type PropType,
-} from 'vue'
 import FileUpload from 'primevue/fileupload'
+import type { FileUploadUploaderEvent } from 'primevue/fileupload'
 import Button from 'primevue/button'
 import FileCard from './file-card.vue'
-import type { IFile, InputProperties, Validation } from '../../types'
+import type { IFile, InputProperties, Validation } from '~/types'
+import { computed } from 'vue'
 
 // Define props
-const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-black dark:text-white',
-      input: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600 dark:text-red-400',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
+interface Props {
+    input: InputProperties
+    readonly?: boolean
+    error?: string
+}
+const props = withDefaults(defineProps<Props>(), {
+    readonly: false,
 })
+
 const files = defineModel<IFile[]>('files', { default: [] })
 // Define emits
 const emit = defineEmits(['remove'])
 
 // Define computed properties
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 
 const accept = 'image/*'
 
 const maxFiles = computed(() => {
-  const v = props.input?.validations?.find(
-    (v: Validation) => v.rule == 'maxLength',
-  )
-  return v?.params ? parseInt(v.params[0]) : 1
+    const v = props.input?.validations?.find(
+        (v: Validation) => v.rule == 'maxLength',
+    )
+    return v?.params ? parseInt(v.params[0]) : 1
 })
 
 // Handle file selection
-const onFileSelected = (event: { files: File[] }) => {
-  const selectedFiles: IFile[] =
-    event.files.map((file) => ({
-      file,
-      status: 'queued',
-    })) || []
-  files.value = files.value?.concat(selectedFiles).slice(0, maxFiles.value)
+const onFileSelected = (event: FileUploadUploaderEvent) => {
+    const selectedFiles: IFile[] =
+        (Array.isArray(event.files) ? event.files : [event.files]).map(
+            (file: any) => ({
+                file,
+                status: 'queued',
+            }),
+        ) || []
+    files.value = files.value?.concat(selectedFiles).slice(0, maxFiles.value)
 }
 
 // Handle file removal
 const onFileRemove = (file: IFile) => {
-  emit(
-    'remove',
-    files.value.find((_file) => _file.file.name === file.file.name),
-  )
-  files.value = files.value.filter(
-    (_file) => _file.file.name !== file.file.name,
-  )
+    emit(
+        'remove',
+        files.value.find((_file) => _file.file.name === file.file.name),
+    )
+    files.value = files.value.filter(
+        (_file) => _file.file.name !== file.file.name,
+    )
 }
 </script>
 
 <template>
-  <div :class="theme.container">
-    <p class="font-medium">
-      {{ props.input.label }}
-      <span v-if="isRequired" class="text-red-500">*</span>
-    </p>
-    <p class="mb-2 text-sm">{{ props.input.description }}</p>
+    <div>
+        <p class="font-medium">
+            {{ props.input.label }}
+            <span v-if="isRequired" class="text-red-500">*</span>
+        </p>
+        <p class="mb-2 text-sm">{{ props.input.description }}</p>
 
-    <FileUpload custom-upload @uploader="onFileSelected" auto :show-cancel-button="false" :show-upload-button="false"
-      :multiple="maxFiles > 1" :accept="accept" v-bind="{ ...$attrs, ...input.props }">
-      <template #header="{ chooseCallback }">
-        <Button label="Upload" icon="pi pi-upload" @click="chooseCallback" :disabled="readonly" />
-        <p>Accepted files: {{ accept }}, Limit: {{ maxFiles }}</p>
-      </template>
-      <template #empty>
-        <span>Drag and drop files to here to upload.</span> </template><template #content>
-        <FileCard v-for="file in files" :key="file.file.name" :file="file" class="mb-2" @remove="onFileRemove(file)" />
-      </template>
-    </FileUpload>
+        <FileUpload
+            custom-upload
+            @uploader="onFileSelected"
+            auto
+            :show-cancel-button="false"
+            :show-upload-button="false"
+            :multiple="maxFiles > 1"
+            :accept="accept"
+            v-bind="{ ...$attrs, ...input.props }"
+        >
+            <template #header="{ chooseCallback }">
+                <Button
+                    label="Upload"
+                    icon="pi pi-upload"
+                    @click="chooseCallback"
+                    :disabled="readonly"
+                />
+                <p>Accepted files: {{ accept }}, Limit: {{ maxFiles }}</p>
+            </template>
+            <template #empty>
+                <span>Drag and drop files to here to upload.</span> </template
+            ><template #content>
+                <FileCard
+                    v-for="file in files"
+                    :key="file.file.name"
+                    :file="file"
+                    class="mb-2"
+                    @remove="onFileRemove(file)"
+                />
+            </template>
+        </FileUpload>
 
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+        <small v-if="error" :id="`${input.key}-help`">
+            {{ error }}
+        </small>
+    </div>
 </template>
diff --git a/src/components/geolocation/index.vue b/src/components/geolocation/index.vue
index 3604e60..4072944 100644
--- a/src/components/geolocation/index.vue
+++ b/src/components/geolocation/index.vue
@@ -1,80 +1,80 @@
 <script setup lang="ts">
 import type { PropType } from 'vue'
 import { computed, defineProps, ref } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      button: 'w-full p-button p-component',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full',
+            button: 'w-full p-button p-component',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 
 const location = ref<{ lat: number | null; lng: number | null }>({
-  lat: null,
-  lng: null,
+    lat: null,
+    lng: null,
 })
 
 const handleGeolocation = async () => {
-  if ('geolocation' in navigator) {
-    navigator.geolocation.getCurrentPosition(
-      (position) => {
-        location.value = {
-          lat: position.coords.latitude,
-          lng: position.coords.longitude,
-        }
-        // Process or emit location data as needed
-      },
-      (error) => {
-        console.error('Geolocation error:', error)
-        // Handle error (e.g., show user feedback)
-      },
-    )
-  } else {
-    console.error('Geolocation not supported')
-    // Handle unsupported case (e.g., notify user)
-  }
+    if ('geolocation' in navigator) {
+        navigator.geolocation.getCurrentPosition(
+            (position) => {
+                location.value = {
+                    lat: position.coords.latitude,
+                    lng: position.coords.longitude,
+                }
+                // Process or emit location data as needed
+            },
+            (error) => {
+                console.error('Geolocation error:', error)
+                // Handle error (e.g., show user feedback)
+            },
+        )
+    } else {
+        console.error('Geolocation not supported')
+        // Handle unsupported case (e.g., notify user)
+    }
 }
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- Geolocation button -->
-    <button :class="theme.button" @click="handleGeolocation">
-      Get Location
-    </button>
-    <!-- Display location if available -->
-    <div v-if="location.lat !== null && location.lng !== null">
-      <p>Latitude: {{ location.lat }}</p>
-      <p>Longitude: {{ location.lng }}</p>
+    <div :class="theme.container">
+        <label :class="theme.label">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <!-- Geolocation button -->
+        <button :class="theme.button" @click="handleGeolocation">
+            Get Location
+        </button>
+        <!-- Display location if available -->
+        <div v-if="location.lat !== null && location.lng !== null">
+            <p>Latitude: {{ location.lat }}</p>
+            <p>Longitude: {{ location.lng }}</p>
+        </div>
+        <!-- If error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
     </div>
-    <!-- If error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
 </template>
 
 <style scoped>
diff --git a/src/components/html_block_content/index.vue b/src/components/html_block_content/index.vue
index fb5b8e1..3feb975 100644
--- a/src/components/html_block_content/index.vue
+++ b/src/components/html_block_content/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { HtmlBlockContentProperties } from '../../types'
+import { HtmlBlockContentProperties } from '~/types'
 
 interface Props {
     display: HtmlBlockContentProperties
diff --git a/src/components/html_block_list/index.vue b/src/components/html_block_list/index.vue
index 774020b..d57e7fc 100644
--- a/src/components/html_block_list/index.vue
+++ b/src/components/html_block_list/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { HTMLBlockListProperties } from '../../types'
+import { HTMLBlockListProperties } from '~/types'
 
 interface Props {
     display: HTMLBlockListProperties
diff --git a/src/components/html_block_media/index.vue b/src/components/html_block_media/index.vue
index 5e1f71a..777a4c7 100644
--- a/src/components/html_block_media/index.vue
+++ b/src/components/html_block_media/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { HTMLBlockMediaProperties } from '../../types'
+import { HTMLBlockMediaProperties } from '~/types'
 
 interface Props {
     display: HTMLBlockMediaProperties
diff --git a/src/components/icon_display/index.vue b/src/components/icon_display/index.vue
deleted file mode 100644
index f3f773a..0000000
--- a/src/components/icon_display/index.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { DisplayProperties } from '../../types'
-
-interface Props {
-    display: DisplayProperties
-}
-defineProps<Props>()
-</script>
-
-<template>
-    <i :class="[display.icon]" aria-label="Icon" />
-</template>
diff --git a/src/components/image_choice/index.vue b/src/components/image_choice/index.vue
index 880b39c..16cff66 100644
--- a/src/components/image_choice/index.vue
+++ b/src/components/image_choice/index.vue
@@ -1,93 +1,98 @@
 <script setup lang="ts">
 import { ref, computed, defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-lg font-semibold text-gray-900 dark:text-gray-100',
-      input: 'w-full flex flex-wrap gap-2',
-      description: 'text-sm text-gray-700 dark:text-gray-300',
-      error: 'text-red-600 dark:text-red-400',
-      imageOption:
-        'relative flex flex-col items-center p-2 cursor-pointer transition-transform duration-300 ease-in-out transform hover:scale-105',
-      image: 'w-24 h-24 object-cover border-2 border-transparent rounded-lg',
-      imageSelected: 'border-blue-500 dark:border-blue-300',
-      selectedOverlay:
-        'absolute inset-0 border-4 border-blue-500 dark:border-blue-300 rounded-lg pointer-events-none',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full text-lg font-semibold text-gray-900 dark:text-gray-100',
+            input: 'w-full flex flex-wrap gap-2',
+            description: 'text-sm text-gray-700 dark:text-gray-300',
+            error: 'text-red-600 dark:text-red-400',
+            imageOption:
+                'relative flex flex-col items-center p-2 cursor-pointer transition-transform duration-300 ease-in-out transform hover:scale-105',
+            image: 'w-24 h-24 object-cover border-2 border-transparent rounded-lg',
+            imageSelected: 'border-blue-500 dark:border-blue-300',
+            selectedOverlay:
+                'absolute inset-0 border-4 border-blue-500 dark:border-blue-300 rounded-lg pointer-events-none',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 
 const model = defineModel<string>({ default: '' })
 
 const selected = ref<string>(model.value)
 const selectImage = (value: string) => {
-  selected.value = value
-  model.value = value
+    selected.value = value
+    model.value = value
 }
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600 dark:text-red-400">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- input section -->
-    <div :class="theme.input">
-      <div
-        v-for="option in input.choices"
-        :key="option.value"
-        :class="theme.imageOption"
-        @click="selectImage(option.value)"
-      >
-        <div
-          :class="[
-            'relative',
-            { [theme.selectedOverlay]: selected === option.value },
-          ]"
-        >
-          <img
-            :src="option.value"
-            :alt="option.label"
-            :class="[
-              theme.image,
-              { [theme.imageSelected]: selected === option.value },
-            ]"
-          />
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600 dark:text-red-400"
+                >*</span
+            >
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <!-- input section -->
+        <div :class="theme.input">
+            <div
+                v-for="option in input.choices"
+                :key="option.value"
+                :class="theme.imageOption"
+                @click="selectImage(option.value)"
+            >
+                <div
+                    :class="[
+                        'relative',
+                        { [theme.selectedOverlay]: selected === option.value },
+                    ]"
+                >
+                    <img
+                        :src="option.value"
+                        :alt="option.label"
+                        :class="[
+                            theme.image,
+                            {
+                                [theme.imageSelected]:
+                                    selected === option.value,
+                            },
+                        ]"
+                    />
+                </div>
+                <span class="mt-1 text-sm text-gray-800 dark:text-gray-200">{{
+                    option.label
+                }}</span>
+            </div>
         </div>
-        <span class="mt-1 text-sm text-gray-800 dark:text-gray-200">{{
-          option.label
-        }}</span>
-      </div>
+        <!-- if error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">{{
+            error
+        }}</small>
     </div>
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">{{
-      error
-    }}</small>
-  </div>
 </template>
 
 <style scoped>
 .imageOption {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
 }
 </style>
diff --git a/src/components/likert_scale/index.vue b/src/components/likert_scale/index.vue
index fc47edb..6b4df71 100644
--- a/src/components/likert_scale/index.vue
+++ b/src/components/likert_scale/index.vue
@@ -1,66 +1,66 @@
 <script setup lang="ts">
 import { defineModel, computed, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import RadioButton from 'primevue/radiobutton'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-black dark:text-white', // Label colors for dark and light mode
-      input: 'flex items-center text-black dark:text-white', // Ensure RadioButton and label text colors adapt
-      description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
-      error: 'text-red-600 dark:text-red-400', // Error colors for dark and light mode
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full text-black dark:text-white', // Label colors for dark and light mode
+            input: 'flex items-center text-black dark:text-white', // Ensure RadioButton and label text colors adapt
+            description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
+            error: 'text-red-600 dark:text-red-400', // Error colors for dark and light mode
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 const model = defineModel<string>({ default: '' })
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <p class="font-medium">
-      {{ props.input.label }}
-      <span v-if="isRequired" class="text-red-500">*</span>
-    </p>
-    <p class="mb-2 text-sm">{{ props.input.description }}</p>
+    <div :class="theme.container">
+        <p class="font-medium">
+            {{ props.input.label }}
+            <span v-if="isRequired" class="text-red-500">*</span>
+        </p>
+        <p class="mb-2 text-sm">{{ props.input.description }}</p>
 
-    <div class="flex flex-col">
-      <div
-        v-for="option in input.choices"
-        :key="option.value"
-        class="flex items-center mb-2"
-      >
-        <RadioButton
-          :id="`${input.key}-${option.value}`"
-          v-model="model"
-          :value="option.value"
-          :input-id="`${input.key}-${option.value}`"
-          :class="theme.input"
-          v-bind="{ ...$attrs, ...input.props }"
-        />
-        <label
-          :for="`${input.key}-${option.value}`"
-          class="ml-2 text-black dark:text-white"
-        >
-          {{ option.label }}
-        </label>
-      </div>
+        <div class="flex flex-col">
+            <div
+                v-for="option in input.choices"
+                :key="option.value"
+                class="flex items-center mb-2"
+            >
+                <RadioButton
+                    :id="`${input.key}-${option.value}`"
+                    v-model="model"
+                    :value="option.value"
+                    :input-id="`${input.key}-${option.value}`"
+                    :class="theme.input"
+                    v-bind="{ ...$attrs, ...input.props }"
+                />
+                <label
+                    :for="`${input.key}-${option.value}`"
+                    class="ml-2 text-black dark:text-white"
+                >
+                    {{ option.label }}
+                </label>
+            </div>
+        </div>
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
     </div>
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
 </template>
diff --git a/src/components/list/index.vue b/src/components/list/index.vue
index 00cf38c..12a95d6 100644
--- a/src/components/list/index.vue
+++ b/src/components/list/index.vue
@@ -39,7 +39,7 @@ const listEl: Ref<HTMLElement | null> = ref(null)
 watch(
     () => props.input.props,
     () => {
-        list.value = (props.input?.props?.items || []).map((i) => {
+        list.value = (props.input?.props?.items || []).map((i: any) => {
             return {
                 id: crypto.randomUUID(),
                 label: i,
diff --git a/src/components/locale_selector/index.vue b/src/components/locale_selector/index.vue
index 1115c64..1e1454b 100644
--- a/src/components/locale_selector/index.vue
+++ b/src/components/locale_selector/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Select from 'primevue/select'
 
 defineProps({
diff --git a/src/components/long_text/index.vue b/src/components/long_text/index.vue
index 9afad81..ea65186 100644
--- a/src/components/long_text/index.vue
+++ b/src/components/long_text/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import TextArea from 'primevue/textarea'
 
 interface Props {
diff --git a/src/components/map_marking/index.vue b/src/components/map_marking/index.vue
deleted file mode 100644
index 64570d9..0000000
--- a/src/components/map_marking/index.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import { computed, defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
-import InputText from 'primevue/inputtext'
-
-const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      input: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-})
-const model = defineModel<string>({ default: '' })
-const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
-)
-</script>
-<template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- input section -->
-    <InputText
-      :id="input.key"
-      v-model="model"
-      :input-id="input.key"
-      :class="theme.input"
-      rows="3"
-      v-bind="{ ...$attrs, ...input.props }"
-    />
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">{{
-      error
-    }}</small>
-  </div>
-</template>
diff --git a/src/components/matrix/index.vue b/src/components/matrix/index.vue
deleted file mode 100644
index 55c4246..0000000
--- a/src/components/matrix/index.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script setup lang="ts">
-import { defineProps, computed, type PropType, ref } from 'vue'
-import type { InputProperties } from '../../types'
-import Checkbox from 'primevue/checkbox'
-
-const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: 'flex flex-col gap-4',
-      label: 'w-full',
-      matrixContainer: 'flex flex-col gap-2',
-      row: 'flex items-center gap-2',
-      column: 'flex-1',
-      checkbox: 'mr-2',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-})
-
-const model = ref<Record<string, string[]>>({})
-
-const updateSelection = (row: string, value: string) => {
-  if (!model.value[row]) {
-    model.value[row] = []
-  }
-
-  const index = model.value[row].indexOf(value)
-  if (index === -1) {
-    model.value[row].push(value)
-  } else {
-    model.value[row].splice(index, 1)
-  }
-}
-const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required')
-)
-</script>
-
-<template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- Survey matrix -->
-    <div :class="theme.matrixContainer">
-      <div
-        v-for="(row, rowIndex) in input.rows"
-        :key="rowIndex"
-        :class="theme.row"
-      >
-        <span class="flex-1">{{ row.label }}</span>
-        <div
-          v-for="(column, colIndex) in input.columns"
-          :key="colIndex"
-          :class="theme.column"
-        >
-          <Checkbox
-            :id="`${input.key}-${rowIndex}-${colIndex}`"
-            :value="column.value"
-            :checked="model.value[row.key]?.includes(column.value)"
-            v-bind="{ ...$attrs, ...input.props }"
-            @change="() => updateSelection(row.key, column.value)"
-          />
-          <label
-            :for="`${input.key}-${rowIndex}-${colIndex}`"
-            class="p-checkbox-label"
-          >
-            {{ column.label }}
-          </label>
-        </div>
-      </div>
-    </div>
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
-</template>
diff --git a/src/components/multiple_choice/index.vue b/src/components/multiple_choice/index.vue
index bf0947a..7cb78fe 100644
--- a/src/components/multiple_choice/index.vue
+++ b/src/components/multiple_choice/index.vue
@@ -1,66 +1,68 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import RadioButton from 'primevue/radiobutton'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-black dark:text-white', // Added text color for label
-      input: 'flex flex-wrap gap-4', // Layout for radio buttons
-      description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
-      radioButton: 'mr-2', // Margin for radio button alignment
-      radioLabel: 'text-black dark:text-white', // Added text color for radio labels
-      error: 'text-red-600 dark:text-red-400', // Added dark mode color for error
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full text-black dark:text-white', // Added text color for label
+            input: 'flex flex-wrap gap-4', // Layout for radio buttons
+            description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
+            radioButton: 'mr-2', // Margin for radio button alignment
+            radioLabel: 'text-black dark:text-white', // Added text color for radio labels
+            error: 'text-red-600 dark:text-red-400', // Added dark mode color for error
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 const model = defineModel<string>({ default: '' })
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600 dark:text-red-400">*</span>
-      <!-- Adjusted for dark mode -->
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <div :class="theme.input">
-      <div
-        v-for="option in input.choices"
-        :key="option.value"
-        class="flex items-center"
-      >
-        <RadioButton
-          :id="option.value"
-          v-model="model"
-          :value="option.value"
-          :input-id="option.value"
-          :class="theme.radioButton"
-          v-bind="{ ...$attrs, ...input.props }"
-        />
-        <label :for="option.value" :class="theme.radioLabel">{{
-          option.label
-        }}</label>
-        <!-- Applied label styling -->
-      </div>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600 dark:text-red-400"
+                >*</span
+            >
+            <!-- Adjusted for dark mode -->
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <div :class="theme.input">
+            <div
+                v-for="option in input.choices"
+                :key="option.value"
+                class="flex items-center"
+            >
+                <RadioButton
+                    :id="option.value"
+                    v-model="model"
+                    :value="option.value"
+                    :input-id="option.value"
+                    :class="theme.radioButton"
+                    v-bind="{ ...$attrs, ...input.props }"
+                />
+                <label :for="option.value" :class="theme.radioLabel">{{
+                    option.label
+                }}</label>
+                <!-- Applied label styling -->
+            </div>
+        </div>
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
     </div>
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
 </template>
diff --git a/src/components/net_promoter_score/index.vue b/src/components/net_promoter_score/index.vue
index 8dc2534..19c1f20 100644
--- a/src/components/net_promoter_score/index.vue
+++ b/src/components/net_promoter_score/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
     input: {
diff --git a/src/components/number/index.vue b/src/components/number/index.vue
index 5885dc0..93f8255 100644
--- a/src/components/number/index.vue
+++ b/src/components/number/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps } from 'vue'
 import InputNumber from 'primevue/inputnumber'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 interface Props {
     input: InputProperties
diff --git a/src/components/page_break/index.vue b/src/components/page_break/index.vue
index c5d0267..65111cf 100644
--- a/src/components/page_break/index.vue
+++ b/src/components/page_break/index.vue
@@ -1,24 +1,24 @@
 <script setup lang="ts">
 import { defineProps, type PropType } from 'vue'
-import type { DisplayProperties } from '../../types'
+import type { DisplayProperties } from '~/types'
 
 defineProps({
-  display: {
-    type: Object as PropType<DisplayProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      input: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
+    display: {
+        type: Object as PropType<DisplayProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full',
+            input: 'w-full',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+        }),
+    },
 })
 </script>
 <template>
-  <div :class="theme.container" />
+    <div :class="theme.container" />
 </template>
diff --git a/src/components/password/index.vue b/src/components/password/index.vue
index 327f027..7025383 100644
--- a/src/components/password/index.vue
+++ b/src/components/password/index.vue
@@ -1,63 +1,65 @@
 <script setup lang="ts">
 import type { PropType } from 'vue'
 import { computed, defineProps } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: '',
-      input: '',
-      description: 'text-sm text-gray-700 dark:text-gray-300',
-      error: 'text-red-600 dark:text-red-400',
-      toggleButton:
-        'cursor-pointer text-blue-600 dark:text-blue-400 hover:underline',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: '',
+            input: '',
+            description: 'text-sm text-gray-700 dark:text-gray-300',
+            error: 'text-red-600 dark:text-red-400',
+            toggleButton:
+                'cursor-pointer text-blue-600 dark:text-blue-400 hover:underline',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
+    readonly: {
+        type: Boolean,
+        default: false,
+    },
 })
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 
 const model = defineModel<string>({
-  required: true,
+    required: true,
 })
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600 dark:text-red-400">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600 dark:text-red-400"
+                >*</span
+            >
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
 
-    <Password
-      v-model="model"
-      :input-id="input.key"
-      v-bind="{ ...$attrs, ...input.props }"
-      :feedback="false"
-      toggleMask
-      :disabled="readonly"
-    />
+        <Password
+            v-model="model"
+            :input-id="input.key"
+            v-bind="{ ...$attrs, ...input.props }"
+            :feedback="false"
+            toggleMask
+            :disabled="readonly"
+        />
 
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+        <!-- if error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
+    </div>
 </template>
diff --git a/src/components/payment/index.vue b/src/components/payment/index.vue
index c401b6d..0834966 100644
--- a/src/components/payment/index.vue
+++ b/src/components/payment/index.vue
@@ -1,81 +1,72 @@
 <script setup lang="ts">
 import { defineProps, ref, onMounted, watch } from 'vue'
 
-const props = defineProps({
-  amount: {
-    type: Number,
-    required: true,
-  },
-  currency: {
-    type: String,
-    default: 'USD',
-  },
-})
+interface Props {
+    amount: number
+    currency?: string
+}
+const props = withDefaults(defineProps<Props>(), { currency: 'USD' })
 
 const paypalScriptLoaded = ref(false)
 
 const loadPaypalScript = () => {
-  if (!paypalScriptLoaded.value) {
-    const script = document.createElement('script')
-    script.src = 'https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID'
-    script.async = true
-    script.onload = () => {
-      paypalScriptLoaded.value = true
-      renderPayPalButton()
+    if (!paypalScriptLoaded.value) {
+        const script = document.createElement('script')
+        script.src = 'https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID'
+        script.async = true
+        script.onload = () => {
+            paypalScriptLoaded.value = true
+            renderPayPalButton()
+        }
+        document.body.appendChild(script)
+    } else {
+        renderPayPalButton()
     }
-    document.body.appendChild(script)
-  } else {
-    renderPayPalButton()
-  }
 }
 
 const renderPayPalButton = () => {
-  if (paypalScriptLoaded.value && (window as any).paypal) {
-    ;(window as any).paypal
-      .Buttons({
-        createOrder: function (data: any, actions: any) {
-          return actions.order.create({
-            purchase_units: [
-              {
-                amount: {
-                  currency_code: props.currency,
-                  value: props.amount.toFixed(2),
+    if (paypalScriptLoaded.value && (window as any).paypal) {
+        ;(window as any).paypal
+            .Buttons({
+                createOrder: function (_data: any, actions: any) {
+                    return actions.order.create({
+                        purchase_units: [
+                            {
+                                amount: {
+                                    currency_code: props.currency,
+                                    value: props.amount.toFixed(2),
+                                },
+                            },
+                        ],
+                    })
+                },
+                onApprove: function (_data: any, actions: any) {
+                    return actions.order.capture().then(function (
+                        details: any,
+                    ) {
+                        console.log(details)
+                    })
+                },
+                onError: function (err: any) {
+                    console.error(err)
                 },
-              },
-            ],
-          })
-        },
-        onApprove: function (data: any, actions: any) {
-          return actions.order.capture().then(function (details: any) {
-            console.log(details)
-          })
-        },
-        onError: function (err: any) {
-          console.error(err)
-        },
-      })
-      .render('#paypal-button-container')
-  }
+            })
+            .render('#paypal-button-container')
+    }
 }
 
 onMounted(() => {
-  loadPaypalScript()
+    loadPaypalScript()
 })
 
 watch(
-  () => [props.amount, props.currency],
-  () => {
-    renderPayPalButton()
-  }
+    () => [props.amount, props.currency],
+    () => {
+        renderPayPalButton()
+    },
 )
 </script>
 
 <template>
-  <div id="paypal-button-container" class="paypal-button-container"/>
+    <div id="paypal-button-container" />
 </template>
-
-<style scoped>
-.paypal-button-container {
-  /* Style your PayPal button container if needed */
-}
-</style>
diff --git a/src/components/phone_number/index.vue b/src/components/phone_number/index.vue
index 551d2c2..e36900c 100644
--- a/src/components/phone_number/index.vue
+++ b/src/components/phone_number/index.vue
@@ -4,112 +4,114 @@ import { ref, defineProps, defineEmits, computed, watch } from 'vue'
 import Select from 'primevue/select'
 import InputNumber from 'primevue/inputnumber'
 import countryCodes from '../../assets/country-codes.json' // Adjust the path as needed
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 // Define props
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-black dark:text-white',
-      input: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600 dark:text-red-400',
-      countryCode: 'w-25',
-      phoneInput: 'flex-1',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full text-black dark:text-white',
+            input: 'w-full',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600 dark:text-red-400',
+            countryCode: 'w-25',
+            phoneInput: 'flex-1',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
+    readonly: {
+        type: Boolean,
+        default: false,
+    },
 })
 
 // Define emits
 const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void
-  (e: 'update:phoneNumber', value: string): void
-  (e: 'update:countryCode', value: string): void
+    (e: 'update:modelValue', value: string): void
+    (e: 'update:phoneNumber', value: string): void
+    (e: 'update:countryCode', value: string): void
 }>()
 
 // Define local state for the model
 const model = ref({
-  countryCode: props.input.props?.countryCode || '1',
-  phoneNumber: props.input.props?.phoneNumber,
+    countryCode: props.input.props?.countryCode || '1',
+    phoneNumber: props.input.props?.phoneNumber,
 })
 
 // Computed property for combined value
 const combinedModelValue = computed(
-  () => `${model.value.countryCode}${model.value.phoneNumber}`,
+    () => `${model.value.countryCode}${model.value.phoneNumber}`,
 )
 
 // Watch and emit changes for combined model value
 watch(
-  () => combinedModelValue.value,
-  (newValue) => {
-    emit('update:modelValue', newValue)
-  },
+    () => combinedModelValue.value,
+    (newValue) => {
+        emit('update:modelValue', newValue)
+    },
 )
 
 // Watch and emit changes for phoneNumber
 watch(
-  () => model.value.phoneNumber,
-  (newValue) => {
-    if (newValue) emit('update:phoneNumber', newValue)
-  },
+    () => model.value.phoneNumber,
+    (newValue) => {
+        if (newValue) emit('update:phoneNumber', newValue)
+    },
 )
 
 // Watch and emit changes for countryCode
 watch(
-  () => model.value.countryCode,
-  (newValue) => {
-    emit('update:countryCode', newValue as string)
-  },
+    () => model.value.countryCode,
+    (newValue) => {
+        emit('update:countryCode', newValue as string)
+    },
 )
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="props.theme.container">
-    <label :class="props.theme.label" :for="props.input.key">
-      {{ props.input.label }}
-      <span v-if="isRequired" class="text-red-600 dark:text-red-400">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <div class="space-x-2">
-      <Select
-        v-model="model.countryCode"
-        :options="countryCodes"
-        option-label="label"
-        option-value="value"
-        :class="props.theme.countryCode"
-        :input-id="props.input.key"
-        v-bind="{ ...$attrs, ...input.props }"
-      />
-      <InputNumber
-        :id="props.input.key"
-        v-model="model.phoneNumber"
-        :input-id="props.input.key"
-        :class="props.theme.phoneInput"
-        :placeholder="props.input?.placeholder || 'Enter phone number'"
-        mode="decimal"
-        :min="10"
-        :use-grouping="false"
-      />
+    <div :class="props.theme.container">
+        <label :class="props.theme.label" :for="props.input.key">
+            {{ props.input.label }}
+            <span v-if="isRequired" class="text-red-600 dark:text-red-400"
+                >*</span
+            >
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <div class="space-x-2">
+            <Select
+                v-model="model.countryCode"
+                :options="countryCodes"
+                option-label="label"
+                option-value="value"
+                :class="props.theme.countryCode"
+                :input-id="props.input.key"
+                v-bind="{ ...$attrs, ...input.props }"
+            />
+            <InputNumber
+                :id="props.input.key"
+                v-model="model.phoneNumber"
+                :input-id="props.input.key"
+                :class="props.theme.phoneInput"
+                :placeholder="props.input?.placeholder || 'Enter phone number'"
+                mode="decimal"
+                :min="10"
+                :use-grouping="false"
+            />
+        </div>
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
     </div>
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
 </template>
diff --git a/src/components/range/index.vue b/src/components/range/index.vue
index 959d01b..bdad04b 100644
--- a/src/components/range/index.vue
+++ b/src/components/range/index.vue
@@ -1,60 +1,60 @@
 <script setup lang="ts">
 import { computed, defineProps, type PropType, ref } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Slider from 'primevue/slider'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-      range: 'w-full',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+            range: 'w-full',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 
 const model = ref<number>()
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- Range input section -->
-    <Slider
-      :id="input.key"
-      v-model="model"
-      range
-      :class="theme.range"
-      :min="input.props?.min"
-      :max="input.props?.max"
-      :step="input.props?.step"
-      v-bind="{ ...$attrs, ...input.props }"
-    />
-    <!-- Display the current value -->
-    <div class="mt-2">
-      <span>Value: {{ model }}</span>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <!-- Range input section -->
+        <Slider
+            :id="input.key"
+            v-model="model"
+            range
+            :class="theme.range"
+            :min="input.props?.min"
+            :max="input.props?.max"
+            :step="input.props?.step"
+            v-bind="{ ...$attrs, ...input.props }"
+        />
+        <!-- Display the current value -->
+        <div class="mt-2">
+            <span>Value: {{ model }}</span>
+        </div>
+        <!-- if error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
     </div>
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
 </template>
diff --git a/src/components/ranking/index.vue b/src/components/ranking/index.vue
index d5d118e..9259153 100644
--- a/src/components/ranking/index.vue
+++ b/src/components/ranking/index.vue
@@ -8,7 +8,7 @@ import {
     type PropType,
 } from 'vue'
 import { useSortable } from '@vueuse/integrations/useSortable'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
     input: {
diff --git a/src/components/rating_scale/index.vue b/src/components/rating_scale/index.vue
index 97d839e..dbb1d18 100644
--- a/src/components/rating_scale/index.vue
+++ b/src/components/rating_scale/index.vue
@@ -1,52 +1,54 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Rating from 'primevue/rating'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-lg font-semibold text-gray-900 dark:text-gray-100',
-      input: 'w-full', // Ensure the rating component takes full width
-      description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
-      error: 'text-red-600 dark:text-red-400', // Error colors for dark and light mode
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full text-lg font-semibold text-gray-900 dark:text-gray-100',
+            input: 'w-full', // Ensure the rating component takes full width
+            description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
+            error: 'text-red-600 dark:text-red-400', // Error colors for dark and light mode
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 const model = defineModel<number>()
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600 dark:text-red-400">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <Rating
-      :id="input.key"
-      v-model="model"
-      :stars="input.scale || 5"
-      :cancel="false"
-      :class="theme.input"
-      :input-id="input.key"
-      v-bind="{ ...$attrs, ...input.props }"
-    />
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600 dark:text-red-400"
+                >*</span
+            >
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <Rating
+            :id="input.key"
+            v-model="model"
+            :stars="input.scale || 5"
+            :cancel="false"
+            :class="theme.input"
+            :input-id="input.key"
+            v-bind="{ ...$attrs, ...input.props }"
+        />
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
+    </div>
 </template>
diff --git a/src/components/rich_text/index.vue b/src/components/rich_text/index.vue
index 5bc10fa..9c4d322 100644
--- a/src/components/rich_text/index.vue
+++ b/src/components/rich_text/index.vue
@@ -1,59 +1,59 @@
 <script setup lang="ts">
 import { defineProps, type PropType, ref, computed } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Editor from '@tinymce/tinymce-vue'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 
 const model = ref<string>('')
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- Rich text editor section -->
-    <Editor
-      :id="input.key"
-      v-model="model"
-      :init="{
-        menubar: false,
-        plugins: 'link image lists',
-        toolbar:
-          'undo redo | bold italic | alignleft aligncenter alignright | code',
-        height: 300,
-      }"
-      :class="theme.input"
-    />
-    <!-- if error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <!-- Rich text editor section -->
+        <Editor
+            :id="input.key"
+            v-model="model"
+            :init="{
+                menubar: false,
+                plugins: 'link image lists',
+                toolbar:
+                    'undo redo | bold italic | alignleft aligncenter alignright | code',
+                height: 300,
+            }"
+            :class="theme.input"
+        />
+        <!-- if error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
+    </div>
 </template>
 
 <style scoped>
diff --git a/src/components/short_text/index.vue b/src/components/short_text/index.vue
index 57192bd..01b81d5 100644
--- a/src/components/short_text/index.vue
+++ b/src/components/short_text/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
-import type { InputProperties } from '../../types'
+import { computed } from 'vue'
+import type { InputProperties } from '~/types'
 import InputText from 'primevue/inputtext'
 
 interface Props {
diff --git a/src/components/signature/index.vue b/src/components/signature/index.vue
index 104e2ac..aa4ed53 100644
--- a/src/components/signature/index.vue
+++ b/src/components/signature/index.vue
@@ -1,78 +1,78 @@
 <script setup lang="ts">
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import type { PropType } from 'vue'
 import { defineModel, computed, defineProps, onMounted, ref } from 'vue'
 import SignaturePad from 'signature_pad'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+        }),
+    },
 })
 
 const model = defineModel<string>({ default: '' })
 
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 
 const canvasRef = ref<HTMLCanvasElement | null>(null)
 let signaturePad: SignaturePad | null = null
 
 onMounted(() => {
-  if (canvasRef.value) {
-    signaturePad = new SignaturePad(canvasRef.value, {
-      backgroundColor: 'rgba(255, 255, 255, 0)',
-      penColor: 'rgb(0, 0, 0)',
-    })
+    if (canvasRef.value) {
+        signaturePad = new SignaturePad(canvasRef.value, {
+            backgroundColor: 'rgba(255, 255, 255, 0)',
+            penColor: 'rgb(0, 0, 0)',
+        })
 
-    // Listen to SignaturePad events to update the model with the signature data
-    signaturePad.onEnd = () => {
-      model.value = signaturePad?.toDataURL() || ''
+        // Listen to SignaturePad events to update the model with the signature data
+        // signaturePad.onEnd = () => {
+        //     model.value = signaturePad?.toDataURL() || ''
+        // }
     }
-  }
 })
 
 const clearSignature = () => {
-  if (signaturePad) {
-    signaturePad.clear()
-    model.value = ''
-  }
+    if (signaturePad) {
+        signaturePad.clear()
+        model.value = ''
+    }
 }
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
+    <div :class="theme.container">
+        <label :class="theme.label">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
 
-    <canvas
-      id="signature-pad"
-      ref="canvasRef"
-      class="signature-pad"
-      width="400"
-      height="200"
-    />
+        <canvas
+            id="signature-pad"
+            ref="canvasRef"
+            class="signature-pad"
+            width="400"
+            height="200"
+        />
 
-    <button
-      type="button"
-      class="mt-2 text-sm text-blue-500"
-      @click="clearSignature"
-    >
-      Clear Signature
-    </button>
-  </div>
+        <button
+            type="button"
+            class="mt-2 text-sm text-blue-500"
+            @click="clearSignature"
+        >
+            Clear Signature
+        </button>
+    </div>
 </template>
diff --git a/src/components/slider/index.vue b/src/components/slider/index.vue
index c38cd44..5951e93 100644
--- a/src/components/slider/index.vue
+++ b/src/components/slider/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { defineModel, computed, defineProps, type PropType } from 'vue'
 import InputSlider from 'primevue/slider'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
     input: {
diff --git a/src/components/term_of_service/index.vue b/src/components/term_of_service/index.vue
index 7ed62df..b1e08de 100644
--- a/src/components/term_of_service/index.vue
+++ b/src/components/term_of_service/index.vue
@@ -1,48 +1,48 @@
 <script setup lang="ts">
 import { defineProps, computed, defineModel, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import Checkbox from 'primevue/checkbox'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'flex items-center gap-2',
-      checkbox: 'mr-2',
-      description: 'text-sm text-slate-700 dark:text-slate-300',
-      error: 'text-red-600',
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'flex items-center gap-2',
+            checkbox: 'mr-2',
+            description: 'text-sm text-slate-700 dark:text-slate-300',
+            error: 'text-red-600',
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 const model = defineModel<boolean>({ required: true })
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label">
-      <Checkbox :id="input.key" v-model="model" :class="theme.checkbox" />
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600">*</span>
-    </label>
-    <!-- Render description -->
-    <p :class="theme.description">{{ input.description }}</p>
-    <!-- If error -->
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
+    <div :class="theme.container">
+        <label :class="theme.label">
+            <Checkbox :id="input.key" v-model="model" :class="theme.checkbox" />
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600">*</span>
+        </label>
+        <!-- Render description -->
+        <p :class="theme.description">{{ input.description }}</p>
+        <!-- If error -->
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
+    </div>
 </template>
 
 <style scoped>
diff --git a/src/components/time_picker/index.vue b/src/components/time_picker/index.vue
index 197952a..ef9d2ff 100644
--- a/src/components/time_picker/index.vue
+++ b/src/components/time_picker/index.vue
@@ -1,63 +1,65 @@
 <script setup lang="ts">
 import { computed, defineModel, defineProps, type PropType } from 'vue'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 import DatePicker from 'primevue/datepicker'
 
 const props = defineProps({
-  input: {
-    type: Object as PropType<InputProperties>,
-    required: true,
-  },
-  theme: {
-    type: Object,
-    default: () => ({
-      container: '',
-      label: 'w-full text-black dark:text-white', // Label colors for dark and light mode
-      inputContainer: 'relative w-full', // Wrapper for input and icon
-      input: 'w-full pr-10', // Input styling with padding for the icon
-      description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
-      error: 'text-red-600 dark:text-red-400', // Error colors for dark and light mode
-      icon: 'absolute right-2 top-2 text-slate-600 dark:text-slate-400', // Icon styling
-    }),
-  },
-  error: {
-    type: String,
-    default: '',
-  },
+    input: {
+        type: Object as PropType<InputProperties>,
+        required: true,
+    },
+    theme: {
+        type: Object,
+        default: () => ({
+            container: '',
+            label: 'w-full text-black dark:text-white', // Label colors for dark and light mode
+            inputContainer: 'relative w-full', // Wrapper for input and icon
+            input: 'w-full pr-10', // Input styling with padding for the icon
+            description: 'text-sm text-slate-700 dark:text-slate-300', // Description text for both modes
+            error: 'text-red-600 dark:text-red-400', // Error colors for dark and light mode
+            icon: 'absolute right-2 top-2 text-slate-600 dark:text-slate-400', // Icon styling
+        }),
+    },
+    error: {
+        type: String,
+        default: '',
+    },
 })
 const model = defineModel<Date | null>({ default: null })
 const isRequired = computed(() =>
-  props.input.validations?.map((v) => v.rule).includes('required'),
+    props.input.validations?.map((v) => v.rule).includes('required'),
 )
 </script>
 
 <template>
-  <div :class="theme.container">
-    <label :class="theme.label" :for="input.key">
-      {{ input.label }}
-      <span v-if="isRequired" class="text-red-600 dark:text-red-400">*</span>
-    </label>
-    <p :class="theme.description">{{ input.description }}</p>
-    <div :class="theme.inputContainer">
-      <DatePicker
-        :id="input.key"
-        v-model="model"
-        time-only
-        show-icon
-        fluid
-        icon-display="input"
-        :class="theme.input"
-        :input-id="input.key"
-        v-bind="{ ...$attrs, ...input.props }"
-      >
-        <template #inputicon="slotProps">
-          <i class="pi pi-clock" @click="slotProps.clickCallback" />
-        </template>
-      </DatePicker>
-      <!-- The DatePicker component already includes an icon when 'showIcon' is true -->
+    <div :class="theme.container">
+        <label :class="theme.label" :for="input.key">
+            {{ input.label }}
+            <span v-if="isRequired" class="text-red-600 dark:text-red-400"
+                >*</span
+            >
+        </label>
+        <p :class="theme.description">{{ input.description }}</p>
+        <div :class="theme.inputContainer">
+            <DatePicker
+                :id="input.key"
+                v-model="model"
+                time-only
+                show-icon
+                fluid
+                icon-display="input"
+                :class="theme.input"
+                :input-id="input.key"
+                v-bind="{ ...$attrs, ...input.props }"
+            >
+                <template #inputicon="slotProps">
+                    <i class="pi pi-clock" @click="slotProps.clickCallback" />
+                </template>
+            </DatePicker>
+            <!-- The DatePicker component already includes an icon when 'showIcon' is true -->
+        </div>
+        <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
+            {{ error }}
+        </small>
     </div>
-    <small v-if="error" :id="`${input.key}-help`" :class="theme.error">
-      {{ error }}
-    </small>
-  </div>
 </template>
diff --git a/src/components/website/index.vue b/src/components/website/index.vue
index 9f668e6..c2d8945 100644
--- a/src/components/website/index.vue
+++ b/src/components/website/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { defineModel, computed, defineProps, type PropType } from 'vue'
 import InputText from 'primevue/inputtext'
-import type { InputProperties } from '../../types'
+import type { InputProperties } from '~/types'
 
 const props = defineProps({
     input: {
diff --git a/src/index.ts b/src/index.ts
index cb0ee76..5e4982c 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -13,13 +13,11 @@ import Email from './components/email/index.vue'
 import EmbedDocument from './components/embed_document/index.vue'
 import EmbedSlides from './components/embed_slides/index.vue'
 import FileUpload from './components/file_upload/index.vue'
-import IconDisplay from './components/icon_display/index.vue'
 import ImageChoice from './components/image_choice/index.vue'
 import LikertScale from './components/likert_scale/index.vue'
 import List from './components/list/index.vue'
 import LocaleSelector from './components/locale_selector/index.vue'
 import LongText from './components/long_text/index.vue'
-import Matrix from './components/matrix/index.vue'
 import MultipleChoice from './components/multiple_choice/index.vue'
 import NetPromoterScore from './components/net_promoter_score/index.vue'
 import Number from './components/number/index.vue'
@@ -51,13 +49,11 @@ export {
   EmbedDocument,
   EmbedSlides,
   FileUpload,
-  IconDisplay,
   ImageChoice,
   LikertScale,
   List,
   LocaleSelector,
   LongText,
-  Matrix,
   MultipleChoice,
   NetPromoterScore,
   Number,
@@ -73,4 +69,4 @@ export {
   HtmlBlockContent,
   HtmlBlockList,
   HtmlBlockMedia
-}
+}
\ No newline at end of file
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
deleted file mode 100644
index 3804a43..0000000
--- a/src/shims-vue.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/* eslint-disable */
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
deleted file mode 100644
index 339e306..0000000
--- a/src/types/index.d.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-interface IFile {
-    id?: string
-    url?: string
-    readonly file: File
-    duration?: number
-    status?: 'queued' | 'pending' | 'uploaded' | 'error'
-}
-
-interface InputChoice {
-    label: string
-    value: string
-    src: string
-}
-type DisplayComponentType =
-    | 'html'
-    | 'icon'
-    | 'video'
-    | 'slide'
-    | 'document'
-    | 'locale_selector'
-    | 'page_break'
-type InputComponentType =
-    | 'address'
-    | 'captcha'
-    | 'checkboxes'
-    | 'date_picker'
-    | 'dropdown'
-    | 'email'
-    | 'file_upload'
-    | 'image_choice'
-    | 'likert_scale'
-    | 'long_text'
-    | 'matrix'
-    | 'multiple_choice'
-    | 'net_promoter_score'
-    | 'number'
-    | 'password'
-    | 'phone_number'
-    | 'ranking'
-    | 'rating_scale'
-    | 'short_text'
-    | 'signature'
-    | 'slider'
-    | 'time_picker'
-    | 'website'
-interface Validation {
-    rule: 'required' | 'maxLength' | string
-    params?: string[]
-}
-export interface InputProperties {
-    key: string
-    repeatable?: boolean
-    component?: InputComponentType
-    label: string
-    description?: string
-    placeholder?: string
-    scale?: number
-    choices?: InputChoice[]
-    validations?: Validation[]
-    props?: Record<string, any>
-}
-
-// Display
-export interface DisplayProperties {
-    component: DisplayComponentType
-    icon?: string // Icon name or path
-}
-
-// HTML content block
-type HTMLBlockContentType = 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'blockquote' | 'pre' | 'code'
-interface HtmlBlockContentProperties extends DisplayProperties {
-    type: HTMLBlockContentType
-    content: string
-}
-
-// HTML list block
-type HTMLBlockListType = 'ordered' | 'unordered'
-// interface DescriptionItem {
-//     term: string
-//     descriptions: (string | DescriptionItem)[]
-// }
-interface HTMLBlockListProperties extends DisplayProperties {
-    type: HTMLBlockListType
-    items: string[]
-}
-
-//HTML media block
-type HTMLBlockMediaType = 'video' | 'audio' | 'img'
-interface HTMLSourceAttributes {
-    src: string,
-    type?: string,
-    media: string
-}
-interface HTMLBlockMediaProperties {
-    type: HTMLBlockMediaType
-    sources?: HTMLSourceAttributes[]
-    src?: string
-    alt: string
-    width?: number
-    controls?: boolean
-    height?: number
-}
-
-
-export interface ElementPropertes extends DisplayProperties, InputProperties { }
-
-export interface ElementManifest {
-    meta: {
-        name: string
-        enabled: boolean
-        description: string
-        icon: string
-    }
-    init: {
-        type: 'input' | 'display'
-        properties: {
-            input: InputProperties
-            display: DisplayProperties
-        }
-    }
-}
-
-export type FontFamily =
-    // Display
-    | 'Playfair Display'
-    | 'Titillium Web'
-    | 'Bebas Neue'
-    // Handwriting
-    | 'Dancing Script'
-    | 'Pacifico'
-    | 'Caveat'
-    // Monospace
-    | 'Roboto Mono'
-    | 'Inconsolata'
-    | 'Source Code Pro'
-    // Serif
-    | 'Merriweather'
-    | 'Lora'
-    // Slab Serif
-    | 'Roboto Slab'
-    | 'Arvo'
-    | 'Slabo 27px'
-    // Sans serif
-    | 'Roboto'
-    | 'Open Sans'
-    | 'Montserrat'
-    | 'Arial'
-    | 'default'
-export type FontClassification =
-    | 'Serif'
-    | 'Slab Serif'
-    | 'Sans Serif'
-    | 'Display'
-    | 'Handwriting'
-    | 'Monospace'
-
-export type Size = 'small' | 'medium' | 'large' | 'default' | 'Extra Large'
-export type FillType = 'Fill' | 'Outlined' | 'Bottom Border'
-export type Color =
-    | 'Midnight Blue'
-    | 'OliveDrab'
-    | 'Black'
-    | 'BurlyWood'
-    | 'DarkCyan'
-    | 'DarkGoldenRod'
-    | 'DarkGreen'
-    | 'DarkMagenta'
-    | 'DarkOliveGreen'
-    | 'DarkSlateBlue'
-    | 'DarkRed'
-    | 'DarkSlateGray'
-export type BgColor =
-    | 'Alice Blue'
-    | 'Antique White'
-    | 'Dark Sea Green'
-    | 'Light Sky Blue'
-    | 'White'
-    | 'Lavender'
-    | 'Floral White'
-    | 'Honey Dew'
-    | 'Mint Cream'
-    | 'Pale Green'
-    | 'Pale Turquoise'
-
-export type ColorApplicationArea = 'Outline' | 'Background'
-export type BackgroundType = 'Image' | 'Color'
-
-// Conditional type for formBackground
-export interface Style {
-    fontFamily: Record<FontFamily, string>
-    formBackground: Record<string | BgColor, string>
-    radius: Record<Size, string>
-    bg: Record<FillType, string>
-    color: Record<ColorApplicationArea, Record<Color, string>>
-}
-
-// Configuration for font groups in the style options
-interface FontGroupConfiguration {
-    optionLabel: string
-    optionGroupLabel: string
-    optionGroupChildren: string
-}
-
-// Represents an option for a specific style property
-export interface StylePropertyOption {
-    availableOptions: any[] // Consider specifying a more explicit type instead of 'any' if possible
-    label: string // Descriptive label for the property
-    modelKey: ThemePropertyKey // Key to map this option to the theme state
-    filter?: boolean // Option to enable filtering of the options
-    group?: FontGroupConfiguration // Grouping configuration, if applicable
-}
-
-// Configuration for the overall theme
-export interface ThemeConfiguration {
-    form: {
-        fontFamily: string
-        backgroundColor: string
-    }
-    input: {
-        borderRadius: string
-        background: string
-        textColor: string
-    }
-    button: {
-        borderRadius: string
-        fontFamily: string
-        textColor: string
-    }
-}
-
-// Define keys for properties that can be used in theme state
-export type ThemePropertyKey =
-    | 'fontFamily'
-    | 'borderRadius'
-    | 'background'
-    | 'primaryColor'
-    | 'backgroundColor'
-
-// Preset for themes, could be a custom or predefined, used in forms
-export interface Theme
-    extends Record<
-        ThemePropertyKey,
-        string | FontFamily | Size | FillType | Color | BgColor
-    > {
-    fontFamily: FontFamily
-    borderRadius: Size
-    background: FillType
-    primaryColor: Color
-    backgroundColor: BgColor | string
-}
-
-export interface PredefinedPreset extends Theme {
-    name: string
-}
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..5118aac
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,216 @@
+// ==============================
+// File Handling
+// ==============================
+/**
+ * Represents a file object with optional properties for ID, URL, duration, and status.
+ */
+export interface IFile {
+    id?: string; // Optional unique identifier for the file
+    url?: string; // Optional URL of the file
+    readonly file: File; // The actual File object
+    duration?: number; // Optional duration for media files
+    status?: 'queued' | 'pending' | 'uploaded' | 'error'; // Current status of the file
+}
+
+// ==============================
+// Input Choices
+// ==============================
+/**
+ * Describes choices available for inputs, containing a label, value, and source.
+ */
+interface InputChoice {
+    label: string; // Display label for the choice
+    value: string; // Value associated with the choice
+    src: string; // Source path or URL related to the choice
+}
+
+// ==============================
+// Component Types
+// ==============================
+/**
+ * Different types of display components.
+ */
+export type DisplayComponentType =
+    | 'html'
+    | 'icon'
+    | 'video'
+    | 'slide'
+    | 'document'
+    | 'locale_selector'
+    | 'page_break';
+
+/**
+ * Different types of input components.
+ */
+export type InputComponentType =
+    | 'address'
+    | 'captcha'
+    | 'checkboxes'
+    | 'date_picker'
+    | 'dropdown'
+    | 'email'
+    | 'file_upload'
+    | 'image_choice'
+    | 'likert_scale'
+    | 'long_text'
+    | 'matrix'
+    | 'multiple_choice'
+    | 'net_promoter_score'
+    | 'number'
+    | 'password'
+    | 'phone_number'
+    | 'ranking'
+    | 'rating_scale'
+    | 'short_text'
+    | 'signature'
+    | 'slider'
+    | 'time_picker'
+    | 'website';
+
+// ==============================
+// Validation
+// ==============================
+/**
+ * Defines rules for input validation, such as required fields or maximum length.
+ */
+export interface Validation {
+    rule: 'required' | 'maxLength' | string; // Validation rule type
+    params?: string[]; // Optional parameters for the rule
+}
+
+// ==============================
+// Input Properties
+// ==============================
+/**
+ * Properties for input components in the form.
+ */
+export interface InputProperties {
+    key: string; // Unique key for the input
+    repeatable?: boolean; // Indicates if the input can be repeated
+    component?: InputComponentType; // Type of input component
+    label: string; // Display label for the input
+    description?: string; // Optional description for the input
+    placeholder?: string; // Placeholder text for the input
+    scale?: number; // Optional scale value
+    choices?: InputChoice[]; // Optional choices for the input
+    validations?: Validation[]; // Optional validations for the input
+    props?: Record<string, any>; // Additional properties for the input
+}
+
+// ==============================
+// Display Properties
+// ==============================
+/**
+ * Properties for display components.
+ */
+export interface DisplayProperties {
+    component: DisplayComponentType; // Type of display component
+    icon?: string; // Optional icon name or path
+}
+
+// ==============================
+// Embedded Document Properties
+// ==============================
+/**
+ * Properties for embedded documents.
+ */
+export interface EmbedProperties extends DisplayProperties {
+    src: string; // Source URL of the embedded document
+    width?: number; // Optional width for the embedded document
+    height?: number; // Optional height for the embedded document
+}
+
+
+// ==============================
+// Redirect Properties
+// ==============================
+/**
+ * Properties for redirect.
+ */
+export interface ActionRedirectProperties extends DisplayProperties {
+    src: string; // Source URL of the embedded document
+}
+
+// ==============================
+// HTML Content Blocks
+// ==============================
+/**
+ * Different types of HTML block content.
+ */
+type HTMLBlockContentType = 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'blockquote' | 'pre' | 'code';
+
+/**
+ * Properties for HTML content blocks.
+ */
+export interface HtmlBlockContentProperties extends DisplayProperties {
+    type: HTMLBlockContentType; // Type of HTML block
+    content: string; // Content of the HTML block
+}
+
+// ==============================
+// HTML List Blocks
+// ==============================
+/**
+ * Different types of HTML lists.
+ */
+type HTMLBlockListType = 'ordered' | 'unordered';
+
+/**
+ * Properties for HTML list blocks.
+ */
+export interface HTMLBlockListProperties extends DisplayProperties {
+    type: HTMLBlockListType; // Type of HTML list
+    items: string[]; // Array of items in the list
+}
+
+// ==============================
+// HTML Media Blocks
+// ==============================
+/**
+ * Different types of HTML media.
+ */
+type HTMLBlockMediaType = 'video' | 'audio' | 'img';
+
+/**
+ * Attributes for media sources.
+ */
+interface HTMLSourceAttributes {
+    src: string; // Source URL for the media
+    type?: string; // Optional media type (e.g., "video/mp4")
+    media: string; // Media query for the source
+}
+
+/**
+ * Properties for HTML media blocks.
+ */
+export interface HTMLBlockMediaProperties {
+    type: HTMLBlockMediaType; // Type of media block
+    sources?: HTMLSourceAttributes[]; // Optional sources for the media
+    src?: string; // Optional source URL for the media
+    alt: string; // Alternative text for the media
+    width?: number; // Optional width for the media
+    controls?: boolean; // Indicates if media controls are available
+    height?: number; // Optional height for the media
+}
+
+// ==============================
+// Element Manifest
+// ==============================
+/**
+ * Represents the metadata and initial properties for a UI component.
+ */
+export interface ElementManifest {
+    meta: {
+        name: string; // Name of the component
+        enabled: boolean; // Indicates if the component is enabled
+        description: string; // Description of the component
+        icon: string; // Icon for the component
+    };
+    init: {
+        type: 'input' | 'display'; // Type of the component
+        properties: {
+            input: InputProperties; // Input properties
+            display: DisplayProperties; // Display properties
+        };
+    };
+}
\ No newline at end of file
diff --git a/src/types/theme.d.ts b/src/types/theme.d.ts
deleted file mode 100644
index e4c018a..0000000
--- a/src/types/theme.d.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-export interface ThemeData {
-  tailwind: {
-    container: {
-      padding: string
-      baseBackground: string
-      baseTextColor: string
-      baseFontSize: string
-    }
-    button: {
-      padding: string
-      baseBackground: string
-      baseTextColor: string
-      borderRadius: string
-    }
-    input: {
-      baseBorder: string
-      basePadding: string
-      borderColor: string
-      borderRadius: string
-    }
-  }
-  variables: {
-    container: {
-      backgroundColor: string
-      textColor: string
-      fontSize: string
-    }
-    button: {
-      backgroundColor: string
-      textColor: string
-      borderRadius: string
-    }
-    input: {
-      borderColor: string
-      borderRadius: string
-      backgroundColor: string
-      textColor: string
-    }
-    error: {
-      textColor: string
-    }
-  }
-  values: {
-    container: {
-      backgroundColor: string
-      textColor: string
-      fontSize: string
-    }
-    button: {
-      backgroundColor: string
-      textColor: string
-      borderRadius: string
-    }
-    input: {
-      borderColor: string
-      borderRadius: string
-    }
-  }
-}
diff --git a/src/utils/apply-theme.ts b/src/utils/apply-theme.ts
deleted file mode 100644
index 26d43b7..0000000
--- a/src/utils/apply-theme.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import type { Ref } from "vue";
-import { watch, onMounted } from "vue";
-import type { ThemeData } from "../types/theme";
-
-export function useTheme(themeRef: Ref<ThemeData>) {
-  const apply = () => {
-    const theme = themeRef.value;
-    const root = document.documentElement;
-
-    // Apply CSS variable values
-    root.style.setProperty(
-      "--background-color",
-      theme.variables.container.backgroundColor,
-      "#00ff00"
-    );
-    root.style.setProperty("--text-color", theme.variables.container.textColor);
-    root.style.setProperty("--font-size", theme.variables.container.fontSize);
-
-    root.style.setProperty(
-      "--button-background-color",
-      theme.variables.button.backgroundColor
-    );
-    root.style.setProperty(
-      "--button-text-color",
-      theme.variables.button.textColor
-    );
-    root.style.setProperty(
-      "--button-border-radius",
-      theme.variables.button.borderRadius
-    );
-
-    root.style.setProperty(
-      "--input-border-color",
-      theme.variables.input.borderColor
-    );
-    root.style.setProperty(
-      "--input-border-radius",
-      theme.variables.input.borderRadius
-    );
-    root.style.setProperty(
-      "--input-background-color",
-      theme.variables.input.backgroundColor
-    );
-    root.style.setProperty(
-      "--input-text-color",
-      theme.variables.input.textColor
-    );
-
-    root.style.setProperty(
-      "--error-text-color",
-      theme.variables.error.textColor
-    );
-
-    // Apply Tailwind classes dynamically
-    const applyTailwindClasses = (element: HTMLElement, classes: string) => {
-      element.className = classes;
-    };
-
-    // Apply container styles (you can extend this to other elements as well)
-    const containerElements = document.querySelectorAll(".container-class");
-    containerElements.forEach((element) => {
-      applyTailwindClasses(
-        element as HTMLElement,
-        `${theme.tailwind.container.padding} ${theme.tailwind.container.baseBackground} ${theme.tailwind.container.baseTextColor} ${theme.tailwind.container.baseFontSize}`
-      );
-    });
-
-    // Apply button styles
-    const buttonElements = document.querySelectorAll(".button-class");
-    buttonElements.forEach((element) => {
-      applyTailwindClasses(
-        element as HTMLElement,
-        `${theme.tailwind.button.padding} ${theme.tailwind.button.baseBackground} ${theme.tailwind.button.baseTextColor} ${theme.tailwind.button.borderRadius}`
-      );
-    });
-
-    // Apply input styles
-    const inputElements = document.querySelectorAll(".input-class");
-    inputElements.forEach((element) => {
-      applyTailwindClasses(
-        element as HTMLElement,
-        `${theme.tailwind.input.baseBorder} ${theme.tailwind.input.basePadding} ${theme.tailwind.input.borderColor} ${theme.tailwind.input.borderRadius}`
-      );
-    });
-  };
-
-  watch(themeRef, apply, { immediate: true, deep: true });
-
-  // Ensure the theme is applied on component mount
-  onMounted(() => {
-    apply();
-  });
-}
diff --git a/src/utils/theme.ts b/src/utils/theme.ts
deleted file mode 100644
index 9e7850b..0000000
--- a/src/utils/theme.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import type { Style, Theme, PredefinedPreset } from "~/types";
-
-// utils/style.ts
-export const style: Style = {
-  fontFamily: {
-    "Playfair Display": "font-family: Playfair Display, serif",
-    "Titillium Web": "font-family: Titillium Web, sans-serif",
-    default: "font-family: Arial, Helvetica, sans-serif",
-    "Bebas Neue": "font-family: Bebas Neue, cursive",
-    "Roboto Slab": "font-family: Roboto Slab, serif",
-    Arvo: "font-family: Arvo, serif",
-    "Slabo 27px": "font-family: Slabo 27px, serif",
-    Roboto: "font-family: Roboto, sans-serif",
-    "Open Sans": "font-family: Open Sans, sans-serif",
-    Montserrat: "font-family: Montserrat, sans-serif",
-    Arial: "font-family: Arial, Helvetica, sans-serif",
-    "Dancing Script": "font-family: Dancing Script, cursive",
-    Pacifico: "font-family: Pacifico, cursive",
-    Caveat: "font-family: Caveat, cursive",
-    "Roboto Mono": "font-family: Roboto Mono, monospace",
-    Inconsolata: "font-family: Inconsolata, monospace",
-    "Source Code Pro": "font-family: Source Code Pro, monospace",
-    Merriweather: "font-family: Merriweather, serif",
-    Lora: "font-family: Lora, serif",
-  },
-  formBackground: {
-    "Alice Blue": "background-color: aliceblue",
-    "Antique White": "background-color: antiquewhite",
-    White: "background-color: white",
-    "Dark Sea Green": "background-color: darkseagreen",
-    "Light Sky Blue": "background-color: lightskyblue",
-    Lavender: "background-color: lavender",
-    "Floral White": "background-color: floralwhite",
-    "Honey Dew": "background-color: honeydew",
-    "Mint Cream": "background-color: mintcream",
-    "Pale Green": "background-color: palegreen",
-    "Pale Turquoise": "background-color: paleturquoise",
-    Leaves:
-      "background-image: url(https://img.freepik.com/free-vector/copy-space-bokeh-spring-lights-background_52683-55649.jpg?w=1060&t=st=1724287789~exp=1724288389~hmac=1e6e83aa08c5d5b938b84afc1f25e39c0d82eb9dcd41b35f3b056b285cf549aa)",
-  },
-  radius: {
-    small: "border-radius: 0.125rem", // 2px
-    medium: "border-radius: 0.25rem", // 4px
-    large: "border-radius: 0.5rem", // 8px
-    "Extra Large": "border-radius: 1rem", // 16px
-    default: "border-radius: 0.375rem", // 6px
-  },
-  bg: {
-    Fill: "border-width: 0px; background-color: rgb(241 245 249);",
-    Outlined:
-      "border: 2px solid rgba(0,0,0, 0.25); background-color: transparent;",
-    "Bottom Border":
-      "border-bottom: 2px solid rgba(0, 0, 0, 0.25); background-color: transparent",
-  },
-  color: {
-    Background: {
-      "Midnight Blue": "background-color: midnightblue",
-      OliveDrab: "background-color: olivedrab",
-      Black: "background-color: black",
-      BurlyWood: "background-color: burlywood",
-      DarkCyan: "background-color: darkcyan",
-      DarkGoldenRod: "background-color: darkgoldenrod",
-      DarkGreen: "background-color: darkgreen",
-      DarkMagenta: "background-color: darkmagenta",
-      DarkOliveGreen: "background-color: darkolivegreen",
-      DarkSlateBlue: "background-color: darkslateblue",
-      DarkRed: "background-color: darkred",
-      DarkSlateGray: "background-color: darkslategray",
-    },
-    Outline: {
-      "Midnight Blue": "outline-color: midnightblue",
-      OliveDrab: "outline-color: olivedrab",
-      Black: "outline-color: black",
-      BurlyWood: "outline-color: burlywood",
-      DarkCyan: "outline-color: darkcyan",
-      DarkGoldenRod: "outline-color: darkgoldenrod",
-      DarkGreen: "outline-color: darkgreen",
-      DarkMagenta: "outline-color: darkmagenta",
-      DarkOliveGreen: "outline-color: darkolivegreen",
-      DarkSlateBlue: "outline-color: darkslateblue",
-      DarkRed: "outline-color: darkred",
-      DarkSlateGray: "outline-color: darkslategray",
-    },
-  },
-};
-
-// Theme configuration using the imported style object and reactive state
-export const themeStateToCss = (styleState: Theme) => ({
-  form: [
-    style.fontFamily[styleState.fontFamily],
-    style.formBackground[styleState.backgroundColor],
-  ],
-  input: [
-    style.radius[styleState.borderRadius],
-    style.bg[styleState.background],
-    style.color["Outline"][styleState.primaryColor],
-  ],
-  button: [
-    style.radius[styleState.borderRadius],
-    style.fontFamily[styleState.fontFamily],
-    style.color["Background"][styleState.primaryColor],
-  ],
-});
-
-export const defaultTheme: Theme = {
-  fontFamily: "default",
-  borderRadius: "default",
-  background: "Fill",
-  primaryColor: "Black",
-  backgroundColor: "White",
-};
-
-export const formPresets: PredefinedPreset[] = [
-  {
-    name: "Default",
-    ...defaultTheme,
-  },
-  {
-    name: "Elegant Minimalism",
-    fontFamily: "Lora",
-    borderRadius: "small",
-    background: "Outlined",
-    primaryColor: "DarkOliveGreen", // Changed to match new color set
-    backgroundColor: "Floral White", // Changed to match new color set
-  },
-  {
-    name: "Retro Tech",
-    fontFamily: "Roboto Slab",
-    borderRadius: "medium",
-    background: "Fill",
-    primaryColor: "Midnight Blue",
-    backgroundColor: "Light Sky Blue",
-  },
-  {
-    name: "Urban Chic",
-    fontFamily: "Playfair Display",
-    borderRadius: "large",
-    background: "Bottom Border",
-    primaryColor: "DarkCyan", // Changed to match new color set
-    backgroundColor: "Dark Sea Green",
-  },
-  {
-    name: "Creative Burst",
-    fontFamily: "Pacifico",
-    borderRadius: "Extra Large",
-    background: "Outlined",
-    primaryColor: "DarkGoldenRod", // Changed to match new color set
-    backgroundColor: "Lavender",
-  },
-  {
-    name: "Modern Sleek",
-    fontFamily: "Roboto Mono",
-    borderRadius: "default",
-    background: "Fill",
-    primaryColor: "OliveDrab",
-    backgroundColor: "Mint Cream", // Changed to match new color set
-  },
-  {
-    name: "Sophisticated Charm",
-    fontFamily: "Titillium Web",
-    borderRadius: "medium",
-    background: "Bottom Border",
-    primaryColor: "DarkSlateBlue", // Changed to match new color set
-    backgroundColor: "Alice Blue",
-  },
-  {
-    name: "Classic Bold",
-    fontFamily: "Bebas Neue",
-    borderRadius: "small",
-    background: "Fill",
-    primaryColor: "DarkRed", // Changed to match new color set
-    backgroundColor: "White",
-  },
-  {
-    name: "Vintage Script",
-    fontFamily: "Caveat",
-    borderRadius: "large",
-    background: "Outlined",
-    primaryColor: "DarkSlateGray", // Changed to match new color set
-    backgroundColor: "Antique White",
-  },
-];
diff --git a/tests/example.test.ts b/tests/example.test.ts
deleted file mode 100644
index 8628694..0000000
--- a/tests/example.test.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { describe, it, expect } from 'vitest';
-
-describe('Simple Test Suite', () => {
-  it('should add two numbers correctly', () => {
-    const sum = 1 + 2;
-    expect(sum).toBe(3);
-  });
-});
diff --git a/tsconfig.app.json b/tsconfig.app.json
deleted file mode 100644
index 909eec5..0000000
--- a/tsconfig.app.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}
diff --git a/tsconfig.json b/tsconfig.json
index 1ffef60..161cfcf 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,31 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+    "compilerOptions": {
+        "target": "ES2020",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "skipLibCheck": true,
+
+        /* Bundler mode */
+        "moduleResolution": "Bundler",
+        "allowImportingTsExtensions": true,
+        "isolatedModules": true,
+        "moduleDetection": "force",
+        "noEmit": true,
+        "jsx": "preserve",
+
+        /* Linting */
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noFallthroughCasesInSwitch": true,
+        "noUncheckedSideEffectImports": true,
+
+        "types": ["node", "vite/client", "unplugin-icons/types/vue"],
+        "baseUrl": ".",
+        "paths": {
+            "~/*": ["src/*"]
+        }
+    },
+    "include": ["src/**/*.ts", "src/**/*.vue", "types/index.d.ts"]
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
deleted file mode 100644
index 9dad701..0000000
--- a/tsconfig.node.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}
diff --git a/vite.config.ts b/vite.config.ts
index 1d2ba90..4e67946 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,6 +5,7 @@ import { PrimeVueResolver } from '@primevue/auto-import-resolver'
 import Icons from 'unplugin-icons/vite'
 import path from 'path'
 import copy from 'rollup-plugin-copy'
+import dts from 'vite-plugin-dts'
 
 export default defineConfig({
   plugins: [
@@ -13,12 +14,18 @@ export default defineConfig({
       resolvers: [PrimeVueResolver()],
     }),
     Icons(),
+    dts()
   ],
+  resolve: {
+    alias: {
+      '~': path.resolve(__dirname, 'src')
+    }
+  },
   build: {
     lib: {
       entry: path.resolve(__dirname, 'src/index'),
       name: '@formsible/element',
-      fileName: (format) => `element.${format}.js`,
+      fileName: 'element',
     },
     rollupOptions: {
       external: ['vue'],
@@ -33,8 +40,7 @@ export default defineConfig({
             { src: 'manifest.json', dest: 'dist' }, // Adjust 'dist' to match your output directory
           ],
           hook: 'writeBundle', // Ensures it runs after the build is done
-        }),
-      ],
+        })],
     },
   },
 })