From 90bd7c61c5490337e8ce4d40c9cfe5e8b5b31327 Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Sun, 21 Sep 2025 17:14:29 +0900
Subject: [PATCH 01/14] Add package devDependencies

husky
lint-staged
eslint-plugin-jsonc
eslint-plugin-mdx
jsonc-eslint-parser
@typescript-eslint/parser
---
 package.json   |  25 ++-
 pnpm-lock.yaml | 571 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 587 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index f9526490..6f625ef6 100644
--- a/package.json
+++ b/package.json
@@ -10,20 +10,27 @@
     "test": "cargo tarpaulin --out xml --out stdout --out html --all-targets && vitest test --coverage --run && pnpm -r test",
     "build": "pnpm -F wasm build && pnpm -F @devup-ui/* -F !wasm build",
     "dev": "pnpm -r dev",
-    "benchmark": "node benchmark.js"
+    "benchmark": "node benchmark.js",
+    "prepare": "husky"
   },
   "devDependencies": {
-    "eslint-plugin-devup": "^2.0.5",
-    "eslint": "^9.36.0",
-    "vitest": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
     "@changesets/cli": "^2.29.7",
-    "@types/node": "^24.5.2",
-    "happy-dom": "^18.0.1",
+    "@devup-ui/vite-plugin": "workspace:*",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@testing-library/jest-dom": "^6.8.0",
-    "@devup-ui/vite-plugin": "workspace:*"
+    "@types/node": "^24.5.2",
+    "@typescript-eslint/parser": "^8.44.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.35.0",
+    "eslint-plugin-devup": "^2.0.5",
+    "eslint-plugin-jsonc": "^2.20.1",
+    "eslint-plugin-mdx": "^3.6.2",
+    "happy-dom": "^18.0.1",
+    "husky": "^9.1.7",
+    "jsonc-eslint-parser": "^2.4.1",
+    "lint-staged": "^16.1.6",
+    "vitest": "^3.2.4"
   },
   "author": "devfive",
   "packageManager": "pnpm@10.17.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bc50ed99..ad51eefa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,6 +29,9 @@ importers:
       '@types/node':
         specifier: ^24.5.2
         version: 24.5.2
