@valbuild/react 0.33.0 → 0.35.0

package/dist/{ValProvider-0620664e.esm.js → ValProvider-05e0ada2.esm.js}

@@ -482,7 +482,7 @@ var ValStore = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return this.api.getModules({
+              return this.api.getTree({
                 patch: true,
                 includeSource: true
               });
@@ -545,7 +545,7 @@ var ValStore = /*#__PURE__*/function () {
               _context3.next = 17;
               break;
             case 16:
-              console.error("Val: failed to update modules", data.error.message);
+              console.error("Val: failed to update modules", data.error);
             case 17:
             case "end":
               return _context3.stop();
@@ -597,10 +597,11 @@ var ValContext = typeof window !== "undefined" ? /*#__PURE__*/React.createContex
   valApi: undefined
 }) : undefined;
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-4ba5efea.esm.js');
+  return import('./ValUI-0091169b.esm.js');
 });
 function ValProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    onSubmit = _ref.onSubmit;
   var host = "/api/val";
   var api = useMemo(function () {
     return new ValApi(host);
@@ -616,12 +617,6 @@ function ValProvider(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-
   useEffect(function () {
     setIsClient(true);
     try {
@@ -631,13 +626,6 @@ function ValProvider(_ref) {
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
     if (!api) {
@@ -656,7 +644,10 @@ function ValProvider(_ref) {
       valApi: api,
       valStore: store
     },
-    children: [children, /*#__PURE__*/jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/jsx(ValUI, {
+      host: host,
+      onSubmit: onSubmit
+    })]
   });
 }
 

package/dist/{ValProvider-7513c6ec.cjs.dev.js → ValProvider-396d7da7.cjs.dev.js}

@@ -508,7 +508,7 @@ var ValStore = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return this.api.getModules({
+              return this.api.getTree({
                 patch: true,
                 includeSource: true
               });
@@ -571,7 +571,7 @@ var ValStore = /*#__PURE__*/function () {
               _context3.next = 17;
               break;
             case 16:
-              console.error("Val: failed to update modules", data.error.message);
+              console.error("Val: failed to update modules", data.error);
             case 17:
             case "end":
               return _context3.stop();
@@ -623,10 +623,11 @@ var ValContext = typeof window !== "undefined" ? /*#__PURE__*/React__default["de
   valApi: undefined
 }) : undefined;
 var ValUI = /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-33562b10.cjs.dev.js')); });
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-3a6c5666.cjs.dev.js')); });
 });
 function ValProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    onSubmit = _ref.onSubmit;
   var host = "/api/val";
   var api = React.useMemo(function () {
     return new core.ValApi(host);
@@ -642,12 +643,6 @@ function ValProvider(_ref) {
     _useState4 = slicedToArray._slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = React.useState(false),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-
   React.useEffect(function () {
     setIsClient(true);
     try {
@@ -657,13 +652,6 @@ function ValProvider(_ref) {
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
     if (!api) {
@@ -682,7 +670,10 @@ function ValProvider(_ref) {
       valApi: api,
       valStore: store
     },
-    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {
+      host: host,
+      onSubmit: onSubmit
+    })]
   });
 }
 

package/dist/{ValProvider-14179159.browser.esm.js → ValProvider-9be9362b.browser.esm.js}

@@ -482,7 +482,7 @@ var ValStore = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return this.api.getModules({
+              return this.api.getTree({
                 patch: true,
                 includeSource: true
               });
@@ -545,7 +545,7 @@ var ValStore = /*#__PURE__*/function () {
               _context3.next = 17;
               break;
             case 16:
-              console.error("Val: failed to update modules", data.error.message);
+              console.error("Val: failed to update modules", data.error);
             case 17:
             case "end":
               return _context3.stop();
@@ -597,10 +597,11 @@ var ValContext = /*#__PURE__*/React.createContext({
   valApi: undefined
 }) ;
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-75338157.browser.esm.js');
+  return import('./ValUI-053ef45d.browser.esm.js');
 });
 function ValProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    onSubmit = _ref.onSubmit;
   var host = "/api/val";
   var api = useMemo(function () {
     return new ValApi(host);
@@ -616,12 +617,6 @@ function ValProvider(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-
   useEffect(function () {
     setIsClient(true);
     try {
@@ -631,13 +626,6 @@ function ValProvider(_ref) {
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
     if (!api) {
@@ -656,7 +644,10 @@ function ValProvider(_ref) {
       valApi: api,
       valStore: store
     },
-    children: [children, /*#__PURE__*/jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/jsx(ValUI, {
+      host: host,
+      onSubmit: onSubmit
+    })]
   });
 }
 

package/dist/ValProvider-d9e0b778.cjs.js

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

package/dist/{ValProvider-b2e83d12.cjs.prod.js → ValProvider-d9e0b778.cjs.prod.js}

@@ -508,7 +508,7 @@ var ValStore = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return this.api.getModules({
+              return this.api.getTree({
                 patch: true,
                 includeSource: true
               });
@@ -571,7 +571,7 @@ var ValStore = /*#__PURE__*/function () {
               _context3.next = 17;
               break;
             case 16:
-              console.error("Val: failed to update modules", data.error.message);
+              console.error("Val: failed to update modules", data.error);
             case 17:
             case "end":
               return _context3.stop();
@@ -623,10 +623,11 @@ var ValContext = typeof window !== "undefined" ? /*#__PURE__*/React__default["de
   valApi: undefined
 }) : undefined;
 var ValUI = /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-8ea90ec3.cjs.prod.js')); });
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-41cd1ce0.cjs.prod.js')); });
 });
 function ValProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    onSubmit = _ref.onSubmit;
   var host = "/api/val";
   var api = React.useMemo(function () {
     return new core.ValApi(host);
@@ -642,12 +643,6 @@ function ValProvider(_ref) {
     _useState4 = slicedToArray._slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = React.useState(false),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-
   React.useEffect(function () {
     setIsClient(true);
     try {
@@ -657,13 +652,6 @@ function ValProvider(_ref) {
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
   }, []);
   if (isClient && !enabled &&         "production" === "development") {
     if (!api) {
@@ -682,7 +670,10 @@ function ValProvider(_ref) {
       valApi: api,
       valStore: store
     },
-    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {
+      host: host,
+      onSubmit: onSubmit
+    })]
   });
 }
 

package/dist/{ValProvider-d46ec16a.worker.esm.js → ValProvider-e745414d.worker.esm.js}

@@ -482,7 +482,7 @@ var ValStore = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return this.api.getModules({
+              return this.api.getTree({
                 patch: true,
                 includeSource: true
               });
@@ -545,7 +545,7 @@ var ValStore = /*#__PURE__*/function () {
               _context3.next = 17;
               break;
             case 16:
-              console.error("Val: failed to update modules", data.error.message);
+              console.error("Val: failed to update modules", data.error);
             case 17:
             case "end":
               return _context3.stop();
@@ -592,10 +592,11 @@ var useValApi = function useValApi() {
 };
 var ValContext = undefined;
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-3b9f6c17.worker.esm.js');
+  return import('./ValUI-400cffb5.worker.esm.js');
 });
 function ValProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    onSubmit = _ref.onSubmit;
   var host = "/api/val";
   var api = useMemo(function () {
     return new ValApi(host);
@@ -611,12 +612,6 @@ function ValProvider(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     enabled = _useState4[0],
     setEnabled = _useState4[1];
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-
   useEffect(function () {
     setIsClient(true);
     try {
@@ -626,13 +621,6 @@ function ValProvider(_ref) {
     } catch (e) {
       console.warn("Could not read Val enabled state", e);
     }
-    try {
-      var _document$cookie2;
-      var valDraftMode = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_DRAFT_MODE_COOKIE, "=true"));
-      setDraftMode(valDraftMode);
-    } catch (e) {
-      console.warn("Could not read Val draft mode", e);
-    }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
     if (!api) {
@@ -651,7 +639,10 @@ function ValProvider(_ref) {
       valApi: api,
       valStore: store
     },
-    children: [children, /*#__PURE__*/jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/jsx(ValUI, {
+      host: host,
+      onSubmit: onSubmit
+    })]
   });
 }
 

package/dist/{ValUI-4ba5efea.esm.js → ValUI-0091169b.esm.js}

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-0620664e.esm.js';
+import { useValApi, useValStore } from './ValProvider-05e0ada2.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -42,7 +42,7 @@ var ShadowRoot = function ShadowRoot(_ref2) {
   });
 };
 
-function ValUI() {
+function ValUI(props) {
   var api = useValApi();
   var store = useValStore();
   if (!api || !store) {
@@ -69,9 +69,12 @@ function ValUI() {
       }), /*#__PURE__*/jsx("link", {
         href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap",
         rel: "stylesheet"
-      }), /*#__PURE__*/jsx(Style, {}), /*#__PURE__*/jsx(ValOverlay, {
+      }), /*#__PURE__*/jsx(Style, {
+        route: props === null || props === void 0 ? void 0 : props.host
+      }), /*#__PURE__*/jsx(ValOverlay, {
         api: api,
-        store: store
+        store: store,
+        onSubmit: props.onSubmit
       })]
     })
   });

package/dist/{ValUI-75338157.browser.esm.js → ValUI-053ef45d.browser.esm.js}

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-14179159.browser.esm.js';
+import { useValApi, useValStore } from './ValProvider-9be9362b.browser.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -42,7 +42,7 @@ var ShadowRoot = function ShadowRoot(_ref2) {
   });
 };
 
-function ValUI() {
+function ValUI(props) {
   var api = useValApi();
   var store = useValStore();
   if (!api || !store) {
@@ -69,9 +69,12 @@ function ValUI() {
       }), /*#__PURE__*/jsx("link", {
         href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap",
         rel: "stylesheet"
-      }), /*#__PURE__*/jsx(Style, {}), /*#__PURE__*/jsx(ValOverlay, {
+      }), /*#__PURE__*/jsx(Style, {
+        route: props === null || props === void 0 ? void 0 : props.host
+      }), /*#__PURE__*/jsx(ValOverlay, {
         api: api,
-        store: store
+        store: store,
+        onSubmit: props.onSubmit
       })]
     })
   });

package/dist/{ValUI-33562b10.cjs.dev.js → ValUI-3a6c5666.cjs.dev.js}

@@ -8,7 +8,7 @@ var slicedToArray = require('./slicedToArray-a9d0d9cd.cjs.dev.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-7513c6ec.cjs.dev.js');
+var ValProvider = require('./ValProvider-396d7da7.cjs.dev.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -46,7 +46,7 @@ var ShadowRoot = function ShadowRoot(_ref2) {
   });
 };
 
-function ValUI() {
+function ValUI(props) {
   var api = ValProvider.useValApi();
   var store = ValProvider.useValStore();
   if (!api || !store) {
@@ -73,9 +73,12 @@ function ValUI() {
       }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
         href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap",
         rel: "stylesheet"
-      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.Style, {}), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
+      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.Style, {
+        route: props === null || props === void 0 ? void 0 : props.host
+      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
         api: api,
-        store: store
+        store: store,
+        onSubmit: props.onSubmit
       })]
     })
   });

package/dist/{ValUI-3b9f6c17.worker.esm.js → ValUI-400cffb5.worker.esm.js}

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-d46ec16a.worker.esm.js';
+import { useValApi, useValStore } from './ValProvider-e745414d.worker.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -42,7 +42,7 @@ var ShadowRoot = function ShadowRoot(_ref2) {
   });
 };
 
