@valbuild/react 0.28.0 → 0.29.0

package/dist/{ValProvider-4b3dcddd.cjs.prod.js → ValProviderInternal-11c45b39.cjs.prod.js}

@@ -5,29 +5,13 @@ var slicedToArray = require('./slicedToArray-1fc98f25.cjs.prod.js');
 var defineProperty = require('./defineProperty-36ed93cd.cjs.prod.js');
 var fp = require('@valbuild/core/fp');
 var core = require('@valbuild/core');
+var ValUI = require('./ValUI-c636bbdd.cjs.prod.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 
 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 React__default = /*#__PURE__*/_interopDefault(React);
+var ValUI__default = /*#__PURE__*/_interopDefault(ValUI);
 
 function _createForOfIteratorHelper(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -603,7 +587,6 @@ function createSubscriberId(moduleIds) {
   return moduleIds.slice().sort().join("&");
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function useValStore() {
   return React.useContext(ValContext).valStore;
 }
@@ -611,17 +594,10 @@ function useValApi() {
   return React.useContext(ValContext).valApi;
 }
 var ValContext = /*#__PURE__*/React__default["default"].createContext({
-  get valStore() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  },
-  get valApi() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  }
+  valStore: undefined,
+  valApi: undefined
 });
-var ValUI = typeof window !== "undefined" ? /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-702583bb.cjs.prod.js')); });
-}) : null;
-function ValProvider(_ref) {
+function ValProviderInternal(_ref) {
   var children = _ref.children;
   var host = "/api/val";
   var valApi = React.useMemo(function () {
@@ -635,10 +611,11 @@ function ValProvider(_ref) {
       valApi: valApi,
       valStore: valStore
     },
-    children: [children, ValUI && /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI__default["default"], {})]
   });
 }
 
-exports.ValProvider = ValProvider;
+exports.ValContext = ValContext;
+exports["default"] = ValProviderInternal;
 exports.useValApi = useValApi;
 exports.useValStore = useValStore;

package/dist/ValProviderInternal-4491e75a.worker.esm.js

@@ -0,0 +1,17 @@
+import React, { useContext } from 'react';
+import '@valbuild/core';
+import './ValUI-14d84602.worker.esm.js';
+import 'react/jsx-runtime';
+
+function useValStore() {
+  return useContext(ValContext).valStore;
+}
+function useValApi() {
+  return useContext(ValContext).valApi;
+}
+var ValContext = /*#__PURE__*/React.createContext({
+  valStore: undefined,
+  valApi: undefined
+});
+
+export { useValApi as a, useValStore as u };

package/dist/{ValProvider-f27d153f.worker.esm.js → ValProviderInternal-955b2ced.esm.js}

@@ -1,9 +1,10 @@
 import React, { useContext, useMemo } from 'react';
-import { _ as _unsupportedIterableToArray, a as _slicedToArray } from './slicedToArray-4510c35a.worker.esm.js';
-import { _ as _toPropertyKey, a as _defineProperty } from './defineProperty-18559492.worker.esm.js';
+import { _ as _unsupportedIterableToArray, a as _slicedToArray } from './slicedToArray-5418adeb.esm.js';
+import { _ as _toPropertyKey, a as _defineProperty } from './defineProperty-b209a901.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi } from '@valbuild/core';
-import { jsxs } from 'react/jsx-runtime';
+import ValUI from './ValUI-8e4092a8.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 function _createForOfIteratorHelper(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -579,7 +580,6 @@ function createSubscriberId(moduleIds) {
   return moduleIds.slice().sort().join("&");
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function useValStore() {
   return useContext(ValContext).valStore;
 }
@@ -587,15 +587,10 @@ function useValApi() {
   return useContext(ValContext).valApi;
 }
 var ValContext = /*#__PURE__*/React.createContext({
-  get valStore() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  },
-  get valApi() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  }
+  valStore: undefined,
+  valApi: undefined
 });
