diff --git a/package-lock.json b/package-lock.json
index 726c4aa9..bb37a620 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
       ],
       "devDependencies": {
         "@changesets/cli": "2.27.1",
-        "@pandacss/dev": "0.23.0",
+        "@pandacss/dev": "0.24.0",
         "@rollup/plugin-alias": "5.0.1",
         "@sweatpants/libra": "0.0.38",
         "@types/react": "18.2.45",
@@ -699,7 +699,6 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
-      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {
@@ -1315,20 +1314,21 @@
       }
     },
     "node_modules/@pandacss/config": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/config/-/config-0.23.0.tgz",
-      "integrity": "sha512-6UNMGXfVKGGzAqTVVcFJfbq+gEBjRytd2N6UwdGn/mer4hgmtodVWtBkD1GJm2E7FCW1hgf3p0pgbWGqaeEUzQ==",
-      "dependencies": {
-        "@pandacss/error": "0.23.0",
-        "@pandacss/logger": "0.23.0",
-        "@pandacss/preset-base": "0.23.0",
-        "@pandacss/preset-panda": "0.23.0",
-        "@pandacss/shared": "0.23.0",
-        "@pandacss/types": "0.23.0",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/config/-/config-0.24.0.tgz",
+      "integrity": "sha512-ANW98Tn0IxXp0W+DqsuNdFDpYSkuEMWSBUHJPlMK5ehJ8KTDA1SLfg304ms3nQ7uccMhKqKnv3pjuoJEHuZXCw==",
+      "dependencies": {
+        "@pandacss/error": "0.24.0",
+        "@pandacss/logger": "0.24.0",
+        "@pandacss/preset-base": "0.24.0",
+        "@pandacss/preset-panda": "0.24.0",
+        "@pandacss/shared": "0.24.0",
+        "@pandacss/types": "0.24.0",
         "bundle-n-require": "^1.0.1",
         "escalade": "3.1.1",
         "jiti": "^1.19.1",
         "merge-anything": "^5.1.7",
+        "microdiff": "^1.3.2",
         "typescript": "^5.3.3"
       }
     },
@@ -1345,15 +1345,16 @@
       }
     },
     "node_modules/@pandacss/core": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/core/-/core-0.23.0.tgz",
-      "integrity": "sha512-O9GtQ/fOdKvlUVLmAUoP8FGi3g09g4c5QjFS3nQm3ttjdoNVzHmlye6gKgQ2XOBXCo4QoNHOiVe/D/rxJo/Tsg==",
-      "dependencies": {
-        "@pandacss/error": "0.23.0",
-        "@pandacss/logger": "0.23.0",
-        "@pandacss/shared": "0.23.0",
-        "@pandacss/token-dictionary": "0.23.0",
-        "@pandacss/types": "0.23.0",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/core/-/core-0.24.0.tgz",
+      "integrity": "sha512-UMnjqVcbZ4f1Ng7RhNI6jIOBgIyGdj0PBDIwqqzdkhps8vfR6/zCxZXFo1hBwo53ujva8q9xUY9LQ2OApHAU5g==",
+      "dependencies": {
+        "@pandacss/error": "0.24.0",
+        "@pandacss/is-valid-prop": "^0.24.0",
+        "@pandacss/logger": "0.24.0",
+        "@pandacss/shared": "0.24.0",
+        "@pandacss/token-dictionary": "0.24.0",
+        "@pandacss/types": "0.24.0",
         "autoprefixer": "10.4.15",
         "hookable": "5.5.3",
         "lodash.merge": "4.6.2",
@@ -1369,23 +1370,22 @@
       }
     },
     "node_modules/@pandacss/dev": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/dev/-/dev-0.23.0.tgz",
