diff --git a/apps/vite-react/package-lock.json b/apps/vite-react/package-lock.json
index ebd68ce..ed0b149 100644
--- a/apps/vite-react/package-lock.json
+++ b/apps/vite-react/package-lock.json
@@ -14,7 +14,7 @@
       },
       "devDependencies": {
         "@pandabox/unplugin": "0.1.3",
-        "@pandacss/dev": "0.38.0",
+        "@pandacss/dev": "0.39.0",
         "@types/react": "18.3.1",
         "@types/react-dom": "18.3.0",
         "@vitejs/plugin-react": "4.2.1",
@@ -46,14 +46,14 @@
         "ts-morph": "22.0.0"
       },
       "devDependencies": {
-        "@pandacss/types": "0.38.0",
+        "@pandacss/types": "0.39.0",
         "@playwright/test": "1.43.1",
-        "@types/node": "20.12.7",
-        "@vitest/coverage-v8": "1.5.2",
+        "@types/node": "20.12.8",
+        "@vitest/coverage-v8": "1.5.3",
         "prettier": "3.2.5",
         "tsup": "8.0.2",
         "typescript": "5.4.5",
-        "vitest": "1.5.2"
+        "vitest": "1.5.3"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -1007,16 +1007,16 @@
       "dev": true
     },
     "node_modules/@pandacss/config": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/config/-/config-0.38.0.tgz",
-      "integrity": "sha512-1VZoyCzatqSHN/vNprdufDAVWd+NWGbM4WJUlE87vpqpIpseNJiJ74NvFgjg53PZALUjXLMxaDO+AGmCQKhqXA==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/config/-/config-0.39.0.tgz",
+      "integrity": "sha512-mjnrJsov6fdc51i5RvJVMCAeWeLKlObiBNG1oLW8C6/9L2U8vrFxAt3Vabbin4l4Yxti96iCiTp0prLROnag1A==",
       "dev": true,
       "dependencies": {
-        "@pandacss/logger": "0.38.0",
-        "@pandacss/preset-base": "0.38.0",
-        "@pandacss/preset-panda": "0.38.0",
-        "@pandacss/shared": "0.38.0",
-        "@pandacss/types": "0.38.0",
+        "@pandacss/logger": "0.39.0",
+        "@pandacss/preset-base": "0.39.0",
+        "@pandacss/preset-panda": "0.39.0",
+        "@pandacss/shared": "0.39.0",
+        "@pandacss/types": "0.39.0",
         "bundle-n-require": "1.1.1",
         "escalade": "3.1.2",
         "merge-anything": "5.1.7",
@@ -1025,17 +1025,17 @@
       }
     },
     "node_modules/@pandacss/core": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/core/-/core-0.38.0.tgz",
-      "integrity": "sha512-6XYATJu+ZP1NDI62WCDmdYc9TRKUNQL7B5OauXSJyEWhKL+mIsoZv7mJ8h/c8kAO2JpyZv+Waob/niP7KdQzyw==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/core/-/core-0.39.0.tgz",
+      "integrity": "sha512-4Kosx6FIOZjH9xe++LlzrqXy6bYBKCnT8RXZfuH2Sj+CCxOLV6Nanbg6AlN0wxVXUNoj+c6BoZBpc9ACRUPgEA==",
       "dev": true,
       "dependencies": {
         "@csstools/postcss-cascade-layers": "4.0.4",
-        "@pandacss/is-valid-prop": "^0.38.0",
-        "@pandacss/logger": "0.38.0",
-        "@pandacss/shared": "0.38.0",
-        "@pandacss/token-dictionary": "0.38.0",
-        "@pandacss/types": "0.38.0",
+        "@pandacss/is-valid-prop": "^0.39.0",
+        "@pandacss/logger": "0.39.0",
+        "@pandacss/shared": "0.39.0",
+        "@pandacss/token-dictionary": "0.39.0",
+        "@pandacss/types": "0.39.0",
         "browserslist": "4.23.0",
         "hookable": "5.5.3",
         "lightningcss": "1.23.0",
@@ -1053,20 +1053,20 @@
       }
     },
     "node_modules/@pandacss/dev": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/dev/-/dev-0.38.0.tgz",