-var ValUI = null;
-function ValProvider(_ref) {
+function ValProviderInternal(_ref) {
   var children = _ref.children;
   var host = "/api/val";
   var valApi = useMemo(function () {
@@ -609,8 +604,8 @@ function ValProvider(_ref) {
       valApi: valApi,
       valStore: valStore
     },
-    children: [children, ValUI ]
+    children: [children, /*#__PURE__*/jsx(ValUI, {})]
   });
 }
 
-export { ValProvider as V, useValApi as a, useValStore as u };
+export { ValContext, ValProviderInternal as default, useValApi, useValStore };

package/dist/{ValProvider-7be3721e.cjs.dev.js → ValProviderInternal-f1bbfabb.cjs.dev.js}

@@ -5,29 +5,13 @@ var slicedToArray = require('./slicedToArray-fb0bef7d.cjs.dev.js');
 var defineProperty = require('./defineProperty-c82a49b0.cjs.dev.js');
 var fp = require('@valbuild/core/fp');
 var core = require('@valbuild/core');
+var ValUI = require('./ValUI-a5ff7b4f.cjs.dev.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 
 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 React__default = /*#__PURE__*/_interopDefault(React);
+var ValUI__default = /*#__PURE__*/_interopDefault(ValUI);
 
 function _createForOfIteratorHelper(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -603,7 +587,6 @@ function createSubscriberId(moduleIds) {
   return moduleIds.slice().sort().join("&");
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function useValStore() {
   return React.useContext(ValContext).valStore;
 }
@@ -611,17 +594,10 @@ function useValApi() {
   return React.useContext(ValContext).valApi;
 }
 var ValContext = /*#__PURE__*/React__default["default"].createContext({
-  get valStore() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  },
-  get valApi() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  }
+  valStore: undefined,
+  valApi: undefined
 });
-var ValUI = typeof window !== "undefined" ? /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-968a38fb.cjs.dev.js')); });
-}) : null;
-function ValProvider(_ref) {
+function ValProviderInternal(_ref) {
   var children = _ref.children;
   var host = "/api/val";
   var valApi = React.useMemo(function () {
@@ -635,10 +611,11 @@ function ValProvider(_ref) {
       valApi: valApi,
       valStore: valStore
     },
-    children: [children, ValUI && /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI__default["default"], {})]
   });
 }
 
-exports.ValProvider = ValProvider;
+exports.ValContext = ValContext;
+exports["default"] = ValProviderInternal;
 exports.useValApi = useValApi;
 exports.useValStore = useValStore;

package/dist/{ValProvider-772ad108.browser.esm.js → ValProviderInternal-fed8d4f2.browser.esm.js}

@@ -1,8 +1,9 @@
-import React, { useContext, useMemo, lazy } from 'react';
+import React, { useContext, useMemo } from 'react';
 import { _ as _unsupportedIterableToArray, a as _slicedToArray } from './slicedToArray-964e1994.browser.esm.js';
 import { _ as _toPropertyKey, a as _defineProperty } from './defineProperty-034d0378.browser.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi } from '@valbuild/core';
+import ValUI from './ValUI-3aefbfd7.browser.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function _createForOfIteratorHelper(o, allowArrayLike) {
@@ -579,7 +580,6 @@ function createSubscriberId(moduleIds) {
   return moduleIds.slice().sort().join("&");
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function useValStore() {
   return useContext(ValContext).valStore;
 }
@@ -587,17 +587,10 @@ function useValApi() {
   return useContext(ValContext).valApi;
 }
 var ValContext = /*#__PURE__*/React.createContext({
-  get valStore() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  },
-  get valApi() {
-    throw Error("Val context not found. Ensure components are wrapped by ValProvider!");
-  }
+  valStore: undefined,
+  valApi: undefined
 });