-      "integrity": "sha512-n6tEGccORW4eCqPsCcKsa7V58WxsamWE5htvOX5W77SKcI6RvH8bT2w+dzMYcdTy/siLFJvxpPCKHJYFCt8dLw==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/dev/-/dev-0.24.0.tgz",
+      "integrity": "sha512-8YxGbwWIpNLlpUqX6MbTgPary4IASato2Q6jt2tZ6YuNELw1j9kgAJXw9suAnhN61RNPN+f/1cRdYgLs5N+Edw==",
       "dependencies": {
         "@clack/prompts": "^0.6.3",
-        "@pandacss/config": "0.23.0",
-        "@pandacss/error": "0.23.0",
-        "@pandacss/logger": "0.23.0",
-        "@pandacss/node": "0.23.0",
-        "@pandacss/postcss": "0.23.0",
-        "@pandacss/preset-panda": "0.23.0",
-        "@pandacss/shared": "0.23.0",
-        "@pandacss/token-dictionary": "0.23.0",
-        "@pandacss/types": "0.23.0",
+        "@pandacss/config": "0.24.0",
+        "@pandacss/error": "0.24.0",
+        "@pandacss/logger": "0.24.0",
+        "@pandacss/node": "0.24.0",
+        "@pandacss/postcss": "0.24.0",
+        "@pandacss/preset-panda": "0.24.0",
+        "@pandacss/shared": "0.24.0",
+        "@pandacss/token-dictionary": "0.24.0",
+        "@pandacss/types": "0.24.0",
         "cac": "6.7.14",
-        "pathe": "1.1.1",
-        "perfect-debounce": "^1.0.0"
+        "pathe": "1.1.1"
       },
       "bin": {
         "panda": "bin.js",
@@ -1393,32 +1393,31 @@
       }
     },
     "node_modules/@pandacss/error": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/error/-/error-0.23.0.tgz",
-      "integrity": "sha512-f0k4yeYOvMSd3fZUAp6dWqe4lsknm0BFy5q2DFL42yb/OSbWQ/0voEBJOChYBM3QZTAlE4rVdh+A9q/0hXMXVA=="
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/error/-/error-0.24.0.tgz",
+      "integrity": "sha512-1SUh5Ti1lHzM6uwQE5lc+aoSNonbce7+jUcSx29W4RT6gXj93gedXUHebLgi+yHpmO7QlYQTPp5S6nTEzmdwdg=="
     },
     "node_modules/@pandacss/extractor": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/extractor/-/extractor-0.23.0.tgz",
-      "integrity": "sha512-Rfs8BiIQ1rIte6/j6qfGXP+3SxEnlOYtZ8uQy9B3Q+oEtKhcg+ajUK8VSx1a4Rn5pzp5o7wHvUbbPLFa2nYgEg==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/extractor/-/extractor-0.24.0.tgz",
+      "integrity": "sha512-Uts+EG8osa0jxQchA/vQ52SUVQknmz/71hGWRgWgSgewZ1oafaG3sFUlu3zDHKnqhjwBSrIFFUGh43nn4FY6NQ==",
       "dependencies": {
         "ts-evaluator": "^1.1.0",
         "ts-morph": "19.0.0"
       }
     },
     "node_modules/@pandacss/generator": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/generator/-/generator-0.23.0.tgz",