-      "integrity": "sha512-7CYFfcZRG3PAHXC3Up6/g4rbWpiOdiUgN6kN3ud8rob1gKmvQJqKGjVJ3zDUv5uAM+P3p61DQ72Fo6W7qH+tlQ==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/dev/-/dev-0.39.0.tgz",
+      "integrity": "sha512-wNLdBHHqjbGlMSjSMvw1Pb4UQSul+qWz01cTSKKg+2G4o2HT1jlIC0IiWQOUhAaGSwususRTBQlnnMJIZKxI/w==",
       "dev": true,
       "dependencies": {
         "@clack/prompts": "0.7.0",
-        "@pandacss/config": "0.38.0",
-        "@pandacss/logger": "0.38.0",
-        "@pandacss/node": "0.38.0",
-        "@pandacss/postcss": "0.38.0",
-        "@pandacss/preset-panda": "0.38.0",
-        "@pandacss/shared": "0.38.0",
-        "@pandacss/token-dictionary": "0.38.0",
-        "@pandacss/types": "0.38.0",
+        "@pandacss/config": "0.39.0",
+        "@pandacss/logger": "0.39.0",
+        "@pandacss/node": "0.39.0",
+        "@pandacss/postcss": "0.39.0",
+        "@pandacss/preset-panda": "0.39.0",
+        "@pandacss/shared": "0.39.0",
+        "@pandacss/token-dictionary": "0.39.0",
+        "@pandacss/types": "0.39.0",
         "cac": "6.7.14"
       },
       "bin": {
@@ -1075,28 +1075,28 @@
       }
     },
     "node_modules/@pandacss/extractor": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/extractor/-/extractor-0.38.0.tgz",
-      "integrity": "sha512-Bqr/dslFHqMChp16eyc0Ka0XRBcvfoSurxu1xaDIFpz8JVWmIzQSMbK4h9UFlf/9I942LwPzFz5DvpbRAnk6/A==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/extractor/-/extractor-0.39.0.tgz",
+      "integrity": "sha512-QXUt2rcQB9nRqPC3vMAqnxFdkUCSUSZ9QLwg44zNaVudTKsbuu5Y9h93vvww70HUZpRPLEhHkE9s6pv4HnQYYw==",
       "dev": true,
       "dependencies": {
-        "@pandacss/shared": "0.38.0",
+        "@pandacss/shared": "0.39.0",
         "ts-evaluator": "1.2.0",
         "ts-morph": "21.0.1"
       }
     },
     "node_modules/@pandacss/generator": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/generator/-/generator-0.38.0.tgz",
-      "integrity": "sha512-iFqU3BiikOsSl8z6qFPXOoKpAHUdUP+xw5U5qZskNuE3lDBlforAkA4bUolKs1DLxHwWVA1vjkxkIn/7XCIFUw==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/generator/-/generator-0.39.0.tgz",
+      "integrity": "sha512-wlu2DtHdDttxZg+oM5bK3THuO2xHbzeSZFKVJKW76J+DVyqQc6YeZGGGFTlK0gjyjTNCh3USsmjzdVpEf4Ud0Q==",
       "dev": true,
       "dependencies": {
-        "@pandacss/core": "0.38.0",
-        "@pandacss/is-valid-prop": "^0.38.0",
-        "@pandacss/logger": "0.38.0",
-        "@pandacss/shared": "0.38.0",
-        "@pandacss/token-dictionary": "0.38.0",
-        "@pandacss/types": "0.38.0",
+        "@pandacss/core": "0.39.0",
+        "@pandacss/is-valid-prop": "^0.39.0",
+        "@pandacss/logger": "0.39.0",
+        "@pandacss/shared": "0.39.0",
+        "@pandacss/token-dictionary": "0.39.0",
+        "@pandacss/types": "0.39.0",
         "javascript-stringify": "2.1.0",
         "outdent": " ^0.8.0",
         "pluralize": "8.0.0",
@@ -1105,36 +1105,36 @@
       }
     },
     "node_modules/@pandacss/is-valid-prop": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/is-valid-prop/-/is-valid-prop-0.38.0.tgz",