-var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-1bebc456.browser.esm.js');
-}) ;
-function ValProvider(_ref) {
+function ValProviderInternal(_ref) {
   var children = _ref.children;
   var host = "/api/val";
   var valApi = useMemo(function () {
@@ -611,8 +604,8 @@ function ValProvider(_ref) {
       valApi: valApi,
       valStore: valStore
     },
-    children: [children, ValUI && /*#__PURE__*/jsx(ValUI, {})]
+    children: [children, /*#__PURE__*/jsx(ValUI, {})]
   });
 }
 
-export { ValProvider as V, useValApi as a, useValStore as u };
+export { ValContext, ValProviderInternal as default, useValApi, useValStore };

package/dist/{ValUI-a93bea98.worker.esm.js → ValUI-14d84602.worker.esm.js}

@@ -1,13 +1,12 @@
 'use client';
-import { a as _slicedToArray } from './slicedToArray-4510c35a.worker.esm.js';
+import { _ as _slicedToArray } from './slicedToArray-5b9980b8.worker.esm.js';
 import { Internal } from '@valbuild/core';
 import { Style, ValOverlay } from '@valbuild/ui';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { a as useValApi, u as useValStore } from './ValProvider-f27d153f.worker.esm.js';
-import './defineProperty-18559492.worker.esm.js';
-import '@valbuild/core/fp';
+import { a as useValApi, u as useValStore } from './ValProviderInternal-4491e75a.worker.esm.js';
+import './ValUI-14d84602.worker.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -79,9 +78,13 @@ function ValUI() {
     }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    if (!api) {
+      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
+    } else {
+      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    }
   }
