@valbuild/react 0.12.0

package/jest-environment.mjs

@@ -0,0 +1,17 @@
+import { TestEnvironment as JSDOMEnvironment } from "jest-environment-jsdom";
+
+/**
+ * JSDOM currently does not support TextEncoder/TextDecoder...
+ * @see https://github.com/jsdom/jsdom/issues/2524
+ */
+class TestEnvironment extends JSDOMEnvironment {
+  async setup() {
+    await super.setup();
+    if (typeof this.global.TextEncoder === "undefined") {
+      this.global.TextEncoder = TextEncoder;
+      this.global.TextDecoder = TextDecoder;
+    }
+  }
+}
+
+export default TestEnvironment;

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.browser.esm.js

@@ -0,0 +1,41 @@
+import { a as _slicedToArray, b as _typeof } from '../../dist/slicedToArray-236143cd.browser.esm.js';
+import { Internal } from '@valbuild/core';
+import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
+export * from 'react/jsx-dev-runtime';
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (_typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  // console.log("jsxDEV", type, props, key, isStaticChildren, source, self);
+
+  devalProps(type, props);
+  return ReactJSXRuntimeDev.jsxDEV(type, props, key, isStaticChildren, source, self);
+}
+
+export { jsxDEV };

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "../../dist/declarations/src/jsx-dev-runtime";
+//# sourceMappingURL=valbuild-react-jsx-dev-runtime.cjs.d.ts.map

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.cjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"valbuild-react-jsx-dev-runtime.cjs.d.ts","sourceRoot":"","sources":["../../dist/declarations/src/jsx-dev-runtime.d.ts"],"names":[],"mappings":"AAAA"}

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.cjs.dev.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../dist/slicedToArray-0ead6329.cjs.dev.js');
+var core = require('@valbuild/core');
+var ReactJSXRuntimeDev = require('react/jsx-dev-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var ReactJSXRuntimeDev__namespace = /*#__PURE__*/_interopNamespace(ReactJSXRuntimeDev);
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = slicedToArray._slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (slicedToArray._typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = core.Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  // console.log("jsxDEV", type, props, key, isStaticChildren, source, self);
+
+  devalProps(type, props);
+  return ReactJSXRuntimeDev__namespace.jsxDEV(type, props, key, isStaticChildren, source, self);
+}
+
+exports.jsxDEV = jsxDEV;
+Object.keys(ReactJSXRuntimeDev).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return ReactJSXRuntimeDev[k]; }
+  });
+});

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.cjs.js

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

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.cjs.prod.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../dist/slicedToArray-57b117df.cjs.prod.js');
+var core = require('@valbuild/core');
+var ReactJSXRuntimeDev = require('react/jsx-dev-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var ReactJSXRuntimeDev__namespace = /*#__PURE__*/_interopNamespace(ReactJSXRuntimeDev);
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = slicedToArray._slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (slicedToArray._typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = core.Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  // console.log("jsxDEV", type, props, key, isStaticChildren, source, self);
+
+  devalProps(type, props);
+  return ReactJSXRuntimeDev__namespace.jsxDEV(type, props, key, isStaticChildren, source, self);
+}
+
+exports.jsxDEV = jsxDEV;
+Object.keys(ReactJSXRuntimeDev).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return ReactJSXRuntimeDev[k]; }
+  });
+});

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.esm.js

@@ -0,0 +1,41 @@
+import { a as _slicedToArray, b as _typeof } from '../../dist/slicedToArray-390fde8c.esm.js';
+import { Internal } from '@valbuild/core';
+import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
+export * from 'react/jsx-dev-runtime';
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (_typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  // console.log("jsxDEV", type, props, key, isStaticChildren, source, self);
+
+  devalProps(type, props);
+  return ReactJSXRuntimeDev.jsxDEV(type, props, key, isStaticChildren, source, self);
+}
+
+export { jsxDEV };

package/jsx-dev-runtime/dist/valbuild-react-jsx-dev-runtime.worker.esm.js