-function ValUI() {
+function ValUI(props) {
   var api = useValApi();
   var store = useValStore();
   if (!api || !store) {
@@ -69,9 +69,12 @@ function ValUI() {
       }), /*#__PURE__*/jsx("link", {
         href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap",
         rel: "stylesheet"
-      }), /*#__PURE__*/jsx(Style, {}), /*#__PURE__*/jsx(ValOverlay, {
+      }), /*#__PURE__*/jsx(Style, {
+        route: props === null || props === void 0 ? void 0 : props.host
+      }), /*#__PURE__*/jsx(ValOverlay, {
         api: api,
-        store: store
+        store: store,
+        onSubmit: props.onSubmit
       })]
     })
   });

package/dist/ValUI-41cd1ce0.cjs.js

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

package/dist/{ValUI-8ea90ec3.cjs.prod.js → ValUI-41cd1ce0.cjs.prod.js}

@@ -8,7 +8,7 @@ var slicedToArray = require('./slicedToArray-a2a426c7.cjs.prod.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-b2e83d12.cjs.prod.js');
+var ValProvider = require('./ValProvider-d9e0b778.cjs.prod.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -46,7 +46,7 @@ var ShadowRoot = function ShadowRoot(_ref2) {
   });
 };
 
-function ValUI() {
+function ValUI(props) {
   var api = ValProvider.useValApi();
   var store = ValProvider.useValStore();
   if (!api || !store) {
@@ -73,9 +73,12 @@ function ValUI() {
       }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
         href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap",
         rel: "stylesheet"
-      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.Style, {}), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
+      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.Style, {
+        route: props === null || props === void 0 ? void 0 : props.host
+      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
         api: api,
-        store: store
+        store: store,
+        onSubmit: props.onSubmit
       })]
     })
   });

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