-  if (!isClient || !enabled) {
+  if (!isClient || !enabled || !store || !api) {
     return null;
   }
   return /*#__PURE__*/jsx(Fragment, {

package/dist/{ValUI-1bebc456.browser.esm.js → ValUI-3aefbfd7.browser.esm.js}

@@ -5,9 +5,10 @@ import { Style, ValOverlay } from '@valbuild/ui';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { a as useValApi, u as useValStore } from './ValProvider-772ad108.browser.esm.js';
+import { useValApi, useValStore } from './ValProviderInternal-fed8d4f2.browser.esm.js';
 import './defineProperty-034d0378.browser.esm.js';
 import '@valbuild/core/fp';
+import './ValUI-3aefbfd7.browser.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -79,9 +80,13 @@ function ValUI() {
     }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    if (!api) {
+      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
+    } else {
+      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    }
   }
-  if (!isClient || !enabled) {
+  if (!isClient || !enabled || !store || !api) {
     return null;
   }
   return /*#__PURE__*/jsx(Fragment, {

package/dist/{ValUI-2dc20794.esm.js → ValUI-8e4092a8.esm.js}

@@ -5,9 +5,10 @@ import { Style, ValOverlay } from '@valbuild/ui';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { a as useValApi, u as useValStore } from './ValProvider-ecdd4b68.esm.js';
+import { useValApi, useValStore } from './ValProviderInternal-955b2ced.esm.js';
 import './defineProperty-b209a901.esm.js';
 import '@valbuild/core/fp';
+import './ValUI-8e4092a8.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -79,9 +80,13 @@ function ValUI() {
     }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    if (!api) {
+      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
+    } else {
+      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    }
   }
-  if (!isClient || !enabled) {
+  if (!isClient || !enabled || !store || !api) {
     return null;
   }
   return /*#__PURE__*/jsx(Fragment, {

package/dist/{ValUI-968a38fb.cjs.dev.js → ValUI-a5ff7b4f.cjs.dev.js}

@@ -9,9 +9,10 @@ var ui = require('@valbuild/ui');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-7be3721e.cjs.dev.js');
+var ValProviderInternal = require('./ValProviderInternal-f1bbfabb.cjs.dev.js');
 require('./defineProperty-c82a49b0.cjs.dev.js');
 require('@valbuild/core/fp');
+require('./ValUI-a5ff7b4f.cjs.dev.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -63,8 +64,8 @@ function ValUI() {
     _useState6 = slicedToArray._slicedToArray(_useState5, 2);
     _useState6[0];
     var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-  var api = ValProvider.useValApi();
-  var store = ValProvider.useValStore();
+  var api = ValProviderInternal.useValApi();
+  var store = ValProviderInternal.useValStore();
   React.useEffect(function () {
     setIsClient(true);
     try {
@@ -83,9 +84,13 @@ function ValUI() {
     }
   }, []);
   if (isClient && !enabled && process.env.NODE_ENV === "development") {
-    console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    if (!api) {
+      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
+    } else {
+      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    }
   }
-  if (!isClient || !enabled) {
+  if (!isClient || !enabled || !store || !api) {
     return null;
   }
   return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {

package/dist/ValUI-c636bbdd.cjs.js

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

package/dist/{ValUI-702583bb.cjs.prod.js → ValUI-c636bbdd.cjs.prod.js}

@@ -9,9 +9,10 @@ var ui = require('@valbuild/ui');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-4b3dcddd.cjs.prod.js');
+var ValProviderInternal = require('./ValProviderInternal-11c45b39.cjs.prod.js');
 require('./defineProperty-36ed93cd.cjs.prod.js');
 require('@valbuild/core/fp');
+require('./ValUI-c636bbdd.cjs.prod.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -63,8 +64,8 @@ function ValUI() {
     _useState6 = slicedToArray._slicedToArray(_useState5, 2);
     _useState6[0];
     var setDraftMode = _useState6[1]; // TODO: if enabled, but not in draft mode: show something
-  var api = ValProvider.useValApi();
-  var store = ValProvider.useValStore();
+  var api = ValProviderInternal.useValApi();
+  var store = ValProviderInternal.useValStore();
   React.useEffect(function () {
     setIsClient(true);
     try {
@@ -83,9 +84,13 @@ function ValUI() {
     }
   }, []);
   if (isClient && !enabled &&         "production" === "development") {
-    console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    if (!api) {
+      console.warn("Val does not seem to be configured properly! Please check that you have wrapper your root layout (or _app) with the ValProvider.");
+    } else {
+      console.log("Val is disabled. Enable it by going here ".concat(window.origin).concat(api.host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href), ". NOTE: this message appears because NODE_ENV is set to development."));
+    }
   }
-  if (!isClient || !enabled) {
+  if (!isClient || !enabled || !store || !api) {
     return null;
   }
   return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {

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

@@ -1,14 +1,3 @@
-import React from "react";
-import { ValStore } from "./ValStore.js";
-import { ValApi } from "@valbuild/core";
-export declare function useValStore(): ValStore;
-export declare function useValApi(): ValApi;
-export type ValContext = {
-    readonly valStore: ValStore;
-    readonly valApi: ValApi;
-};
-export declare const ValContext: React.Context<ValContext>;
-export type ValProviderProps = {
-    children?: React.ReactNode;
-};
+/// <reference types="react" />
+import type { ValProviderProps } from "./ValProviderInternal.js";
 export declare function ValProvider({ children }: ValProviderProps): JSX.Element;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { ValStore } from "./ValStore.js";
+import { ValApi } from "@valbuild/core";
+export declare function useValStore(): ValStore | undefined;
+export declare function useValApi(): ValApi | undefined;
+export type ValContext = {
+    readonly valStore?: ValStore;
+    readonly valApi?: ValApi;
+};
+export declare const ValContext: React.Context<ValContext>;
+export type ValProviderProps = {
+    children?: React.ReactNode;
+};
+declare function ValProviderInternal({ children }: ValProviderProps): JSX.Element;
+export default ValProviderInternal;

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

@@ -14,8 +14,9 @@ type ThemeOptions<O extends RichTextOptions> = {
         [Key in Classes & keyof O as O[Key] extends true ? Key : never]: string;
     };
 };
-export declare function ValRichText<O extends RichTextOptions>({ theme, children, }: {
-    theme: ThemeOptions<O>;
+export declare function ValRichText<O extends RichTextOptions>({ theme, className, children, }: {
+    theme?: ThemeOptions<O>;
+    className?: string;
     children: RichText<O>;
 }): JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
-export { ValProvider, useValStore, useValApi } from "./ValProvider.js";
+export { useValStore, useValApi } from "./ValProviderInternal.js";
+export { ValProvider } from "./ValProvider.js";
 export { ValRichText } from "./ValRichText.js";

package/dist/{slicedToArray-4510c35a.worker.esm.js → slicedToArray-5b9980b8.worker.esm.js}

@@ -53,4 +53,4 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-export { _unsupportedIterableToArray as _, _slicedToArray as a };
+export { _slicedToArray as _ };

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

@@ -1,14 +1,31 @@
-export { V as ValProvider, a as useValApi, u as useValStore } from './ValProvider-772ad108.browser.esm.js';
-import React from 'react';
-import { jsx } from 'react/jsx-runtime';
+export { useValApi, useValStore } from './ValProviderInternal-fed8d4f2.browser.esm.js';
+import React, { lazy } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import './slicedToArray-964e1994.browser.esm.js';
 import './defineProperty-034d0378.browser.esm.js';
 import '@valbuild/core/fp';
 import '@valbuild/core';
+import './ValUI-3aefbfd7.browser.esm.js';
+
+var ValProviderInternal = /*#__PURE__*/lazy(function () {
+  return import('./ValProviderInternal-fed8d4f2.browser.esm.js');
+}) ;
+function ValProvider(_ref) {
+  var children = _ref.children;
+  if (ValProviderInternal) {
+    return /*#__PURE__*/jsx(ValProviderInternal, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsx(Fragment, {
+    children: children
+  });
+}
 
 /* eslint-disable @typescript-eslint/ban-types */
 function ValRichText(_ref) {
   var theme = _ref.theme,
+    className = _ref.className,
     children = _ref.children;
   var root = children;
   function withRenderTag(clazz, current) {
@@ -140,9 +157,10 @@ function ValRichText(_ref) {
     });
   }
   return /*#__PURE__*/jsx("div", {
+    className: className,
     "data-val-path": root.valPath,
     children: root.children.map(toReact)
   });
 }
 
-export { ValRichText };
+export { ValProvider, ValRichText };

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

@@ -2,21 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ValProvider = require('./ValProvider-7be3721e.cjs.dev.js');
+var ValProviderInternal$1 = require('./ValProviderInternal-f1bbfabb.cjs.dev.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('./slicedToArray-fb0bef7d.cjs.dev.js');
 require('./defineProperty-c82a49b0.cjs.dev.js');
 require('@valbuild/core/fp');
 require('@valbuild/core');
+require('./ValUI-a5ff7b4f.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var ValProviderInternal = typeof window !== "undefined" ? /*#__PURE__*/React.lazy(function () {
+  return Promise.resolve().then(function () { return require('./ValProviderInternal-f1bbfabb.cjs.dev.js'); });
+}) : null;
+function ValProvider(_ref) {
+  var children = _ref.children;
+  if (ValProviderInternal) {
+    return /*#__PURE__*/ReactJSXRuntime.jsx(ValProviderInternal, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {
+    children: children
+  });
+}
+
 /* eslint-disable @typescript-eslint/ban-types */
 function ValRichText(_ref) {
   var theme = _ref.theme,
+    className = _ref.className,
     children = _ref.children;
   var root = children;
   function withRenderTag(clazz, current) {
@@ -148,12 +165,13 @@ function ValRichText(_ref) {
     });
   }
   return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
+    className: className,
     "data-val-path": root.valPath,
     children: root.children.map(toReact)
   });
 }
 
-exports.ValProvider = ValProvider.ValProvider;
-exports.useValApi = ValProvider.useValApi;
-exports.useValStore = ValProvider.useValStore;
+exports.useValApi = ValProviderInternal$1.useValApi;
+exports.useValStore = ValProviderInternal$1.useValStore;
+exports.ValProvider = ValProvider;
 exports.ValRichText = ValRichText;