@valbuild/next 0.127.0 → 0.129.0

package/CHANGELOG.md

@@ -1,5 +1,86 @@
 # @valbuild/next
 
+## 0.129.0
+
+### Patch Changes
+
+- [#655](https://github.com/valbuild/val/pull/655) [`7d34ecc`](https://github.com/valbuild/val/commit/7d34ecce787a0709025ae7b4764cb6c3ad1f766b) Thanks [@freekh](https://github.com/freekh)! - A project can now make Val Studio look like its own.
+
+  `s.settings()` has a new `theme` section, edited under **Settings → Appearance**
+  in the Studio. It is content like everything else: edited as a draft, shown in
+  the publish diff, and the same for everyone working on the project.
+
+  ```ts
+  export default c.define("/settings.val.ts", s.settings(), {
+    theme: {
+      accent: "#2563eb",
+      radius: "tight",
+      mode: "light",
+    },
+  });
+  ```
+
+  **`accent` is one hex, and it restyles the whole chrome** — Publish, the active
+  rail item, focus rings, switches, the caret in a rich text field, and the
+  outlines the canvas draws around editable elements on your own page. Any colour
+  is allowed, not a list of approved ones, because what the accent replaces is a
+  ten-step ramp that is _generated_ from it: each step keeps the lightness of the
+  step it replaces and changes only the hue. WCAG contrast is almost entirely a
+  function of lightness, so every foreground/background pair the chrome renders
+  stays at AA — which is asserted across the hue circle, pure black and a
+  saturated yellow included, rather than argued for. One value drives both light
+  and dark mode, since the semantic tokens pick different steps of the ramp in
+  each.
+
+  **`radius`** is `square`, `tight`, `default` or `soft`, and moves every corner
+  in the Studio.
+
+  The accent also moves the outlines the canvas draws around editable elements on
+  your own page. Those are drawn inside your document, which has none of Val's
+  stylesheet, so the colour is sent to the page over the canvas protocol — which
+  means a project on an older `@valbuild/next` or `@valbuild/tanstack` than its
+  Studio keeps Val's green there until it upgrades, rather than breaking.
+
+  **`mode`** is the mode the Studio opens in for an editor who has never picked
+  one. It never overrides an editor who has — that choice stays theirs, per
+  person and per browser, behind the account button.
+
+  Every field is optional, and unset means Val's own look, so an existing
+  settings module needs no change.
+
+  Two smaller fixes that came with it:
+
+  - **A settings change is its own entry in the publish diff.** Editing the
+    assistant's tone used to collapse the entire settings module into one change
+    card labelled "Settings", because the patch that writes a settings field is
+    an `add`, and `PatchSets` had no case for a settings section — so it gave up
+    and grouped the whole module. Two unrelated settings edits now show as two
+    changes, each under the name the panel gives it.
+  - **The Val mark keeps its green.** It named a step of the brand ramp, so it
+    would have recoloured along with a project's accent. It has its own token now.
+
+- Updated dependencies [[`e20f6fb`](https://github.com/valbuild/val/commit/e20f6fbcc215c310eef49a44c1a592c1e2081613), [`7d34ecc`](https://github.com/valbuild/val/commit/7d34ecce787a0709025ae7b4764cb6c3ad1f766b), [`0c351c4`](https://github.com/valbuild/val/commit/0c351c4f97ae7f09772eab0e856ae69821b803b7), [`41a0d76`](https://github.com/valbuild/val/commit/41a0d76636a2dce3f1e506d93170d97e46041d98), [`9e0ebb0`](https://github.com/valbuild/val/commit/9e0ebb00430f05ef92dff031309f73b8075a7d99)]:
+  - @valbuild/ui@0.129.0
+  - @valbuild/core@0.129.0
+  - @valbuild/shared@0.129.0
+  - @valbuild/react@0.129.0
+  - @valbuild/server@0.129.0
+  - @valbuild/language-server@0.129.0
+  - @valbuild/mcp@0.129.0
+
+## 0.128.0
+
+### Patch Changes
+
+- Updated dependencies [[`8b52b33`](https://github.com/valbuild/val/commit/8b52b33e1f629f14f66cc71dcc7cf415d210c7d4), [`362fb49`](https://github.com/valbuild/val/commit/362fb49f30d2b04c4ff78d54dca2bf5ad978a05c), [`c595799`](https://github.com/valbuild/val/commit/c59579977a436ec530c6c69f2b340ab9829d97ab)]:
+  - @valbuild/core@0.128.0
+  - @valbuild/language-server@0.128.0
+  - @valbuild/mcp@0.128.0
+  - @valbuild/react@0.128.0
+  - @valbuild/server@0.128.0
+  - @valbuild/shared@0.128.0
+  - @valbuild/ui@0.127.0
+
 ## 0.127.0
 
 ### Patch Changes

package/dist/{ValCanvasBridge-e5931ea4.esm.js → ValCanvasBridge-04ac50e6.esm.js}

@@ -2,12 +2,14 @@
 import { _ as _slicedToArray } from './slicedToArray-aa291011.esm.js';
 import React from 'react';
 import { Internal } from '@valbuild/core';
-import { VAL_CANVAS_MESSAGE, isValCanvasStudioMessage } from '@valbuild/shared/client';
+import { VAL_CANVAS_MESSAGE, DEFAULT_CANVAS_SELECTION, DEFAULT_CANVAS_SELECTION_SOFT, isValCanvasStudioMessage } from '@valbuild/shared/client';
 import { jsx } from 'react/jsx-runtime';
 import './unsupportedIterableToArray-5baabfdc.esm.js';
 
-var SELECTION = "#079455";
-var SELECTION_SOFT = "rgba(7, 148, 85, 0.4)";
+var DEFAULT_SELECTION = {
+  selection: DEFAULT_CANVAS_SELECTION,
+  selectionSoft: DEFAULT_CANVAS_SELECTION_SOFT
+};
 
 /**
  * How often the page is re-measured even when nothing said it changed.
@@ -36,10 +38,23 @@ function ValCanvasBridge(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     picking = _React$useState2[0],
     setPicking = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
+  /**
+   * The outline colours, as the studio last said.
+   *
+   * State rather than a prop, because it arrives over the protocol after mount:
+   * the studio sends it when the frame reports ready and again whenever the
+   * project's accent changes. Starts at Val's green so a page that is never
+   * told — an older studio, or a message that never arrives — still outlines
+   * its content.
+   */
+  var _React$useState3 = React.useState(DEFAULT_SELECTION),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    highlighted = _React$useState4[0],
-    setHighlighted = _React$useState4[1];
+    selectionColors = _React$useState4[0],
+    setSelectionColors = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    highlighted = _React$useState6[0],
+    setHighlighted = _React$useState6[1];
   // Kept in a ref as well, because the capture-phase click listener below is
   // installed once and would otherwise close over the first value forever.
   var pickingRef = React.useRef(false);
@@ -248,6 +263,13 @@ function ValCanvasBridge(_ref) {
         setPicking(message.picking);
         return;
       }
+      if (message.type === "theme") {
+        setSelectionColors({
+          selection: message.selection,
+          selectionSoft: message.selectionSoft
+        });
+        return;
+      }
       if (message.type === "sourceUpdate") {
         /**
          * Handed straight to the listener the page already has.
@@ -463,7 +485,7 @@ function ValCanvasBridge(_ref) {
     // CSS string. A path contains quotes (`?p="/"`) and would otherwise
     // close the selector early.
     dangerouslySetInnerHTML: {
-      __html: [picking ? "[data-val-path] { outline: 1px solid ".concat(SELECTION_SOFT, "; outline-offset: 1px; cursor: pointer; }\n[data-val-path]:hover { outline: 2px solid ").concat(SELECTION, "; }") : "", highlighted ? highlightRule(highlighted) : ""].filter(Boolean).join("\n")
+      __html: [picking ? "[data-val-path] { outline: 1px solid ".concat(selectionColors.selectionSoft, "; outline-offset: 1px; cursor: pointer; }\n[data-val-path]:hover { outline: 2px solid ").concat(selectionColors.selection, "; }") : "", highlighted ? highlightRule(highlighted, selectionColors.selection) : ""].filter(Boolean).join("\n")
     }
   });
 }
@@ -481,13 +503,13 @@ function ValCanvasBridge(_ref) {
  * and one in the middle. Between them they match the path as a complete list
  * item and nothing else.
  */
-function highlightRule(path) {
+function highlightRule(path, selection) {
   var value = JSON.stringify(path);
   var inner = JSON.stringify(",".concat(path, ","));
   var first = JSON.stringify("".concat(path, ","));
   var last = JSON.stringify(",".concat(path));
   var selectors = ["[data-val-path=".concat(value, "]"), "[data-val-path^=".concat(first, "]"), "[data-val-path$=".concat(last, "]"), "[data-val-path*=".concat(inner, "]")].join(",\n");
-  return "".concat(selectors, " { outline: 2px solid ").concat(SELECTION, "; outline-offset: 1px; }");
+  return "".concat(selectors, " { outline: 2px solid ").concat(selection, "; outline-offset: 1px; }");
 }
 
 /**

package/dist/{ValCanvasBridge-b918d991.cjs.dev.js → ValCanvasBridge-32019a44.cjs.dev.js}

@@ -14,8 +14,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var SELECTION = "#079455";
-var SELECTION_SOFT = "rgba(7, 148, 85, 0.4)";
+var DEFAULT_SELECTION = {
+  selection: client.DEFAULT_CANVAS_SELECTION,
+  selectionSoft: client.DEFAULT_CANVAS_SELECTION_SOFT
+};
 
 /**
  * How often the page is re-measured even when nothing said it changed.
@@ -44,10 +46,23 @@ function ValCanvasBridge(_ref) {
     _React$useState2 = slicedToArray._slicedToArray(_React$useState, 2),
     picking = _React$useState2[0],
     setPicking = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState(null),
+  /**
+   * The outline colours, as the studio last said.
+   *
+   * State rather than a prop, because it arrives over the protocol after mount:
+   * the studio sends it when the frame reports ready and again whenever the
+   * project's accent changes. Starts at Val's green so a page that is never
+   * told — an older studio, or a message that never arrives — still outlines
+   * its content.
+   */
+  var _React$useState3 = React__default["default"].useState(DEFAULT_SELECTION),
     _React$useState4 = slicedToArray._slicedToArray(_React$useState3, 2),
-    highlighted = _React$useState4[0],
-    setHighlighted = _React$useState4[1];
+    selectionColors = _React$useState4[0],
+    setSelectionColors = _React$useState4[1];
+  var _React$useState5 = React__default["default"].useState(null),
+    _React$useState6 = slicedToArray._slicedToArray(_React$useState5, 2),
+    highlighted = _React$useState6[0],
+    setHighlighted = _React$useState6[1];
   // Kept in a ref as well, because the capture-phase click listener below is
   // installed once and would otherwise close over the first value forever.
   var pickingRef = React__default["default"].useRef(false);
@@ -256,6 +271,13 @@ function ValCanvasBridge(_ref) {
         setPicking(message.picking);
         return;
       }
+      if (message.type === "theme") {
+        setSelectionColors({
+          selection: message.selection,
+          selectionSoft: message.selectionSoft
+        });
+        return;
+      }
       if (message.type === "sourceUpdate") {
         /**
          * Handed straight to the listener the page already has.
@@ -471,7 +493,7 @@ function ValCanvasBridge(_ref) {
     // CSS string. A path contains quotes (`?p="/"`) and would otherwise
     // close the selector early.
     dangerouslySetInnerHTML: {
-      __html: [picking ? "[data-val-path] { outline: 1px solid ".concat(SELECTION_SOFT, "; outline-offset: 1px; cursor: pointer; }\n[data-val-path]:hover { outline: 2px solid ").concat(SELECTION, "; }") : "", highlighted ? highlightRule(highlighted) : ""].filter(Boolean).join("\n")
+      __html: [picking ? "[data-val-path] { outline: 1px solid ".concat(selectionColors.selectionSoft, "; outline-offset: 1px; cursor: pointer; }\n[data-val-path]:hover { outline: 2px solid ").concat(selectionColors.selection, "; }") : "", highlighted ? highlightRule(highlighted, selectionColors.selection) : ""].filter(Boolean).join("\n")
     }
   });
 }
@@ -489,13 +511,13 @@ function ValCanvasBridge(_ref) {
  * and one in the middle. Between them they match the path as a complete list
  * item and nothing else.
  */
-function highlightRule(path) {
+function highlightRule(path, selection) {
   var value = JSON.stringify(path);
   var inner = JSON.stringify(",".concat(path, ","));
   var first = JSON.stringify("".concat(path, ","));
   var last = JSON.stringify(",".concat(path));
   var selectors = ["[data-val-path=".concat(value, "]"), "[data-val-path^=".concat(first, "]"), "[data-val-path$=".concat(last, "]"), "[data-val-path*=".concat(inner, "]")].join(",\n");
-  return "".concat(selectors, " { outline: 2px solid ").concat(SELECTION, "; outline-offset: 1px; }");
+  return "".concat(selectors, " { outline: 2px solid ").concat(selection, "; outline-offset: 1px; }");
 }
 
 /**

package/dist/ValCanvasBridge-5e9c64d6.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValCanvasBridge-5e9c64d6.cjs.prod.js");
+} else {
+  module.exports = require("./ValCanvasBridge-5e9c64d6.cjs.dev.js");
+}

package/dist/{ValCanvasBridge-5fc49440.cjs.prod.js → ValCanvasBridge-5e9c64d6.cjs.prod.js}

@@ -14,8 +14,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var SELECTION = "#079455";
-var SELECTION_SOFT = "rgba(7, 148, 85, 0.4)";
+var DEFAULT_SELECTION = {
+  selection: client.DEFAULT_CANVAS_SELECTION,
+  selectionSoft: client.DEFAULT_CANVAS_SELECTION_SOFT
+};
 
 /**
  * How often the page is re-measured even when nothing said it changed.
@@ -44,10 +46,23 @@ function ValCanvasBridge(_ref) {
     _React$useState2 = slicedToArray._slicedToArray(_React$useState, 2),
     picking = _React$useState2[0],
     setPicking = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState(null),
+  /**
+   * The outline colours, as the studio last said.
+   *
+   * State rather than a prop, because it arrives over the protocol after mount:
+   * the studio sends it when the frame reports ready and again whenever the
+   * project's accent changes. Starts at Val's green so a page that is never
+   * told — an older studio, or a message that never arrives — still outlines
+   * its content.
+   */
+  var _React$useState3 = React__default["default"].useState(DEFAULT_SELECTION),
     _React$useState4 = slicedToArray._slicedToArray(_React$useState3, 2),
-    highlighted = _React$useState4[0],
-    setHighlighted = _React$useState4[1];
+    selectionColors = _React$useState4[0],
+    setSelectionColors = _React$useState4[1];
+  var _React$useState5 = React__default["default"].useState(null),
+    _React$useState6 = slicedToArray._slicedToArray(_React$useState5, 2),
+    highlighted = _React$useState6[0],
+    setHighlighted = _React$useState6[1];
   // Kept in a ref as well, because the capture-phase click listener below is
   // installed once and would otherwise close over the first value forever.
   var pickingRef = React__default["default"].useRef(false);
@@ -256,6 +271,13 @@ function ValCanvasBridge(_ref) {
         setPicking(message.picking);
         return;
       }
+      if (message.type === "theme") {
+        setSelectionColors({
+          selection: message.selection,
+          selectionSoft: message.selectionSoft
+        });
+        return;
+      }
       if (message.type === "sourceUpdate") {
         /**
          * Handed straight to the listener the page already has.
@@ -471,7 +493,7 @@ function ValCanvasBridge(_ref) {
     // CSS string. A path contains quotes (`?p="/"`) and would otherwise
     // close the selector early.
     dangerouslySetInnerHTML: {
-      __html: [picking ? "[data-val-path] { outline: 1px solid ".concat(SELECTION_SOFT, "; outline-offset: 1px; cursor: pointer; }\n[data-val-path]:hover { outline: 2px solid ").concat(SELECTION, "; }") : "", highlighted ? highlightRule(highlighted) : ""].filter(Boolean).join("\n")
+      __html: [picking ? "[data-val-path] { outline: 1px solid ".concat(selectionColors.selectionSoft, "; outline-offset: 1px; cursor: pointer; }\n[data-val-path]:hover { outline: 2px solid ").concat(selectionColors.selection, "; }") : "", highlighted ? highlightRule(highlighted, selectionColors.selection) : ""].filter(Boolean).join("\n")
     }
   });
 }
@@ -489,13 +511,13 @@ function ValCanvasBridge(_ref) {
  * and one in the middle. Between them they match the path as a complete list
  * item and nothing else.
  */
-function highlightRule(path) {
+function highlightRule(path, selection) {
   var value = JSON.stringify(path);
   var inner = JSON.stringify(",".concat(path, ","));
   var first = JSON.stringify("".concat(path, ","));
   var last = JSON.stringify(",".concat(path));
   var selectors = ["[data-val-path=".concat(value, "]"), "[data-val-path^=".concat(first, "]"), "[data-val-path$=".concat(last, "]"), "[data-val-path*=".concat(inner, "]")].join(",\n");
-  return "".concat(selectors, " { outline: 2px solid ").concat(SELECTION, "; outline-offset: 1px; }");
+  return "".concat(selectors, " { outline: 2px solid ").concat(selection, "; outline-offset: 1px; }");
 }
 
 /**

package/dist/ValNextProvider-062a8dc9.cjs.dev.js

@@ -16,7 +16,7 @@ var stega = require('@valbuild/react/stega');
 var fallbackColors = require('./fallbackColors-080c1bbc.cjs.dev.js');
 var client = require('@valbuild/shared/client');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-0445603c.cjs.dev.js');
-var ValCanvasBridge = require('./ValCanvasBridge-b918d991.cjs.dev.js');
+var ValCanvasBridge = require('./ValCanvasBridge-32019a44.cjs.dev.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
 require('./defineProperty-f90345d7.cjs.dev.js');

package/dist/ValNextProvider-3d2cd7e4.esm.js

@@ -12,7 +12,7 @@ import { SET_AUTO_TAG_JSX_ENABLED } from '@valbuild/react/stega';
 import { p as prefixStyles, u as useConfigStorageSave, f as floatDarkBg, d as floatLightBg, v as valPrefixedClass, c as cn } from './fallbackColors-149dfbc9.esm.js';
 import { VAL_THEME_SESSION_STORAGE_KEY, isValCanvasFrame } from '@valbuild/shared/client';
 import { _ as _createForOfIteratorHelper } from './createForOfIteratorHelper-5758a730.esm.js';
-import { ValCanvasBridge } from './ValCanvasBridge-e5931ea4.esm.js';
+import { ValCanvasBridge } from './ValCanvasBridge-04ac50e6.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import './unsupportedIterableToArray-5baabfdc.esm.js';
 import './defineProperty-cca5affa.esm.js';

package/dist/ValNextProvider-da189afe.cjs.prod.js

@@ -16,7 +16,7 @@ var stega = require('@valbuild/react/stega');
 var fallbackColors = require('./fallbackColors-e1d73b36.cjs.prod.js');
 var client = require('@valbuild/shared/client');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-d4afcad8.cjs.prod.js');
-var ValCanvasBridge = require('./ValCanvasBridge-5fc49440.cjs.prod.js');
+var ValCanvasBridge = require('./ValCanvasBridge-5e9c64d6.cjs.prod.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-0d2087a2.cjs.prod.js');
 require('./defineProperty-8951f469.cjs.prod.js');

package/dist/valbuild-next.cjs.dev.js

@@ -12,7 +12,7 @@ var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
 var ValApp = require('./ValApp-294e5b53.cjs.dev.js');
 var ValModulesClient = require('./ValModulesClient-4ecabf99.cjs.dev.js');
-var version = require('./version-15707a75.cjs.dev.js');
+var version = require('./version-f5c07295.cjs.dev.js');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-0445603c.cjs.dev.js');
 require('./defineProperty-f90345d7.cjs.dev.js');
 require('./unsupportedIterableToArray-c8ab77c9.cjs.dev.js');

package/dist/valbuild-next.cjs.prod.js

@@ -12,7 +12,7 @@ var NextImage = require('next/image');
 var jsxRuntime = require('react/jsx-runtime');
 var ValApp = require('./ValApp-ab8a96fd.cjs.prod.js');
 var ValModulesClient = require('./ValModulesClient-10c0721c.cjs.prod.js');
-var version = require('./version-9b3eb9b7.cjs.prod.js');
+var version = require('./version-f281f39e.cjs.prod.js');
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-d4afcad8.cjs.prod.js');
 require('./defineProperty-8951f469.cjs.prod.js');
 require('./unsupportedIterableToArray-0d2087a2.cjs.prod.js');

package/dist/valbuild-next.esm.js

@@ -11,7 +11,7 @@ import NextImage from 'next/image';
 import { jsx } from 'react/jsx-runtime';
 export { ValApp } from './ValApp-3a70afe1.esm.js';
 export { ValModulesClient, useRegisterValModules } from './ValModulesClient-0dd601a1.esm.js';
-import { V as VERSION } from './version-dc02550b.esm.js';
+import { V as VERSION } from './version-8490053f.esm.js';
 import { _ as _createForOfIteratorHelper } from './createForOfIteratorHelper-5758a730.esm.js';
 import './defineProperty-cca5affa.esm.js';
 import './unsupportedIterableToArray-5baabfdc.esm.js';

package/dist/{version-dc02550b.esm.js → version-8490053f.esm.js}

@@ -12,7 +12,7 @@ var packageJson = {
 		"next",
 		"react"
 	],
-	version: "0.127.0",
+	version: "0.129.0",
 	scripts: {
 		typecheck: "tsc --noEmit",
 		test: "jest"

package/dist/{version-15707a75.cjs.dev.js → version-f281f39e.cjs.prod.js}

@@ -14,7 +14,7 @@ var packageJson = {
 		"next",
 		"react"
 	],
-	version: "0.127.0",
+	version: "0.129.0",
 	scripts: {
 		typecheck: "tsc --noEmit",
 		test: "jest"

package/dist/{version-9b3eb9b7.cjs.prod.js → version-f5c07295.cjs.dev.js}

@@ -14,7 +14,7 @@ var packageJson = {
 		"next",
 		"react"
 	],
-	version: "0.127.0",
+	version: "0.129.0",
 	scripts: {
 		typecheck: "tsc --noEmit",
 		test: "jest"

package/package.json

@@ -12,7 +12,7 @@
     "next",
     "react"
   ],
-  "version": "0.127.0",
+  "version": "0.129.0",
   "main": "dist/valbuild-next.cjs.js",
   "module": "dist/valbuild-next.esm.js",
   "exports": {
@@ -47,13 +47,13 @@
   "dependencies": {
     "client-only": "^0.0.1",
     "server-only": "^0.0.1",
-    "@valbuild/core": "0.127.0",
-    "@valbuild/mcp": "0.127.0",
-    "@valbuild/react": "0.127.0",
-    "@valbuild/language-server": "0.127.0",
-    "@valbuild/server": "0.127.0",
-    "@valbuild/ui": "0.127.0",
-    "@valbuild/shared": "0.127.0"
+    "@valbuild/core": "0.129.0",
+    "@valbuild/language-server": "0.129.0",
+    "@valbuild/shared": "0.129.0",
+    "@valbuild/server": "0.129.0",
+    "@valbuild/mcp": "0.129.0",
+    "@valbuild/ui": "0.129.0",
+    "@valbuild/react": "0.129.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.3",

package/rsc/dist/valbuild-next-rsc.cjs.dev.js

@@ -11,7 +11,7 @@ var stega = require('@valbuild/react/stega');
 var core = require('@valbuild/core');
 var internal = require('@valbuild/shared/internal');
 var server = require('@valbuild/server');
-var version = require('../../dist/version-15707a75.cjs.dev.js');
+var version = require('../../dist/version-f5c07295.cjs.dev.js');
 require('../../dist/createForOfIteratorHelper-0445603c.cjs.dev.js');
 require('../../dist/unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
 require('../../dist/slicedToArray-44036a76.cjs.dev.js');

package/rsc/dist/valbuild-next-rsc.cjs.prod.js

@@ -11,7 +11,7 @@ var stega = require('@valbuild/react/stega');
 var core = require('@valbuild/core');
 var internal = require('@valbuild/shared/internal');
 var server = require('@valbuild/server');
-var version = require('../../dist/version-9b3eb9b7.cjs.prod.js');
+var version = require('../../dist/version-f281f39e.cjs.prod.js');
 require('../../dist/createForOfIteratorHelper-d4afcad8.cjs.prod.js');
 require('../../dist/unsupportedIterableToArray-0d2087a2.cjs.prod.js');
 require('../../dist/slicedToArray-ce613de6.cjs.prod.js');

package/rsc/dist/valbuild-next-rsc.esm.js

@@ -7,7 +7,7 @@ import { SET_RSC, stegaEncode, SET_AUTO_TAG_JSX_ENABLED } from '@valbuild/react/
 import { Internal } from '@valbuild/core';
 import { VAL_SESSION_COOKIE } from '@valbuild/shared/internal';
 import { createValServer } from '@valbuild/server';
-import { V as VERSION } from '../../dist/version-dc02550b.esm.js';
+import { V as VERSION } from '../../dist/version-8490053f.esm.js';
 import '../../dist/createForOfIteratorHelper-5758a730.esm.js';
 import '../../dist/unsupportedIterableToArray-5baabfdc.esm.js';
 import '../../dist/slicedToArray-aa291011.esm.js';

package/server/dist/valbuild-next-server.cjs.dev.js

@@ -9,7 +9,7 @@ var objectSpread2 = require('../../dist/objectSpread2-58024783.cjs.dev.js');
 var core = require('@valbuild/core');
 var server = require('@valbuild/server');
 var server$1 = require('next/server');
-var version = require('../../dist/version-15707a75.cjs.dev.js');
+var version = require('../../dist/version-f5c07295.cjs.dev.js');
 var mcp = require('@valbuild/mcp');
 require('../../dist/unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
 require('../../dist/defineProperty-f90345d7.cjs.dev.js');

package/server/dist/valbuild-next-server.cjs.prod.js

@@ -9,7 +9,7 @@ var objectSpread2 = require('../../dist/objectSpread2-13f847a9.cjs.prod.js');
 var core = require('@valbuild/core');
 var server = require('@valbuild/server');
 var server$1 = require('next/server');
-var version = require('../../dist/version-9b3eb9b7.cjs.prod.js');
+var version = require('../../dist/version-f281f39e.cjs.prod.js');
 var mcp = require('@valbuild/mcp');
 require('../../dist/unsupportedIterableToArray-0d2087a2.cjs.prod.js');
 require('../../dist/defineProperty-8951f469.cjs.prod.js');

package/server/dist/valbuild-next-server.esm.js

@@ -5,7 +5,7 @@ import { _ as _objectSpread2 } from '../../dist/objectSpread2-60d1bd93.esm.js';
 import { Internal } from '@valbuild/core';
 import { createValApiRouter, createValServer } from '@valbuild/server';
 import { NextResponse } from 'next/server';
-import { V as VERSION } from '../../dist/version-dc02550b.esm.js';
+import { V as VERSION } from '../../dist/version-8490053f.esm.js';
 import { initValMcp as initValMcp$1 } from '@valbuild/mcp';
 import '../../dist/unsupportedIterableToArray-5baabfdc.esm.js';
 import '../../dist/defineProperty-cca5affa.esm.js';

package/dist/ValCanvasBridge-5fc49440.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./ValCanvasBridge-5fc49440.cjs.prod.js");
-} else {
-  module.exports = require("./ValCanvasBridge-5fc49440.cjs.dev.js");
-}