@valbuild/react 0.13.3 → 0.13.4

package/dist/{ValProvider-52f2fa13.esm.js → ValProvider-07551558.esm.js}

@@ -1,5 +1,5 @@
 'use client';
-import React, { useMemo, useContext, lazy } from 'react';
+import React, { useContext, useMemo, lazy } from 'react';
 import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-51bb61c2.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -704,7 +704,7 @@ var ValContext = /*#__PURE__*/React.createContext({
   }
 });
 var ValUI = typeof window !== "undefined" ? /*#__PURE__*/lazy(function () {
-  return import('./ValUI-9a3eb570.esm.js');
+  return import('./ValUI-599818da.esm.js');
 }) : null;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -728,4 +728,4 @@ function ValProvider(_ref) {
   });
 }
 
-export { ValContext, _defineProperty as _, _createForOfIteratorHelper as a, _asyncToGenerator as b, _regeneratorRuntime as c, ValProvider as default, useValApi, useValStore };
+export { ValContext, ValProvider, _defineProperty as _, _createForOfIteratorHelper as a, _asyncToGenerator as b, _regeneratorRuntime as c, useValApi, useValStore };

package/dist/{ValProvider-c7a8476b.browser.esm.js → ValProvider-11be7088.browser.esm.js}

@@ -1,5 +1,5 @@
 'use client';
-import React, { useMemo, useContext, lazy } from 'react';
+import React, { useContext, useMemo, lazy } from 'react';
 import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-d3087ed5.browser.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -704,7 +704,7 @@ var ValContext = /*#__PURE__*/React.createContext({
   }
 });
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-51404232.browser.esm.js');
+  return import('./ValUI-4844450a.browser.esm.js');
 }) ;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -728,4 +728,4 @@ function ValProvider(_ref) {
   });
 }
 
-export { ValContext, _defineProperty as _, _createForOfIteratorHelper as a, _asyncToGenerator as b, _regeneratorRuntime as c, ValProvider as default, useValApi, useValStore };
+export { ValContext, ValProvider, _defineProperty as _, _createForOfIteratorHelper as a, _asyncToGenerator as b, _regeneratorRuntime as c, useValApi, useValStore };

package/dist/{ValProvider-a45a47b9.worker.esm.js → ValProvider-50aa4ba8.worker.esm.js}

@@ -1,5 +1,5 @@
 'use client';
-import React, { useMemo, useContext } from 'react';
+import React, { useContext, useMemo } from 'react';
 import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-738344ef.worker.esm.js';
 import { jsxs } from 'react/jsx-runtime';
 
@@ -723,4 +723,4 @@ function ValProvider(_ref) {
   });
 }
 
-export { ValContext, ValProvider as default, useValApi, useValStore };
+export { ValContext, ValProvider, useValApi, useValStore };

package/dist/{ValProvider-7364ec46.cjs.dev.js → ValProvider-7b9d888e.cjs.dev.js}

@@ -712,7 +712,7 @@ var ValContext = /*#__PURE__*/React__default["default"].createContext({
   }
 });
 var ValUI = typeof window !== "undefined" ? /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return require('./ValUI-371e9bf4.cjs.dev.js'); });
+  return Promise.resolve().then(function () { return require('./ValUI-ac6ae690.cjs.dev.js'); });
 }) : null;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -737,10 +737,10 @@ function ValProvider(_ref) {
 }
 
 exports.ValContext = ValContext;
+exports.ValProvider = ValProvider;
 exports._asyncToGenerator = _asyncToGenerator;
 exports._createForOfIteratorHelper = _createForOfIteratorHelper;
 exports._defineProperty = _defineProperty;
 exports._regeneratorRuntime = _regeneratorRuntime;
-exports["default"] = ValProvider;
 exports.useValApi = useValApi;
 exports.useValStore = useValStore;

package/dist/ValProvider-d8fe7dc4.cjs.js

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

package/dist/{ValProvider-e1d5ffbe.cjs.prod.js → ValProvider-d8fe7dc4.cjs.prod.js}

@@ -712,7 +712,7 @@ var ValContext = /*#__PURE__*/React__default["default"].createContext({
   }
 });
 var ValUI = typeof window !== "undefined" ? /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return require('./ValUI-0fbdafd4.cjs.prod.js'); });