-      "integrity": "sha512-kV6oSEZL8UTsuTveP1H++AeDbQXVU9a7oaxCOrADITywaKj16BjZMu+e80TCC87OdHM04FnBxDPxnf+djVxxcw==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/is-valid-prop/-/is-valid-prop-0.39.0.tgz",
+      "integrity": "sha512-NwyvhPhs2acDUXviYFSD+EN2PxHjisGBVBfPTQlRidAsmxjumT4Qt7SP1DzFpWt4McoUF9tZ/MKmxN06YH9NGQ==",
       "dev": true
     },
     "node_modules/@pandacss/logger": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/logger/-/logger-0.38.0.tgz",
-      "integrity": "sha512-exUYa9/7ZyXNCl07QwEYn+ffE82fX6GXJBEqngmvBJO2LTaZcGSrgfqSs4gx4mqC3lQ9uvodaV04vDQNB6SFHw==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/logger/-/logger-0.39.0.tgz",
+      "integrity": "sha512-gcdvhvWGo5Ei/xBcWR57OuOIemEdzw913oF6QRVJRhKwpKeWjMDYZhqHxpZFSRMypAXR6BU0LJA2zSQTUA0KDg==",
       "dev": true,
       "dependencies": {
-        "@pandacss/types": "0.38.0",
+        "@pandacss/types": "0.39.0",
         "kleur": "4.1.5"
       }
     },
     "node_modules/@pandacss/node": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/node/-/node-0.38.0.tgz",
-      "integrity": "sha512-Pv/YKuLU+yOMnR4zK/GAAXrCdyPobKOmoZKvdIf/fMtuhC/o2oZg/ZSKoSbP9u9f0Ar0BW1rfKk2P2+xQUQM+w==",
-      "dev": true,
-      "dependencies": {
-        "@pandacss/config": "0.38.0",
-        "@pandacss/core": "0.38.0",
-        "@pandacss/extractor": "0.38.0",
-        "@pandacss/generator": "0.38.0",
-        "@pandacss/logger": "0.38.0",
-        "@pandacss/parser": "0.38.0",
-        "@pandacss/shared": "0.38.0",
-        "@pandacss/token-dictionary": "0.38.0",
-        "@pandacss/types": "0.38.0",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/node/-/node-0.39.0.tgz",
+      "integrity": "sha512-iwQFre3fAQf7qUOLMF4Kt4IOWkSy2L9OhXoCwzVGA6kjsB+c+r4w2BKAt1Um2wEp2ZK58DQvR6cok/QmRS90Lw==",
+      "dev": true,
+      "dependencies": {
+        "@pandacss/config": "0.39.0",
+        "@pandacss/core": "0.39.0",
+        "@pandacss/extractor": "0.39.0",
+        "@pandacss/generator": "0.39.0",
+        "@pandacss/logger": "0.39.0",
+        "@pandacss/parser": "0.39.0",
+        "@pandacss/shared": "0.39.0",
+        "@pandacss/token-dictionary": "0.39.0",
+        "@pandacss/types": "0.39.0",
         "browserslist": "4.23.0",
         "chokidar": "3.6.0",
         "fast-glob": "3.3.2",
@@ -1158,73 +1158,73 @@
       }
     },
     "node_modules/@pandacss/parser": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/parser/-/parser-0.38.0.tgz",