-      "integrity": "sha512-4z3HbLa+m/f5iVwE1XANK9sJV5zzD1GIvNznE4M28fdhwQWG1I+pBbXO/hIor099Jqj6fWuj0GAKaaCmMlMgRg==",
-      "dependencies": {
-        "@pandacss/core": "0.23.0",
-        "@pandacss/is-valid-prop": "0.23.0",
-        "@pandacss/logger": "0.23.0",
-        "@pandacss/shared": "0.23.0",
-        "@pandacss/token-dictionary": "0.23.0",
-        "@pandacss/types": "0.23.0",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/generator/-/generator-0.24.0.tgz",
+      "integrity": "sha512-CuMVyqglamRgsP7rmxZBBCSecbCnz9l7La4GBw3C1nDBhMCMFvLvvqASK4ACSI3Ote1VR1tumhdwY3m+aKTOdw==",
+      "dependencies": {
+        "@pandacss/core": "0.24.0",
+        "@pandacss/is-valid-prop": "^0.24.0",
+        "@pandacss/logger": "0.24.0",
+        "@pandacss/shared": "0.24.0",
+        "@pandacss/token-dictionary": "0.24.0",
+        "@pandacss/types": "0.24.0",
         "javascript-stringify": "2.1.0",
-        "lil-fp": "1.4.5",
         "outdent": " ^0.8.0",
         "pluralize": "8.0.0",
         "postcss": "^8.4.31",
@@ -1431,35 +1430,34 @@
       "integrity": "sha512-KiOAIsdpUTcAXuykya5fnVVT+/5uS0Q1mrkRHcF89tpieSmY33O/tmc54CqwA+bfhbtEfZUNLHaPUiB9X3jt1A=="
     },
     "node_modules/@pandacss/is-valid-prop": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/is-valid-prop/-/is-valid-prop-0.23.0.tgz",
-      "integrity": "sha512-FgtZrThhq98SmAIKSGlu9JE5tLICseTRpXRg2tmanjkQR5MrJFSfboIg7acQeqWkxwHNiMMOk5zN/pl9oivFlw=="
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/is-valid-prop/-/is-valid-prop-0.24.0.tgz",
+      "integrity": "sha512-xGPArh0yYGPmvPaXknIu0WnySAYxsVfAKX/9PHMwAaLiBAmuYlmmmf2CNU39DD0UcJ8Q79Y6pf9R41l/OvpkHg=="
     },
     "node_modules/@pandacss/logger": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/logger/-/logger-0.23.0.tgz",
-      "integrity": "sha512-dKD92th96fHQJ3jPEmOyE/cfZ+f3tq9aCO8eMcWM1kig5vt3/JfZ00cQc2ObJBcb0f0/lCKRGPWVnzfmZBBrLg==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/logger/-/logger-0.24.0.tgz",
+      "integrity": "sha512-O6dnNwok7xbU5hG5D/bI4NJsl3VajBYxq5tMQrn/6Y5QPwIUW33PYDOt84qVXQBRaW/PDZwfO3cdU3fMhmgNow==",
       "dependencies": {
         "kleur": "^4.1.5",
         "lil-fp": "1.4.5"
       }
     },
     "node_modules/@pandacss/node": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/node/-/node-0.23.0.tgz",
-      "integrity": "sha512-Keyd+v4Uc6qAnCwFnNfaMpCoxn36NG4J5dTNX4yGKR1BVqrkybhy2yU+Szf9THK2M1K19ZnrFNxJ3cFS3qAV5g==",
-      "dependencies": {
-        "@pandacss/config": "0.23.0",
-        "@pandacss/core": "0.23.0",
-        "@pandacss/error": "0.23.0",
-        "@pandacss/extractor": "0.23.0",
-        "@pandacss/generator": "0.23.0",
-        "@pandacss/is-valid-prop": "0.23.0",
-        "@pandacss/logger": "0.23.0",
-        "@pandacss/parser": "0.23.0",
-        "@pandacss/shared": "0.23.0",
-        "@pandacss/token-dictionary": "0.23.0",
-        "@pandacss/types": "0.23.0",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/node/-/node-0.24.0.tgz",
+      "integrity": "sha512-3xFsvW45mEf1Y8x6mIWEXBcvO7IE4U3Wnwk2uk//vxzWSETD0pvvw2JTCy1igyhcqrQtqEXnnzivwcfjKswFFg==",
+      "dependencies": {
+        "@pandacss/config": "0.24.0",
+        "@pandacss/core": "0.24.0",
+        "@pandacss/error": "0.24.0",
+        "@pandacss/extractor": "0.24.0",
+        "@pandacss/generator": "0.24.0",
+        "@pandacss/logger": "0.24.0",
+        "@pandacss/parser": "0.24.0",
+        "@pandacss/shared": "0.24.0",
+        "@pandacss/token-dictionary": "0.24.0",
+        "@pandacss/types": "0.24.0",
         "chokidar": "^3.5.3",
         "fast-glob": "^3.3.1",
         "file-size": "^1.0.0",
@@ -1468,12 +1466,11 @@
         "glob-parent": "^6.0.2",
         "hookable": "5.5.3",
         "is-glob": "^4.0.3",
-        "lil-fp": "1.4.5",
         "lodash.merge": "4.6.2",
         "look-it-up": "2.1.0",
-        "microdiff": "^1.3.2",
         "outdent": " ^0.8.0",
         "pathe": "^1.1.1",
+        "perfect-debounce": "^1.0.0",
         "pkg-types": "1.0.3",
         "pluralize": "8.0.0",
         "postcss": "^8.4.31",
@@ -1536,67 +1533,76 @@
       }
     },
     "node_modules/@pandacss/parser": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/parser/-/parser-0.23.0.tgz",