@@ -0,0 +1,41 @@
+import { a as _slicedToArray, b as _typeof } from '../../dist/slicedToArray-bf9b195a.worker.esm.js';
+import { Internal } from '@valbuild/core';
+import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
+export * from 'react/jsx-dev-runtime';
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (_typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  // console.log("jsxDEV", type, props, key, isStaticChildren, source, self);
+
+  devalProps(type, props);
+  return ReactJSXRuntimeDev.jsxDEV(type, props, key, isStaticChildren, source, self);
+}
+
+export { jsxDEV };

package/jsx-dev-runtime/package.json

@@ -0,0 +1,8 @@
+{
+  "main": "dist/valbuild-react-jsx-dev-runtime.cjs.js",
+  "module": "dist/valbuild-react-jsx-dev-runtime.esm.js",
+  "browser": {
+    "./dist/valbuild-react-jsx-dev-runtime.esm.js": "./dist/valbuild-react-jsx-dev-runtime.browser.esm.js"
+  },
+  "types": "../src/jsx-runtime.dev.d.ts"
+}

package/jsx-runtime/dist/valbuild-react-jsx-runtime.browser.esm.js

@@ -0,0 +1,50 @@
+import { a as _slicedToArray, b as _typeof } from '../../dist/slicedToArray-236143cd.browser.esm.js';
+import { Internal } from '@valbuild/core';
+import * as ReactJSXRuntime from 'react/jsx-runtime';
+export * from 'react/jsx-runtime';
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (_typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsx(type, props, key) {
+  // console.log("jsx", type, props, key);
+
+  devalProps(type, props);
+  return ReactJSXRuntime.jsx(type, props, key);
+}
+function jsxs(type, props, key) {
+  // console.log("jsxs", type, props, key);
+
+  if (key === "key") {
+    console.log("jsxDEV", type, props, key, self);
+  }
+  devalProps(type, props);
+  return ReactJSXRuntime.jsxs(type, props, key);
+}
+
+export { jsx, jsxs };

package/jsx-runtime/dist/valbuild-react-jsx-runtime.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "../../dist/declarations/src/jsx-runtime";
+//# sourceMappingURL=valbuild-react-jsx-runtime.cjs.d.ts.map

package/jsx-runtime/dist/valbuild-react-jsx-runtime.cjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"valbuild-react-jsx-runtime.cjs.d.ts","sourceRoot":"","sources":["../../dist/declarations/src/jsx-runtime.d.ts"],"names":[],"mappings":"AAAA"}

package/jsx-runtime/dist/valbuild-react-jsx-runtime.cjs.dev.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../dist/slicedToArray-0ead6329.cjs.dev.js');
+var core = require('@valbuild/core');
+var ReactJSXRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var ReactJSXRuntime__namespace = /*#__PURE__*/_interopNamespace(ReactJSXRuntime);
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = slicedToArray._slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (slicedToArray._typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = core.Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsx(type, props, key) {
+  // console.log("jsx", type, props, key);
+
+  devalProps(type, props);
+  return ReactJSXRuntime__namespace.jsx(type, props, key);
+}
+function jsxs(type, props, key) {
+  // console.log("jsxs", type, props, key);
+
+  if (key === "key") {
+    console.log("jsxDEV", type, props, key, self);
+  }
+  devalProps(type, props);
+  return ReactJSXRuntime__namespace.jsxs(type, props, key);
+}
+
+exports.jsx = jsx;
+exports.jsxs = jsxs;
+Object.keys(ReactJSXRuntime).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return ReactJSXRuntime[k]; }
+  });
+});

package/jsx-runtime/dist/valbuild-react-jsx-runtime.cjs.js

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