-      "integrity": "sha512-qcjE/oZnTEQ2rSn/SkD1y73A+kDMuaPnAETTemupdzXEdMOjqEuI7quVLrpBjQIkwo49AfbMVY4TgPYBjCcJ8A==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/parser/-/parser-0.39.0.tgz",
+      "integrity": "sha512-OsdxNnZP63ta+L4mEPK9O1/lne0Hp1EXlr76p3H+JIzu+k07Rwk4h67hxRk5NlKGkAFDbOFdc0OanzV3GFQQmg==",
       "dev": true,
       "dependencies": {
-        "@pandacss/config": "^0.38.0",
-        "@pandacss/core": "^0.38.0",
-        "@pandacss/extractor": "0.38.0",
-        "@pandacss/logger": "0.38.0",
-        "@pandacss/shared": "0.38.0",
-        "@pandacss/types": "0.38.0",
+        "@pandacss/config": "^0.39.0",
+        "@pandacss/core": "^0.39.0",
+        "@pandacss/extractor": "0.39.0",
+        "@pandacss/logger": "0.39.0",
+        "@pandacss/shared": "0.39.0",
+        "@pandacss/types": "0.39.0",
         "@vue/compiler-sfc": "3.4.19",
-        "magic-string": "0.30.8",
+        "magic-string": "0.30.10",
         "ts-morph": "21.0.1",
         "ts-pattern": "5.0.8"
       }
     },
     "node_modules/@pandacss/postcss": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/postcss/-/postcss-0.38.0.tgz",
-      "integrity": "sha512-vFOOxIgCoYAuyQSXu+UnMbUCV7yOSBl+ntjdMnns1mttsSlLr9XrflNZmPujeJGPabmKdGjViFxQBOSaOkJwcw==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/postcss/-/postcss-0.39.0.tgz",
+      "integrity": "sha512-jG0Ysg50fhwMUG+JM5BUWG6nLwF7f6CVgsO3pkI1quwsezUlGp8LazeUD+GakSYaw8froKHuIgibxjbsLTJOUg==",
       "dev": true,
       "dependencies": {
-        "@pandacss/node": "0.38.0",
+        "@pandacss/node": "0.39.0",
         "postcss": "8.4.35"
       }
     },
     "node_modules/@pandacss/preset-base": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/preset-base/-/preset-base-0.38.0.tgz",
-      "integrity": "sha512-QEocMA5oa00HUYxnWhaJTGMUWNm1zFfrMrzrSnoA090jUS5UNYByaOaXOUHoHZhS2MMAk+B0WMAnwrxEeGzg0w==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/preset-base/-/preset-base-0.39.0.tgz",
+      "integrity": "sha512-jnW3WCYYZFfIulJTdm9ja3EbxkNDAwHDuhRnZs9RpbWT9rduRiZy/RIZNCAzxPXR+8qA8lTuXuTUfZ6d3k8NXg==",
       "dev": true,
       "dependencies": {
-        "@pandacss/types": "0.38.0"
+        "@pandacss/types": "0.39.0"
       }
     },
     "node_modules/@pandacss/preset-panda": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/preset-panda/-/preset-panda-0.38.0.tgz",
-      "integrity": "sha512-g8ngcVQQJOjqIiVvaD5W88zn03zbocphS9vk0FXRaae1SBPwa24ppulhiMEeYKXsqhFOUrrI0ipLYVqzlw1m7Q==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/preset-panda/-/preset-panda-0.39.0.tgz",
+      "integrity": "sha512-s/k3CCVP2baE2zZsqDPBwe2at0JPhFT1r2fw9Xar2hNr+gw/SrKMq2uDs4r7nAQ8680ME0/+HDb5rh/wG8MYIw==",
       "dev": true,
       "dependencies": {
-        "@pandacss/types": "0.38.0"
+        "@pandacss/types": "0.39.0"
       }
     },
     "node_modules/@pandacss/shared": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/shared/-/shared-0.38.0.tgz",
-      "integrity": "sha512-5oj7BrszVPK1yZcLqnVCTwgKOFHg08wOlO4he/YB9ABUsIvcV3awTVQ+QgaUQANcITTURGLZuOiX4WynorkiRQ==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/shared/-/shared-0.39.0.tgz",
+      "integrity": "sha512-8haXlqls29HyMJL6Nq+4tQZ2EcG84j9Zu/HltVwmjXkX1ERakqfJh0mDKstIycKhgeQrLFrhbuGVN4Jfzfn2tQ==",
       "dev": true
     },
     "node_modules/@pandacss/token-dictionary": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/token-dictionary/-/token-dictionary-0.38.0.tgz",