-      "integrity": "sha512-3EmC8X3Y9wQOZfyUUyy4d13WcJR9ZJZ19WCP4hp5Xe0k04RrxB2YN5ztHSi6wpeS4IwsM30kwUcAi3IOrX9LxQ==",
-      "dependencies": {
-        "@pandacss/config": "^0.23.0",
-        "@pandacss/extractor": "0.23.0",
-        "@pandacss/is-valid-prop": "0.23.0",
-        "@pandacss/logger": "0.23.0",
-        "@pandacss/shared": "0.23.0",
-        "@pandacss/types": "0.23.0",
-        "@vue/compiler-sfc": "^3.3.4",
-        "lil-fp": "1.4.5",
-        "magic-string": "^0.30.2",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/parser/-/parser-0.24.0.tgz",
+      "integrity": "sha512-vBL9vLb8m+bLqXrBcPrO269QXH3IM4FSrtVHI7Gq8HimA8bpYIYbYpsxhcFEoo3z6hWek8/fdamrpIxCbmrI9A==",
+      "dependencies": {
+        "@pandacss/config": "^0.24.0",
+        "@pandacss/extractor": "0.24.0",
+        "@pandacss/logger": "0.24.0",
+        "@pandacss/shared": "0.24.0",
+        "@pandacss/types": "0.24.0",
+        "@vue/compiler-sfc": "3.3.4",
+        "magic-string": "0.30.2",
         "ts-morph": "19.0.0",
         "ts-pattern": "5.0.5"
       }
     },
+    "node_modules/@pandacss/parser/node_modules/magic-string": {
+      "version": "0.30.2",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.2.tgz",
+      "integrity": "sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@pandacss/postcss": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/postcss/-/postcss-0.23.0.tgz",
-      "integrity": "sha512-AgBEi9xxZyTlo4hZW7oe5p+h+4BSzkYB6SMVDqxWYI/WRgfdi0hlYW9fKsZxbTIQzOKGMzANZwS5Tx6AusINkA==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/postcss/-/postcss-0.24.0.tgz",
+      "integrity": "sha512-omQjWjLSGqRdo4Q/1lXl8RPp9OKQKP0ClucNl4ShahiMR6riHhg7I9G58UPHuKG7KXMhC/6XWV0YqCMIfvfbmA==",
       "dependencies": {
-        "@pandacss/node": "0.23.0",
+        "@pandacss/node": "0.24.0",
         "postcss": "^8.4.31"
       }
     },
     "node_modules/@pandacss/preset-base": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/preset-base/-/preset-base-0.23.0.tgz",
