update deps to check R19 support

apps/_components/package.json

@@ -26,7 +26,7 @@
     "clsx": "^2.1.1",
     "next": "^15.0.4",
     "prettier": "^3.3.3",
-    "react-syntax-highlighter": "^15.5.0"
+    "react-syntax-highlighter": "^15.6.1"
   },
   "devDependencies": {
     "typescript": "^5.5.4"

apps/theme/components/ColorPicker/ColorPicker.tsx

@@ -102,7 +102,7 @@ export const ColorPicker = ({
         </button>
       </div>
       <div className={cl(classes.popup, showModal && classes.show)}>
-        {/* @ts-ignore -- this component is not yet react 19 */}
+        {/* @ts-ignore -- this component is not yet react 19, and probably will never be. TODO: investiagte new picker */}
         <ChromePicker
           onChangeComplete={({ hex }: { hex: string }) => {
             setColor(hex);

apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.tsx

@@ -52,7 +52,6 @@ const data = [
 export const AreaChartComponent = () => {
   return (
     <ResponsiveContainer width='100%' height='100%' className={classes.area}>
-      {/* @ts-ignore -- this component is not yet react 19 */}
       <AreaChart
         data={data}
         margin={{

apps/theme/components/Previews/Dashboard/BarChart/BarChart.tsx

@@ -32,7 +32,6 @@ const data = [
 export const BarChartComponent = () => {
   return (
     <ResponsiveContainer width='100%' height='100%' className={classes.bar}>
-      {/* @ts-ignore -- this component is not yet react 19 */}
       <BarChart
         data={data}
         margin={{

apps/theme/components/Previews/Dashboard/LineCart/LineChart.tsx

@@ -45,7 +45,6 @@ const data = [
 export const LineChartComponent = () => {
   return (
     <ResponsiveContainer width='100%' height='100%' className={classes.line}>
-      {/* @ts-ignore -- this component is not yet react 19 */}
       <LineChart
         data={data}
         margin={{

apps/theme/package.json

@@ -24,7 +24,7 @@
     "react-color": "^2.19.3",
     "react-color-palette": "^7.3.0",
     "react-dom": "^19.0.0",
-    "recharts": "^2.12.7",
+    "recharts": "^2.15.0",
     "zustand": "^4.5.4"
   },
   "devDependencies": {

yarn.lock

@@ -3446,7 +3446,7 @@ __metadata:
     clsx: "npm:^2.1.1"
     next: "npm:^15.0.4"
     prettier: "npm:^3.3.3"
-    react-syntax-highlighter: "npm:^15.5.0"
+    react-syntax-highlighter: "npm:^15.6.1"
     typescript: "npm:^5.5.4"
   peerDependencies:
     react: ">=18.3.1"
@@ -9835,6 +9835,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"highlightjs-vue@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "highlightjs-vue@npm:1.0.0"
+  checksum: 10/44c9187a19fa3c7eac16bf1d327c03cb07c4b444f744624eaf873eb55e4e449a0bb6573b8ba5982006b65743707d6cad39cfc404f3fe5fb8aeb740a57ff6bc24
+  languageName: node
+  linkType: hard
+
 "homedir-polyfill@npm:^1.0.0":
   version: 1.0.3
   resolution: "homedir-polyfill@npm:1.0.3"
@@ -14707,7 +14714,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^16.10.2, react-is@npm:^16.13.1":
+"react-is@npm:^16.13.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
   checksum: 10/5aa564a1cde7d391ac980bedee21202fc90bdea3b399952117f54fb71a932af1e5902020144fb354b4690b2414a0c7aafe798eb617b76a3d441d956db7726fdf
@@ -14728,6 +14735,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-is@npm:^18.3.1":
+  version: 18.3.1
+  resolution: "react-is@npm:18.3.1"
+  checksum: 10/d5f60c87d285af24b1e1e7eaeb123ec256c3c8bdea7061ab3932e3e14685708221bf234ec50b21e10dd07f008f1b966a2730a0ce4ff67905b3872ff2042aec22
+  languageName: node
+  linkType: hard
+
 "react-refresh@npm:^0.14.2":
   version: 0.14.2
   resolution: "react-refresh@npm:0.14.2"
@@ -14773,18 +14787,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-syntax-highlighter@npm:^15.5.0":
-  version: 15.5.0
-  resolution: "react-syntax-highlighter@npm:15.5.0"
+"react-syntax-highlighter@npm:^15.6.1":
+  version: 15.6.1
+  resolution: "react-syntax-highlighter@npm:15.6.1"
   dependencies:
     "@babel/runtime": "npm:^7.3.1"
     highlight.js: "npm:^10.4.1"
+    highlightjs-vue: "npm:^1.0.0"
     lowlight: "npm:^1.17.0"
     prismjs: "npm:^1.27.0"
     refractor: "npm:^3.6.0"
   peerDependencies:
     react: ">= 0.14.0"
-  checksum: 10/14291a92672a79cf167e6cf2dba2547b920c24573729a95ae24035bece43f7e00e3429477be7b87455e8ce018682c8992545c405a915421eb772c5cd07c00576
+  checksum: 10/9a89c81f7dcc109b038dc2a73189fa1ea916e6485d8a39856ab3d01d2c753449b5ae1c0df9c9ee0ed5c8c9808a68422b19af9a168ec091a274bddc7ad092eb86
   languageName: node
   linkType: hard
 
@@ -14964,22 +14979,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recharts@npm:^2.12.7":
-  version: 2.12.7
-  resolution: "recharts@npm:2.12.7"
+"recharts@npm:^2.15.0":
+  version: 2.15.0
+  resolution: "recharts@npm:2.15.0"
   dependencies:
     clsx: "npm:^2.0.0"
     eventemitter3: "npm:^4.0.1"
     lodash: "npm:^4.17.21"
-    react-is: "npm:^16.10.2"
+    react-is: "npm:^18.3.1"
     react-smooth: "npm:^4.0.0"
     recharts-scale: "npm:^0.4.4"
     tiny-invariant: "npm:^1.3.1"
     victory-vendor: "npm:^36.6.8"
   peerDependencies:
-    react: ^16.0.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0
-  checksum: 10/dd2806978d025abf37ba6eda36fad9361968257c5224286f2881a9f79b18b6045bab520c9c44fd1dc5bb7e35e7ab51d5cde1669e44cb32610e7cb9c49fdd490f
+    react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10/a34d2b1d9b8f8c56691e2b0fbf1d1282753d8bcd4ea285e3f575d12e645729cc907617103b964129c82984fdaf6d26ba855729947b822ca1c423e9bc97af7c46
   languageName: node
   linkType: hard
 
@@ -16596,7 +16611,7 @@ __metadata:
     react-color: "npm:^2.19.3"
     react-color-palette: "npm:^7.3.0"
     react-dom: "npm:^19.0.0"
-    recharts: "npm:^2.12.7"
+    recharts: "npm:^2.15.0"
     zustand: "npm:^4.5.4"
   languageName: unknown
   linkType: soft