+  return Promise.resolve().then(function () { return require('./ValUI-5e993a19.cjs.prod.js'); });
 }) : null;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -737,10 +737,10 @@ function ValProvider(_ref) {
 }
 
 exports.ValContext = ValContext;
+exports.ValProvider = ValProvider;
 exports._asyncToGenerator = _asyncToGenerator;
 exports._createForOfIteratorHelper = _createForOfIteratorHelper;
 exports._defineProperty = _defineProperty;
 exports._regeneratorRuntime = _regeneratorRuntime;
-exports["default"] = ValProvider;
 exports.useValApi = useValApi;
 exports.useValStore = useValStore;

package/dist/{ValUI-51404232.browser.esm.js → ValUI-4844450a.browser.esm.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _createForOfIteratorHelper, b as _asyncToGenerator, c as _regeneratorRuntime } from './ValProvider-c7a8476b.browser.esm.js';
+import { _ as _defineProperty, a as _createForOfIteratorHelper, b as _asyncToGenerator, c as _regeneratorRuntime } from './ValProvider-11be7088.browser.esm.js';
 import { _ as _slicedToArray, a as _typeof } from './slicedToArray-1a246338.browser.esm.js';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { Style, ValOverlay } from '@valbuild/ui';

package/dist/{ValUI-9a3eb570.esm.js → ValUI-599818da.esm.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _createForOfIteratorHelper, b as _asyncToGenerator, c as _regeneratorRuntime } from './ValProvider-52f2fa13.esm.js';
+import { _ as _defineProperty, a as _createForOfIteratorHelper, b as _asyncToGenerator, c as _regeneratorRuntime } from './ValProvider-07551558.esm.js';
 import { _ as _slicedToArray, a as _typeof } from './slicedToArray-d846e1d2.esm.js';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { Style, ValOverlay } from '@valbuild/ui';

