webstudio 0.234.0 → 0.236.0

package/lib/cli.js

@@ -817,7 +817,41 @@ var toValue = (styleValue, transformValue) => {
     return value.value;
   }
   if (value.type === "rgb") {
-    return `rgba(${value.r}, ${value.g}, ${value.b}, ${value.alpha})`;
+    return `rgb(${value.r} ${value.g} ${value.b} / ${value.alpha})`;
+  }
+  if (value.type === "color") {
+    let [c1, c2, c3] = value.components;
+    const alpha = value.alpha;
+    switch (value.colorSpace) {
+      case "srgb": {
+        c1 = Math.round(c1 * 255);
+        c2 = Math.round(c2 * 255);
+        c3 = Math.round(c3 * 255);
+        return `rgb(${c1} ${c2} ${c3} / ${alpha})`;
+      }
+      case "hsl":
+        return `hsl(${c1} ${c2}% ${c3}% / ${alpha})`;
+      case "hwb":
+        return `hwb(${c1} ${c2}% ${c3}% / ${alpha})`;
+      case "lab":
+        return `lab(${c1}% ${c2} ${c3} / ${alpha})`;
+      case "lch":
+        return `lch(${c1}% ${c2} ${c3} / ${alpha})`;
+      case "oklab":
+        return `oklab(${c1} ${c2} ${c3} / ${alpha})`;
+      case "oklch":
+        return `oklch(${c1} ${c2} ${c3} / ${alpha})`;
+      // Fall back to color() function for less common color spaces
+      case "p3":
+      case "srgb-linear":
+      case "a98rgb":
+      case "prophoto":
+      case "rec2020":
+      case "xyz-d65":
+      case "xyz-d50":
+      default:
+        return `color(${value.colorSpace} ${c1} ${c2} ${c3} / ${alpha})`;
+    }
   }
   if (value.type === "image") {
     if (value.hidden || value.value.type !== "url") {
@@ -900,6 +934,29 @@ var RgbValue = z.object({
   alpha: z.number(),
   hidden: z.boolean().optional()
 });
+var ColorValue = z.object({
+  type: z.literal("color"),
+  // all these color spaces are defined by design tokens specification
+  colorSpace: z.union([
+    z.literal("srgb"),
+    z.literal("p3"),
+    z.literal("srgb-linear"),
+    z.literal("hsl"),
+    z.literal("hwb"),
+    z.literal("lab"),
+    z.literal("lch"),
+    z.literal("oklab"),
+    z.literal("oklch"),
+    z.literal("a98rgb"),
+    z.literal("prophoto"),
+    z.literal("rec2020"),
+    z.literal("xyz-d65"),
+    z.literal("xyz-d50")
+  ]),
+  components: z.tuple([z.number(), z.number(), z.number()]),
+  alpha: z.number(),
+  hidden: z.boolean().optional()
+});
 var FunctionValue = z.object({
   type: z.literal("function"),
   name: z.string(),
@@ -935,6 +992,7 @@ var VarFallback = z.union([
   UnparsedValue,
   KeywordValue,
   UnitValue,
+  ColorValue,
   RgbValue
 ]);
 var VarValue = z.object({
@@ -948,6 +1006,7 @@ var TupleValueItem = z.union([
   KeywordValue,
   UnparsedValue,
   ImageValue,
+  ColorValue,
   RgbValue,
   FunctionValue,
   VarValue
@@ -965,7 +1024,7 @@ var ShadowValue = z.object({
   offsetY: z.union([UnitValue, VarValue]),
   blur: z.union([UnitValue, VarValue]).optional(),
   spread: z.union([UnitValue, VarValue]).optional(),
-  color: z.union([RgbValue, KeywordValue, VarValue]).optional()
+  color: z.union([ColorValue, RgbValue, KeywordValue, VarValue]).optional()
 });
 var LayerValueItem = z.union([
   UnitValue,
@@ -974,6 +1033,7 @@ var LayerValueItem = z.union([
   ImageValue,
   TupleValue,
   ShadowValue,
+  ColorValue,
   RgbValue,
   InvalidValue,
   FunctionValue,
@@ -990,6 +1050,7 @@ var StyleValue = z.union([
   UnitValue,
   KeywordValue,
   FontFamilyValue,
+  ColorValue,
   RgbValue,
   UnparsedValue,
   TupleValue,
@@ -2607,24 +2668,7 @@ __export(normalize_css_exports, {
   ul: () => ul$1
 });
 var div$1 = [
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  { property: "outline-width", value: { type: "unit", unit: "px", value: 1 } }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var address$1 = div$1;
 var article$1 = div$1;
@@ -2684,22 +2728,6 @@ var body$1 = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   {
     property: "-webkit-font-smoothing",
     value: { type: "keyword", value: "antialiased" }
@@ -2719,23 +2747,7 @@ var b$6 = [
     property: "font-weight",
     value: { type: "unit", unit: "number", value: 700 }
   },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var strong = b$6;
 var code$1 = [
@@ -2754,46 +2766,14 @@ var code$1 = [
     }
   },
   { property: "font-size", value: { type: "unit", unit: "em", value: 1 } },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var kbd = code$1;
 var samp = code$1;
 var pre = code$1;
 var small = [
   { property: "font-size", value: { type: "unit", unit: "%", value: 80 } },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var sub$1 = [
   { property: "font-size", value: { type: "unit", unit: "%", value: 75 } },
@@ -2804,22 +2784,6 @@ var sub$1 = [
   { property: "position", value: { type: "keyword", value: "relative" } },
   { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "bottom", value: { type: "unit", unit: "em", value: -0.25 } }
 ];
 var sup$1 = [
@@ -2831,22 +2795,6 @@ var sup$1 = [
   { property: "position", value: { type: "keyword", value: "relative" } },
   { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "top", value: { type: "unit", unit: "em", value: -0.5 } }
 ];
 var table = [
@@ -2854,22 +2802,6 @@ var table = [
     property: "text-indent",
     value: { type: "unit", unit: "number", value: 0 }
   },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   {
     property: "border-top-color",
     value: { type: "keyword", value: "inherit" }
@@ -2909,22 +2841,6 @@ var input$1 = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "border-top-style", value: { type: "keyword", value: "solid" } },
   {
     property: "border-right-style",
@@ -2957,23 +2873,7 @@ var optgroup = [
     property: "margin-left",
     value: { type: "unit", unit: "number", value: 0 }
   },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var radio$1 = [
   { property: "font-family", value: { type: "keyword", value: "inherit" } },
@@ -2996,22 +2896,6 @@ var radio$1 = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "border-top-style", value: { type: "keyword", value: "none" } },
   { property: "border-right-style", value: { type: "keyword", value: "none" } },
   {
@@ -3042,22 +2926,6 @@ var button$1 = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "border-top-style", value: { type: "keyword", value: "solid" } },
   {
     property: "border-right-style",
@@ -3088,63 +2956,15 @@ var legend = [
     property: "padding-left",
     value: { type: "unit", unit: "number", value: 0 }
   },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var progress = [
   { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var summary = [
   { property: "display", value: { type: "keyword", value: "list-item" } },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var tagProperty$1 = "data-ws-tag";
 var tags = [
@@ -5105,24 +4925,7 @@ const a$5 = {
   }
 };
 var div = [
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  { property: "outline-width", value: { type: "unit", unit: "px", value: 1 } }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var address = div;
 var article = div;
@@ -5165,22 +4968,6 @@ var body = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   {
     property: "-webkit-font-smoothing",
     value: { type: "keyword", value: "antialiased" }
@@ -5200,23 +4987,7 @@ var b$5 = [
     property: "font-weight",
     value: { type: "unit", unit: "number", value: 700 }
   },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var code = [
   {
@@ -5234,23 +5005,7 @@ var code = [
     }
   },
   { property: "font-size", value: { type: "unit", unit: "em", value: 1 } },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  }
+  { property: "box-sizing", value: { type: "keyword", value: "border-box" } }
 ];
 var sub = [
   { property: "font-size", value: { type: "unit", unit: "%", value: 75 } },
@@ -5261,22 +5016,6 @@ var sub = [
   { property: "position", value: { type: "keyword", value: "relative" } },
   { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "bottom", value: { type: "unit", unit: "em", value: -0.25 } }
 ];
 var sup = [
@@ -5288,22 +5027,6 @@ var sup = [
   { property: "position", value: { type: "keyword", value: "relative" } },
   { property: "vertical-align", value: { type: "keyword", value: "baseline" } },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "top", value: { type: "unit", unit: "em", value: -0.5 } }
 ];
 var input = [
@@ -5327,22 +5050,6 @@ var input = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "border-top-style", value: { type: "keyword", value: "solid" } },
   {
     property: "border-right-style",
@@ -5376,22 +5083,6 @@ var radio = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "border-top-style", value: { type: "keyword", value: "none" } },
   { property: "border-right-style", value: { type: "keyword", value: "none" } },
   {
@@ -5422,22 +5113,6 @@ var button = [
     value: { type: "unit", unit: "number", value: 0 }
   },
   { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
   { property: "border-top-style", value: { type: "keyword", value: "solid" } },
   {
     property: "border-right-style",
@@ -9117,7 +8792,7 @@ const getDeploymentInstructions = (deployTarget) => {
   }
 };
 const name = "webstudio";
-const version = "0.234.0";
+const version = "0.236.0";
 const description = "Webstudio CLI";
 const author = "Webstudio <github@webstudio.is>";
 const homepage = "https://webstudio.is";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webstudio",
-  "version": "0.234.0",
+  "version": "0.236.0",
   "description": "Webstudio CLI",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -70,17 +70,17 @@
     "vite": "^6.3.4",
     "vitest": "^3.1.2",
     "wrangler": "^3.63.2",
-    "@webstudio-is/css-engine": "0.234.0",
-    "@webstudio-is/react-sdk": "0.234.0",
-    "@webstudio-is/http-client": "0.234.0",
-    "@webstudio-is/sdk": "0.234.0",
-    "@webstudio-is/image": "0.234.0",
-    "@webstudio-is/sdk-components-animation": "0.234.0",
-    "@webstudio-is/sdk-components-react": "0.234.0",
-    "@webstudio-is/sdk-components-react-radix": "0.234.0",
-    "@webstudio-is/sdk-components-react-remix": "0.234.0",
-    "@webstudio-is/tsconfig": "1.0.7",
-    "@webstudio-is/sdk-components-react-router": "0.234.0"
+    "@webstudio-is/http-client": "0.236.0",
+    "@webstudio-is/css-engine": "0.236.0",
+    "@webstudio-is/react-sdk": "0.236.0",
+    "@webstudio-is/sdk": "0.236.0",
+    "@webstudio-is/sdk-components-animation": "0.236.0",
+    "@webstudio-is/image": "0.236.0",
+    "@webstudio-is/sdk-components-react": "0.236.0",
+    "@webstudio-is/sdk-components-react-radix": "0.236.0",
+    "@webstudio-is/sdk-components-react-router": "0.236.0",
+    "@webstudio-is/sdk-components-react-remix": "0.236.0",
+    "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "typecheck": "tsc",

package/templates/defaults/package.json

@@ -11,13 +11,13 @@
     "@remix-run/node": "2.16.5",
     "@remix-run/react": "2.16.5",
     "@remix-run/server-runtime": "2.16.5",
-    "@webstudio-is/image": "0.234.0",
-    "@webstudio-is/react-sdk": "0.234.0",
-    "@webstudio-is/sdk": "0.234.0",
-    "@webstudio-is/sdk-components-react": "0.234.0",
-    "@webstudio-is/sdk-components-animation": "0.234.0",
-    "@webstudio-is/sdk-components-react-radix": "0.234.0",
-    "@webstudio-is/sdk-components-react-remix": "0.234.0",
+    "@webstudio-is/image": "0.236.0",
+    "@webstudio-is/react-sdk": "0.236.0",
+    "@webstudio-is/sdk": "0.236.0",
+    "@webstudio-is/sdk-components-react": "0.236.0",
+    "@webstudio-is/sdk-components-animation": "0.236.0",
+    "@webstudio-is/sdk-components-react-radix": "0.236.0",
+    "@webstudio-is/sdk-components-react-remix": "0.236.0",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318"

package/templates/react-router/package.json

@@ -10,13 +10,13 @@
   "dependencies": {
     "@react-router/dev": "^7.5.3",
     "@react-router/fs-routes": "^7.5.3",
-    "@webstudio-is/image": "0.234.0",
-    "@webstudio-is/react-sdk": "0.234.0",
-    "@webstudio-is/sdk": "0.234.0",
-    "@webstudio-is/sdk-components-animation": "0.234.0",
-    "@webstudio-is/sdk-components-react-radix": "0.234.0",
-    "@webstudio-is/sdk-components-react-router": "0.234.0",
-    "@webstudio-is/sdk-components-react": "0.234.0",
+    "@webstudio-is/image": "0.236.0",
+    "@webstudio-is/react-sdk": "0.236.0",
+    "@webstudio-is/sdk": "0.236.0",
+    "@webstudio-is/sdk-components-animation": "0.236.0",
+    "@webstudio-is/sdk-components-react-radix": "0.236.0",
+    "@webstudio-is/sdk-components-react-router": "0.236.0",
+    "@webstudio-is/sdk-components-react": "0.236.0",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",

package/templates/ssg/package.json

@@ -8,12 +8,12 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@webstudio-is/image": "0.234.0",
-    "@webstudio-is/react-sdk": "0.234.0",
-    "@webstudio-is/sdk": "0.234.0",
-    "@webstudio-is/sdk-components-react": "0.234.0",
-    "@webstudio-is/sdk-components-animation": "0.234.0",
-    "@webstudio-is/sdk-components-react-radix": "0.234.0",
+    "@webstudio-is/image": "0.236.0",
+    "@webstudio-is/react-sdk": "0.236.0",
+    "@webstudio-is/sdk": "0.236.0",
+    "@webstudio-is/sdk-components-react": "0.236.0",
+    "@webstudio-is/sdk-components-animation": "0.236.0",
+    "@webstudio-is/sdk-components-react-radix": "0.236.0",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "vike": "^0.4.229"