-      "integrity": "sha512-I9iqO87pMWRplJC3jAXcCcBqBG5lajyCUsgOodZydtPIP3hXqMO7VSG3y8xLkdY09QNLB+t5oyu3jd4xxdt8Lw==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/preset-base/-/preset-base-0.24.0.tgz",
+      "integrity": "sha512-BraDSRJOFdeUixw2qcnuDfP5eBF/aMwUgcqo48ss5vLxCweKLBPQOvEojyY4h5kkQeTjMyMsRADhdIO/nTXthg==",
       "dependencies": {
-        "@pandacss/types": "0.23.0"
+        "@pandacss/types": "0.24.0"
       }
     },
     "node_modules/@pandacss/preset-panda": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/preset-panda/-/preset-panda-0.23.0.tgz",
-      "integrity": "sha512-VdzjaL/fdbAvSjWjXRePHoTlNUd/IJNQpWEvdslCpb50UhKKyOjs5M788FQ8o4wwiVH+WK0GihmAwyyxTw+yDA==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/preset-panda/-/preset-panda-0.24.0.tgz",
+      "integrity": "sha512-4COg/l0K3sE6okodTIZ1Tiqb0Xn2xw7lDXuTvJZA5MPGAWxdUPVwy4B/ATGIrd6FpCzrT6MzI9mlWwaQKlot7w==",
       "dependencies": {
-        "@pandacss/types": "0.23.0"
+        "@pandacss/types": "0.24.0"
       }
     },
     "node_modules/@pandacss/shared": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/shared/-/shared-0.23.0.tgz",
-      "integrity": "sha512-YuF+E1zN2MixH1JCtqSYldDewG7Pd+DDHwn3PyVaKc4W+4ISR1jz5ce3q69QNuD+J6SyJ575Ih7rk8JYdDqOyQ=="
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/shared/-/shared-0.24.0.tgz",
+      "integrity": "sha512-FNsVVE6t/DWbUURxUnSYLSichzpej3/tcdVw685cTBbTPDSIadgwi6AcANBiyJmu9frDmU9h7UxGaPc49S6lKg=="
     },
     "node_modules/@pandacss/token-dictionary": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/token-dictionary/-/token-dictionary-0.23.0.tgz",
-      "integrity": "sha512-1KWRg382HUtJVCv9E6B0BWU++P6rwziigGQn1HM7edtrOL4cS+oi+Xa2/Chm00OA7W5go/QJ8KOhniBbeXk4UA==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/token-dictionary/-/token-dictionary-0.24.0.tgz",
+      "integrity": "sha512-ttUiE9EnFpiUhNiTeAxTbRGMpch50HR5zASW9yAUNFtAZxRjrknHu77d6e16dvw1i86iKpm+MbiH9if7cd5P6A==",
       "dependencies": {
-        "@pandacss/shared": "0.23.0",
-        "@pandacss/types": "0.23.0",
+        "@pandacss/shared": "0.24.0",
+        "@pandacss/types": "0.24.0",
         "ts-pattern": "5.0.5"
       }
     },
     "node_modules/@pandacss/types": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/@pandacss/types/-/types-0.23.0.tgz",
-      "integrity": "sha512-Y5UQMTsWh5wxYBtRX3zpf5xZkRcwtqequt+F3vKeZa2eXIu5l/4pDeQ+BT/ldFNS38XIYgQpDcnkrGejWXJF1w=="
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@pandacss/types/-/types-0.24.0.tgz",
+      "integrity": "sha512-77/42rXxI1eJ757erPcL8dMtRSYDIT2Xslkn6VZo0n8tCCpGJnwktEebeenSQsdkLzu3T9VF2tcoK6x+mT7vpw=="
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
@@ -2820,67 +2826,67 @@
       "dev": true
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.13.tgz",
-      "integrity": "sha512-bwi9HShGu7uaZLOErZgsH2+ojsEdsjerbf2cMXPwmvcgZfVPZ2BVZzCVnwZBxTAYd6Mzbmf6izcUNDkWnBBQ6A==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+      "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
       "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/shared": "3.3.13",