package/jsx-runtime/dist/valbuild-react-jsx-runtime.cjs.prod.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../../dist/slicedToArray-57b117df.cjs.prod.js');
+var core = require('@valbuild/core');
+var ReactJSXRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var ReactJSXRuntime__namespace = /*#__PURE__*/_interopNamespace(ReactJSXRuntime);
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = slicedToArray._slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (slicedToArray._typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = core.Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsx(type, props, key) {
+  // console.log("jsx", type, props, key);
+
+  devalProps(type, props);
+  return ReactJSXRuntime__namespace.jsx(type, props, key);
+}
+function jsxs(type, props, key) {
+  // console.log("jsxs", type, props, key);
+
+  if (key === "key") {
+    console.log("jsxDEV", type, props, key, self);
+  }
+  devalProps(type, props);
+  return ReactJSXRuntime__namespace.jsxs(type, props, key);
+}
+
+exports.jsx = jsx;
+exports.jsxs = jsxs;
+Object.keys(ReactJSXRuntime).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return ReactJSXRuntime[k]; }
+  });
+});

package/jsx-runtime/dist/valbuild-react-jsx-runtime.esm.js

@@ -0,0 +1,50 @@
+import { a as _slicedToArray, b as _typeof } from '../../dist/slicedToArray-390fde8c.esm.js';
+import { Internal } from '@valbuild/core';
+import * as ReactJSXRuntime from 'react/jsx-runtime';
+export * from 'react/jsx-runtime';
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (_typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsx(type, props, key) {
+  // console.log("jsx", type, props, key);
+
+  devalProps(type, props);
+  return ReactJSXRuntime.jsx(type, props, key);
+}
+function jsxs(type, props, key) {
+  // console.log("jsxs", type, props, key);
+
+  if (key === "key") {
+    console.log("jsxDEV", type, props, key, self);
+  }
+  devalProps(type, props);
+  return ReactJSXRuntime.jsxs(type, props, key);
+}
+
+export { jsx, jsxs };

package/jsx-runtime/dist/valbuild-react-jsx-runtime.worker.esm.js

@@ -0,0 +1,50 @@
+import { a as _slicedToArray, b as _typeof } from '../../dist/slicedToArray-bf9b195a.worker.esm.js';
+import { Internal } from '@valbuild/core';
+import * as ReactJSXRuntime from 'react/jsx-runtime';
+export * from 'react/jsx-runtime';
+
+var isIntrinsicElement = function isIntrinsicElement(type) {
+  // TODO: think this is not correct, but good enough for now?
+  return typeof type === "string";
+};
+var devalProps = function devalProps(type, props) {
+  var valSources = [];
+  if (isIntrinsicElement(type)) {
+    for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (_typeof(value) === "object" && value !== null && "val" in value) {
+        var valPath = Internal.getValPath(value);
+        if (valPath) {
+          valSources.push(valPath);
+          if (typeof value.val === "string" || value.val === null) {
+            props[key] = value.val;
+          } else {
+            throw Error("TODO: unhandled value type");
+          }
+        }
+      }
+    }
+  }
+  if (valSources.length > 0) {
+    props["data-val-path"] = valSources.join(",");
+  }
+};
+function jsx(type, props, key) {
+  // console.log("jsx", type, props, key);
+
+  devalProps(type, props);
+  return ReactJSXRuntime.jsx(type, props, key);
+}
+function jsxs(type, props, key) {
+  // console.log("jsxs", type, props, key);
+
+  if (key === "key") {
+    console.log("jsxDEV", type, props, key, self);
+  }
+  devalProps(type, props);
+  return ReactJSXRuntime.jsxs(type, props, key);
+}
+
+export { jsx, jsxs };

package/jsx-runtime/package.json

@@ -0,0 +1,8 @@
+{
+  "main": "dist/valbuild-react-jsx-runtime.cjs.js",
+  "module": "dist/valbuild-react-jsx-runtime.esm.js",
+  "browser": {
+    "./dist/valbuild-react-jsx-runtime.esm.js": "./dist/valbuild-react-jsx-runtime.browser.esm.js"
+  },
+  "types": "../src/jsx-runtime.d.ts"
+}