@@ -12,5 +12,6 @@ export type ValContext = {
 export declare const ValContext: React.Context<ValContext> | undefined;
 export type ValProviderProps = {
     children?: React.ReactNode;
+    onSubmit: (refreshRequired: boolean) => void;
 };
-export declare function ValProvider({ children }: ValProviderProps): JSX.Element;
+export declare function ValProvider({ children, onSubmit }: ValProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,22 +1,18 @@
-/// <reference types="react" />
 import { RichText, RichTextOptions } from "@valbuild/core";
 type Tags = keyof Pick<RichTextOptions, "img" | "ul" | "ol">;
 type Classes = keyof Pick<RichTextOptions, "bold" | "italic" | "lineThrough">;
-type ThemeOptions<O extends RichTextOptions> = {
-    tags: (O["headings"] extends Array<unknown> ? {
-        [Key in O["headings"][number]]: string;
-    } : {}) & {
-        [Key in Tags & keyof O as O[Key] extends true ? Key extends "ul" | "ol" ? Key | "li" : Key : never]: string;
-    } & {
-        p?: string;
-    };
-    classes: {
-        [Key in Classes & keyof O as O[Key] extends true ? Key : never]: string;
-    };
+type ThemeOptions<O extends RichTextOptions> = (O["headings"] extends Array<unknown> ? {
+    [Key in O["headings"][number]]: string;
+} : {}) & {
+    [Key in Tags & keyof O as O[Key] extends true ? Key extends "ul" | "ol" ? Key | "li" : Key : never]: string;
+} & {
+    p?: string;
+} & {
+    [Key in Classes & keyof O as O[Key] extends true ? Key : never]: string;
 };
 export declare function ValRichText<O extends RichTextOptions>({ theme, className, children, }: {
     theme?: ThemeOptions<O>;
     className?: string;
     children: RichText<O>;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/declarations/src/stega/stegaEncode.d.ts

@@ -24,5 +24,6 @@ export declare function stegaEncode(input: any, opts: {
     getModule?: (moduleId: string) => any;
     disabled?: boolean;
 }): any;
+export declare function stegaClean(source: string): string;
 export declare function getModuleIds(input: any): string[];
 export {};

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

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-14179159.browser.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-9be9362b.browser.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -9,7 +9,7 @@ function ValRichText(_ref) {
     children = _ref.children;
   var root = children;
   function withRenderTag(clazz, current) {
-    var renderClass = theme.tags[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }
@@ -19,7 +19,7 @@ function ValRichText(_ref) {
     return current;
   }
   function withRenderClass(clazz, current) {
-    var renderClass = theme.classes[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ValProvider = require('../../dist/ValProvider-7513c6ec.cjs.dev.js');
+var ValProvider = require('../../dist/ValProvider-396d7da7.cjs.dev.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 
@@ -17,7 +17,7 @@ function ValRichText(_ref) {
     children = _ref.children;
   var root = children;
   function withRenderTag(clazz, current) {
-    var renderClass = theme.tags[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }
@@ -27,7 +27,7 @@ function ValRichText(_ref) {
     return current;
   }
   function withRenderClass(clazz, current) {
-    var renderClass = theme.classes[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ValProvider = require('../../dist/ValProvider-b2e83d12.cjs.prod.js');
+var ValProvider = require('../../dist/ValProvider-d9e0b778.cjs.prod.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 
@@ -17,7 +17,7 @@ function ValRichText(_ref) {
     children = _ref.children;
   var root = children;
   function withRenderTag(clazz, current) {
-    var renderClass = theme.tags[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }
@@ -27,7 +27,7 @@ function ValRichText(_ref) {
     return current;
   }
   function withRenderClass(clazz, current) {
-    var renderClass = theme.classes[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }

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

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-0620664e.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-05e0ada2.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -9,7 +9,7 @@ function ValRichText(_ref) {
     children = _ref.children;
   var root = children;
   function withRenderTag(clazz, current) {
-    var renderClass = theme.tags[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }
@@ -19,7 +19,7 @@ function ValRichText(_ref) {
     return current;
   }
   function withRenderClass(clazz, current) {
-    var renderClass = theme.classes[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }

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

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-d46ec16a.worker.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-e745414d.worker.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -9,7 +9,7 @@ function ValRichText(_ref) {
     children = _ref.children;
   var root = children;
   function withRenderTag(clazz, current) {
-    var renderClass = theme.tags[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }
@@ -19,7 +19,7 @@ function ValRichText(_ref) {
     return current;
   }
   function withRenderClass(clazz, current) {
-    var renderClass = theme.classes[clazz];
+    var renderClass = theme === null || theme === void 0 ? void 0 : theme[clazz];
     if (renderClass && current) {
       return [current, renderClass].join(" ");
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.33.0",
+  "version": "0.35.0",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,16 +9,16 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.33.0",
-    "@valbuild/ui": "~0.33.0",
-    "@valbuild/shared": "~0.33.0",
+    "@valbuild/core": "~0.35.0",
+    "@valbuild/shared": "~0.35.0",
+    "@valbuild/ui": "~0.35.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"
   },
   "devDependencies": {
     "@testing-library/react": "^14.0.0",
-    "@types/react": "^18.0.26",
+    "@types/react": "^18.2.38",
     "jest-environment-jsdom": "^29.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

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

@@ -24,7 +24,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         if (!encodedBits || _typeof(encodedBits) !== "object") continue;
         if ("origin" in encodedBits && "data" in encodedBits && _typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data) {
           var _encodedBits$data;
-          var valPath = encodedBits === null || encodedBits === void 0 ? void 0 : (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
+          var valPath = encodedBits === null || encodedBits === void 0 || (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;

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

@@ -34,7 +34,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         if (!encodedBits || _typeof._typeof(encodedBits) !== "object") continue;
         if ("origin" in encodedBits && "data" in encodedBits && _typeof._typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data) {
           var _encodedBits$data;
-          var valPath = encodedBits === null || encodedBits === void 0 ? void 0 : (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
+          var valPath = encodedBits === null || encodedBits === void 0 || (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;

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

@@ -34,7 +34,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         if (!encodedBits || _typeof._typeof(encodedBits) !== "object") continue;
         if ("origin" in encodedBits && "data" in encodedBits && _typeof._typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data) {
           var _encodedBits$data;
-          var valPath = encodedBits === null || encodedBits === void 0 ? void 0 : (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
+          var valPath = encodedBits === null || encodedBits === void 0 || (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;

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

@@ -24,7 +24,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         if (!encodedBits || _typeof(encodedBits) !== "object") continue;
         if ("origin" in encodedBits && "data" in encodedBits && _typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data) {
           var _encodedBits$data;
-          var valPath = encodedBits === null || encodedBits === void 0 ? void 0 : (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
+          var valPath = encodedBits === null || encodedBits === void 0 || (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;

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

@@ -24,7 +24,7 @@ var addValPathIfFound = function addValPathIfFound(type, props) {
         if (!encodedBits || _typeof(encodedBits) !== "object") continue;
         if ("origin" in encodedBits && "data" in encodedBits && _typeof(encodedBits.data) === "object" && encodedBits.data && "valPath" in encodedBits.data) {
           var _encodedBits$data;
-          var valPath = encodedBits === null || encodedBits === void 0 ? void 0 : (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
+          var valPath = encodedBits === null || encodedBits === void 0 || (_encodedBits$data = encodedBits.data) === null || _encodedBits$data === void 0 ? void 0 : _encodedBits$data.valPath;
           if (valPath) {
             valSources.push(valPath);
             props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;

package/dist/ValProvider-b2e83d12.cjs.js

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

package/dist/ValUI-8ea90ec3.cjs.js

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