+        "@babel/parser": "^7.21.3",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.13.tgz",
-      "integrity": "sha512-EYRDpbLadGtNL0Gph+HoKiYqXLqZ0xSSpR5Dvnu/Ep7ggaCbjRDIus1MMxTS2Qm0koXED4xSlvTZaTnI8cYAsw==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+      "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
       "dependencies": {
-        "@vue/compiler-core": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.13.tgz",
-      "integrity": "sha512-DQVmHEy/EKIgggvnGRLx21hSqnr1smUS9Aq8tfxiiot8UR0/pXKHN9k78/qQ7etyQTFj5em5nruODON7dBeumw==",
-      "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/compiler-core": "3.3.13",
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/compiler-ssr": "3.3.13",
-        "@vue/reactivity-transform": "3.3.13",
-        "@vue/shared": "3.3.13",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+      "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+      "dependencies": {
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/reactivity-transform": "3.3.4",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.5",
-        "postcss": "^8.4.32",
+        "magic-string": "^0.30.0",
+        "postcss": "^8.1.10",
         "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.13.tgz",
-      "integrity": "sha512-d/P3bCeUGmkJNS1QUZSAvoCIW4fkOKK3l2deE7zrp0ypJEy+En2AcypIkqvcFQOcw3F0zt2VfMvNsA9JmExTaw==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+      "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/shared": "3.3.4"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.13.tgz",
-      "integrity": "sha512-oWnydGH0bBauhXvh5KXUy61xr9gKaMbtsMHk40IK9M4gMuKPJ342tKFarY0eQ6jef8906m35q37wwA8DMZOm5Q==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+      "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
       "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/compiler-core": "3.3.13",
-        "@vue/shared": "3.3.13",
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.5"
+        "magic-string": "^0.30.0"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.13.tgz",
-      "integrity": "sha512-/zYUwiHD8j7gKx2argXEMCUXVST6q/21DFU0sTfNX0URJroCe3b1UF6vLJ3lQDfLNIiiRl2ONp7Nh5UVWS6QnA=="
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
     "node_modules/acorn": {
       "version": "8.11.2",
@@ -6375,9 +6381,9 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.14",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.14.tgz",
-      "integrity": "sha512-65xXYsT40i9GyWzlHQ5ShZoK7JZdySeOozi/tz2EezDo6c04q6+ckYMeoY7idaie1qp2dT5KoYQ2yky6JuoHnA==",
+      "version": "6.0.15",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
+      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -8523,7 +8529,7 @@
       "version": "0.7.6",
       "license": "MIT",
       "dependencies": {
-        "@pandacss/dev": "0.23.0"
+        "@pandacss/dev": "0.24.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -8545,7 +8551,7 @@
         "react-day-picker": "8.9.1"
       },
       "devDependencies": {
-        "@pandacss/dev": "0.23.0",
+        "@pandacss/dev": "0.24.0",
         "@sweatpants/panda-preset": "0.7.6",
         "@types/date-fns": "2.6.0"
       },
diff --git a/package.json b/package.json
index 18b4be6c..7e5d15c2 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   "homepage": "https://github.com/jonambas/sweatpants#readme",
   "devDependencies": {
     "@changesets/cli": "2.27.1",
-    "@pandacss/dev": "0.23.0",
+    "@pandacss/dev": "0.24.0",
     "@rollup/plugin-alias": "5.0.1",
     "@sweatpants/libra": "0.0.38",
     "@types/react": "18.2.45",
diff --git a/packages/panda-preset/package.json b/packages/panda-preset/package.json
index 6029af8e..ebf5e444 100644
--- a/packages/panda-preset/package.json
+++ b/packages/panda-preset/package.json
@@ -19,7 +19,7 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/dev": "0.23.0"
+    "@pandacss/dev": "0.24.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
diff --git a/packages/react/package.json b/packages/react/package.json
index 1b8dc43c..51270ee2 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -24,7 +24,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@pandacss/dev": "0.23.0",
+    "@pandacss/dev": "0.24.0",
     "@sweatpants/panda-preset": "0.7.6",
     "@types/date-fns": "2.6.0"
   },