+      '@typescript-eslint/parser':
+        specifier: ^8.44.0
+        version: 8.44.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.9.2)
       '@vitest/coverage-v8':
         specifier: ^3.2.4
         version: 3.2.4(vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
@@ -41,6 +44,15 @@ importers:
       happy-dom:
         specifier: ^18.0.1
         version: 18.0.1
+      husky:
+        specifier: ^9.1.7
+        version: 9.1.7
+      jsonc-eslint-parser:
+        specifier: ^2.4.1
+        version: 2.4.1
+      lint-staged:
+        specifier: ^16.1.6
+        version: 16.1.6
       vitest:
         specifier: ^3.2.4
         version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
@@ -2861,6 +2873,9 @@ packages:
   '@types/chai@5.2.2':
     resolution: {integrity: sha512-8kB30R7Hwqf40JPiKhVzodJs2Qc1ZJ5zuT3uzw5Hq/dhNCl3G3l83jfpdI1e20BP348+fV7VIL/+FxaXkqBmWg==}
 
+  '@types/concat-stream@2.0.3':
+    resolution: {integrity: sha512-3qe4oQAPNwVNwK4C9c8u+VJqv9kez+2MR4qJpoPFfXtgxxif1QbFusvXzK0/Wra2VX07smostI2VMmJNSpZjuQ==}
+
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
@@ -2888,6 +2903,9 @@ packages:
   '@types/hast@3.0.4':
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
+  '@types/is-empty@1.2.3':
+    resolution: {integrity: sha512-4J1l5d79hoIvsrKh5VUKVRA1aIdsOb10Hu5j3J2VfP/msDnfTdGPmNp2E1Wg+vs97Bktzo+MZePFFXSGoykYJw==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
@@ -2912,6 +2930,9 @@ packages:
   '@types/node@20.19.17':
     resolution: {integrity: sha512-gfehUI8N1z92kygssiuWvLiwcbOB3IRktR6hTDgJlXMYh5OvkPSRmgfoBUmfZt+vhwJtX7v1Yw4KvvAf7c5QKQ==}
 
+  '@types/node@22.18.6':
+    resolution: {integrity: sha512-r8uszLPpeIWbNKtvWRt/DbVi5zbqZyj1PTmhRMqBMvDnaz1QpmSKujUtJLrqGZeoM8v72MfYggDceY4K1itzWQ==}
+
   '@types/node@24.5.2':
     resolution: {integrity: sha512-FYxk1I7wPv3K2XBaoyH2cTnocQEu8AOZ60hPbsyukMPLv5/5qr7V1i8PLHdl6Zf87I+xZXFvPCXYjiTFq+YSDQ==}
 
@@ -2946,6 +2967,9 @@ packages:
   '@types/stylis@4.2.7':
     resolution: {integrity: sha512-VgDNokpBoKF+wrdvhAAfS55OMQpL6QRglwTwNC3kIgBrzZxA4WsFj+2eLfEA/uMUDzBcEhYmjSbwQakn/i3ajA==}
 
+  '@types/supports-color@8.1.3':
+    resolution: {integrity: sha512-Hy6UMpxhE3j1tLpl27exp1XqHD7n8chAiNPzWfz16LPZoMMoSc4dzLl6w9qijkEb/r5O1ozdu1CWGA2L83ZeZg==}
+
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
 
@@ -3490,6 +3514,10 @@ packages:
   '@zag-js/utils@1.24.1':
     resolution: {integrity: sha512-4nU9lfFlLLW/4T+/HaP+HdHYFeWvacxSVcccv0JSf+ZTC110IldV48kZELP+wFg9xDL/jCPPjlRtO1K64EIwgA==}
 
+  abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   acorn-import-phases@1.0.4:
     resolution: {integrity: sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==}
     engines: {node: '>=10.13.0'}
@@ -3554,6 +3582,10 @@ packages:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
     engines: {node: '>=6'}
 
+  ansi-escapes@7.1.0:
+    resolution: {integrity: sha512-YdhtCd19sKRKfAAUsrcC1wzm4JuzJoiX4pOJqIoW2qmKj5WzG/dL8uUJ0361zaXtHqK7gEhOwtAtz7t3Yq3X5g==}
+    engines: {node: '>=18'}
+
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -3791,6 +3823,10 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
   character-entities-html4@2.1.0:
     resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
 
@@ -3835,6 +3871,18 @@ packages:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
+  ci-info@4.3.0:
+    resolution: {integrity: sha512-l+2bNRMiQgcfILUi33labAZYIWlH1kWDp+ecNo5iisRKrbm0xcRyCww71/YU0Fkw0mAFpz9bJayXPjey6vkmaQ==}
+    engines: {node: '>=8'}
+
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
+  cli-truncate@5.1.0:
+    resolution: {integrity: sha512-7JDGG+4Zp0CsknDCedl0DYdaeOhc46QNpXi3NLQblkZpXXgA6LncLDUUyvrjSvZeF3VRQa+KiMGomazQrC1V8g==}
+    engines: {node: '>=20'}
+
   client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
@@ -3861,12 +3909,19 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
   comma-separated-tokens@1.0.8:
     resolution: {integrity: sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==}
 
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
 
+  commander@14.0.1:
+    resolution: {integrity: sha512-2JkV3gUZUVrbNA+1sjBOYLsMZ5cEEl8GTFP2a4AVz5hvasAMCQ1D2l2le/cX+pV4N6ZU17zjUahLpIXRrnWL8A==}
+    engines: {node: '>=20'}
+
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -3879,6 +3934,10 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  concat-stream@2.0.0:
+    resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
+    engines: {'0': node >= 6.0}
+
   confbox@0.1.8:
     resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
 
@@ -4038,6 +4097,10 @@ packages:
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
+  diff@5.2.0:
+    resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
+    engines: {node: '>=0.3.1'}
+
   dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -4069,6 +4132,9 @@ packages:
   electron-to-chromium@1.5.222:
     resolution: {integrity: sha512-gA7psSwSwQRE60CEoLz6JBCQPIxNeuzB2nL8vE03GK/OHxlvykbLyeiumQy1iH5C2f3YbRAZpGCMT12a/9ih9w==}
 
+  emoji-regex@10.5.0:
+    resolution: {integrity: sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==}
+
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
@@ -4091,6 +4157,13 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
+
+  err-code@2.0.3:
+    resolution: {integrity: sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==}
+
   error-ex@1.3.4:
     resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
 
@@ -4319,6 +4392,10 @@ packages:
     resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
   esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
@@ -4372,6 +4449,9 @@ packages:
     resolution: {integrity: sha512-EzV94NYKoO09GLXGjXj9JIlXijVck4ONSr5wiCWDvhsvj5jxSrzTmRU/9C1DyB6uToszLs8aifA6NQ7lEQdvFw==}
     engines: {node: '>= 0.8'}
 
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
   events@3.3.0:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
@@ -4667,6 +4747,11 @@ packages:
     resolution: {integrity: sha512-3gKm/gCSUipeLsRYZbbdA1BD83lBoWUkZ7G9VFrhWPAU76KwYo5KR8V28bpoPm/ygy0x5/GCbpRQdY7VLYCoIg==}
     hasBin: true
 
+  husky@9.1.7:
+    resolution: {integrity: sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   iconv-lite@0.7.0:
     resolution: {integrity: sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==}
     engines: {node: '>=0.10.0'}
@@ -4675,6 +4760,10 @@ packages:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
+  ignore@6.0.2:
+    resolution: {integrity: sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==}
+    engines: {node: '>= 4'}
+
   ignore@7.0.5:
     resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
     engines: {node: '>= 4'}
@@ -4687,6 +4776,9 @@ packages:
     resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
     engines: {node: '>=8'}
 
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -4773,6 +4865,9 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
+  is-empty@1.2.0:
+    resolution: {integrity: sha512-F2FnH/otLNJv0J6wc73A5Xo7oHLNnqplYqZhUu01tD54DIPvxIRSTSLkrUB/M0nHO4vo1O9PDfN4KoTxCzLh/w==}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -4785,6 +4880,10 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
+  is-fullwidth-code-point@5.1.0:
+    resolution: {integrity: sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==}
+    engines: {node: '>=18'}
+
   is-generator-function@1.1.0:
     resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
     engines: {node: '>= 0.4'}
@@ -4877,6 +4976,10 @@ packages:
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  isexe@3.1.1:
+    resolution: {integrity: sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==}
+    engines: {node: '>=16'}
+
   istanbul-lib-coverage@3.2.2:
     resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
     engines: {node: '>=8'}
@@ -4948,6 +5051,10 @@ packages:
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
+  json-parse-even-better-errors@3.0.2:
+    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -4966,6 +5073,10 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  jsonc-eslint-parser@2.4.1:
+    resolution: {integrity: sha512-uuPNLJkKN8NXAlZlQ6kmUF9qO+T6Kyd7oV4+/7yy8Jz6+MZNyhPq8EdLpdfnPVzUC8qSf1b4j1azKaGnFsjmsw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
   jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
 
@@ -5136,6 +5247,22 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
+  lines-and-columns@2.0.4:
+    resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  lint-staged@16.1.6:
+    resolution: {integrity: sha512-U4kuulU3CKIytlkLlaHcGgKscNfJPNTiDF2avIUGFCv7K95/DCYQ7Ra62ydeRWmgQGg9zJYw2dzdbztwJlqrow==}
+    engines: {node: '>=20.17'}
+    hasBin: true
+
+  listr2@9.0.4:
+    resolution: {integrity: sha512-1wd/kpAdKRLwv7/3OKC8zZ5U8e/fajCfWMxacUvB79S5nLrYGPtUI/8chMQhn3LQjsRVErTb9i1ECAwW0ZIHnQ==}
+    engines: {node: '>=20.0.0'}
+
+  load-plugin@6.0.3:
+    resolution: {integrity: sha512-kc0X2FEUZr145odl68frm+lMJuQ23+rTXYmR6TImqPtbpmXC4vVXbWKDQ9IzndA0HfyQamWfKLhzsqGSTxE63w==}
+
   loader-runner@4.3.0:
     resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==}
     engines: {node: '>=6.11.5'}
@@ -5181,6 +5308,10 @@ packages:
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
+    engines: {node: '>=18'}
+
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
@@ -5425,6 +5556,10 @@ packages:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
   min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -5481,6 +5616,10 @@ packages:
   muggle-string@0.4.1:
     resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
 
+  nano-spawn@1.0.3:
+    resolution: {integrity: sha512-jtpsQDetTnvS2Ts1fiRdci5rx0VYws5jGyC+4IYOTnIQ/wwdf6JdomlHBwqC3bJYOvaKu0C2GSZ1A60anrYpaA==}
+    engines: {node: '>=20.17'}
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -5531,6 +5670,31 @@ packages:
   node-releases@2.0.21:
     resolution: {integrity: sha512-5b0pgg78U3hwXkCM8Z9b2FJdPZlr9Psr9V2gQPESdGHqbntyFJKFW4r5TeWGFzafGY3hzs1JC62VEQMbl1JFkw==}
 
+  nopt@7.2.1:
+    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  normalize-package-data@6.0.2:
+    resolution: {integrity: sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  npm-install-checks@6.3.0:
+    resolution: {integrity: sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  npm-normalize-package-bin@3.0.1:
+    resolution: {integrity: sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  npm-package-arg@11.0.3:
+    resolution: {integrity: sha512-sHGJy8sOC1YraBywpzQlIKBE4pBbGbiF95U6Auspzyem956E0+FtDtsx1ZxlOJkQCZ1AFXAY/yuvtFYrOxF+Bw==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  npm-pick-manifest@9.1.0:
+    resolution: {integrity: sha512-nkc+3pIIhqHVQr085X9d2JzPzLyjzQS96zbruppqC9aZRm/x8xx6xhI98gHtsfELP2bE+loHq8ZaHFHhe+NauA==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -5647,6 +5811,10 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
 
+  parse-json@7.1.1:
+    resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
+    engines: {node: '>=16'}
+
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
 
@@ -5705,6 +5873,11 @@ packages:
     resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
 
+  pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
   pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
@@ -5824,6 +5997,22 @@ packages:
     resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
 
+  proc-log@4.2.0:
+    resolution: {integrity: sha512-g8+OnU/L2v+wyiVK+D5fA34J7EH8jZ8DDlvwhRCMxmMj7UCBvxiO1mGeN+36JXIKF4zevU4kRBd8lVgG9vLelA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  promise-inflight@1.0.1:
+    resolution: {integrity: sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==}
+    peerDependencies:
+      bluebird: '*'
+    peerDependenciesMeta:
+      bluebird:
+        optional: true
+
+  promise-retry@2.0.1:
+    resolution: {integrity: sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==}
+    engines: {node: '>=10'}
+
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
@@ -5910,10 +6099,18 @@ packages:
     resolution: {integrity: sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==}
     engines: {node: '>=0.10.0'}
 
+  read-package-json-fast@3.0.2:
+    resolution: {integrity: sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   read-yaml-file@1.1.0:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
     engines: {node: '>=6'}
 
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
   readdirp@4.1.2:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
@@ -6028,6 +6225,14 @@ packages:
     resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
     hasBin: true
 
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
+  retry@0.12.0:
+    resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==}
+    engines: {node: '>= 4'}
+
   reusify@1.1.0:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -6056,6 +6261,10 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+
   safe-array-concat@1.1.3:
     resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
     engines: {node: '>=0.4'}
@@ -6162,6 +6371,10 @@ packages:
     resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
     engines: {node: '>=10'}
 
+  slice-ansi@7.1.2:
+    resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
+    engines: {node: '>=18'}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -6190,6 +6403,18 @@ packages:
   spawndamnit@3.0.1:
     resolution: {integrity: sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==}
 
+  spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+
+  spdx-license-ids@3.0.22:
+    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
+
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
@@ -6253,6 +6478,9 @@ packages:
     resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
     engines: {node: '>= 0.4'}
 
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
   stringify-entities@4.0.4:
     resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
 
@@ -6319,6 +6547,10 @@ packages:
     resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
     engines: {node: '>=10'}
 
+  supports-color@9.4.0:
+    resolution: {integrity: sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==}
+    engines: {node: '>=12'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -6466,6 +6698,10 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type-fest@3.13.1:
+    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
+    engines: {node: '>=14.16'}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -6482,6 +6718,9 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
+  typedarray@0.0.6:
+    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
+
   typescript-eslint@8.44.0:
     resolution: {integrity: sha512-ib7mCkYuIzYonCq9XWF5XNw+fkj2zg629PSa9KNIQ47RXFF763S5BIX4wqz1+FLPogTZoiw8KmCiRPRa8bL3qw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -6542,9 +6781,15 @@ packages:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
     engines: {node: '>=18'}
 
+  unified-engine@11.2.2:
+    resolution: {integrity: sha512-15g/gWE7qQl9tQ3nAEbMd5h9HV1EACtFs6N9xaRBZICoCwnNGbal1kOs++ICf4aiTdItZxU2s/kYWhW7htlqJg==}
+
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
+  unist-util-inspect@8.1.0:
+    resolution: {integrity: sha512-mOlg8Mp33pR0eeFpo5d2902ojqFFOKMMG2hF8bmH7ZlhnmjFgh0NI3/ZDwdaBJNbvrS7LZFVrBVtIE9KZ9s7vQ==}
+
   unist-util-is@6.0.0:
     resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
 
@@ -6593,9 +6838,30 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  uvu@0.5.6:
+    resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+
+  validate-npm-package-name@5.0.1:
+    resolution: {integrity: sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   vfile-message@4.0.3:
     resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
 
+  vfile-reporter@8.1.1:
+    resolution: {integrity: sha512-qxRZcnFSQt6pWKn3PAk81yLK2rO2i7CDXpy8v8ZquiEOMLSnPw6BMSi9Y1sUCwGGl7a9b3CJT1CKpnRF7pp66g==}
+
+  vfile-sort@4.0.0:
+    resolution: {integrity: sha512-lffPI1JrbHDTToJwcq0rl6rBmkjQmMuXkAxsZPRS9DXbaJQvc642eCg6EGxcX2i1L+esbuhq+2l9tBll5v8AeQ==}
+
+  vfile-statistics@3.0.0:
+    resolution: {integrity: sha512-/qlwqwWBWFOmpXujL/20P+Iuydil0rZZNglR+VNm6J0gpLHwuVM5s7g2TfVoswbXjZ4HuIhLMySEyIw5i7/D8w==}
+
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
@@ -6684,6 +6950,9 @@ packages:
   vscode-uri@3.1.0:
     resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
 
+  walk-up-path@3.0.1:
+    resolution: {integrity: sha512-9YlCL/ynK3CTlrSRrDxZvUauLzAswPCrsaCgilqFevUYpeEW0/3ScEjaa3kbW/T0ghhkEr7mv+fpjqn1Y1YuTA==}
+
   watchpack@2.4.4:
     resolution: {integrity: sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==}
     engines: {node: '>=10.13.0'}
@@ -6733,6 +7002,11 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
+  which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
+
   why-is-node-running@2.3.0:
     resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
     engines: {node: '>=8'}
@@ -9303,6 +9577,10 @@ snapshots:
     dependencies:
       '@types/deep-eql': 4.0.2
 
+  '@types/concat-stream@2.0.3':
+    dependencies:
+      '@types/node': 24.5.2
+
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 2.1.0
@@ -9335,6 +9613,8 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.3
 
+  '@types/is-empty@1.2.3': {}
+
   '@types/json-schema@7.0.15': {}
 
   '@types/json5@0.0.29': {}
@@ -9355,6 +9635,10 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
+  '@types/node@22.18.6':
+    dependencies:
+      undici-types: 6.21.0
+
   '@types/node@24.5.2':
     dependencies:
       undici-types: 7.12.0
@@ -9387,6 +9671,8 @@ snapshots:
 
   '@types/stylis@4.2.7': {}
 
+  '@types/supports-color@8.1.3': {}
+
   '@types/unist@2.0.11': {}
 
   '@types/unist@3.0.3': {}
@@ -10350,6 +10636,8 @@ snapshots:
 
   '@zag-js/utils@1.24.1': {}
 
+  abbrev@2.0.0: {}
+
   acorn-import-phases@1.0.4(acorn@8.15.0):
     dependencies:
       acorn: 8.15.0
@@ -10409,6 +10697,10 @@ snapshots:
 
   ansi-colors@4.1.3: {}
 
+  ansi-escapes@7.1.0:
+    dependencies:
+      environment: 1.1.0
+
   ansi-regex@5.0.1: {}
 
   ansi-regex@6.2.2: {}
@@ -10682,6 +10974,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chalk@5.6.2: {}
+
   character-entities-html4@2.1.0: {}
 
   character-entities-legacy@1.1.4: {}
@@ -10710,6 +11004,17 @@ snapshots:
 
   ci-info@3.9.0: {}
 
+  ci-info@4.3.0: {}
+
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
+  cli-truncate@5.1.0:
+    dependencies:
+      slice-ansi: 7.1.2
+      string-width: 8.1.0
+
   client-only@0.0.1: {}
 
   cliui@6.0.0:
@@ -10732,10 +11037,14 @@ snapshots:
 
   color-name@1.1.4: {}
 
+  colorette@2.0.20: {}
+
   comma-separated-tokens@1.0.8: {}
 
   comma-separated-tokens@2.0.3: {}
 
+  commander@14.0.1: {}
+
   commander@2.20.3: {}
 
   common-path-prefix@3.0.0: {}
@@ -10744,6 +11053,13 @@ snapshots:
 
   concat-map@0.0.1: {}
 
+  concat-stream@2.0.0:
+    dependencies:
+      buffer-from: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      typedarray: 0.0.6
+
   confbox@0.1.8: {}
 
   confbox@0.2.2: {}
@@ -10881,6 +11197,8 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
+  diff@5.2.0: {}
+
   dir-glob@3.0.1:
     dependencies:
       path-type: 4.0.0
@@ -10912,6 +11230,8 @@ snapshots:
 
   electron-to-chromium@1.5.222: {}
 
+  emoji-regex@10.5.0: {}
+
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
@@ -10930,6 +11250,10 @@ snapshots:
 
   entities@4.5.0: {}
 
+  environment@1.1.0: {}
+
+  err-code@2.0.3: {}
+
   error-ex@1.3.4:
     dependencies:
       is-arrayish: 0.2.1
@@ -11366,6 +11690,12 @@ snapshots:
       acorn-jsx: 5.3.2(acorn@8.15.0)
       eslint-visitor-keys: 4.2.1
 
+  espree@9.6.1:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 3.4.3
+
   esprima@4.0.1: {}
 
   esquery@1.6.0:
@@ -11422,6 +11752,8 @@ snapshots:
       '@types/node': 24.5.2
       require-like: 0.1.2
 
+  eventemitter3@5.0.1: {}
+
   events@3.3.0: {}
 
   expect-type@1.2.2: {}
@@ -11768,12 +12100,16 @@ snapshots:
 
   human-id@4.1.1: {}
 
+  husky@9.1.7: {}
+
   iconv-lite@0.7.0:
     dependencies:
       safer-buffer: 2.1.2
 
   ignore@5.3.2: {}
 
+  ignore@6.0.2: {}
+
   ignore@7.0.5: {}
 
   import-fresh@3.3.1:
@@ -11783,6 +12119,8 @@ snapshots:
 
   import-lazy@4.0.0: {}
 
+  import-meta-resolve@4.2.0: {}
+
   imurmurhash@0.1.4: {}
 
   indent-string@4.0.0: {}
@@ -11872,6 +12210,8 @@ snapshots:
 
   is-docker@2.2.1: {}
 
+  is-empty@1.2.0: {}
+
   is-extglob@2.1.1: {}
 
   is-finalizationregistry@1.1.1:
@@ -11880,6 +12220,10 @@ snapshots:
 
   is-fullwidth-code-point@3.0.0: {}
 
+  is-fullwidth-code-point@5.1.0:
+    dependencies:
+      get-east-asian-width: 1.4.0
+
   is-generator-function@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -11963,6 +12307,8 @@ snapshots:
 
   isexe@2.0.0: {}
 
+  isexe@3.1.1: {}
+
   istanbul-lib-coverage@3.2.2: {}
 
   istanbul-lib-report@3.0.1:
@@ -12036,6 +12382,8 @@ snapshots:
 
   json-parse-even-better-errors@2.3.1: {}
 
+  json-parse-even-better-errors@3.0.2: {}
+
   json-schema-traverse@0.4.1: {}
 
   json-schema-traverse@1.0.0: {}
@@ -12048,6 +12396,13 @@ snapshots:
 
   json5@2.2.3: {}
 
+  jsonc-eslint-parser@2.4.1:
+    dependencies:
+      acorn: 8.15.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      semver: 7.7.2
+
   jsonfile@4.0.0:
     optionalDependencies:
       graceful-fs: 4.2.11
@@ -12176,6 +12531,39 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
+  lines-and-columns@2.0.4: {}
+
+  lint-staged@16.1.6:
+    dependencies:
+      chalk: 5.6.2
+      commander: 14.0.1
+      debug: 4.4.3
+      lilconfig: 3.1.3
+      listr2: 9.0.4
+      micromatch: 4.0.8
+      nano-spawn: 1.0.3
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.8.1
+    transitivePeerDependencies:
+      - supports-color
+
+  listr2@9.0.4:
+    dependencies:
+      cli-truncate: 5.1.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.1
+      log-update: 6.1.0
+      rfdc: 1.4.1
+      wrap-ansi: 9.0.2
+
+  load-plugin@6.0.3:
+    dependencies:
+      '@npmcli/config': 8.3.4
+      import-meta-resolve: 4.2.0
+    transitivePeerDependencies:
+      - bluebird
+
   loader-runner@4.3.0: {}
 
   loader-utils@2.0.4:
@@ -12216,6 +12604,14 @@ snapshots:
 
   lodash@4.17.21: {}
 
+  log-update@6.1.0:
+    dependencies:
+      ansi-escapes: 7.1.0
+      cli-cursor: 5.0.0
+      slice-ansi: 7.1.2
+      strip-ansi: 7.1.2
+      wrap-ansi: 9.0.2
+
   longest-streak@3.1.0: {}
 
   look-it-up@2.1.0: {}
@@ -12723,6 +13119,8 @@ snapshots:
     dependencies:
       mime-db: 1.52.0
 
+  mimic-function@5.0.1: {}
+
   min-indent@1.0.1: {}
 
   minimatch@10.0.3:
@@ -12768,6 +13166,8 @@ snapshots:
 
   muggle-string@0.4.1: {}
 
+  nano-spawn@1.0.3: {}
+
   nanoid@3.3.11: {}
 
   napi-postinstall@0.3.3: {}
@@ -12810,6 +13210,36 @@ snapshots:
 
   node-releases@2.0.21: {}
 
+  nopt@7.2.1:
+    dependencies:
+      abbrev: 2.0.0
+
+  normalize-package-data@6.0.2:
+    dependencies:
+      hosted-git-info: 7.0.2
+      semver: 7.7.2
+      validate-npm-package-license: 3.0.4
+
+  npm-install-checks@6.3.0:
+    dependencies:
+      semver: 7.7.2
+
+  npm-normalize-package-bin@3.0.1: {}
+
+  npm-package-arg@11.0.3:
+    dependencies:
+      hosted-git-info: 7.0.2
+      proc-log: 4.2.0
+      semver: 7.7.2
+      validate-npm-package-name: 5.0.1
+
+  npm-pick-manifest@9.1.0:
+    dependencies:
+      npm-install-checks: 6.3.0
+      npm-normalize-package-bin: 3.0.1
+      npm-package-arg: 11.0.3
+      semver: 7.7.2
+
   object-assign@4.1.1: {}
 
   object-inspect@1.13.4: {}
@@ -12953,6 +13383,14 @@ snapshots:
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
 
+  parse-json@7.1.1:
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 3.0.2
+      lines-and-columns: 2.0.4
+      type-fest: 3.13.1
+
   path-browserify@1.0.1: {}
 
   path-exists@4.0.0: {}
@@ -12991,6 +13429,8 @@ snapshots:
 
   picomatch@4.0.3: {}
 
+  pidtree@0.6.0: {}
+
   pify@4.0.1: {}
 
   pkg-dir@7.0.0:
@@ -13103,6 +13543,15 @@ snapshots:
 
   prismjs@1.30.0: {}
 
+  proc-log@4.2.0: {}
+
+  promise-inflight@1.0.1: {}
+
+  promise-retry@2.0.1:
+    dependencies:
+      err-code: 2.0.3
+      retry: 0.12.0
+
   prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
@@ -13212,6 +13661,11 @@ snapshots:
 
   react@19.1.1: {}
 
+  read-package-json-fast@3.0.2:
+    dependencies:
+      json-parse-even-better-errors: 3.0.2
+      npm-normalize-package-bin: 3.0.1
+
   read-yaml-file@1.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -13219,6 +13673,12 @@ snapshots:
       pify: 4.0.1
       strip-bom: 3.0.0
 
+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
   readdirp@4.1.2: {}
 
   recast@0.23.11:
@@ -13396,6 +13856,13 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  restore-cursor@5.1.0:
+    dependencies:
+      onetime: 7.0.0
+      signal-exit: 4.1.0
+
+  retry@0.12.0: {}
+
   reusify@1.1.0: {}
 
   rgb-regex@1.0.1: {}
@@ -13444,6 +13911,10 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  sade@1.8.1:
+    dependencies:
+      mri: 1.2.0
+
   safe-array-concat@1.1.3:
     dependencies:
       call-bind: 1.0.8
@@ -13592,6 +14063,11 @@ snapshots:
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
 
+  slice-ansi@7.1.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 5.1.0
+
   source-map-js@1.2.1: {}
 
   source-map-support@0.5.21:
@@ -13614,6 +14090,20 @@ snapshots:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
+  spdx-correct@3.2.0:
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.22
+
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@3.0.1:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.22
+
+  spdx-license-ids@3.0.22: {}
+
   sprintf-js@1.0.3: {}
 
   stable-hash@0.0.5: {}
@@ -13717,6 +14207,10 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
   stringify-entities@4.0.4:
     dependencies:
       character-entities-html4: 2.1.0
@@ -13774,6 +14268,8 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
+  supports-color@9.4.0: {}
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
   synckit@0.11.11:
@@ -13906,6 +14402,8 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
+  type-fest@3.13.1: {}
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -13984,6 +14482,33 @@ snapshots:
 
   unicorn-magic@0.1.0: {}
 
+  unified-engine@11.2.2:
+    dependencies:
+      '@types/concat-stream': 2.0.3
+      '@types/debug': 4.1.12
+      '@types/is-empty': 1.2.3
+      '@types/node': 22.18.6
+      '@types/unist': 3.0.3
+      concat-stream: 2.0.0
+      debug: 4.4.3
+      extend: 3.0.2
+      glob: 10.4.5
+      ignore: 6.0.2
+      is-empty: 1.2.0
+      is-plain-obj: 4.1.0
+      load-plugin: 6.0.3
+      parse-json: 7.1.1
+      trough: 2.2.0
+      unist-util-inspect: 8.1.0
+      vfile: 6.0.3
+      vfile-message: 4.0.3
+      vfile-reporter: 8.1.1
+      vfile-statistics: 3.0.0
+      yaml: 2.8.1
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -13994,6 +14519,10 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
+  unist-util-inspect@8.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
   unist-util-is@6.0.0:
     dependencies:
       '@types/unist': 3.0.3
@@ -14080,11 +14609,46 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  uvu@0.5.6:
+    dependencies:
+      dequal: 2.0.3
+      diff: 5.2.0
+      kleur: 4.1.5
+      sade: 1.8.1
+
+  validate-npm-package-license@3.0.4:
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+
+  validate-npm-package-name@5.0.1: {}
+
   vfile-message@4.0.3:
     dependencies:
       '@types/unist': 3.0.3
       unist-util-stringify-position: 4.0.0
 
+  vfile-reporter@8.1.1:
+    dependencies:
+      '@types/supports-color': 8.1.3
+      string-width: 6.1.0
+      supports-color: 9.4.0
+      unist-util-stringify-position: 4.0.0
+      vfile: 6.0.3
+      vfile-message: 4.0.3
+      vfile-sort: 4.0.0
+      vfile-statistics: 3.0.0
+
+  vfile-sort@4.0.0:
+    dependencies:
+      vfile: 6.0.3
+      vfile-message: 4.0.3
+
+  vfile-statistics@3.0.0:
+    dependencies:
+      vfile: 6.0.3
+      vfile-message: 4.0.3
+
   vfile@6.0.3:
     dependencies:
       '@types/unist': 3.0.3
@@ -14144,6 +14708,7 @@ snapshots:
       jiti: 2.5.1
       lightningcss: 1.30.1
       terser: 5.44.0
+      yaml: 2.8.1
 
   vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0):
     dependencies:
@@ -14190,6 +14755,8 @@ snapshots:
 
   vscode-uri@3.1.0: {}
 
+  walk-up-path@3.0.1: {}
+
   watchpack@2.4.4:
     dependencies:
       glob-to-regexp: 0.4.1
@@ -14280,6 +14847,10 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
+  which@4.0.0:
+    dependencies:
+      isexe: 3.1.1
+
   why-is-node-running@2.3.0:
     dependencies:
       siginfo: 2.0.0

From 67754ecbe46a51775a476c147413953ad13e75ef Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Sun, 21 Sep 2025 17:15:05 +0900
Subject: [PATCH 02/14] Add pre-commit, lintstaged

---
 .husky/pre-commit | 4 ++++
 .lintstagedrc.mjs | 8 ++++++++
 2 files changed, 12 insertions(+)
 create mode 100644 .husky/pre-commit
 create mode 100644 .lintstagedrc.mjs

diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 00000000..e9a388c2
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+pnpm lint-staged
\ No newline at end of file
diff --git a/.lintstagedrc.mjs b/.lintstagedrc.mjs
new file mode 100644
index 00000000..7afc7807
--- /dev/null
+++ b/.lintstagedrc.mjs
@@ -0,0 +1,8 @@
+export default {
+  '**/*.{js,jsx,ts,tsx,mjs,md,mdx,json,json5,jsonc}': (files) => {
+    return [
+      `npx eslint --config eslint.config.mjs --fix ${files.join(' ')}`,
+      `git add ${files.join(' ')}`,
+    ]
+  },
+}

From 050f5d106292145ead533abfc9ff18e345d405ef Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Sun, 21 Sep 2025 17:15:37 +0900
Subject: [PATCH 03/14] Add eslint config, rules

---
 eslint.config.mjs | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index c9f97135..2d33653c 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,3 +1,38 @@
+import tsParser from '@typescript-eslint/parser'
 import { configs } from 'eslint-plugin-devup'
+import jsonc from 'eslint-plugin-jsonc'
+import * as mdx from 'eslint-plugin-mdx'
+import jsonParser from 'jsonc-eslint-parser'
 
-export default configs.recommended
+export default [
+  ...configs.recommended,
+  {
+    files: ['**/*.{json,json5,jsonc}'],
+    languageOptions: { parser: jsonParser },
+    plugins: { jsonc },
+    rules: {
+      'prettier/prettier': 'off',
+      'eol-last': ['error', 'never'],
+      'no-multiple-empty-lines': ['error', { max: 0, maxEOF: 0 }],
+    },
+  },
+  {
+    ...mdx.flat,
+    files: ['**/*.{md,mdx}'],
+    processor: mdx.createRemarkProcessor({
+      lintCodeBlocks: true,
+    }),
+  },
+  {
+    ...mdx.flatCodeBlocks,
+    files: ['**/*.{md,mdx}/*.{js,jsx,ts,tsx}'],
+    languageOptions: { parser: tsParser },
+    rules: {
+      ...mdx.flatCodeBlocks.rules,
+      'react/jsx-no-undef': 'off',
+      semi: ['error', 'never'],
+      quotes: ['error', 'single', { avoidEscape: true }],
+      'react/jsx-tag-spacing': ['error', { beforeClosing: 'never' }],
+    },
+  },
+]

From 95454324ec5f4abba9824f510848664d056ae09e Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Sun, 21 Sep 2025 17:15:50 +0900
Subject: [PATCH 04/14] Fix markdown codeblock parsing error

---
 .../src/app/(detail)/docs/features/page.mdx   | 50 +++++++++++--------
 1 file changed, 29 insertions(+), 21 deletions(-)

diff --git a/apps/landing/src/app/(detail)/docs/features/page.mdx b/apps/landing/src/app/(detail)/docs/features/page.mdx
index d992a3ba..f5bcddb8 100644
--- a/apps/landing/src/app/(detail)/docs/features/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/features/page.mdx
@@ -16,11 +16,10 @@ Devup UI eliminates the performance degradation of the browser through the CSS i
 
 We develop a preprocessor that considers all grammatical cases.
 
-
 ## How it works
 
-```typescript
-const before = <Box bg={"red"} />
+```tsx
+const before = <Box bg="red" />
 
 const after = <div className="d0" />
 ```
@@ -29,8 +28,8 @@ const after = <div className="d0" />
 
 Devup UI supports responsive design.
 
-```typescript
-const before = <Box bg={["red", "blue"]} />
+```tsx
+const before = <Box bg={['red', 'blue']} />
 
 const after = <div className="d0 d1" />
 ```
@@ -39,12 +38,17 @@ const after = <div className="d0 d1" />
 
 Devup UI supports variables.
 
-```typescript
+```tsx
 const before = <Box bg={colorVariable} />
 
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 ## Theme
@@ -66,29 +70,33 @@ Devup UI supports theme.
 }
 ```
 
-```typescript
-<Text color="$text"/>
+```tsx
+<Text color="$text" />
 ```
 
 ## Expressions
 
 Devup UI supports expressions.
 
-```typescript
-const before = <Box bg={a > b ? "yellow" : variable}/>
-
-const after = <Box className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={a > b ? 'yellow' : variable} />
+
+const after = (
+  <Box
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 ## Pseudo Selector
 
 Devup UI supports pseudo selector.
 
-```typescript
-const before = <Box _hover={{ bg: "red" }}/>
+```tsx
+const before = <Box _hover={{ bg: 'red' }} />
 
-const after = <Box className={"d0"}/>
+const after = <Box className="d0" />
 ```
-

From 40dd0b3954cef20484438db96d4c5f18fb50c175 Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Sat, 27 Sep 2025 20:08:08 +0900
Subject: [PATCH 05/14] Fix docs markdown parsing error

---
 README.md                                     |  83 ++--
 README_ko.md                                  |  81 ++--
 .../src/app/(detail)/docs/api/box/page.mdx    |   8 +-
 .../src/app/(detail)/docs/api/button/page.mdx |   4 +-
 .../src/app/(detail)/docs/api/center/page.mdx |  14 +-
 .../src/app/(detail)/docs/api/css/page.mdx    |   7 +-
 .../src/app/(detail)/docs/api/flex/page.mdx   |   2 +-
 .../src/app/(detail)/docs/api/grid/page.mdx   |  11 +-
 .../(detail)/docs/api/group-selector/page.mdx |   2 +-
 .../src/app/(detail)/docs/api/image/page.mdx  |   4 +-
 .../src/app/(detail)/docs/api/input/page.mdx  |   4 +-
 .../src/app/(detail)/docs/api/text/page.mdx   |   4 +-
 .../app/(detail)/docs/api/v-stack/page.mdx    |   8 +-
 .../(detail)/docs/devup/breakpoints/page.mdx  |   4 +-
 .../app/(detail)/docs/devup/colors/page.mdx   |   8 +-
 .../(detail)/docs/devup/typography/page.mdx   |   2 +-
 libs/extractor/README.md                      |  21 +-
 packages/components/README.md                 |  77 ++--
 packages/next-plugin/README.md                |  77 ++--
 packages/react/README.md                      |  77 ++--
 packages/reset-css/README.md                  |  77 ++--
 packages/rsbuild-plugin/README.md             |  77 ++--
 packages/vite-plugin/README.md                |  77 ++--
 packages/webpack-plugin/README.md             |  77 ++--
 pnpm-lock.yaml                                | 423 ++++++++++++++----
 25 files changed, 795 insertions(+), 434 deletions(-)

diff --git a/README.md b/README.md
index 5f2aa52f..3216e93c 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,36 +148,40 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
 
 ## How to Contribute
 
 ### Requirements
+
 - [Node.js](https://nodejs.org) (LTS version recommended)
 - [Rust](https://rustup.rs) compiler
 - pnpm package manager (`npm install -g pnpm`)
 
 ### Development Setup
+
 To set up the development environment, install the following packages:
+
 ```sh
 pnpm i
 pnpm build
 cargo install cargo-tarpaulin
 cargo install wasm-pack
 ```
-After installation, run `pnpm test` to ensure everything works correctly.
\ No newline at end of file
+
+After installation, run `pnpm test` to ensure everything works correctly.
diff --git a/README_ko.md b/README_ko.md
index 82ad08a1..699664a5 100644
--- a/README_ko.md
+++ b/README_ko.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -70,17 +69,17 @@ npm install @devup-ui/vite-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| 라이브러리                 |  버전    | 빌드 시간    | 빌드 사이즈        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| 라이브러리             | 버전   | 빌드 시간 | 빌드 사이즈       |
+| ---------------------- | ------ | --------- | ----------------- |
+| tailwindcss            | 4.1.13 | 20.22s    | 57,415,796 bytes  |
+| styleX                 | 0.15.4 | 38.97s    | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4 | 20.09s    | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9  | 21.61s    | 67,422,085 bytes  |
+| panda-css              | 1.3.1  | 22.01s    | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0 | 29.99s    | 210,122,493 bytes |
+| mui                    | 7.3.2  | 22.21s    | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18 | 18.23s    | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18 | 18.35s    | 57,409,008 bytes  |
 
 ## 작동 원리
 
@@ -88,30 +87,40 @@ Devup UI는 런타임이 필요 없는 CSS in JS 전처리기입니다.
 Devup UI는 CSS in JS 전처리기를 통하여 브라우저의 성능 저하를 원천적으로 제거합니다.
 모든 문법적 경우의 수를 고려하여 전처리기를 개발합니다.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 변수 사용도 완전히 지원합니다.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 다양한 표현식과 반응형도 모두 지원합니다.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 타이핑이 되는 테마를 지원합니다.
@@ -133,36 +142,40 @@ const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 반응형과 가상 선택자도 지원합니다.
 
 물론 동시 사용도 가능합니다.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
 
 ## 기여 방법
 
 ### 요구 사항
+
 - [Node.js](https://nodejs.org) (LTS 버전 권장)
 - [Rust](https://rustup.rs) 컴파일러
 - pnpm 패키지 매니저 (`npm install -g pnpm`)
 
 ### 개발 환경 설정
+
 개발 환경을 위해 아래 패키지들을 설치합니다:
+
 ```sh
 pnpm i
 pnpm build
 cargo install cargo-tarpaulin
 cargo install wasm-pack
 ```
+
 설치 후 `pnpm test`를 실행하여 문제가 없는지 확인합니다.
diff --git a/apps/landing/src/app/(detail)/docs/api/box/page.mdx b/apps/landing/src/app/(detail)/docs/api/box/page.mdx
index acccf98b..3ace3fba 100644
--- a/apps/landing/src/app/(detail)/docs/api/box/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/box/page.mdx
@@ -14,16 +14,16 @@ It is just a `div` with some styles.
 
 ## How to use
 
-```typescript
-const before = <Box bg={"red"} />
+```tsx
+const before = <Box bg="red" />
 
 const after = <div className="d0" />
 ```
 
 You can use the `as` prop to change the element type.
 
-```typescript
-const before = <Box as={"span"} />
+```tsx
+const before = <Box as="span" />
 
 const after = <span className="d0" />
 ```
diff --git a/apps/landing/src/app/(detail)/docs/api/button/page.mdx b/apps/landing/src/app/(detail)/docs/api/button/page.mdx
index a3e6c762..5b517db8 100644
--- a/apps/landing/src/app/(detail)/docs/api/button/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/button/page.mdx
@@ -12,8 +12,8 @@ The `Button` component is a simple button component that can be used to trigger
 
 ## How to use
 
-```typescript
-const before = <Button bg={"red"} />
+```tsx
+const before = <Button bg="red" />
 
 const after = <button className="d0" />
 ```
diff --git a/apps/landing/src/app/(detail)/docs/api/center/page.mdx b/apps/landing/src/app/(detail)/docs/api/center/page.mdx
index 9db755ae..fa095096 100644
--- a/apps/landing/src/app/(detail)/docs/api/center/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/center/page.mdx
@@ -1,8 +1,8 @@
 export const metadata = {
   title: 'Center',
   alternates: {
-    canonical: '/docs/api/center'
-  }
+    canonical: '/docs/api/center',
+  },
 }
 
 # Center
@@ -13,12 +13,12 @@ It has a `display: flex` style with `justify-content: center` and `align-items:
 
 ## How to use
 
-````typescript
+```tsx
 const before = (
   <Center>
-    <Box bg="blue" w={25} h={25} />
-    <Box bg="blue" w={25} h={25} />
-    <Box bg="blue" w={25} h={25} />
+    <Box bg="blue" h={25} w={25} />
+    <Box bg="blue" h={25} w={25} />
+    <Box bg="blue" h={25} w={25} />
   </Center>
 )
 
@@ -29,4 +29,4 @@ const after = (
     <div className="d0 d1 d2"></div>
   </div>
 )
-````
+```
diff --git a/apps/landing/src/app/(detail)/docs/api/css/page.mdx b/apps/landing/src/app/(detail)/docs/api/css/page.mdx
index 792a1f73..045b5110 100644
--- a/apps/landing/src/app/(detail)/docs/api/css/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/css/page.mdx
@@ -17,7 +17,7 @@ export const metadata = {
 You can use `css` as a tag function to create a css string. Pass in a string of css properties as an argument, ans it will be converted
 into a class list.
 
-```typescript
+```tsx
 const before = (
   <div
     className={css`
@@ -26,15 +26,14 @@ const before = (
   />
 )
 
-const after = <any className="d0"/>
-
+const after = <any className="d0" />
 ```
 
 ### CSS Object
 
 You can also use the css function by passing in a css object as an argument.
 
-```typescript
+```tsx
 const before = (
   <any
     className={css({
diff --git a/apps/landing/src/app/(detail)/docs/api/flex/page.mdx b/apps/landing/src/app/(detail)/docs/api/flex/page.mdx
index 3b31f24a..1ea9852c 100644
--- a/apps/landing/src/app/(detail)/docs/api/flex/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/flex/page.mdx
@@ -14,7 +14,7 @@ It has a `display: flex` style by default.
 
 ## How to use
 
-```typescript
+```tsx
 const before = <Flex />
 
 const after = <div className="d0" />
diff --git a/apps/landing/src/app/(detail)/docs/api/grid/page.mdx b/apps/landing/src/app/(detail)/docs/api/grid/page.mdx
index fe86b9a8..a93bf9c5 100644
--- a/apps/landing/src/app/(detail)/docs/api/grid/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/grid/page.mdx
@@ -14,12 +14,12 @@ It has a `display: grid` style by default.
 
 ## How to use
 
-````typescript
+```tsx
 const before = (
   <Grid>
-    <Box bg="blue" w={25} h={25} />
-    <Box bg="blue" w={25} h={25} />
-    <Box bg="blue" w={25} h={25} />
+    <Box bg="blue" h={25} w={25} />
+    <Box bg="blue" h={25} w={25} />
+    <Box bg="blue" h={25} w={25} />
   </Grid>
 )
 
@@ -30,5 +30,4 @@ const after = (
     <div className="d0 d1 d2"></div>
   </div>
 )
-    ```
-````
+```
diff --git a/apps/landing/src/app/(detail)/docs/api/group-selector/page.mdx b/apps/landing/src/app/(detail)/docs/api/group-selector/page.mdx
index bacf5e92..a9630224 100644
--- a/apps/landing/src/app/(detail)/docs/api/group-selector/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/group-selector/page.mdx
@@ -12,7 +12,7 @@ The `group` selector is used to apply styles to a group of elements. It is used
 
 ## How to use
 
-```typescript
+```tsx
 const group = (
   <div role="group">
     <Box _groupHover={{ bg: 'red' }} />
diff --git a/apps/landing/src/app/(detail)/docs/api/image/page.mdx b/apps/landing/src/app/(detail)/docs/api/image/page.mdx
index af21b6ea..7f1be76b 100644
--- a/apps/landing/src/app/(detail)/docs/api/image/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/image/page.mdx
@@ -14,8 +14,8 @@ It is just a `img` with some styles.
 
 ## How to use
 
-```typescript
-const before = <Image src={"https://via.placeholder.com/150"} />
+```tsx
+const before = <Image src="https://via.placeholder.com/150" />
 
 const after = <img src="https://via.placeholder.com/150" />
 ```
diff --git a/apps/landing/src/app/(detail)/docs/api/input/page.mdx b/apps/landing/src/app/(detail)/docs/api/input/page.mdx
index 0fc38e63..61d25259 100644
--- a/apps/landing/src/app/(detail)/docs/api/input/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/input/page.mdx
@@ -14,8 +14,8 @@ It is just a `input` with some styles.
 
 ## How to use
 
-```typescript
-const before = <Input border={"3px solid black"} />
+```tsx
+const before = <Input border="3px solid black" />
 
 const after = <input className="d0" />
 ```
diff --git a/apps/landing/src/app/(detail)/docs/api/text/page.mdx b/apps/landing/src/app/(detail)/docs/api/text/page.mdx
index 965e7e1d..ec1addf4 100644
--- a/apps/landing/src/app/(detail)/docs/api/text/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/text/page.mdx
@@ -14,8 +14,8 @@ It is just a `span` with some styles.
 
 ## How to use
 
-```typescript
-const before = <Text color={"red"}>This is Text component.</Text>
+```tsx
+const before = <Text color="red">This is Text component.</Text>
 
 const after = <span className="d0">This is Text component.</span>
 ```
diff --git a/apps/landing/src/app/(detail)/docs/api/v-stack/page.mdx b/apps/landing/src/app/(detail)/docs/api/v-stack/page.mdx
index de54b927..1f0e9cfb 100644
--- a/apps/landing/src/app/(detail)/docs/api/v-stack/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/api/v-stack/page.mdx
@@ -14,12 +14,12 @@ It has a `display: flex` style with `flex-direction: column`.
 
 ## How to use
 
-```typescript
+```tsx
 const before = (
   <VStack>
-    <Box bg="blue" w={25} h={25} />
-    <Box bg="blue" w={25} h={25} />
-    <Box bg="blue" w={25} h={25} />
+    <Box bg="blue" h={25} w={25} />
+    <Box bg="blue" h={25} w={25} />
+    <Box bg="blue" h={25} w={25} />
   </VStack>
 )
 
diff --git a/apps/landing/src/app/(detail)/docs/devup/breakpoints/page.mdx b/apps/landing/src/app/(detail)/docs/devup/breakpoints/page.mdx
index 1b84e2d9..86d981a3 100644
--- a/apps/landing/src/app/(detail)/docs/devup/breakpoints/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/devup/breakpoints/page.mdx
@@ -19,9 +19,9 @@ value in the array are listed below:
 
 ## How to use
 
-```typescript
+```tsx
 const box = (
-  <Box bg={['red', 'blue', 'green', 'yellow', 'purple']} w={25} h={25}>
+  <Box bg={['red', 'blue', 'green', 'yellow', 'purple']} h={25} w={25}>
     <Text>Hello</Text>
   </Box>
 )
diff --git a/apps/landing/src/app/(detail)/docs/devup/colors/page.mdx b/apps/landing/src/app/(detail)/docs/devup/colors/page.mdx
index 9e8f2e65..b6c5a76b 100644
--- a/apps/landing/src/app/(detail)/docs/devup/colors/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/devup/colors/page.mdx
@@ -10,8 +10,8 @@ export const metadata = {
 
 You can directly pass color values to the primitive components.
 
-```typescript
-const box = <Box bg="#FF0000" w={25} h={25} />
+```tsx
+const box = <Box bg="#FF0000" h={25} w={25} />
 ```
 
 But, when your project gets larger and more complicated, it could be better to use variables to style your project.
@@ -32,6 +32,6 @@ Pass in the variables that you created in `devup.json`.
 }
 ```
 
-```typescript
-const color = <Box bg="$primary" w={25} h={25} />
+```tsx
+const color = <Box bg="$primary" h={25} w={25} />
 ```
diff --git a/apps/landing/src/app/(detail)/docs/devup/typography/page.mdx b/apps/landing/src/app/(detail)/docs/devup/typography/page.mdx
index acd2ada9..6af20504 100644
--- a/apps/landing/src/app/(detail)/docs/devup/typography/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/devup/typography/page.mdx
@@ -23,6 +23,6 @@ You can create a typography theme in your `devup.json` file and pass variables t
 }
 ```
 
-```typescript
+```tsx
 const text = <Text typography="h1">Hello</Text>
 ```
diff --git a/libs/extractor/README.md b/libs/extractor/README.md
index 6db1c299..9f43037e 100644
--- a/libs/extractor/README.md
+++ b/libs/extractor/README.md
@@ -6,19 +6,22 @@ jsx to css extractor
 
 Before
 
-```typescript
-<Box bg="red" color="white" p={2} m={2} textAlign={variable}>
-    Hello World
+```tsx
+<Box bg="red" color="white" m={2} p={2} textAlign={variable}>
+  Hello World
 </Box>
 ```
 
 After
 
-```typescript
-<Box className={"dp1 dp2 dp-3 dp-4 dp-v"} style={{
-    "--ta": variable,
-}}>
-    Hello World
+```tsx
+<Box
+  className="dp1 dp2 dp-3 dp-4 dp-v"
+  style={{
+    '--ta': variable,
+  }}
+>
+  Hello World
 </Box>
 ```
 
@@ -30,4 +33,4 @@ graph TD
     ExtractStyleValue --> GenCssFile;
     ExtractStyleValue --> EditCode;
     ExtractStyleProp --> EditCode;
-```
\ No newline at end of file
+```
diff --git a/packages/components/README.md b/packages/components/README.md
index d8a0f189..d84355a5 100644
--- a/packages/components/README.md
+++ b/packages/components/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,19 +148,19 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
diff --git a/packages/next-plugin/README.md b/packages/next-plugin/README.md
index d8a0f189..d84355a5 100644
--- a/packages/next-plugin/README.md
+++ b/packages/next-plugin/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,19 +148,19 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
diff --git a/packages/react/README.md b/packages/react/README.md
index d8a0f189..d84355a5 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,19 +148,19 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
diff --git a/packages/reset-css/README.md b/packages/reset-css/README.md
index d8a0f189..d84355a5 100644
--- a/packages/reset-css/README.md
+++ b/packages/reset-css/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,19 +148,19 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
diff --git a/packages/rsbuild-plugin/README.md b/packages/rsbuild-plugin/README.md
index d8a0f189..d84355a5 100644
--- a/packages/rsbuild-plugin/README.md
+++ b/packages/rsbuild-plugin/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,19 +148,19 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
diff --git a/packages/vite-plugin/README.md b/packages/vite-plugin/README.md
index d8a0f189..d84355a5 100644
--- a/packages/vite-plugin/README.md
+++ b/packages/vite-plugin/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,19 +148,19 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
diff --git a/packages/webpack-plugin/README.md b/packages/webpack-plugin/README.md
index d8a0f189..d84355a5 100644
--- a/packages/webpack-plugin/README.md
+++ b/packages/webpack-plugin/README.md
@@ -2,7 +2,6 @@
   <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
 </div>
 
-
 <h3 align="center">
     Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
 </h3>
@@ -23,8 +22,8 @@
 <a href="https://discord.gg/8zjcGc7cWh">
 <img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
 </a>
-<a href="https://codecov.io/gh/dev-five-git/devup-ui" > 
- <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/> 
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
 </a>
 </div>
 
@@ -76,17 +75,17 @@ npm install @devup-ui/webpack-plugin
 
 Next.js Build Time and Build Size (github action - ubuntu-latest)
 
-| Library                  | Version  | Build Time | Build Size        |
-|--------------------------|----------|------------|-------------------|
-| tailwindcss              | 4.1.13   | 20.22s     | 57,415,796 bytes  |
-| styleX                   | 0.15.4   | 38.97s     | 76,257,820 bytes  |
-| vanilla-extract          | 1.17.4   | 20.09s     | 59,366,237 bytes  |
-| kuma-ui                  | 1.5.9    | 21.61s     | 67,422,085 bytes  |
-| panda-css                | 1.3.1    | 22.01s     | 62,431,065 bytes  |
-| chakra-ui                | 3.27.0   | 29.99s     | 210,122,493 bytes |
-| mui                      | 7.3.2    | 22.21s     | 94,231,958 bytes  |
-| devup-ui(per-file css)   | 1.0.18   | 18.23s     | 57,440,953 bytes  |
-| devup-ui(single css)     | 1.0.18   | 18.35s     | 57,409,008 bytes  |
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
 
 ## How it works
 
@@ -94,30 +93,40 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 We develop a preprocessor that considers all grammatical cases.
 
-```typescript
-const before = <Box bg={"red"}/>
+```tsx
+const before = <Box bg="red" />
 
-const after = <div className="d0"/>
+const after = <div className="d0" />
 ```
 
 Variables are fully supported.
 
-```typescript
-const before = <Box bg={colorVariable}/>
-
-const after = <div className="d0" style={{
-    "--d0": colorVariable
-}}/>
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
 ```
 
 Various expressions and responsiveness are also fully supported.
 
-```typescript
-const before = <Box bg={["red", "blue", a > b ? "yellow" : variable]}/>
-
-const after = <div className={`d0 d1 ${a > b ? "d2" : "d3"}`} style={{
-    "--d2": variable
-}}/>
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
 ```
 
 Support Theme with Typing
@@ -139,19 +148,19 @@ Support Theme with Typing
 }
 ```
 
-```typescript
+```tsx
 // Type Safe
-<Text color="$text"/>
+<Text color="$text" />
 ```
 
 Support Responsive And Pseudo Selector
 
 You can use responsive and pseudo selector.
 
-```typescript
+```tsx
 // Responsive with Selector
-const box = <Box _hover={{bg: ["red", "blue"]}}/>
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
 
 // Same
-const box = <Box _hover={[{bg: "red"}, {bg: "blue"}]}/>
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
 ```
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ad51eefa..bf4bd5a3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -31,16 +31,22 @@ importers:
         version: 24.5.2
       '@typescript-eslint/parser':
         specifier: ^8.44.0
-        version: 8.44.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.9.2)
+        version: 8.44.0(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2)
       '@vitest/coverage-v8':
         specifier: ^3.2.4
-        version: 3.2.4(vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 3.2.4(vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       eslint:
-        specifier: ^9.36.0
+        specifier: ^9.35.0
         version: 9.36.0(jiti@2.5.1)
       eslint-plugin-devup:
         specifier: ^2.0.5
         version: 2.0.5(@types/eslint@9.6.1)(@typescript-eslint/eslint-plugin@8.44.0(@typescript-eslint/parser@8.44.0(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2)
+      eslint-plugin-jsonc:
+        specifier: ^2.20.1
+        version: 2.20.1(eslint@9.36.0(jiti@2.5.1))
+      eslint-plugin-mdx:
+        specifier: ^3.6.2
+        version: 3.6.2(eslint@9.36.0(jiti@2.5.1))
       happy-dom:
         specifier: ^18.0.1
         version: 18.0.1
@@ -55,7 +61,7 @@ importers:
         version: 16.1.6
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
   apps/landing:
     dependencies:
@@ -218,13 +224,13 @@ importers:
         version: 19.1.9(@types/react@19.1.13)
       '@vitejs/plugin-react':
         specifier: ^5.0.3
-        version: 5.0.3(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 5.0.3(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       typescript:
         specifier: ^5
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
   apps/vite-lib:
     dependencies:
@@ -246,16 +252,16 @@ importers:
         version: 19.1.13
       '@vitejs/plugin-react':
         specifier: ^5.0.3
-        version: 5.0.3(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 5.0.3(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       typescript:
         specifier: ^5
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
 
   benchmark/next-chakra-ui:
     dependencies:
@@ -621,37 +627,37 @@ importers:
         version: link:../vite-plugin
       '@storybook/addon-docs':
         specifier: ^9.1.7
-        version: 9.1.7(@types/react@19.1.13)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))
+        version: 9.1.7(@types/react@19.1.13)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))
       '@storybook/addon-onboarding':
         specifier: ^9.1.7
-        version: 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))
+        version: 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))
       '@storybook/react-vite':
         specifier: ^9.1.7
-        version: 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(rollup@4.51.0)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(rollup@4.51.0)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       '@types/react':
         specifier: ^19.1.13
         version: 19.1.13
       eslint-plugin-storybook:
         specifier: ^9.1.7
-        version: 9.1.7(eslint@9.36.0(jiti@2.5.1))(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(typescript@5.9.2)
+        version: 9.1.7(eslint@9.36.0(jiti@2.5.1))(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(typescript@5.9.2)
       rollup-plugin-preserve-directives:
         specifier: ^0.4.0
         version: 0.4.0(rollup@4.51.0)
       storybook:
         specifier: ^9.1.7
-        version: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       typescript:
         specifier: ^5.9.2
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
   packages/next-plugin:
     dependencies:
@@ -673,13 +679,13 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
   packages/react:
     dependencies:
@@ -701,10 +707,10 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
 
   packages/reset-css:
     dependencies:
@@ -720,10 +726,10 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
 
   packages/rsbuild-plugin:
     dependencies:
@@ -739,13 +745,13 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
   packages/vite-plugin:
     dependencies:
@@ -754,14 +760,14 @@ importers:
         version: link:../../bindings/devup-ui-wasm
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
     devDependencies:
       typescript:
         specifier: ^5.9.2
         version: 5.9.2
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
 
   packages/webpack-plugin:
     dependencies:
@@ -777,13 +783,13 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^6
-        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+        version: 4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       vitest:
         specifier: ^3.2.4
-        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+        version: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
 packages:
 
@@ -2332,6 +2338,30 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
+  '@npmcli/config@8.3.4':
+    resolution: {integrity: sha512-01rtHedemDNhUXdicU7s+QYz/3JyV5Naj84cvdXGH4mgCdL+agmSYaLF4LUG4vMCLzhBO8YtS0gPpH1FGvbgAw==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  '@npmcli/git@5.0.8':
+    resolution: {integrity: sha512-liASfw5cqhjNW9UFd+ruwwdEf/lbOAQjLL2XY2dFW/bkJheXDYZgOyul/4gVvEV4BWkTXjYGmDqMw9uegdbJNQ==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  '@npmcli/map-workspaces@3.0.6':
+    resolution: {integrity: sha512-tkYs0OYnzQm6iIRdfy+LcLBjcKuQCeE5YLb8KnrIlutJfheNaPvPpgoFEyEFgbjzl5PLZ3IA/BWAwRU0eHuQDA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  '@npmcli/name-from-folder@2.0.0':
+    resolution: {integrity: sha512-pwK+BfEBZJbKdNYpHHRTNBwBoqrN/iIMO0AiGvYsp3Hoaq0WbgGSWQR6SCldZovoDpY3yje5lkFUe6gsDgJ2vg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  '@npmcli/package-json@5.2.1':
+    resolution: {integrity: sha512-f7zYC6kQautXHvNbLEWgD/uGu1+xCn9izgqBfgItWSx22U0ZDekxN08A1vM8cTxj/cRVe0Q94Ode+tdoYmIOOQ==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  '@npmcli/promise-spawn@7.0.2':
+    resolution: {integrity: sha512-xhfYPXoV5Dy4UkY0D+v2KkwvnDfiA/8Mt3sWCGI/hM03NsYIH8ZaG6QzS9x7pje5vHZBZJ2v6VRFVTWACnqcmQ==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
   '@pandacss/config@1.3.1':
     resolution: {integrity: sha512-Q58Q40JvVyZSruX3jthoJMsUv80Q0g2Aug0Q4OKSaqxLV3MXh3gW8KN0qztVp4kSS+sURShh8qPd6Ucjp5YXPA==}
 
@@ -4242,6 +4272,12 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  eslint-compat-utils@0.6.5:
+    resolution: {integrity: sha512-vAUHYzue4YAa2hNACjB8HvUQj5yehAZgiClyFVVom9cP8z5NSFq3PwB/TtJslN2zAMgRX6FCFCjYBbQh71g5RQ==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
   eslint-config-next@15.5.3:
     resolution: {integrity: sha512-e6j+QhQFOr5pfsc8VJbuTD9xTXJaRvMHYjEeLPA2pFkheNlgPLCkxdvhxhfuM4KGcqSZj2qEnpHisdTVs3BxuQ==}
     peerDependencies:
@@ -4273,6 +4309,27 @@ packages:
       eslint-plugin-import-x:
         optional: true
 
+  eslint-json-compat-utils@0.2.1:
+    resolution: {integrity: sha512-YzEodbDyW8DX8bImKhAcCeu/L31Dd/70Bidx2Qex9OFUtgzXLqtfWL4Hr5fM/aCCB8QUZLuJur0S9k6UfgFkfg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@eslint/json': '*'
+      eslint: '*'
+      jsonc-eslint-parser: ^2.4.0
+    peerDependenciesMeta:
+      '@eslint/json':
+        optional: true
+
+  eslint-mdx@3.6.2:
+    resolution: {integrity: sha512-5hczn5iSSEcwtNtVXFwCKIk6iLEDaZpwc3vjYDl/B779OzaAAK/ou16J2xVdO6ecOLEO1WZqp7MRCQ/WsKDUig==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      eslint: '>=8.0.0'
+      remark-lint-file-extension: '*'
+    peerDependenciesMeta:
+      remark-lint-file-extension:
+        optional: true
+
   eslint-module-utils@2.12.1:
     resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
     engines: {node: '>=4'}
@@ -4309,12 +4366,24 @@ packages:
       '@typescript-eslint/parser':
         optional: true
 
+  eslint-plugin-jsonc@2.20.1:
+    resolution: {integrity: sha512-gUzIwQHXx7ZPypUoadcyRi4WbHW2TPixDr0kqQ4miuJBU0emJmyGTlnaT3Og9X2a8R1CDayN9BFSq5weGWbTng==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
   eslint-plugin-jsx-a11y@6.10.2:
     resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
     engines: {node: '>=4.0'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
 
+  eslint-plugin-mdx@3.6.2:
+    resolution: {integrity: sha512-RfMd5HYD/9+cqANhVWJbuBRg3huWUsAoGJNGmPsyiRD2X6BaG6bvt1omyk1ORlg81GK8ST7Ojt5fNAuwWhWU8A==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      eslint: '>=8.0.0'
+
   eslint-plugin-prettier@5.5.4:
     resolution: {integrity: sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -4602,6 +4671,10 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
+  get-east-asian-width@1.4.0:
+    resolution: {integrity: sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==}
+    engines: {node: '>=18'}
+
   get-intrinsic@1.3.0:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
@@ -4728,6 +4801,10 @@ packages:
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
+  hosted-git-info@7.0.2:
+    resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
   hsl-regex@1.0.0:
     resolution: {integrity: sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==}
 
@@ -4794,6 +4871,10 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  ini@4.1.3:
+    resolution: {integrity: sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   inline-style-parser@0.2.4:
     resolution: {integrity: sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==}
 
@@ -5244,6 +5325,10 @@ packages:
     resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
     engines: {node: '>= 12.0.0'}
 
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
@@ -5734,6 +5819,10 @@ packages:
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
   open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
@@ -6237,6 +6326,9 @@ packages:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
   rgb-regex@1.0.1:
     resolution: {integrity: sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==}
 
@@ -6455,6 +6547,18 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
+  string-width@6.1.0:
+    resolution: {integrity: sha512-k01swCJAgQmuADB0YIc+7TuatfNvTBVOoaUWJjTB9R4VJzR5vNWzf5t42ESVZFPS8xTySF7CAdV4t/aaIm3UnQ==}
+    engines: {node: '>=16'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  string-width@8.1.0:
+    resolution: {integrity: sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==}
+    engines: {node: '>=20'}
+
   string.prototype.includes@2.0.1:
     resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
     engines: {node: '>= 0.4'}
@@ -7032,6 +7136,10 @@ packages:
     resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
     engines: {node: '>=12'}
 
+  wrap-ansi@9.0.2:
+    resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
+    engines: {node: '>=18'}
+
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
@@ -7068,6 +7176,11 @@ packages:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
+  yaml@2.8.1:
+    resolution: {integrity: sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
   yargs-parser@18.1.3:
     resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
     engines: {node: '>=6'}
@@ -8529,12 +8642,12 @@ snapshots:
 
   '@istanbuljs/schema@0.1.3': {}
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))':
     dependencies:
       glob: 10.4.5
       magic-string: 0.30.19
       react-docgen-typescript: 2.4.0(typescript@5.9.2)
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
     optionalDependencies:
       typescript: 5.9.2
 
@@ -8908,6 +9021,58 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
+  '@npmcli/config@8.3.4':
+    dependencies:
+      '@npmcli/map-workspaces': 3.0.6
+      '@npmcli/package-json': 5.2.1
+      ci-info: 4.3.0
+      ini: 4.1.3
+      nopt: 7.2.1
+      proc-log: 4.2.0
+      semver: 7.7.2
+      walk-up-path: 3.0.1
+    transitivePeerDependencies:
+      - bluebird
+
+  '@npmcli/git@5.0.8':
+    dependencies:
+      '@npmcli/promise-spawn': 7.0.2
+      ini: 4.1.3
+      lru-cache: 10.4.3
+      npm-pick-manifest: 9.1.0
+      proc-log: 4.2.0
+      promise-inflight: 1.0.1
+      promise-retry: 2.0.1
+      semver: 7.7.2
+      which: 4.0.0
+    transitivePeerDependencies:
+      - bluebird
+
+  '@npmcli/map-workspaces@3.0.6':
+    dependencies:
+      '@npmcli/name-from-folder': 2.0.0
+      glob: 10.4.5
+      minimatch: 9.0.5
+      read-package-json-fast: 3.0.2
+
+  '@npmcli/name-from-folder@2.0.0': {}
+
+  '@npmcli/package-json@5.2.1':
+    dependencies:
+      '@npmcli/git': 5.0.8
+      glob: 10.4.5
+      hosted-git-info: 7.0.2
+      json-parse-even-better-errors: 3.0.2
+      normalize-package-data: 6.0.2
+      proc-log: 4.2.0
+      semver: 7.7.2
+    transitivePeerDependencies:
+      - bluebird
+
+  '@npmcli/promise-spawn@7.0.2':
+    dependencies:
+      which: 4.0.0
+
   '@pandacss/config@1.3.1':
     dependencies:
       '@pandacss/logger': 1.3.1
@@ -9274,33 +9439,33 @@ snapshots:
     transitivePeerDependencies:
       - '@types/node'
 
-  '@storybook/addon-docs@9.1.7(@types/react@19.1.13)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))':
+  '@storybook/addon-docs@9.1.7(@types/react@19.1.13)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.1.13)(react@19.1.1)
-      '@storybook/csf-plugin': 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))
+      '@storybook/csf-plugin': 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))
       '@storybook/icons': 1.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
-      '@storybook/react-dom-shim': 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))
+      '@storybook/react-dom-shim': 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-onboarding@9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))':
+  '@storybook/addon-onboarding@9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))':
     dependencies:
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
 
-  '@storybook/builder-vite@9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))':
+  '@storybook/builder-vite@9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))':
     dependencies:
-      '@storybook/csf-plugin': 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      '@storybook/csf-plugin': 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       ts-dedent: 2.2.0
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
-  '@storybook/csf-plugin@9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))':
+  '@storybook/csf-plugin@9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))':
     dependencies:
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       unplugin: 1.16.1
 
   '@storybook/global@5.0.0': {}
@@ -9310,39 +9475,39 @@ snapshots:
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
 
-  '@storybook/react-dom-shim@9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))':
+  '@storybook/react-dom-shim@9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))':
     dependencies:
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
 
-  '@storybook/react-vite@9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(rollup@4.51.0)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))':
+  '@storybook/react-vite@9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(rollup@4.51.0)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       '@rollup/pluginutils': 5.3.0(rollup@4.51.0)
-      '@storybook/builder-vite': 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
-      '@storybook/react': 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(typescript@5.9.2)
+      '@storybook/builder-vite': 9.1.7(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
+      '@storybook/react': 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(typescript@5.9.2)
       find-up: 7.0.0
       magic-string: 0.30.19
       react: 19.1.1
       react-docgen: 8.0.1
       react-dom: 19.1.1(react@19.1.1)
       resolve: 1.22.10
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       tsconfig-paths: 4.2.0
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
     transitivePeerDependencies:
       - rollup
       - supports-color
       - typescript
 
-  '@storybook/react@9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(typescript@5.9.2)':
+  '@storybook/react@9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(typescript@5.9.2)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/react-dom-shim': 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))
+      '@storybook/react-dom-shim': 9.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))
       react: 19.1.1
       react-dom: 19.1.1(react@19.1.1)
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
     optionalDependencies:
       typescript: 5.9.2
 
@@ -9905,7 +10070,7 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  '@vitejs/plugin-react@5.0.3(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))':
+  '@vitejs/plugin-react@5.0.3(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))':
     dependencies:
       '@babel/core': 7.28.4
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.4)
@@ -9913,11 +10078,11 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.35
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/coverage-v8@3.2.4(vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))':
+  '@vitest/coverage-v8@3.2.4(vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
@@ -9932,7 +10097,7 @@ snapshots:
       std-env: 3.9.0
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vitest: 3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -9944,13 +10109,13 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.2.4(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))':
+  '@vitest/mocker@3.2.4(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.19
     optionalDependencies:
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -11448,6 +11613,11 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
+  eslint-compat-utils@0.6.5(eslint@9.36.0(jiti@2.5.1)):
+    dependencies:
+      eslint: 9.36.0(jiti@2.5.1)
+      semver: 7.7.2
+
   eslint-config-next@15.5.3(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2):
     dependencies:
       '@next/eslint-plugin-next': 15.5.3
@@ -11495,6 +11665,32 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  eslint-json-compat-utils@0.2.1(eslint@9.36.0(jiti@2.5.1))(jsonc-eslint-parser@2.4.1):
+    dependencies:
+      eslint: 9.36.0(jiti@2.5.1)
+      esquery: 1.6.0
+      jsonc-eslint-parser: 2.4.1
+
+  eslint-mdx@3.6.2(eslint@9.36.0(jiti@2.5.1)):
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint: 9.36.0(jiti@2.5.1)
+      espree: 10.4.0
+      estree-util-visit: 2.0.0
+      remark-mdx: 3.1.1
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      synckit: 0.11.11
+      unified: 11.0.5
+      unified-engine: 11.2.2
+      unist-util-visit: 5.0.0
+      uvu: 0.5.6
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+
   eslint-module-utils@2.12.1(@typescript-eslint/parser@8.44.0(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.36.0(jiti@2.5.1)):
     dependencies:
       debug: 3.2.7
@@ -11554,6 +11750,20 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
+  eslint-plugin-jsonc@2.20.1(eslint@9.36.0(jiti@2.5.1)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.36.0(jiti@2.5.1))
+      eslint: 9.36.0(jiti@2.5.1)
+      eslint-compat-utils: 0.6.5(eslint@9.36.0(jiti@2.5.1))
+      eslint-json-compat-utils: 0.2.1(eslint@9.36.0(jiti@2.5.1))(jsonc-eslint-parser@2.4.1)
+      espree: 10.4.0
+      graphemer: 1.4.0
+      jsonc-eslint-parser: 2.4.1
+      natural-compare: 1.4.0
+      synckit: 0.11.11
+    transitivePeerDependencies:
+      - '@eslint/json'
+
   eslint-plugin-jsx-a11y@6.10.2(eslint@9.36.0(jiti@2.5.1)):
     dependencies:
       aria-query: 5.3.2
@@ -11573,6 +11783,24 @@ snapshots:
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
+  eslint-plugin-mdx@3.6.2(eslint@9.36.0(jiti@2.5.1)):
+    dependencies:
+      eslint: 9.36.0(jiti@2.5.1)
+      eslint-mdx: 3.6.2(eslint@9.36.0(jiti@2.5.1))
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-mdx: 3.0.0
+      micromark-extension-mdxjs: 3.0.0
+      remark-mdx: 3.1.1
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      synckit: 0.11.11
+      unified: 11.0.5
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - bluebird
+      - remark-lint-file-extension
+      - supports-color
+
   eslint-plugin-prettier@5.5.4(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@9.36.0(jiti@2.5.1)))(eslint@9.36.0(jiti@2.5.1))(prettier@3.6.2):
     dependencies:
       eslint: 9.36.0(jiti@2.5.1)
@@ -11613,11 +11841,11 @@ snapshots:
     dependencies:
       eslint: 9.36.0(jiti@2.5.1)
 
-  eslint-plugin-storybook@9.1.7(eslint@9.36.0(jiti@2.5.1))(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)))(typescript@5.9.2):
+  eslint-plugin-storybook@9.1.7(eslint@9.36.0(jiti@2.5.1))(storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)))(typescript@5.9.2):
     dependencies:
       '@typescript-eslint/utils': 8.44.0(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2)
       eslint: 9.36.0(jiti@2.5.1)
-      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      storybook: 9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -11904,6 +12132,8 @@ snapshots:
 
   get-caller-file@2.0.5: {}
 
+  get-east-asian-width@1.4.0: {}
+
   get-intrinsic@1.3.0:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -12088,6 +12318,10 @@ snapshots:
 
   hookable@5.5.3: {}
 
+  hosted-git-info@7.0.2:
+    dependencies:
+      lru-cache: 10.4.3
+
   hsl-regex@1.0.0: {}
 
   hsla-regex@1.0.0: {}
@@ -12132,6 +12366,8 @@ snapshots:
 
   inherits@2.0.4: {}
 
+  ini@4.1.3: {}
+
   inline-style-parser@0.2.4: {}
 
   internal-slot@1.1.0:
@@ -12529,6 +12765,8 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.30.1
       lightningcss-win32-x64-msvc: 1.30.1
 
+  lilconfig@3.1.3: {}
+
   lines-and-columns@1.2.4: {}
 
   lines-and-columns@2.0.4: {}
@@ -13288,6 +13526,10 @@ snapshots:
     dependencies:
       wrappy: 1.0.2
 
+  onetime@7.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
   open@8.4.2:
     dependencies:
       define-lazy-prop: 2.0.0
@@ -13865,6 +14107,8 @@ snapshots:
 
   reusify@1.1.0: {}
 
+  rfdc@1.4.1: {}
+
   rgb-regex@1.0.1: {}
 
   rgba-regex@1.0.0: {}
@@ -14119,13 +14363,13 @@ snapshots:
       es-errors: 1.3.0
       internal-slot: 1.1.0
 
-  storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)):
+  storybook@9.1.7(@testing-library/dom@10.4.1)(prettier@3.6.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)):
     dependencies:
       '@storybook/global': 5.0.0
       '@testing-library/jest-dom': 6.8.0
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      '@vitest/mocker': 3.2.4(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       '@vitest/spy': 3.2.4
       better-opn: 3.0.2
       esbuild: 0.25.10
@@ -14157,6 +14401,23 @@ snapshots:
       emoji-regex: 9.2.2
       strip-ansi: 7.1.2
 
+  string-width@6.1.0:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 10.5.0
+      strip-ansi: 7.1.2
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.5.0
+      get-east-asian-width: 1.4.0
+      strip-ansi: 7.1.2
+
+  string-width@8.1.0:
+    dependencies:
+      get-east-asian-width: 1.4.0
+      strip-ansi: 7.1.2
+
   string.prototype.includes@2.0.1:
     dependencies:
       call-bind: 1.0.8
@@ -14437,6 +14698,8 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
+  typedarray@0.0.6: {}
+
   typescript-eslint@8.44.0(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2):
     dependencies:
       '@typescript-eslint/eslint-plugin': 8.44.0(@typescript-eslint/parser@8.44.0(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2)
@@ -14654,13 +14917,13 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-node@3.2.4(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0):
+  vite-node@3.2.4(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -14675,7 +14938,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-dts@4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)):
+  vite-plugin-dts@4.5.4(@types/node@24.5.2)(rollup@4.51.0)(typescript@5.9.2)(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)):
     dependencies:
       '@microsoft/api-extractor': 7.52.13(@types/node@24.5.2)
       '@rollup/pluginutils': 5.3.0(rollup@4.51.0)
@@ -14688,13 +14951,13 @@ snapshots:
       magic-string: 0.30.19
       typescript: 5.9.2
     optionalDependencies:
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0):
+  vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1):
     dependencies:
       esbuild: 0.25.10
       fdir: 6.5.0(picomatch@4.0.3)
@@ -14710,11 +14973,11 @@ snapshots:
       terser: 5.44.0
       yaml: 2.8.1
 
-  vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0):
+  vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1):
     dependencies:
       '@types/chai': 5.2.2
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0))
+      '@vitest/mocker': 3.2.4(vite@6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
       '@vitest/pretty-format': 3.2.4
       '@vitest/runner': 3.2.4
       '@vitest/snapshot': 3.2.4
@@ -14732,8 +14995,8 @@ snapshots:
       tinyglobby: 0.2.15
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
-      vite-node: 3.2.4(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)
+      vite: 6.3.6(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
+      vite-node: 3.2.4(@types/node@24.5.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/debug': 4.1.12
@@ -14878,6 +15141,12 @@ snapshots:
       string-width: 5.1.2
       strip-ansi: 7.1.2
 
+  wrap-ansi@9.0.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 7.2.0
+      strip-ansi: 7.1.2
+
   wrappy@1.0.2: {}
 
   ws@8.18.3: {}
@@ -14894,6 +15163,8 @@ snapshots:
 
   yaml@1.10.2: {}
 
+  yaml@2.8.1: {}
+
   yargs-parser@18.1.3:
     dependencies:
       camelcase: 5.3.1

From 1fa3e2f65ceaf70a753257c2837074431812314e Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Sat, 27 Sep 2025 20:12:37 +0900
Subject: [PATCH 06/14] Fix tsconfig.json lint error

---
 packages/components/tsconfig.json  | 2 +-
 packages/next-plugin/tsconfig.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/tsconfig.json b/packages/components/tsconfig.json
index 10085d46..efd7a86b 100644
--- a/packages/components/tsconfig.json
+++ b/packages/components/tsconfig.json
@@ -24,4 +24,4 @@
     "jsx": "react-jsx"
   },
   "include": ["src/**/*", ".storybook/**/*", "./setupTests.ts"]
-}
+}
\ No newline at end of file
diff --git a/packages/next-plugin/tsconfig.json b/packages/next-plugin/tsconfig.json
index 4c6e75be..26e90a70 100644
--- a/packages/next-plugin/tsconfig.json
+++ b/packages/next-plugin/tsconfig.json
@@ -23,4 +23,4 @@
     "baseUrl": ".",
     "jsx": "react-jsx"
   }
-}
+}
\ No newline at end of file

From 9d33222d3a904ccfca58dc262f8b55b79d02d9e6 Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Sun, 28 Sep 2025 16:26:02 +0900
Subject: [PATCH 07/14] Fix eslint files scope

---
 eslint.config.mjs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 2d33653c..591eaa9a 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -7,7 +7,7 @@ import jsonParser from 'jsonc-eslint-parser'
 export default [
   ...configs.recommended,
   {
-    files: ['**/*.{json,json5,jsonc}'],
+    files: ['src/**/*.{json,json5,jsonc}'],
     languageOptions: { parser: jsonParser },
     plugins: { jsonc },
     rules: {
@@ -18,14 +18,14 @@ export default [
   },
   {
     ...mdx.flat,
-    files: ['**/*.{md,mdx}'],
+    files: ['src/**/*.{md,mdx}'],
     processor: mdx.createRemarkProcessor({
       lintCodeBlocks: true,
     }),
   },
   {
     ...mdx.flatCodeBlocks,
-    files: ['**/*.{md,mdx}/*.{js,jsx,ts,tsx}'],
+    files: ['src/**/*.{md,mdx}/*.{js,jsx,ts,tsx}'],
     languageOptions: { parser: tsParser },
     rules: {
       ...mdx.flatCodeBlocks.rules,

From d6f3f7adbf21120196df2b4da476742fc9675501 Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Mon, 29 Sep 2025 00:24:31 +0900
Subject: [PATCH 08/14] Fix eslint file scope settings

---
 eslint.config.mjs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 591eaa9a..2d33653c 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -7,7 +7,7 @@ import jsonParser from 'jsonc-eslint-parser'
 export default [
   ...configs.recommended,
   {
-    files: ['src/**/*.{json,json5,jsonc}'],
+    files: ['**/*.{json,json5,jsonc}'],
     languageOptions: { parser: jsonParser },
     plugins: { jsonc },
     rules: {
@@ -18,14 +18,14 @@ export default [
   },
   {
     ...mdx.flat,
-    files: ['src/**/*.{md,mdx}'],
+    files: ['**/*.{md,mdx}'],
     processor: mdx.createRemarkProcessor({
       lintCodeBlocks: true,
     }),
   },
   {
     ...mdx.flatCodeBlocks,
-    files: ['src/**/*.{md,mdx}/*.{js,jsx,ts,tsx}'],
+    files: ['**/*.{md,mdx}/*.{js,jsx,ts,tsx}'],
     languageOptions: { parser: tsParser },
     rules: {
       ...mdx.flatCodeBlocks.rules,

From 8ae6924020ecee7c825250fbe6575375c893f32d Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Mon, 29 Sep 2025 00:25:59 +0900
Subject: [PATCH 09/14] Fix eslint rules for landing folder

---
 .../[component]/bottom-sheet/Api.mdx          |  1 -
 .../[component]/bottom-sheet/index.mdx        |  2 +-
 .../components/[component]/button/Api.mdx     |  3 ++-
 .../components/[component]/checkbox/Api.mdx   |  1 -
 .../components/[component]/checkbox/index.mdx |  2 +-
 .../[component]/color-picker/Api.mdx          |  1 -
 .../[component]/color-picker/index.mdx        |  2 +-
 .../components/[component]/confirm/Api.mdx    |  1 -
 .../components/[component]/confirm/index.mdx  |  2 +-
 .../[component]/date-picker/Api.mdx           |  1 -
 .../[component]/date-picker/index.mdx         |  2 +-
 .../components/[component]/dropdown/Api.mdx   |  1 -
 .../components/[component]/dropdown/index.mdx |  2 +-
 .../components/[component]/footer/Api.mdx     |  1 -
 .../components/[component]/footer/index.mdx   |  2 +-
 .../components/[component]/header/Api.mdx     |  1 -
 .../components/[component]/header/index.mdx   |  2 +-
 .../components/[component]/input/Api.mdx      | 23 +++++++++---------
 .../components/[component]/input/index.mdx    |  2 +-
 .../components/[component]/label/Api.mdx      |  1 -
 .../components/[component]/label/index.mdx    |  2 +-
 .../components/[component]/menu/Api.mdx       |  1 -
 .../components/[component]/menu/index.mdx     |  2 +-
 .../components/[component]/pagination/Api.mdx |  1 -
 .../[component]/pagination/index.mdx          |  2 +-
 .../[component]/progress-bar/Api.mdx          |  1 -
 .../[component]/progress-bar/index.mdx        |  2 +-
 .../components/[component]/radio/Api.mdx      |  1 -
 .../components/[component]/radio/index.mdx    |  2 +-
 .../components/[component]/search/Api.mdx     |  1 -
 .../components/[component]/search/index.mdx   |  2 +-
 .../components/[component]/select/Api.mdx     |  1 -
 .../components/[component]/select/index.mdx   |  2 +-
 .../components/[component]/slider/Api.mdx     |  1 -
 .../components/[component]/slider/index.mdx   |  2 +-
 .../components/[component]/snackbar/Api.mdx   |  1 -
 .../components/[component]/snackbar/index.mdx |  2 +-
 .../components/[component]/stepper/Api.mdx    |  1 -
 .../components/[component]/stepper/index.mdx  |  2 +-
 .../components/[component]/tab/Api.mdx        |  1 -
 .../components/[component]/tab/index.mdx      |  2 +-
 .../components/[component]/textarea/Api.mdx   |  1 -
 .../components/[component]/textarea/index.mdx |  2 +-
 .../components/[component]/textbox/Api.mdx    |  1 -
 .../components/[component]/textbox/index.mdx  |  2 +-
 .../[component]/theme-button/Api.mdx          |  1 -
 .../[component]/theme-button/index.mdx        |  2 +-
 .../components/[component]/toggle/Api.mdx     |  1 -
 .../components/[component]/toggle/index.mdx   |  2 +-
 .../components/[component]/tooltip/Api.mdx    |  1 -
 .../components/[component]/tooltip/index.mdx  |  2 +-
 .../components/[component]/uploader/Api.mdx   |  1 -
 .../components/[component]/uploader/index.mdx |  2 +-
 .../app/(detail)/docs/installation/page.mdx   | 24 ++++++++++---------
 .../src/app/(detail)/docs/overview/page.mdx   |  9 ++++---
 apps/landing/src/app/(detail)/team/page.mdx   | 12 ++++------
 56 files changed, 62 insertions(+), 86 deletions(-)

diff --git a/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/index.mdx b/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/index.mdx
index 3e5ee7d2..45610330 100644
--- a/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/bottom-sheet/index.mdx
@@ -1 +1 @@
-`Bottom Sheet` component displays content in a slide-up panel from the bottom of the screen. 
\ No newline at end of file
+`Bottom Sheet` component displays content in a slide-up panel from the bottom of the screen.
diff --git a/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx
index 3789d5af..c3d0a455 100644
--- a/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx
@@ -1,5 +1,6 @@
 ###### API
-`Button` props extends the button HTML attributes. 
+
+`Button` props extends the button HTML attributes.
 
 <div style={{ width: '100%', overflow: 'auto'}}>
 | Property | Description | Type | Default |
diff --git a/apps/landing/src/app/(detail)/components/[component]/checkbox/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/checkbox/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/checkbox/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/checkbox/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/checkbox/index.mdx b/apps/landing/src/app/(detail)/components/[component]/checkbox/index.mdx
index 58d4b2b1..15027c92 100644
--- a/apps/landing/src/app/(detail)/components/[component]/checkbox/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/checkbox/index.mdx
@@ -1 +1 @@
-`Checkbox` component allows users to select multiple options. 
\ No newline at end of file
+`Checkbox` component allows users to select multiple options.
diff --git a/apps/landing/src/app/(detail)/components/[component]/color-picker/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/color-picker/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/color-picker/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/color-picker/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/color-picker/index.mdx b/apps/landing/src/app/(detail)/components/[component]/color-picker/index.mdx
index 8f149a61..5ded854f 100644
--- a/apps/landing/src/app/(detail)/components/[component]/color-picker/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/color-picker/index.mdx
@@ -1 +1 @@
-`Color Picker` component allows users to select colors from a color palette. 
\ No newline at end of file
+`Color Picker` component allows users to select colors from a color palette.
diff --git a/apps/landing/src/app/(detail)/components/[component]/confirm/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/confirm/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/confirm/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/confirm/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/confirm/index.mdx b/apps/landing/src/app/(detail)/components/[component]/confirm/index.mdx
index 124f7fae..758b7297 100644
--- a/apps/landing/src/app/(detail)/components/[component]/confirm/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/confirm/index.mdx
@@ -1 +1 @@
-`Confirm` component displays a confirmation dialog to users. 
\ No newline at end of file
+`Confirm` component displays a confirmation dialog to users.
diff --git a/apps/landing/src/app/(detail)/components/[component]/date-picker/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/date-picker/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/date-picker/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/date-picker/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/date-picker/index.mdx b/apps/landing/src/app/(detail)/components/[component]/date-picker/index.mdx
index 08c07d5d..67f10706 100644
--- a/apps/landing/src/app/(detail)/components/[component]/date-picker/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/date-picker/index.mdx
@@ -1 +1 @@
-`Date Picker` component allows users to select a date from a calendar interface. 
\ No newline at end of file
+`Date Picker` component allows users to select a date from a calendar interface.
diff --git a/apps/landing/src/app/(detail)/components/[component]/dropdown/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/dropdown/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/dropdown/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/dropdown/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/dropdown/index.mdx b/apps/landing/src/app/(detail)/components/[component]/dropdown/index.mdx
index 7ccdce4b..2268669f 100644
--- a/apps/landing/src/app/(detail)/components/[component]/dropdown/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/dropdown/index.mdx
@@ -1 +1 @@
-`Dropdown` component displays a list of options that can be toggled. 
\ No newline at end of file
+`Dropdown` component displays a list of options that can be toggled.
diff --git a/apps/landing/src/app/(detail)/components/[component]/footer/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/footer/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/footer/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/footer/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/footer/index.mdx b/apps/landing/src/app/(detail)/components/[component]/footer/index.mdx
index 546e56d2..20fbdfb6 100644
--- a/apps/landing/src/app/(detail)/components/[component]/footer/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/footer/index.mdx
@@ -1 +1 @@
-`Footer` component displays the bottom section of a page. 
\ No newline at end of file
+`Footer` component displays the bottom section of a page.
diff --git a/apps/landing/src/app/(detail)/components/[component]/header/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/header/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/header/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/header/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/header/index.mdx b/apps/landing/src/app/(detail)/components/[component]/header/index.mdx
index ef274326..6800cb23 100644
--- a/apps/landing/src/app/(detail)/components/[component]/header/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/header/index.mdx
@@ -1 +1 @@
-`Header` component displays the top navigation area of a page. 
\ No newline at end of file
+`Header` component displays the top navigation area of a page.
diff --git a/apps/landing/src/app/(detail)/components/[component]/input/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/input/Api.mdx
index 38f68784..a5f94f64 100644
--- a/apps/landing/src/app/(detail)/components/[component]/input/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/input/Api.mdx
@@ -1,13 +1,14 @@
 ###### API
-`Input` props extends the input HTML attributes. 
 
-<div style={{ width: '100%', overflow: 'auto'}}>
-| Property | Description | Type | Default |
-| --- | --- | --- | --- |
-| **variant** | The variant of the input | `'primary' \| 'default'` | `'default'` |
-| **size** | The size of the input | `'sm' \| 'md' \| 'lg'` | `'md'` |
-| **placeholder** | Placeholder text for the input | `string` | `undefined` |
-| **type** | The type of input | `'text' \| 'password' \| 'email' \| 'number'` | `'text'` |
-| **disabled** | Whether the input is disabled | `boolean` | `false` |
-| **error** | Whether the input has an error state | `boolean` | `false` |
-</div> 
\ No newline at end of file
+`Input` props extends the input HTML attributes.
+
+<div style={{ width: '100%', overflow: 'auto' }}>
+  | Property | Description | Type | Default | | --- | --- | --- | --- | |
+  **variant** | The variant of the input | `'primary' \| 'default'` |
+  `'default'` | | **size** | The size of the input | `'sm' \| 'md' \| 'lg'` |
+  `'md'` | | **placeholder** | Placeholder text for the input | `string` |
+  `undefined` | | **type** | The type of input | `'text' \| 'password' \|
+  'email' \| 'number'` | `'text'` | | **disabled** | Whether the input is
+  disabled | `boolean` | `false` | | **error** | Whether the input has an error
+  state | `boolean` | `false` |
+</div>
diff --git a/apps/landing/src/app/(detail)/components/[component]/input/index.mdx b/apps/landing/src/app/(detail)/components/[component]/input/index.mdx
index b2598a47..8b2541da 100644
--- a/apps/landing/src/app/(detail)/components/[component]/input/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/input/index.mdx
@@ -1 +1 @@
-`Input` component is used to handle text input from users. 
\ No newline at end of file
+`Input` component is used to handle text input from users.
diff --git a/apps/landing/src/app/(detail)/components/[component]/label/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/label/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/label/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/label/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/label/index.mdx b/apps/landing/src/app/(detail)/components/[component]/label/index.mdx
index 66ac34e6..158e8a94 100644
--- a/apps/landing/src/app/(detail)/components/[component]/label/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/label/index.mdx
@@ -1 +1 @@
-`Label` component provides text labels for form elements. 
\ No newline at end of file
+`Label` component provides text labels for form elements.
diff --git a/apps/landing/src/app/(detail)/components/[component]/menu/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/menu/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/menu/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/menu/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/menu/index.mdx b/apps/landing/src/app/(detail)/components/[component]/menu/index.mdx
index 97dbf522..72726159 100644
--- a/apps/landing/src/app/(detail)/components/[component]/menu/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/menu/index.mdx
@@ -1 +1 @@
-`Menu` component displays a list of navigation options. 
\ No newline at end of file
+`Menu` component displays a list of navigation options.
diff --git a/apps/landing/src/app/(detail)/components/[component]/pagination/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/pagination/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/pagination/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/pagination/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/pagination/index.mdx b/apps/landing/src/app/(detail)/components/[component]/pagination/index.mdx
index cf69ad59..7ee4a3ce 100644
--- a/apps/landing/src/app/(detail)/components/[component]/pagination/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/pagination/index.mdx
@@ -1 +1 @@
-`Pagination` component allows users to navigate through multiple pages. 
\ No newline at end of file
+`Pagination` component allows users to navigate through multiple pages.
diff --git a/apps/landing/src/app/(detail)/components/[component]/progress-bar/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/progress-bar/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/progress-bar/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/progress-bar/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/progress-bar/index.mdx b/apps/landing/src/app/(detail)/components/[component]/progress-bar/index.mdx
index 8ec889a6..8cb64d36 100644
--- a/apps/landing/src/app/(detail)/components/[component]/progress-bar/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/progress-bar/index.mdx
@@ -1 +1 @@
-`Progress Bar` component displays the progress of a task or operation. 
\ No newline at end of file
+`Progress Bar` component displays the progress of a task or operation.
diff --git a/apps/landing/src/app/(detail)/components/[component]/radio/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/radio/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/radio/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/radio/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/radio/index.mdx b/apps/landing/src/app/(detail)/components/[component]/radio/index.mdx
index dbc0cef6..310e1771 100644
--- a/apps/landing/src/app/(detail)/components/[component]/radio/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/radio/index.mdx
@@ -1 +1 @@
-`Radio` component allows users to select a single option from a group. 
\ No newline at end of file
+`Radio` component allows users to select a single option from a group.
diff --git a/apps/landing/src/app/(detail)/components/[component]/search/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/search/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/search/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/search/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/search/index.mdx b/apps/landing/src/app/(detail)/components/[component]/search/index.mdx
index 1f42be2d..7312ac16 100644
--- a/apps/landing/src/app/(detail)/components/[component]/search/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/search/index.mdx
@@ -1 +1 @@
-`Search` component provides a search input with filtering capabilities. 
\ No newline at end of file
+`Search` component provides a search input with filtering capabilities.
diff --git a/apps/landing/src/app/(detail)/components/[component]/select/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/select/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/select/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/select/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/select/index.mdx b/apps/landing/src/app/(detail)/components/[component]/select/index.mdx
index c587b299..296464e0 100644
--- a/apps/landing/src/app/(detail)/components/[component]/select/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/select/index.mdx
@@ -1 +1 @@
-`Select` component allows users to choose from a list of options. 
\ No newline at end of file
+`Select` component allows users to choose from a list of options.
diff --git a/apps/landing/src/app/(detail)/components/[component]/slider/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/slider/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/slider/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/slider/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/slider/index.mdx b/apps/landing/src/app/(detail)/components/[component]/slider/index.mdx
index 789d8ff2..05ffa485 100644
--- a/apps/landing/src/app/(detail)/components/[component]/slider/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/slider/index.mdx
@@ -1 +1 @@
-`Slider` component allows users to select a value from a range. 
\ No newline at end of file
+`Slider` component allows users to select a value from a range.
diff --git a/apps/landing/src/app/(detail)/components/[component]/snackbar/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/snackbar/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/snackbar/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/snackbar/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/snackbar/index.mdx b/apps/landing/src/app/(detail)/components/[component]/snackbar/index.mdx
index 75cbc49a..cff6e589 100644
--- a/apps/landing/src/app/(detail)/components/[component]/snackbar/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/snackbar/index.mdx
@@ -1 +1 @@
-`Snackbar` component displays brief notifications to users. 
\ No newline at end of file
+`Snackbar` component displays brief notifications to users.
diff --git a/apps/landing/src/app/(detail)/components/[component]/stepper/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/stepper/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/stepper/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/stepper/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/stepper/index.mdx b/apps/landing/src/app/(detail)/components/[component]/stepper/index.mdx
index 9ac4a130..cf99774b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/stepper/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/stepper/index.mdx
@@ -1 +1 @@
-`Stepper` component guides users through a multi-step process. 
\ No newline at end of file
+`Stepper` component guides users through a multi-step process.
diff --git a/apps/landing/src/app/(detail)/components/[component]/tab/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/tab/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/tab/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/tab/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/tab/index.mdx b/apps/landing/src/app/(detail)/components/[component]/tab/index.mdx
index a86e5651..d50b3049 100644
--- a/apps/landing/src/app/(detail)/components/[component]/tab/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/tab/index.mdx
@@ -1 +1 @@
-`Tab` component organizes content into multiple views. 
\ No newline at end of file
+`Tab` component organizes content into multiple views.
diff --git a/apps/landing/src/app/(detail)/components/[component]/textarea/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/textarea/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/textarea/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/textarea/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/textarea/index.mdx b/apps/landing/src/app/(detail)/components/[component]/textarea/index.mdx
index 4572394f..7b361fec 100644
--- a/apps/landing/src/app/(detail)/components/[component]/textarea/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/textarea/index.mdx
@@ -1 +1 @@
-`Textarea` component is used for multi-line text input. 
\ No newline at end of file
+`Textarea` component is used for multi-line text input.
diff --git a/apps/landing/src/app/(detail)/components/[component]/textbox/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/textbox/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/textbox/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/textbox/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/textbox/index.mdx b/apps/landing/src/app/(detail)/components/[component]/textbox/index.mdx
index c6db46d4..d2432636 100644
--- a/apps/landing/src/app/(detail)/components/[component]/textbox/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/textbox/index.mdx
@@ -1 +1 @@
-`Textbox` component is used for single-line text input. 
\ No newline at end of file
+`Textbox` component is used for single-line text input.
diff --git a/apps/landing/src/app/(detail)/components/[component]/theme-button/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/theme-button/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/theme-button/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/theme-button/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/theme-button/index.mdx b/apps/landing/src/app/(detail)/components/[component]/theme-button/index.mdx
index 1cd8b259..5e46418a 100644
--- a/apps/landing/src/app/(detail)/components/[component]/theme-button/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/theme-button/index.mdx
@@ -1 +1 @@
-`Theme Button` component is used to switch between light and dark themes. 
\ No newline at end of file
+`Theme Button` component is used to switch between light and dark themes.
diff --git a/apps/landing/src/app/(detail)/components/[component]/toggle/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/toggle/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/toggle/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/toggle/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/toggle/index.mdx b/apps/landing/src/app/(detail)/components/[component]/toggle/index.mdx
index 2f8973eb..a034d947 100644
--- a/apps/landing/src/app/(detail)/components/[component]/toggle/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/toggle/index.mdx
@@ -1 +1 @@
-`Toggle` component allows users to switch between two states. 
\ No newline at end of file
+`Toggle` component allows users to switch between two states.
diff --git a/apps/landing/src/app/(detail)/components/[component]/tooltip/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/tooltip/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/tooltip/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/tooltip/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/tooltip/index.mdx b/apps/landing/src/app/(detail)/components/[component]/tooltip/index.mdx
index 7e79a439..7c8e7b17 100644
--- a/apps/landing/src/app/(detail)/components/[component]/tooltip/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/tooltip/index.mdx
@@ -1 +1 @@
-`Tooltip` component displays additional information on hover. 
\ No newline at end of file
+`Tooltip` component displays additional information on hover.
diff --git a/apps/landing/src/app/(detail)/components/[component]/uploader/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/uploader/Api.mdx
index 0519ecba..e69de29b 100644
--- a/apps/landing/src/app/(detail)/components/[component]/uploader/Api.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/uploader/Api.mdx
@@ -1 +0,0 @@
- 
\ No newline at end of file
diff --git a/apps/landing/src/app/(detail)/components/[component]/uploader/index.mdx b/apps/landing/src/app/(detail)/components/[component]/uploader/index.mdx
index 150a3bad..15016737 100644
--- a/apps/landing/src/app/(detail)/components/[component]/uploader/index.mdx
+++ b/apps/landing/src/app/(detail)/components/[component]/uploader/index.mdx
@@ -1 +1 @@
-`Uploader` component allows users to upload files. 
\ No newline at end of file
+`Uploader` component allows users to upload files.
diff --git a/apps/landing/src/app/(detail)/docs/installation/page.mdx b/apps/landing/src/app/(detail)/docs/installation/page.mdx
index 41bf58cb..dd9af932 100644
--- a/apps/landing/src/app/(detail)/docs/installation/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/installation/page.mdx
@@ -32,7 +32,7 @@ After installing the plugin, you can use the plugin in your Next.js project.
 import { DevupUI } from '@devup-ui/next-plugin'
 
 export default DevupUI({})
-````
+```
 
 ### Using Devup UI with Vite
 
@@ -62,10 +62,13 @@ import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  plugins: [react(), DevupUI({
-    // no extract css
-    extractCss: false,
-})],
+  plugins: [
+    react(),
+    DevupUI({
+      // no extract css
+      extractCss: false,
+    }),
+  ],
 })
 ```
 
@@ -82,15 +85,14 @@ After installing the plugin, you can use the plugin in your rsbuild project.
 ```js
 // rsbuild.config.mjs
 
-import { defineConfig } from '@rsbuild/core';
-import { pluginReact } from '@rsbuild/plugin-react';
-import { DevupUIRsbuildPlugin } from '@devup-ui/rsbuild-plugin';
+import { DevupUIRsbuildPlugin } from '@devup-ui/rsbuild-plugin'
+import { defineConfig } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
 
 export default defineConfig({
   plugins: [pluginReact(), DevupUIRsbuildPlugin()],
-});
-
-````
+})
+```
 
 ## Project Examples
 
diff --git a/apps/landing/src/app/(detail)/docs/overview/page.mdx b/apps/landing/src/app/(detail)/docs/overview/page.mdx
index 1f4697ea..801aab54 100644
--- a/apps/landing/src/app/(detail)/docs/overview/page.mdx
+++ b/apps/landing/src/app/(detail)/docs/overview/page.mdx
@@ -1,8 +1,8 @@
 export const metadata = {
-    title: "What is Devup UI?",
-    alternates: {
-        canonical: '/docs/overview',
-    }
+  title: 'What is Devup UI?',
+  alternates: {
+    canonical: '/docs/overview',
+  },
 }
 
 ## What is Devup UI?
@@ -12,4 +12,3 @@ Devup UI is a CSS in JS preprocessor that does not require runtime.
 Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
 
 We develop a preprocessor that considers all grammatical cases.
-
diff --git a/apps/landing/src/app/(detail)/team/page.mdx b/apps/landing/src/app/(detail)/team/page.mdx
index 404cfe8e..3d826aa9 100644
--- a/apps/landing/src/app/(detail)/team/page.mdx
+++ b/apps/landing/src/app/(detail)/team/page.mdx
@@ -1,17 +1,15 @@
 export const metadata = {
-    alternates: {
-        canonical: '/team',
-    }
+  alternates: {
+    canonical: '/team',
+  },
 }
 
-
 # Team
 
 We are a team committed to developing the most optimized CSS-in-JS solutions.
 
 ---
 
-import {TeamCard} from "./TeamCard";
-
-<TeamCard role={"FULL-STACK"} userId={"owjs3901"} instaId={"owjs3901"}/>
+import { TeamCard } from './TeamCard'
 
+<TeamCard instaId="owjs3901" role="FULL-STACK" userId="owjs3901" />

From 99e1824f1b3ac835365650f8f92f9c54690bb16e Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Mon, 29 Sep 2025 02:09:08 +0900
Subject: [PATCH 10/14] Fix eslint rules

- cleanup eslint rule configuration
---
 eslint.config.mjs | 48 ++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 37 insertions(+), 11 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 2d33653c..7f6b5494 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,21 +1,49 @@
-import tsParser from '@typescript-eslint/parser'
 import { configs } from 'eslint-plugin-devup'
 import jsonc from 'eslint-plugin-jsonc'
 import * as mdx from 'eslint-plugin-mdx'
-import jsonParser from 'jsonc-eslint-parser'
+import globals from 'globals'
 
 export default [
+  // eslint-plugin-devup
   ...configs.recommended,
+  // eslint-plugin-jsonc
+  ...jsonc.configs['flat/recommended-with-json'],
+  ...jsonc.configs['flat/recommended-with-jsonc'],
+  // globals (node, browser, builtin)
   {
-    files: ['**/*.{json,json5,jsonc}'],
-    languageOptions: { parser: jsonParser },
-    plugins: { jsonc },
+    files: ['**/*.{js,mjs,cjs}'],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.builtin,
+      },
+    },
+    rules: {
+      // js require import allowed
+      '@typescript-eslint/no-require-imports': 'off',
+    },
+  },
+  // benchmark no console rules
+  {
+    files: ['benchmark.js'],
+    rules: {
+      'no-console': [
+        'error',
+        {
+          allow: ['info', 'debug', 'warn', 'error', 'profile', 'profileEnd'],
+        },
+      ],
+    },
+  },
+  // create-style-context.mjs no children prop
+  {
+    files: ['**/*.mjs'],
     rules: {
-      'prettier/prettier': 'off',
-      'eol-last': ['error', 'never'],
-      'no-multiple-empty-lines': ['error', { max: 0, maxEOF: 0 }],
+      'react/no-children-prop': 'off',
     },
   },
+  // md, mdx rules
   {
     ...mdx.flat,
     files: ['**/*.{md,mdx}'],
@@ -23,15 +51,13 @@ export default [
       lintCodeBlocks: true,
     }),
   },
+  // md, mdx code blocks rules
   {
     ...mdx.flatCodeBlocks,
     files: ['**/*.{md,mdx}/*.{js,jsx,ts,tsx}'],
-    languageOptions: { parser: tsParser },
     rules: {
       ...mdx.flatCodeBlocks.rules,
       'react/jsx-no-undef': 'off',
-      semi: ['error', 'never'],
-      quotes: ['error', 'single', { avoidEscape: true }],
       'react/jsx-tag-spacing': ['error', { beforeClosing: 'never' }],
     },
   },

From 5244ecd666c6dc8e1c1cc34ca8a9358e89b7edbe Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Mon, 29 Sep 2025 02:10:04 +0900
Subject: [PATCH 11/14] Remove unnecessary package dependencies

- @typescript-eslint/parser
- jsonc-eslint-parser
---
 package.json   |  5 ++---
 pnpm-lock.yaml | 15 +++++++++------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 6f625ef6..b96bea0d 100644
--- a/package.json
+++ b/package.json
@@ -20,15 +20,14 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/node": "^24.5.2",
-    "@typescript-eslint/parser": "^8.44.0",
     "@vitest/coverage-v8": "^3.2.4",
     "eslint": "^9.35.0",
     "eslint-plugin-devup": "^2.0.5",
     "eslint-plugin-jsonc": "^2.20.1",
     "eslint-plugin-mdx": "^3.6.2",
+    "globals": "^16.4.0",
     "happy-dom": "^18.0.1",
     "husky": "^9.1.7",
-    "jsonc-eslint-parser": "^2.4.1",
     "lint-staged": "^16.1.6",
     "vitest": "^3.2.4"
   },
@@ -37,4 +36,4 @@
   "resolutions": {
     "vite": "^6"
   }
-}
\ No newline at end of file
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bf4bd5a3..b7a28a73 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,9 +29,6 @@ importers:
       '@types/node':
         specifier: ^24.5.2
         version: 24.5.2
-      '@typescript-eslint/parser':
-        specifier: ^8.44.0
-        version: 8.44.0(eslint@9.36.0(jiti@2.5.1))(typescript@5.9.2)
       '@vitest/coverage-v8':
         specifier: ^3.2.4
         version: 3.2.4(vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.5.2)(happy-dom@18.0.1)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(yaml@2.8.1))
@@ -47,15 +44,15 @@ importers:
       eslint-plugin-mdx:
         specifier: ^3.6.2
         version: 3.6.2(eslint@9.36.0(jiti@2.5.1))
+      globals:
+        specifier: ^16.4.0
+        version: 16.4.0
       happy-dom:
         specifier: ^18.0.1
         version: 18.0.1
       husky:
         specifier: ^9.1.7
         version: 9.1.7
-      jsonc-eslint-parser:
-        specifier: ^2.4.1
-        version: 2.4.1
       lint-staged:
         specifier: ^16.1.6
         version: 16.1.6
@@ -4718,6 +4715,10 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
+  globals@16.4.0:
+    resolution: {integrity: sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==}
+    engines: {node: '>=18'}
+
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -12201,6 +12202,8 @@ snapshots:
 
   globals@14.0.0: {}
 
+  globals@16.4.0: {}
+
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1

From 3d34f448aa2fa2270e36e64776c0e912ef4e2330 Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Mon, 29 Sep 2025 02:12:04 +0900
Subject: [PATCH 12/14] Update json files per eslint configuration

---
 apps/landing/tsconfig.json                   |   16 +-
 apps/next/package.json                       |    2 +-
 apps/next/tsconfig.json                      |   16 +-
 apps/rsbuild/package.json                    |    2 +-
 apps/vite-lib/package.json                   |    2 +-
 apps/vite-lib/tsconfig.json                  |   22 +-
 apps/vite/package.json                       |    2 +-
 apps/vite/tsconfig.json                      |   22 +-
 benchmark/next-chakra-ui/package.json        |    2 +-
 benchmark/next-chakra-ui/tsconfig.json       |   16 +-
 benchmark/next-devup-ui-single/package.json  |    2 +-
 benchmark/next-devup-ui-single/tsconfig.json |   16 +-
 benchmark/next-devup-ui/package.json         |    2 +-
 benchmark/next-devup-ui/tsconfig.json        |   16 +-
 benchmark/next-kuma-ui/package.json          |    2 +-
 benchmark/next-kuma-ui/tsconfig.json         |   16 +-
 benchmark/next-mui/package.json              |    2 +-
 benchmark/next-mui/tsconfig.json             |   16 +-
 benchmark/next-panda-css/package.json        |    2 +-
 benchmark/next-panda-css/tsconfig.json       |   16 +-
 benchmark/next-stylex/package.json           |    2 +-
 benchmark/next-stylex/tsconfig.json          |   16 +-
 benchmark/next-tailwind/package.json         |    2 +-
 benchmark/next-tailwind/tsconfig.json        |   16 +-
 benchmark/next-vanilla-extract/package.json  |    2 +-
 benchmark/next-vanilla-extract/tsconfig.json |   16 +-
 bindings/devup-ui-wasm/package.json          |    2 +-
 packages/components/devup.json               | 1162 +++++++++---------
 packages/components/package.json             |    2 +-
 packages/components/tsconfig.json            |    9 +-
 packages/next-plugin/package.json            |    2 +-
 packages/next-plugin/tsconfig.json           |    2 +-
 packages/react/package.json                  |    2 +-
 packages/react/tsconfig.json                 |    2 +-
 packages/reset-css/package.json              |    2 +-
 packages/reset-css/tsconfig.json             |    8 +-
 packages/rsbuild-plugin/package.json         |    2 +-
 packages/rsbuild-plugin/tsconfig.json        |   19 +-
 packages/vite-plugin/package.json            |    2 +-
 packages/vite-plugin/tsconfig.json           |   19 +-
 packages/webpack-plugin/package.json         |    2 +-
 packages/webpack-plugin/tsconfig.json        |   19 +-
 42 files changed, 679 insertions(+), 823 deletions(-)

diff --git a/apps/landing/tsconfig.json b/apps/landing/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/apps/landing/tsconfig.json
+++ b/apps/landing/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/apps/next/package.json b/apps/next/package.json
index 6f572fc9..3da1fccf 100644
--- a/apps/next/package.json
+++ b/apps/next/package.json
@@ -22,4 +22,4 @@
     "@types/react": "^19",
     "@types/react-dom": "^19"
   }
-}
\ No newline at end of file
+}
diff --git a/apps/next/tsconfig.json b/apps/next/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/apps/next/tsconfig.json
+++ b/apps/next/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/apps/rsbuild/package.json b/apps/rsbuild/package.json
index 3848d509..21ee119d 100644
--- a/apps/rsbuild/package.json
+++ b/apps/rsbuild/package.json
@@ -20,4 +20,4 @@
     "@rsbuild/plugin-react": "^1.4.0",
     "@devup-ui/rsbuild-plugin": "workspace:*"
   }
-}
\ No newline at end of file
+}
diff --git a/apps/vite-lib/package.json b/apps/vite-lib/package.json
index b1821ea8..7154e899 100644
--- a/apps/vite-lib/package.json
+++ b/apps/vite-lib/package.json
@@ -24,4 +24,4 @@
     "@types/node": "^24",
     "@types/react": "^19"
   }
-}
\ No newline at end of file
+}
diff --git a/apps/vite-lib/tsconfig.json b/apps/vite-lib/tsconfig.json
index 2d26fac1..a75649ee 100644
--- a/apps/vite-lib/tsconfig.json
+++ b/apps/vite-lib/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -18,17 +14,9 @@
     "jsx": "preserve",
     "incremental": true,
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    "df/*.d.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "include": ["**/*.ts", "**/*.tsx", "df/*.d.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/apps/vite/package.json b/apps/vite/package.json
index dc38b4b2..9900ac12 100644
--- a/apps/vite/package.json
+++ b/apps/vite/package.json
@@ -24,4 +24,4 @@
     "@types/react": "^19",
     "@types/react-dom": "^19"
   }
-}
\ No newline at end of file
+}
diff --git a/apps/vite/tsconfig.json b/apps/vite/tsconfig.json
index 2d26fac1..a75649ee 100644
--- a/apps/vite/tsconfig.json
+++ b/apps/vite/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -18,17 +14,9 @@
     "jsx": "preserve",
     "incremental": true,
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    "df/*.d.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "include": ["**/*.ts", "**/*.tsx", "df/*.d.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-chakra-ui/package.json b/benchmark/next-chakra-ui/package.json
index 008c4bb7..7862ceb7 100644
--- a/benchmark/next-chakra-ui/package.json
+++ b/benchmark/next-chakra-ui/package.json
@@ -24,4 +24,4 @@
     "@types/react-dom": "^19",
     "typescript": "^5"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-chakra-ui/tsconfig.json b/benchmark/next-chakra-ui/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/benchmark/next-chakra-ui/tsconfig.json
+++ b/benchmark/next-chakra-ui/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-devup-ui-single/package.json b/benchmark/next-devup-ui-single/package.json
index 5c567388..64f8711c 100644
--- a/benchmark/next-devup-ui-single/package.json
+++ b/benchmark/next-devup-ui-single/package.json
@@ -22,4 +22,4 @@
     "@types/react": "^19",
     "@types/react-dom": "^19"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-devup-ui-single/tsconfig.json b/benchmark/next-devup-ui-single/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/benchmark/next-devup-ui-single/tsconfig.json
+++ b/benchmark/next-devup-ui-single/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-devup-ui/package.json b/benchmark/next-devup-ui/package.json
index 6a7f17da..884eb5c8 100644
--- a/benchmark/next-devup-ui/package.json
+++ b/benchmark/next-devup-ui/package.json
@@ -22,4 +22,4 @@
     "@types/react": "^19",
     "@types/react-dom": "^19"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-devup-ui/tsconfig.json b/benchmark/next-devup-ui/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/benchmark/next-devup-ui/tsconfig.json
+++ b/benchmark/next-devup-ui/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-kuma-ui/package.json b/benchmark/next-kuma-ui/package.json
index cc5a463d..c398cc6e 100644
--- a/benchmark/next-kuma-ui/package.json
+++ b/benchmark/next-kuma-ui/package.json
@@ -22,4 +22,4 @@
     "@types/react": "^19",
     "@types/react-dom": "^19"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-kuma-ui/tsconfig.json b/benchmark/next-kuma-ui/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/benchmark/next-kuma-ui/tsconfig.json
+++ b/benchmark/next-kuma-ui/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-mui/package.json b/benchmark/next-mui/package.json
index 407e63a9..b35d0c8f 100644
--- a/benchmark/next-mui/package.json
+++ b/benchmark/next-mui/package.json
@@ -24,4 +24,4 @@
     "@types/react-dom": "^19",
     "typescript": "^5"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-mui/tsconfig.json b/benchmark/next-mui/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/benchmark/next-mui/tsconfig.json
+++ b/benchmark/next-mui/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-panda-css/package.json b/benchmark/next-panda-css/package.json
index 953e32a8..686950a8 100644
--- a/benchmark/next-panda-css/package.json
+++ b/benchmark/next-panda-css/package.json
@@ -22,4 +22,4 @@
     "@types/react": "^19",
     "@types/react-dom": "^19"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-panda-css/tsconfig.json b/benchmark/next-panda-css/tsconfig.json
index c8477744..0911c907 100644
--- a/benchmark/next-panda-css/tsconfig.json
+++ b/benchmark/next-panda-css/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -36,7 +30,5 @@
     "df/*.d.ts",
     "styled-system"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-stylex/package.json b/benchmark/next-stylex/package.json
index 457b1a87..0e284970 100644
--- a/benchmark/next-stylex/package.json
+++ b/benchmark/next-stylex/package.json
@@ -38,4 +38,4 @@
     "ts_dependency_graph": "^2.1.1",
     "typescript": "5.9.2"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-stylex/tsconfig.json b/benchmark/next-stylex/tsconfig.json
index 671111d1..3098b586 100644
--- a/benchmark/next-stylex/tsconfig.json
+++ b/benchmark/next-stylex/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -24,9 +20,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./*"
-      ]
+      "@/*": ["./*"]
     }
   },
   "include": [
@@ -36,7 +30,5 @@
     ".next/types/**/*.ts",
     "app/layout.js"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-tailwind/package.json b/benchmark/next-tailwind/package.json
index d53478b6..ec87a173 100644
--- a/benchmark/next-tailwind/package.json
+++ b/benchmark/next-tailwind/package.json
@@ -24,4 +24,4 @@
     "typescript": "^5",
     "tailwindcss": "^4.1.13"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-tailwind/tsconfig.json b/benchmark/next-tailwind/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/benchmark/next-tailwind/tsconfig.json
+++ b/benchmark/next-tailwind/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/benchmark/next-vanilla-extract/package.json b/benchmark/next-vanilla-extract/package.json
index ff3d72a1..e42d317a 100644
--- a/benchmark/next-vanilla-extract/package.json
+++ b/benchmark/next-vanilla-extract/package.json
@@ -23,4 +23,4 @@
     "typescript": "^5",
     "@vanilla-extract/next-plugin": "^2.4.14"
   }
-}
\ No newline at end of file
+}
diff --git a/benchmark/next-vanilla-extract/tsconfig.json b/benchmark/next-vanilla-extract/tsconfig.json
index 426d9c2d..311cfed4 100644
--- a/benchmark/next-vanilla-extract/tsconfig.json
+++ b/benchmark/next-vanilla-extract/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -23,9 +19,7 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     }
   },
   "include": [
@@ -35,7 +29,5 @@
     ".next/types/**/*.ts",
     "df/*.d.ts"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
\ No newline at end of file
+  "exclude": ["node_modules"]
+}
diff --git a/bindings/devup-ui-wasm/package.json b/bindings/devup-ui-wasm/package.json
index caeb9f0e..bc675281 100644
--- a/bindings/devup-ui-wasm/package.json
+++ b/bindings/devup-ui-wasm/package.json
@@ -44,4 +44,4 @@
     }
   },
   "types": "./pkg/index.d.ts"
-}
\ No newline at end of file
+}
diff --git a/packages/components/devup.json b/packages/components/devup.json
index 40781c5d..ab553df7 100644
--- a/packages/components/devup.json
+++ b/packages/components/devup.json
@@ -1,584 +1,584 @@
 {
-    "theme": {
-        "colors": {
-            "light": {
-                "primary": "#674DC7",
-                "primaryHover": "#4D38AE",
-                "primaryActive": "#312395",
-                "primaryBg": "#F4F3FA",
-                "secondary": "#E3E0F2",
-                "link": "#7C8EE1",
-                "text": "#272727",
-                "background": "#F5F5F5",
-                "containerBackground": "#FFFFFF",
-                "border": "#E4E4E4",
-                "success": "#2CA353",
-                "warning": "#FF9800",
-                "error": "#D52B2E",
-                "info": "#2196F3",
-                "white": "#FFFFFF",
-                "black": "#000000",
-                "title": "#1A1A1A",
-                "caption": "#787878",
-                "black50": "#00000080",
-                "placeHolder": "#9D9D9D",
-                "base50": "#FFFFFF80",
-                "footerBackground": "#2F313B",
-                "footerAward": "#EAEAED",
-                "footerBody": "#FFFFFF",
-                "footerTitle": "#F2F2F2",
-                "footerCaption": "#CACACA",
-                "white10": "#FFFFFF1A",
-                "base": "#FFFFFF",
-                "negativeBase": "#000000",
-                "inputPlaceholder": "#A9A8AB",
-                "inputBg": "#FFFFFF",
-                "inputIcon": "#C3C2C8",
-                "inputDisabledBg": "#F0F0F3",
-                "inputDisabledText": "#D6D7DE",
-                "inputCaption": "#9B9BA6",
-                "negative20": "#00000033",
-                "negative10": "#0000001A",
-                "toggleBg": "#E4E4E4",
-                "primary50": "#614FC480",
-                "primary20": "#614FC433",
-                "tableSearch": "#FFED8A",
-                "black5": "#0000000D",
-                "filterBg": "#EFEEF2",
-                "footerLink": "#B7B5C0",
-                "familysiteBg": "#828389",
-                "familysiteTxt": "#272727",
-                "familyHover": "#A0A1A5",
-                "footerNavTitle": "#98989D",
-                "snackBg": "#29292CCC",
-                "snackLink": "#B2B0EF",
-                "containerHover": "#EEEEEE",
-                "kakoBg": "#FFE232",
-                "kakaoHover": "#F0C81A",
-                "textFixed": "#272727",
-                "primaryFocus": "#9385D3",
-                "containerPush": "#DADAE1",
-                "selectDisabled": "#C4C5D1",
-                "selectBoxBg": "#00000012",
-                "iconBold": "#8D8C9A",
-                "borderBold": "#BCBCBC",
-                "gnbBg": "#FFFFFFCC"
-            },
-            "dark": {
-                "primary": "#8163E1",
-                "primaryHover": "#A290E7",
-                "primaryActive": "#BEB3ED",
-                "primaryBg": "#F4F3FA0D",
-                "secondary": "#272331",
-                "link": "#006BFF",
-                "text": "#F6F6F6",
-                "background": "#202020",
-                "containerBackground": "#1E1E1E",
-                "border": "#434343",
-                "success": "#4CAF50",
-                "warning": "#FF9800",
-                "error": "#FF5B5E",
-                "info": "#2196F3",
-                "white": "#FFFFFF",
-                "black": "#000000",
-                "title": "#FAFAFA",
-                "caption": "#787878",
-                "black50": "#00000080",
-                "placeHolder": "#9D9D9D",
-                "base50": "#00000080",
-                "footerBackground": "#D8D8D8",
-                "footerAward": "#3D3D3D",
-                "footerBody": "#404040",
-                "footerTitle": "#1F1F1F",
-                "footerCaption": "#7D7D7D",
-                "white10": "#0000001A",
-                "base": "#000000",
-                "negativeBase": "#FFFFFF",
-                "inputPlaceholder": "#CBCBCB",
-                "inputBg": "#2E2E2E",
-                "inputIcon": "#696A6F",
-                "inputDisabledBg": "#414244",
-                "inputDisabledText": "#373737",
-                "inputCaption": "#C3C2C8",
-                "negative20": "#FFFFFF66",
-                "negative10": "#FFFFFF1A",
-                "toggleBg": "#383838",
-                "primary50": "#7D6DD880",
-                "primary20": "#7D6DD833",
-                "tableSearch": "#B55100",
-                "black5": "#0000000D",
-                "filterBg": "#4B494F",
-                "footerLink": "#5E6063",
-                "familysiteBg": "#B0B0B0",
-                "familysiteTxt": "#272727",
-                "familyHover": "#94969E",
-                "footerNavTitle": "#747276",
-                "snackBg": "#29292CCC",
-                "snackLink": "#7C8EE1",
-                "containerHover": "#3A3A3A",
-                "kakoBg": "#FFE232",
-                "kakaoHover": "#FFE232",
-                "textFixed": "#272727",
-                "primaryFocus": "#927CE4",
-                "containerPush": "#606066",
-                "selectDisabled": "#45464D",
-                "selectBoxBg": "#FFFFFF12",
-                "iconBold": "#666577",
-                "borderBold": "#535353",
-                "gnbBg": "#000000CC"
-            }
+  "theme": {
+    "colors": {
+      "light": {
+        "primary": "#674DC7",
+        "primaryHover": "#4D38AE",
+        "primaryActive": "#312395",
+        "primaryBg": "#F4F3FA",
+        "secondary": "#E3E0F2",
+        "link": "#7C8EE1",
+        "text": "#272727",
+        "background": "#F5F5F5",
+        "containerBackground": "#FFFFFF",
+        "border": "#E4E4E4",
+        "success": "#2CA353",
+        "warning": "#FF9800",
+        "error": "#D52B2E",
+        "info": "#2196F3",
+        "white": "#FFFFFF",
+        "black": "#000000",
+        "title": "#1A1A1A",
+        "caption": "#787878",
+        "black50": "#00000080",
+        "placeHolder": "#9D9D9D",
+        "base50": "#FFFFFF80",
+        "footerBackground": "#2F313B",
+        "footerAward": "#EAEAED",
+        "footerBody": "#FFFFFF",
+        "footerTitle": "#F2F2F2",
+        "footerCaption": "#CACACA",
+        "white10": "#FFFFFF1A",
+        "base": "#FFFFFF",
+        "negativeBase": "#000000",
+        "inputPlaceholder": "#A9A8AB",
+        "inputBg": "#FFFFFF",
+        "inputIcon": "#C3C2C8",
+        "inputDisabledBg": "#F0F0F3",
+        "inputDisabledText": "#D6D7DE",
+        "inputCaption": "#9B9BA6",
+        "negative20": "#00000033",
+        "negative10": "#0000001A",
+        "toggleBg": "#E4E4E4",
+        "primary50": "#614FC480",
+        "primary20": "#614FC433",
+        "tableSearch": "#FFED8A",
+        "black5": "#0000000D",
+        "filterBg": "#EFEEF2",
+        "footerLink": "#B7B5C0",
+        "familysiteBg": "#828389",
+        "familysiteTxt": "#272727",
+        "familyHover": "#A0A1A5",
+        "footerNavTitle": "#98989D",
+        "snackBg": "#29292CCC",
+        "snackLink": "#B2B0EF",
+        "containerHover": "#EEEEEE",
+        "kakoBg": "#FFE232",
+        "kakaoHover": "#F0C81A",
+        "textFixed": "#272727",
+        "primaryFocus": "#9385D3",
+        "containerPush": "#DADAE1",
+        "selectDisabled": "#C4C5D1",
+        "selectBoxBg": "#00000012",
+        "iconBold": "#8D8C9A",
+        "borderBold": "#BCBCBC",
+        "gnbBg": "#FFFFFFCC"
+      },
+      "dark": {
+        "primary": "#8163E1",
+        "primaryHover": "#A290E7",
+        "primaryActive": "#BEB3ED",
+        "primaryBg": "#F4F3FA0D",
+        "secondary": "#272331",
+        "link": "#006BFF",
+        "text": "#F6F6F6",
+        "background": "#202020",
+        "containerBackground": "#1E1E1E",
+        "border": "#434343",
+        "success": "#4CAF50",
+        "warning": "#FF9800",
+        "error": "#FF5B5E",
+        "info": "#2196F3",
+        "white": "#FFFFFF",
+        "black": "#000000",
+        "title": "#FAFAFA",
+        "caption": "#787878",
+        "black50": "#00000080",
+        "placeHolder": "#9D9D9D",
+        "base50": "#00000080",
+        "footerBackground": "#D8D8D8",
+        "footerAward": "#3D3D3D",
+        "footerBody": "#404040",
+        "footerTitle": "#1F1F1F",
+        "footerCaption": "#7D7D7D",
+        "white10": "#0000001A",
+        "base": "#000000",
+        "negativeBase": "#FFFFFF",
+        "inputPlaceholder": "#CBCBCB",
+        "inputBg": "#2E2E2E",
+        "inputIcon": "#696A6F",
+        "inputDisabledBg": "#414244",
+        "inputDisabledText": "#373737",
+        "inputCaption": "#C3C2C8",
+        "negative20": "#FFFFFF66",
+        "negative10": "#FFFFFF1A",
+        "toggleBg": "#383838",
+        "primary50": "#7D6DD880",
+        "primary20": "#7D6DD833",
+        "tableSearch": "#B55100",
+        "black5": "#0000000D",
+        "filterBg": "#4B494F",
+        "footerLink": "#5E6063",
+        "familysiteBg": "#B0B0B0",
+        "familysiteTxt": "#272727",
+        "familyHover": "#94969E",
+        "footerNavTitle": "#747276",
+        "snackBg": "#29292CCC",
+        "snackLink": "#7C8EE1",
+        "containerHover": "#3A3A3A",
+        "kakoBg": "#FFE232",
+        "kakaoHover": "#FFE232",
+        "textFixed": "#272727",
+        "primaryFocus": "#927CE4",
+        "containerPush": "#606066",
+        "selectDisabled": "#45464D",
+        "selectBoxBg": "#FFFFFF12",
+        "iconBold": "#666577",
+        "borderBold": "#535353",
+        "gnbBg": "#000000CC"
+      }
+    },
+    "typography": {
+      "buttonM": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "16px",
+          "lineHeight": 1.2,
+          "letterSpacing": "0px"
         },
-        "typography": {
-            "buttonM": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "16px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "0px"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "18px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.01em"
-                },
-                null
-            ],
-            "inputBold": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "14px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "15px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null
-            ],
-            "buttonS": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "15px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "0px"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "16px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.01em"
-                },
-                null
-            ],
-            "buttonxs": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "14px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "15px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.03em"
-                },
-                null
-            ],
-            "inputPlaceholder": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "13px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "14px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null
-            ],
-            "inputText": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "14px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "15px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.03em"
-                },
-                null
-            ],
-            "inlineLabelL": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 500,
-                    "fontSize": "16px",
-                    "lineHeight": 1.3,
-                    "letterSpacing": "-0.03em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 500,
-                    "fontSize": "18px",
-                    "lineHeight": 1.3,
-                    "letterSpacing": "-0.03em"
-                },
-                null
-            ],
-            "inlineLabelS": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 500,
-                "fontSize": "12px",
-                "lineHeight": 1.3,
-                "letterSpacing": "-0.03em"
-            },
-            "body": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "15px",
-                    "lineHeight": "24px",
-                    "letterSpacing": "-0.01em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "16px",
-                    "lineHeight": "24px",
-                    "letterSpacing": "-0.01em"
-                },
-                null
-            ],
-            "inputPhBold": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "13px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "14px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null
-            ],
-            "uploadButton": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 600,
-                "fontSize": "14px",
-                "lineHeight": "24px",
-                "letterSpacing": "-0.01em"
-            },
-            "pagination": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 600,
-                "fontSize": "14px",
-                "lineHeight": 1.2,
-                "letterSpacing": "-0.02em"
-            },
-            "paginationSelected": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 900,
-                "fontSize": "15px",
-                "lineHeight": 1.2,
-                "letterSpacing": "-0.02em"
-            },
-            "langMenu": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 500,
-                "fontSize": "15px",
-                "lineHeight": 1.2,
-                "letterSpacing": "-0.02em"
-            },
-            "langButton": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "14px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "16px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null
-            ],
-            "tableTitle": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "15px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.01em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "16px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.01em"
-                },
-                null
-            ],
-            "footerL": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 500,
-                "fontSize": "14px",
-                "lineHeight": 1.3,
-                "letterSpacing": "-0.02em"
-            },
-            "footerM": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 300,
-                "fontSize": "13px",
-                "lineHeight": "18px",
-                "letterSpacing": "-0.01em"
-            },
-            "footerMsemibold": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 600,
-                "fontSize": "13px",
-                "lineHeight": "18px",
-                "letterSpacing": "-0.01em"
-            },
-            "footerS": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 300,
-                "fontSize": "12px",
-                "lineHeight": 1.2,
-                "letterSpacing": "-0.02em"
-            },
-            "footerxl": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 700,
-                "fontSize": "15px",
-                "lineHeight": 1.3,
-                "letterSpacing": "-0.02em"
-            },
-            "footerSsemibold": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 600,
-                "fontSize": "12px",
-                "lineHeight": 1.2,
-                "letterSpacing": "-0.02em"
-            },
-            "footerxs": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 300,
-                "fontSize": "10px",
-                "lineHeight": 1.2,
-                "letterSpacing": "-0.02em"
-            },
-            "footerXSsemibold": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 600,
-                "fontSize": "10px",
-                "lineHeight": "18px",
-                "letterSpacing": "-0.02em"
-            },
-            "footerNav": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 500,
-                "fontSize": "15px",
-                "lineHeight": 1.3,
-                "letterSpacing": "-0.02em"
-            },
-            "footerList": {
-                "fontFamily": "Pretendard",
-                "fontStyle": "normal",
-                "fontWeight": 500,
-                "fontSize": "14px",
-                "lineHeight": 1.2,
-                "letterSpacing": "-0.02em"
-            },
-            "subMenu": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "15px",
-                    "lineHeight": "24px",
-                    "letterSpacing": "-0.01em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "16px",
-                    "lineHeight": "24px",
-                    "letterSpacing": "-0.01em"
-                },
-                null
-            ],
-            "tableText": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "14px",
-                    "lineHeight": "24px",
-                    "letterSpacing": "-0.01em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 400,
-                    "fontSize": "15px",
-                    "lineHeight": 1.4,
-                    "letterSpacing": "-0.01em"
-                },
-                null
-            ],
-            "tableTextBold": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "14px",
-                    "lineHeight": "24px",
-                    "letterSpacing": "-0.01em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 600,
-                    "fontSize": "15px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.01em"
-                },
-                null
-            ],
-            "resetButton": [
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "14px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null,
-                null,
-                null,
-                {
-                    "fontFamily": "Pretendard",
-                    "fontStyle": "normal",
-                    "fontWeight": 700,
-                    "fontSize": "15px",
-                    "lineHeight": 1.2,
-                    "letterSpacing": "-0.02em"
-                },
-                null
-            ]
-        }
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "18px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.01em"
+        },
+        null
+      ],
+      "inputBold": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "14px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "15px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null
+      ],
+      "buttonS": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "15px",
+          "lineHeight": 1.2,
+          "letterSpacing": "0px"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "16px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.01em"
+        },
+        null
+      ],
+      "buttonxs": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "14px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "15px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.03em"
+        },
+        null
+      ],
+      "inputPlaceholder": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "13px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "14px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null
+      ],
+      "inputText": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "14px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "15px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.03em"
+        },
+        null
+      ],
+      "inlineLabelL": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 500,
+          "fontSize": "16px",
+          "lineHeight": 1.3,
+          "letterSpacing": "-0.03em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 500,
+          "fontSize": "18px",
+          "lineHeight": 1.3,
+          "letterSpacing": "-0.03em"
+        },
+        null
+      ],
+      "inlineLabelS": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 500,
+        "fontSize": "12px",
+        "lineHeight": 1.3,
+        "letterSpacing": "-0.03em"
+      },
+      "body": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "15px",
+          "lineHeight": "24px",
+          "letterSpacing": "-0.01em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "16px",
+          "lineHeight": "24px",
+          "letterSpacing": "-0.01em"
+        },
+        null
+      ],
+      "inputPhBold": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "13px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "14px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null
+      ],
+      "uploadButton": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 600,
+        "fontSize": "14px",
+        "lineHeight": "24px",
+        "letterSpacing": "-0.01em"
+      },
+      "pagination": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 600,
+        "fontSize": "14px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.02em"
+      },
+      "paginationSelected": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 900,
+        "fontSize": "15px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.02em"
+      },
+      "langMenu": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 500,
+        "fontSize": "15px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.02em"
+      },
+      "langButton": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "14px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "16px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null
+      ],
+      "tableTitle": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "15px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.01em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "16px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.01em"
+        },
+        null
+      ],
+      "footerL": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 500,
+        "fontSize": "14px",
+        "lineHeight": 1.3,
+        "letterSpacing": "-0.02em"
+      },
+      "footerM": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 300,
+        "fontSize": "13px",
+        "lineHeight": "18px",
+        "letterSpacing": "-0.01em"
+      },
+      "footerMsemibold": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 600,
+        "fontSize": "13px",
+        "lineHeight": "18px",
+        "letterSpacing": "-0.01em"
+      },
+      "footerS": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 300,
+        "fontSize": "12px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.02em"
+      },
+      "footerxl": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 700,
+        "fontSize": "15px",
+        "lineHeight": 1.3,
+        "letterSpacing": "-0.02em"
+      },
+      "footerSsemibold": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 600,
+        "fontSize": "12px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.02em"
+      },
+      "footerxs": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 300,
+        "fontSize": "10px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.02em"
+      },
+      "footerXSsemibold": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 600,
+        "fontSize": "10px",
+        "lineHeight": "18px",
+        "letterSpacing": "-0.02em"
+      },
+      "footerNav": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 500,
+        "fontSize": "15px",
+        "lineHeight": 1.3,
+        "letterSpacing": "-0.02em"
+      },
+      "footerList": {
+        "fontFamily": "Pretendard",
+        "fontStyle": "normal",
+        "fontWeight": 500,
+        "fontSize": "14px",
+        "lineHeight": 1.2,
+        "letterSpacing": "-0.02em"
+      },
+      "subMenu": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "15px",
+          "lineHeight": "24px",
+          "letterSpacing": "-0.01em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "16px",
+          "lineHeight": "24px",
+          "letterSpacing": "-0.01em"
+        },
+        null
+      ],
+      "tableText": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "14px",
+          "lineHeight": "24px",
+          "letterSpacing": "-0.01em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 400,
+          "fontSize": "15px",
+          "lineHeight": 1.4,
+          "letterSpacing": "-0.01em"
+        },
+        null
+      ],
+      "tableTextBold": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "14px",
+          "lineHeight": "24px",
+          "letterSpacing": "-0.01em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 600,
+          "fontSize": "15px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.01em"
+        },
+        null
+      ],
+      "resetButton": [
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "14px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null,
+        null,
+        null,
+        {
+          "fontFamily": "Pretendard",
+          "fontStyle": "normal",
+          "fontWeight": 700,
+          "fontSize": "15px",
+          "lineHeight": 1.2,
+          "letterSpacing": "-0.02em"
+        },
+        null
+      ]
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/packages/components/package.json b/packages/components/package.json
index b07a012f..9a54dbeb 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -66,4 +66,4 @@
     "csstype": "*",
     "react": "*"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/components/tsconfig.json b/packages/components/tsconfig.json
index efd7a86b..3779d817 100644
--- a/packages/components/tsconfig.json
+++ b/packages/components/tsconfig.json
@@ -1,6 +1,11 @@
 {
   "compilerOptions": {
-    "types": ["vite/client", "vitest/importMeta", "vitest/globals", "@testing-library/jest-dom"],
+    "types": [
+      "vite/client",
+      "vitest/importMeta",
+      "vitest/globals",
+      "@testing-library/jest-dom"
+    ],
     "strict": true,
     "target": "ESNext",
     "declaration": true,
@@ -24,4 +29,4 @@
     "jsx": "react-jsx"
   },
   "include": ["src/**/*", ".storybook/**/*", "./setupTests.ts"]
-}
\ No newline at end of file
+}
diff --git a/packages/next-plugin/package.json b/packages/next-plugin/package.json
index b74bc6ca..292a6f4e 100644
--- a/packages/next-plugin/package.json
+++ b/packages/next-plugin/package.json
@@ -56,4 +56,4 @@
     "@devup-ui/webpack-plugin": "*",
     "next": "*"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/next-plugin/tsconfig.json b/packages/next-plugin/tsconfig.json
index 26e90a70..4c6e75be 100644
--- a/packages/next-plugin/tsconfig.json
+++ b/packages/next-plugin/tsconfig.json
@@ -23,4 +23,4 @@
     "baseUrl": ".",
     "jsx": "react-jsx"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/package.json b/packages/react/package.json
index 5bdfd820..55253f0a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -53,4 +53,4 @@
     "react": "*",
     "csstype": "*"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json
index eada434c..f4911405 100644
--- a/packages/react/tsconfig.json
+++ b/packages/react/tsconfig.json
@@ -28,4 +28,4 @@
     "baseUrl": ".",
     "jsx": "react-jsx"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/reset-css/package.json b/packages/reset-css/package.json
index 698d8b9d..4dabf3a2 100644
--- a/packages/reset-css/package.json
+++ b/packages/reset-css/package.json
@@ -50,4 +50,4 @@
   "peerDependencies": {
     "@devup-ui/react": "workspace:*"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/reset-css/tsconfig.json b/packages/reset-css/tsconfig.json
index 8b53b487..4c6e75be 100644
--- a/packages/reset-css/tsconfig.json
+++ b/packages/reset-css/tsconfig.json
@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "types": [
-      "vite/client",
-      "vitest/importMeta",
-      "vitest/globals"
-    ],
+    "types": ["vite/client", "vitest/importMeta", "vitest/globals"],
     "strict": true,
     "target": "ESNext",
     "declaration": true,
@@ -27,4 +23,4 @@
     "baseUrl": ".",
     "jsx": "react-jsx"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/rsbuild-plugin/package.json b/packages/rsbuild-plugin/package.json
index 0e7604a3..5714c89b 100644
--- a/packages/rsbuild-plugin/package.json
+++ b/packages/rsbuild-plugin/package.json
@@ -62,4 +62,4 @@
     "vitest": "^3.2.4",
     "typescript": "^5.9.2"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/rsbuild-plugin/tsconfig.json b/packages/rsbuild-plugin/tsconfig.json
index 30053bb9..fa3c2eb3 100644
--- a/packages/rsbuild-plugin/tsconfig.json
+++ b/packages/rsbuild-plugin/tsconfig.json
@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "types": [
-      "vite/client",
-      "vitest/importMeta",
-      "vitest/globals"
-    ],
+    "types": ["vite/client", "vitest/importMeta", "vitest/globals"],
     "strict": true,
     "target": "ESNext",
     "declaration": true,
@@ -27,13 +23,6 @@
     "baseUrl": ".",
     "jsx": "react-jsx"
   },
-  "include": [
-    "src",
-    "vite.config.ts",
-    "../../vitest.setup.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
\ No newline at end of file
+  "include": ["src", "vite.config.ts", "../../vitest.setup.ts"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/vite-plugin/package.json b/packages/vite-plugin/package.json
index 9c030dc7..ccf470df 100644
--- a/packages/vite-plugin/package.json
+++ b/packages/vite-plugin/package.json
@@ -50,4 +50,4 @@
     "vite": "*",
     "@devup-ui/wasm": "*"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vite-plugin/tsconfig.json b/packages/vite-plugin/tsconfig.json
index 30053bb9..fa3c2eb3 100644
--- a/packages/vite-plugin/tsconfig.json
+++ b/packages/vite-plugin/tsconfig.json
@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "types": [
-      "vite/client",
-      "vitest/importMeta",
-      "vitest/globals"
-    ],
+    "types": ["vite/client", "vitest/importMeta", "vitest/globals"],
     "strict": true,
     "target": "ESNext",
     "declaration": true,
@@ -27,13 +23,6 @@
     "baseUrl": ".",
     "jsx": "react-jsx"
   },
-  "include": [
-    "src",
-    "vite.config.ts",
-    "../../vitest.setup.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
\ No newline at end of file
+  "include": ["src", "vite.config.ts", "../../vitest.setup.ts"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/webpack-plugin/package.json b/packages/webpack-plugin/package.json
index 83d2418d..3c622629 100644
--- a/packages/webpack-plugin/package.json
+++ b/packages/webpack-plugin/package.json
@@ -61,4 +61,4 @@
     "vitest": "^3.2.4",
     "typescript": "^5.9.2"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/webpack-plugin/tsconfig.json b/packages/webpack-plugin/tsconfig.json
index 30053bb9..fa3c2eb3 100644
--- a/packages/webpack-plugin/tsconfig.json
+++ b/packages/webpack-plugin/tsconfig.json
@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "types": [
-      "vite/client",
-      "vitest/importMeta",
-      "vitest/globals"
-    ],
+    "types": ["vite/client", "vitest/importMeta", "vitest/globals"],
     "strict": true,
     "target": "ESNext",
     "declaration": true,
@@ -27,13 +23,6 @@
     "baseUrl": ".",
     "jsx": "react-jsx"
   },
-  "include": [
-    "src",
-    "vite.config.ts",
-    "../../vitest.setup.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
\ No newline at end of file
+  "include": ["src", "vite.config.ts", "../../vitest.setup.ts"],
+  "exclude": ["node_modules", "dist"]
+}

From 617af2d7188ecafc5ac27ba668da39e13223c863 Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Mon, 29 Sep 2025 02:12:32 +0900
Subject: [PATCH 13/14] Update js files per eslint configuration

---
 benchmark/next-stylex/.babelrc.js  | 12 ++++++------
 benchmark/next-stylex/.eslintrc.js |  8 ++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/benchmark/next-stylex/.babelrc.js b/benchmark/next-stylex/.babelrc.js
index bb2fafe0..167781a6 100644
--- a/benchmark/next-stylex/.babelrc.js
+++ b/benchmark/next-stylex/.babelrc.js
@@ -1,19 +1,19 @@
 module.exports = {
-  presets: ["next/babel"],
+  presets: ['next/babel'],
   plugins: [
     [
-      "@stylexjs/babel-plugin",
+      '@stylexjs/babel-plugin',
       {
-        dev: process.env.NODE_ENV === "development",
-        test: process.env.NODE_ENV === "test",
+        dev: process.env.NODE_ENV === 'development',
+        test: process.env.NODE_ENV === 'test',
         runtimeInjection: false,
         genConditionalClasses: true,
         treeshakeCompensation: true,
         unstable_moduleResolution: {
-          type: "commonJS",
+          type: 'commonJS',
           rootDir: __dirname,
         },
       },
     ],
   ],
-};
+}
diff --git a/benchmark/next-stylex/.eslintrc.js b/benchmark/next-stylex/.eslintrc.js
index da5f2ce4..b3660afd 100644
--- a/benchmark/next-stylex/.eslintrc.js
+++ b/benchmark/next-stylex/.eslintrc.js
@@ -1,9 +1,9 @@
 module.exports = {
-  extends: "next/core-web-vitals",
-  plugins: ["@stylexjs"],
+  extends: 'next/core-web-vitals',
+  plugins: ['@stylexjs'],
   rules: {
     // The Eslint rule still needs work, but you can
     // enable it to test things out.
-    "@stylexjs/valid-styles": "error",
+    '@stylexjs/valid-styles': 'error',
   },
-};
+}

From d90b94af9c56d5b05cbd2e5f66c5b743f3e037a9 Mon Sep 17 00:00:00 2001
From: hyu-dev <hyu630115@gmail.com>
Date: Mon, 29 Sep 2025 02:12:41 +0900
Subject: [PATCH 14/14] Update md files per eslint configuration

---
 bindings/devup-ui-wasm/README.md | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/bindings/devup-ui-wasm/README.md b/bindings/devup-ui-wasm/README.md
index 6b684085..613206dd 100644
--- a/bindings/devup-ui-wasm/README.md
+++ b/bindings/devup-ui-wasm/README.md
@@ -2,7 +2,7 @@
 
   <h1><code>wasm-pack-template</code></h1>
 
-  <strong>A template for kick starting a Rust and WebAssembly project using <a href="https://github.com/rustwasm/wasm-pack">wasm-pack</a>.</strong>
+<strong>A template for kick starting a Rust and WebAssembly project using <a href="https://github.com/rustwasm/wasm-pack">wasm-pack</a>.</strong>
 
   <p>
     <a href="https://travis-ci.org/rustwasm/wasm-pack-template"><img src="https://img.shields.io/travis/rustwasm/wasm-pack-template.svg?style=flat-square" alt="Build Status" /></a>
@@ -14,7 +14,8 @@
     <a href="https://discordapp.com/channels/442252698964721669/443151097398296587">Chat</a>
   </h3>
 
-  <sub>Built with 🦀🕸 by <a href="https://rustwasm.github.io/">The Rust and WebAssembly Working Group</a></sub>
+<sub>Built with 🦀🕸 by <a href="https://rustwasm.github.io/">The Rust and WebAssembly Working Group</a></sub>
+
 </div>
 
 ## About
@@ -61,18 +62,18 @@ wasm-pack publish
 
 ## 🔋 Batteries Included
 
-* [`wasm-bindgen`](https://github.com/rustwasm/wasm-bindgen) for communicating
+- [`wasm-bindgen`](https://github.com/rustwasm/wasm-bindgen) for communicating
   between WebAssembly and JavaScript.
-* [`console_error_panic_hook`](https://github.com/rustwasm/console_error_panic_hook)
+- [`console_error_panic_hook`](https://github.com/rustwasm/console_error_panic_hook)
   for logging panic messages to the developer console.
-* `LICENSE-APACHE` and `LICENSE-MIT`: most Rust projects are licensed this way, so these are included for you
+- `LICENSE-APACHE` and `LICENSE-MIT`: most Rust projects are licensed this way, so these are included for you
 
 ## License
 
 Licensed under either of
 
-* Apache License, Version 2.0, ([LICENSE-APACHE](LICENSE-APACHE) or http://www.apache.org/licenses/LICENSE-2.0)
-* MIT license ([LICENSE-MIT](LICENSE-MIT) or http://opensource.org/licenses/MIT)
+- Apache License, Version 2.0, ([LICENSE-APACHE](LICENSE-APACHE) or http://www.apache.org/licenses/LICENSE-2.0)
+- MIT license ([LICENSE-MIT](LICENSE-MIT) or http://opensource.org/licenses/MIT)
 
 at your option.