package/dist/{ValUI-0fbdafd4.cjs.prod.js → ValUI-5e993a19.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ValProvider = require('./ValProvider-e1d5ffbe.cjs.prod.js');
+var ValProvider = require('./ValProvider-d8fe7dc4.cjs.prod.js');
 var slicedToArray = require('./slicedToArray-0eb0bcdb.cjs.prod.js');
 var React = require('react');
 var ui = require('@valbuild/ui');

package/dist/{ValUI-371e9bf4.cjs.dev.js → ValUI-ac6ae690.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ValProvider = require('./ValProvider-7364ec46.cjs.dev.js');
+var ValProvider = require('./ValProvider-7b9d888e.cjs.dev.js');
 var slicedToArray = require('./slicedToArray-b7cf26e0.cjs.dev.js');
 var React = require('react');
 var ui = require('@valbuild/ui');

package/dist/declarations/src/ValProvider.d.ts

@@ -12,4 +12,4 @@ export type ValProviderProps = {
     host?: string;
     children?: React.ReactNode;
 };
-export default function ValProvider({ host, children, }: ValProviderProps): JSX.Element;
+export declare function ValProvider({ host, children }: ValProviderProps): JSX.Element;

package/dist/declarations/src/index.d.ts

@@ -1,3 +1,2 @@
-export { ValProviderWrapper as ValProvider } from "./ValProviderWrapper";
+export { ValProvider } from "./ValProvider";
 export { useVal } from "./hooks/useVal";
-export { ValRichText } from "./ValRichText";

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

@@ -1,15 +1,5 @@
-import { createElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
+export { ValProvider } from './ValProvider-11be7088.browser.esm.js';
 import { Internal } from '@valbuild/core';
-import parse from 'style-to-object';
-
-function ValProviderWrapper(_ref) {
-  _ref.host;
-    _ref.children;
-  {
-    return null;
-  }
-}
 
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
@@ -33,121 +23,4 @@ function useVal(selector, locale) {
   return Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = Internal.getValPath;
-function ValRichText(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
-        case "heading":
-          return /*#__PURE__*/jsx(HeadingNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "paragraph":
-          return /*#__PURE__*/jsx(ParagraphNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "list":
-          return /*#__PURE__*/jsx(ListNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function TextNodeComponent(_ref2) {
-  var _parse;
-  var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse(actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
-  // TODO: Ugly! We should do this before serializing instead
-  if (styleProps["font-family"]) {
-    styleProps["fontFamily"] = styleProps["font-family"];
-    delete styleProps["font-family"];
-  }
-  if (styleProps["font-size"]) {
-    styleProps["fontSize"] = styleProps["font-size"];
-    delete styleProps["font-size"];
-  }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
-  function isBitOne(bit) {
-    return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
-  }
-  if (isBitOne(0)) {
-    styleProps["fontWeight"] = "bold";
-  }
-  if (isBitOne(1)) {
-    styleProps["fontStyle"] = "italic";
-  }
-  if (isBitOne(2)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "line-through";
-    } else {
-      styleProps["textDecoration"] += " line-through";
-    }
-  }
-  if (isBitOne(3)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "underline";
-    } else {
-      styleProps["textDecoration"] += " underline";
-    }
-  }
-  return /*#__PURE__*/jsx("span", {
-    style: styleProps,
-    children: actualVal.text
-  });
-}
-function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/createElement(node.tag.val, {}, node.children.map(function (child) {
-    return /*#__PURE__*/jsx(TextNodeComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
-  return /*#__PURE__*/jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
-        case "text":
-          return /*#__PURE__*/jsx(TextNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/createElement(node.val.tag, {}, node.children.map(function (child) {
-    return /*#__PURE__*/jsx(ListItemComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ListItemComponent(_ref6) {
-  var node = _ref6.node;
-  return /*#__PURE__*/jsx("li", {
-    children: node.children.map(function (child, i) {
-      switch (child.val.type) {
-        case "text":
-          return /*#__PURE__*/jsx(TextNodeComponent, {
-            node: child
-          }, i);
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-
-export { ValProviderWrapper as ValProvider, ValRichText, useVal };
+export { useVal };

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

@@ -2,48 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var ReactJSXRuntime = require('react/jsx-runtime');
+var ValProvider = require('./ValProvider-7b9d888e.cjs.dev.js');
 var core = require('@valbuild/core');
-var parse = require('style-to-object');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-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 parse__default = /*#__PURE__*/_interopDefault(parse);
-
-var ValProvider = typeof window === "undefined" && /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValProvider-7364ec46.cjs.dev.js')); });
-});
-function ValProviderWrapper(_ref) {
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  if (!ValProvider) {
-    return null;
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx(ValProvider, {
-    host: host,
-    children: children
-  });
-}
 
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
@@ -67,123 +27,8 @@ function useVal(selector, locale) {
   return core.Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = core.Internal.getValPath;
-function ValRichText(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
-        case "heading":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(HeadingNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "paragraph":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(ParagraphNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "list":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(ListNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function TextNodeComponent(_ref2) {
-  var _parse;
-  var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse__default["default"](actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
-  // TODO: Ugly! We should do this before serializing instead
-  if (styleProps["font-family"]) {
-    styleProps["fontFamily"] = styleProps["font-family"];
-    delete styleProps["font-family"];
-  }
-  if (styleProps["font-size"]) {
-    styleProps["fontSize"] = styleProps["font-size"];
-    delete styleProps["font-size"];
-  }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
-  function isBitOne(bit) {
-    return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
-  }
-  if (isBitOne(0)) {
-    styleProps["fontWeight"] = "bold";
-  }
-  if (isBitOne(1)) {
-    styleProps["fontStyle"] = "italic";
-  }
-  if (isBitOne(2)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "line-through";
-    } else {
-      styleProps["textDecoration"] += " line-through";
-    }
-  }
-  if (isBitOne(3)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "underline";
-    } else {
-      styleProps["textDecoration"] += " underline";
-    }
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx("span", {
-    style: styleProps,
-    children: actualVal.text
-  });
-}
-function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/React.createElement(node.tag.val, {}, node.children.map(function (child) {
-    return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
-  return /*#__PURE__*/ReactJSXRuntime.jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
-        case "text":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/React.createElement(node.val.tag, {}, node.children.map(function (child) {
-    return /*#__PURE__*/ReactJSXRuntime.jsx(ListItemComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ListItemComponent(_ref6) {
-  var node = _ref6.node;
-  return /*#__PURE__*/ReactJSXRuntime.jsx("li", {
-    children: node.children.map(function (child, i) {
-      switch (child.val.type) {
-        case "text":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
-            node: child
-          }, i);
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-
-exports.ValProvider = ValProviderWrapper;
-exports.ValRichText = ValRichText;
+Object.defineProperty(exports, 'ValProvider', {
+  enumerable: true,
+  get: function () { return ValProvider.ValProvider; }
+});
 exports.useVal = useVal;

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

@@ -2,48 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var ReactJSXRuntime = require('react/jsx-runtime');
+var ValProvider = require('./ValProvider-d8fe7dc4.cjs.prod.js');
 var core = require('@valbuild/core');
-var parse = require('style-to-object');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-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 parse__default = /*#__PURE__*/_interopDefault(parse);
-
-var ValProvider = typeof window === "undefined" && /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValProvider-e1d5ffbe.cjs.prod.js')); });
-});
-function ValProviderWrapper(_ref) {
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  if (!ValProvider) {
-    return null;
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx(ValProvider, {
-    host: host,
-    children: children
-  });
-}
 
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
@@ -67,123 +27,8 @@ function useVal(selector, locale) {
   return core.Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = core.Internal.getValPath;
-function ValRichText(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
-        case "heading":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(HeadingNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "paragraph":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(ParagraphNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "list":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(ListNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function TextNodeComponent(_ref2) {
-  var _parse;
-  var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse__default["default"](actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
-  // TODO: Ugly! We should do this before serializing instead
-  if (styleProps["font-family"]) {
-    styleProps["fontFamily"] = styleProps["font-family"];
-    delete styleProps["font-family"];
-  }
-  if (styleProps["font-size"]) {
-    styleProps["fontSize"] = styleProps["font-size"];
-    delete styleProps["font-size"];
-  }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
-  function isBitOne(bit) {
-    return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
-  }
-  if (isBitOne(0)) {
-    styleProps["fontWeight"] = "bold";
-  }
-  if (isBitOne(1)) {
-    styleProps["fontStyle"] = "italic";
-  }
-  if (isBitOne(2)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "line-through";
-    } else {
-      styleProps["textDecoration"] += " line-through";
-    }
-  }
-  if (isBitOne(3)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "underline";
-    } else {
-      styleProps["textDecoration"] += " underline";
-    }
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx("span", {
-    style: styleProps,
-    children: actualVal.text
-  });
-}
-function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/React.createElement(node.tag.val, {}, node.children.map(function (child) {
-    return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
-  return /*#__PURE__*/ReactJSXRuntime.jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
-        case "text":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/React.createElement(node.val.tag, {}, node.children.map(function (child) {
-    return /*#__PURE__*/ReactJSXRuntime.jsx(ListItemComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ListItemComponent(_ref6) {
-  var node = _ref6.node;
-  return /*#__PURE__*/ReactJSXRuntime.jsx("li", {
-    children: node.children.map(function (child, i) {
-      switch (child.val.type) {
-        case "text":
-          return /*#__PURE__*/ReactJSXRuntime.jsx(TextNodeComponent, {
-            node: child
-          }, i);
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-
-exports.ValProvider = ValProviderWrapper;
-exports.ValRichText = ValRichText;
+Object.defineProperty(exports, 'ValProvider', {
+  enumerable: true,
+  get: function () { return ValProvider.ValProvider; }
+});
 exports.useVal = useVal;

package/dist/valbuild-react.esm.js

@@ -1,23 +1,5 @@
-import { lazy, createElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
+export { ValProvider } from './ValProvider-07551558.esm.js';
 import { Internal } from '@valbuild/core';
-import parse from 'style-to-object';
-
-var ValProvider = typeof window === "undefined" && /*#__PURE__*/lazy(function () {
-  return import('./ValProvider-52f2fa13.esm.js');
-});
-function ValProviderWrapper(_ref) {
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  if (!ValProvider) {
-    return null;
-  }
-  return /*#__PURE__*/jsx(ValProvider, {
-    host: host,
-    children: children
-  });
-}
 
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
@@ -41,121 +23,4 @@ function useVal(selector, locale) {
   return Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = Internal.getValPath;
-function ValRichText(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
-        case "heading":
-          return /*#__PURE__*/jsx(HeadingNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "paragraph":
-          return /*#__PURE__*/jsx(ParagraphNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "list":
-          return /*#__PURE__*/jsx(ListNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function TextNodeComponent(_ref2) {
-  var _parse;
-  var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse(actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
-  // TODO: Ugly! We should do this before serializing instead
-  if (styleProps["font-family"]) {
-    styleProps["fontFamily"] = styleProps["font-family"];
-    delete styleProps["font-family"];
-  }
-  if (styleProps["font-size"]) {
-    styleProps["fontSize"] = styleProps["font-size"];
-    delete styleProps["font-size"];
-  }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
-  function isBitOne(bit) {
-    return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
-  }
-  if (isBitOne(0)) {
-    styleProps["fontWeight"] = "bold";
-  }
-  if (isBitOne(1)) {
-    styleProps["fontStyle"] = "italic";
-  }
-  if (isBitOne(2)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "line-through";
-    } else {
-      styleProps["textDecoration"] += " line-through";
-    }
-  }
-  if (isBitOne(3)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "underline";
-    } else {
-      styleProps["textDecoration"] += " underline";
-    }
-  }
-  return /*#__PURE__*/jsx("span", {
-    style: styleProps,
-    children: actualVal.text
-  });
-}
-function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/createElement(node.tag.val, {}, node.children.map(function (child) {
-    return /*#__PURE__*/jsx(TextNodeComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
-  return /*#__PURE__*/jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
-        case "text":
-          return /*#__PURE__*/jsx(TextNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/createElement(node.val.tag, {}, node.children.map(function (child) {
-    return /*#__PURE__*/jsx(ListItemComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ListItemComponent(_ref6) {
-  var node = _ref6.node;
-  return /*#__PURE__*/jsx("li", {
-    children: node.children.map(function (child, i) {
-      switch (child.val.type) {
-        case "text":
-          return /*#__PURE__*/jsx(TextNodeComponent, {
-            node: child
-          }, i);
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-
-export { ValProviderWrapper as ValProvider, ValRichText, useVal };
+export { useVal };

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

@@ -1,23 +1,5 @@
-import { lazy, createElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
+export { ValProvider } from './ValProvider-50aa4ba8.worker.esm.js';
 import { Internal } from '@valbuild/core';
-import parse from 'style-to-object';
-
-var ValProvider = /*#__PURE__*/lazy(function () {
-  return import('./ValProvider-a45a47b9.worker.esm.js');
-});
-function ValProviderWrapper(_ref) {
-  var _ref$host = _ref.host,
-    host = _ref$host === void 0 ? "/api/val" : _ref$host,
-    children = _ref.children;
-  if (!ValProvider) {
-    return null;
-  }
-  return /*#__PURE__*/jsx(ValProvider, {
-    host: host,
-    children: children
-  });
-}
 
 function useVal(selector, locale) {
   // const mod = selectable.getModule();
@@ -41,121 +23,4 @@ function useVal(selector, locale) {
   return Internal.getVal(selector, locale);
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var getValPath = Internal.getValPath;
-function ValRichText(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/jsx("div", {
-    "data-val-path": getValPath(children),
-    children: children.children.map(function (child) {
-      switch (child.type.val) {
-        case "heading":
-          return /*#__PURE__*/jsx(HeadingNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "paragraph":
-          return /*#__PURE__*/jsx(ParagraphNodeComponent, {
-            node: child
-          }, getValPath(child));
-        case "list":
-          return /*#__PURE__*/jsx(ListNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function TextNodeComponent(_ref2) {
-  var _parse;
-  var node = _ref2.node;
-  var actualVal = node.val;
-  var styleProps = actualVal.style ? (_parse = parse(actualVal.style)) !== null && _parse !== void 0 ? _parse : {} : {};
-  // TODO: Ugly! We should do this before serializing instead
-  if (styleProps["font-family"]) {
-    styleProps["fontFamily"] = styleProps["font-family"];
-    delete styleProps["font-family"];
-  }
-  if (styleProps["font-size"]) {
-    styleProps["fontSize"] = styleProps["font-size"];
-    delete styleProps["font-size"];
-  }
-  var bitmask = actualVal.format.toString(2);
-  var bitmaskOffset = bitmask.length - 1;
-  function isBitOne(bit) {
-    return bitmask.length >= bitmaskOffset - bit && bitmask[bitmaskOffset - bit] === "1";
-  }
-  if (isBitOne(0)) {
-    styleProps["fontWeight"] = "bold";
-  }
-  if (isBitOne(1)) {
-    styleProps["fontStyle"] = "italic";
-  }
-  if (isBitOne(2)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "line-through";
-    } else {
-      styleProps["textDecoration"] += " line-through";
-    }
-  }
-  if (isBitOne(3)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "underline";
-    } else {
-      styleProps["textDecoration"] += " underline";
-    }
-  }
-  return /*#__PURE__*/jsx("span", {
-    style: styleProps,
-    children: actualVal.text
-  });
-}
-function HeadingNodeComponent(_ref3) {
-  var node = _ref3.node;
-  return /*#__PURE__*/createElement(node.tag.val, {}, node.children.map(function (child) {
-    return /*#__PURE__*/jsx(TextNodeComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ParagraphNodeComponent(_ref4) {
-  var node = _ref4.node;
-  return /*#__PURE__*/jsx("p", {
-    children: node.children.map(function (child) {
-      switch (child.type.val) {
-        case "text":
-          return /*#__PURE__*/jsx(TextNodeComponent, {
-            node: child
-          }, getValPath(child));
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-function ListNodeComponent(_ref5) {
-  var node = _ref5.node;
-  return /*#__PURE__*/createElement(node.val.tag, {}, node.children.map(function (child) {
-    return /*#__PURE__*/jsx(ListItemComponent, {
-      node: child
-    }, getValPath(child));
-  }));
-}
-function ListItemComponent(_ref6) {
-  var node = _ref6.node;
-  return /*#__PURE__*/jsx("li", {
-    children: node.children.map(function (child, i) {
-      switch (child.val.type) {
-        case "text":
-          return /*#__PURE__*/jsx(TextNodeComponent, {
-            node: child
-          }, i);
-        default:
-          throw Error("Unknown node type: " + (child === null || child === void 0 ? void 0 : child.type));
-      }
-    })
-  });
-}
-
-export { ValProviderWrapper as ValProvider, ValRichText, useVal };
+export { useVal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.13.3",
+  "version": "0.13.4",
   "private": false,
   "description": "Val - React",
   "sideEffects": false,
@@ -9,8 +9,8 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.13.3",
-    "@valbuild/ui": "~0.13.3",
+    "@valbuild/core": "~0.13.4",
+    "@valbuild/ui": "~0.13.4",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"
   },
@@ -22,8 +22,8 @@
     "react-dom": "^18.2.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -43,6 +43,9 @@
       ]
     }
   },
+  "externals": [
+    "react"
+  ],
   "main": "dist/valbuild-react.cjs.js",
   "module": "dist/valbuild-react.esm.js",
   "browser": {

package/src/ValProvider.tsx

@@ -36,10 +36,7 @@ export type ValProviderProps = {
 const ValUI =
   typeof window !== "undefined" ? lazy(() => import("./ValUI")) : null;
 
-export default function ValProvider({
-  host = "/api/val",
-  children,
-}: ValProviderProps) {
+export function ValProvider({ host = "/api/val", children }: ValProviderProps) {
   const valApi = useMemo(() => new ValApi(host), [host]);
   const valStore = useMemo(() => new ValStore(valApi), [valApi]);
   return (

package/src/index.ts

@@ -1,6 +1,5 @@
 /* export { useContent } from "./useContent";
 export { useText } from "./useText";
 export { WithVal } from "./WithVal"; */
-export { ValProviderWrapper as ValProvider } from "./ValProviderWrapper";
+export { ValProvider } from "./ValProvider";
 export { useVal } from "./hooks/useVal";
-export { ValRichText } from "./ValRichText";

package/dist/ValProvider-e1d5ffbe.cjs.js

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

package/dist/declarations/src/ValProviderWrapper.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ValProviderProps } from "./ValProvider";
-export declare function ValProviderWrapper({ host, children, }: ValProviderProps): JSX.Element | null;

package/dist/declarations/src/ValRichText.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { RichText, Val } from "@valbuild/core";
-export declare function ValRichText({ children }: {
-    children: Val<RichText>;
-}): JSX.Element;

package/src/ValProviderWrapper.tsx

@@ -1,15 +0,0 @@
-import { lazy } from "react";
-import { ValProviderProps } from "./ValProvider";
-
-const ValProvider =
-  typeof window === "undefined" && lazy(() => import("./ValProvider"));
-
-export function ValProviderWrapper({
-  host = "/api/val",
-  children,
-}: ValProviderProps) {
-  if (!ValProvider) {
-    return null;
-  }
-  return <ValProvider host={host}>{children}</ValProvider>;
-}

package/src/ValRichText.tsx

@@ -1,141 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import {
-  HeadingNode,
-  ListItemNode,
-  ListNode,
-  ParagraphNode,
-  RichText,
-  TextNode,
-  Val,
-} from "@valbuild/core";
-import { Internal } from "@valbuild/core";
-import { createElement } from "react";
-import parse from "style-to-object";
-
-const getValPath = Internal.getValPath;
-export function ValRichText({ children }: { children: Val<RichText> }) {
-  return (
-    <div data-val-path={getValPath(children)}>
-      {children.children.map((child) => {
-        switch (child.type.val) {
-          case "heading":
-            return (
-              <HeadingNodeComponent
-                key={getValPath(child)}
-                node={child as Val<HeadingNode>}
-              />
-            );
-          case "paragraph":
-            return (
-              <ParagraphNodeComponent
-                key={getValPath(child)}
-                node={child as Val<ParagraphNode>}
-              />
-            );
-          case "list":
-            return (
-              <ListNodeComponent
-                key={getValPath(child)}
-                node={child as Val<ListNode>}
-              />
-            );
-          default:
-            throw Error("Unknown node type: " + (child as any)?.type);
-        }
-      })}
-    </div>
-  );
-}
-
-function TextNodeComponent({ node }: { node: Val<TextNode> }) {
-  const actualVal = node.val;
-  const styleProps = actualVal.style ? parse(actualVal.style) ?? {} : {};
-  // TODO: Ugly! We should do this before serializing instead
-  if (styleProps["font-family"]) {
-    styleProps["fontFamily"] = styleProps["font-family"];
-    delete styleProps["font-family"];
-  }
-  if (styleProps["font-size"]) {
-    styleProps["fontSize"] = styleProps["font-size"];
-    delete styleProps["font-size"];
-  }
-  const bitmask = actualVal.format.toString(2);
-  const bitmaskOffset = bitmask.length - 1;
-  function isBitOne(bit: number) {
-    return (
-      bitmask.length >= bitmaskOffset - bit &&
-      bitmask[bitmaskOffset - bit] === "1"
-    );
-  }
-  if (isBitOne(0)) {
-    styleProps["fontWeight"] = "bold";
-  }
-  if (isBitOne(1)) {
-    styleProps["fontStyle"] = "italic";
-  }
-  if (isBitOne(2)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "line-through";
-    } else {
-      styleProps["textDecoration"] += " line-through";
-    }
-  }
-  if (isBitOne(3)) {
-    if (!styleProps["textDecoration"]) {
-      styleProps["textDecoration"] = "underline";
-    } else {
-      styleProps["textDecoration"] += " underline";
-    }
-  }
-  return <span style={styleProps}>{actualVal.text}</span>;
-}
-
-function HeadingNodeComponent({ node }: { node: Val<HeadingNode> }) {
-  return createElement(
-    node.tag.val,
-    {},
-    node.children.map((child) => (
-      <TextNodeComponent key={getValPath(child)} node={child} />
-    ))
-  );
-}
-
-function ParagraphNodeComponent({ node }: { node: Val<ParagraphNode> }) {
-  return (
-    <p>
-      {node.children.map((child) => {
-        switch (child.type.val) {
-          case "text":
-            return <TextNodeComponent key={getValPath(child)} node={child} />;
-          default:
-            throw Error("Unknown node type: " + (child as any)?.type);
-        }
-      })}
-    </p>
-  );
-}
-
-function ListNodeComponent({ node }: { node: Val<ListNode> }) {
-  return createElement(
-    node.val.tag,
-    {},
-    node.children.map((child) => (
-      <ListItemComponent key={getValPath(child)} node={child} />
-    ))
-  );
-}
-
-function ListItemComponent({ node }: { node: Val<ListItemNode> }) {
-  return (
-    <li>
-      {node.children.map((child, i) => {
-        switch (child.val.type) {
-          case "text":
-            return <TextNodeComponent key={i} node={child} />;
-          default:
-            throw Error("Unknown node type: " + (child as any)?.type);
-        }
-      })}
-    </li>
-  );
-}