-      "integrity": "sha512-ngT1wiCYVz/qJrKIDG3nmVvVuywsSqz08Tsf+CRo+2dblZemCmaluf3KCpf84R/LrxCf8GetEHil7ZXbsJO98A==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/token-dictionary/-/token-dictionary-0.39.0.tgz",
+      "integrity": "sha512-zlf3kW+oQQwt6UkpblN3TFUnQ3hhs22u/Sp+ARDzzvE38yJzCXgr9K4pIi1VnqefEhOz+6WfeXC/UelcUoeCzA==",
       "dev": true,
       "dependencies": {
-        "@pandacss/logger": "^0.38.0",
-        "@pandacss/shared": "0.38.0",
-        "@pandacss/types": "0.38.0",
+        "@pandacss/logger": "^0.39.0",
+        "@pandacss/shared": "0.39.0",
+        "@pandacss/types": "0.39.0",
         "ts-pattern": "5.0.8"
       }
     },
     "node_modules/@pandacss/types": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/types/-/types-0.38.0.tgz",
-      "integrity": "sha512-zDfQGDd1NLbe8WdvXRPHmJNa4aCJk59rlERy8oEtyz437jEaog/4dkBBzOXiBi7BxTao11vuwqTeolN9oSTzVw==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/types/-/types-0.39.0.tgz",
+      "integrity": "sha512-ArZ6sHZvEAsH28MAW7NwcJMwK3XzIG/VaSeuhayGsVnJ7AoZUZ4FMTvGrILWW6qR+/NSYXuIGnMDU1Ul2gfxag==",
       "dev": true
     },
     "node_modules/@rollup/pluginutils": {
@@ -2631,15 +2631,12 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.8",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.8.tgz",
-      "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==",
+      "version": "0.30.10",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
       "dev": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15"
-      },
-      "engines": {
-        "node": ">=12"
       }
     },
     "node_modules/merge-anything": {
diff --git a/apps/vite-react/package.json b/apps/vite-react/package.json
index 942bc3d..74fa53e 100644
--- a/apps/vite-react/package.json
+++ b/apps/vite-react/package.json
@@ -17,7 +17,7 @@
   },
   "devDependencies": {
     "@pandabox/unplugin": "0.1.3",
-    "@pandacss/dev": "0.38.0",
+    "@pandacss/dev": "0.39.0",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.0",
     "@vitejs/plugin-react": "4.2.1",
diff --git a/package-lock.json b/package-lock.json
index b57be8b..4a54db5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "ts-morph": "22.0.0"
       },
       "devDependencies": {
-        "@pandacss/types": "0.38.0",
+        "@pandacss/types": "0.39.0",
         "@playwright/test": "1.43.1",
         "@types/node": "20.12.8",
         "@vitest/coverage-v8": "1.5.3",
@@ -630,9 +630,9 @@
       }
     },
     "node_modules/@pandacss/types": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/types/-/types-0.38.0.tgz",
-      "integrity": "sha512-zDfQGDd1NLbe8WdvXRPHmJNa4aCJk59rlERy8oEtyz437jEaog/4dkBBzOXiBi7BxTao11vuwqTeolN9oSTzVw==",
+      "version": "0.39.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/types/-/types-0.39.0.tgz",
+      "integrity": "sha512-ArZ6sHZvEAsH28MAW7NwcJMwK3XzIG/VaSeuhayGsVnJ7AoZUZ4FMTvGrILWW6qR+/NSYXuIGnMDU1Ul2gfxag==",
       "dev": true
     },
     "node_modules/@pkgjs/parseargs": {
diff --git a/package.json b/package.json
index f67ff23..b7ff4d7 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "ts-morph": "22.0.0"
   },
   "devDependencies": {
-    "@pandacss/types": "0.38.0",
+    "@pandacss/types": "0.39.0",
     "@playwright/test": "1.43.1",
     "@types/node": "20.12.8",
     "@vitest/coverage-v8": "1.5.3",