@valbuild/react 0.28.0 → 0.30.0

package/dist/{ValProvider-f27d153f.worker.esm.js → ValProviderInternal-06aa7448.esm.js}

@@ -1,9 +1,11 @@
+'use client';
 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 { a as _unsupportedIterableToArray, _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
+import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-12b5bd29.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi } from '@valbuild/core';
-import { jsxs } from 'react/jsx-runtime';
+import ValUI from './ValUI-9a231a97.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 +581,6 @@ function createSubscriberId(moduleIds) {
   return moduleIds.slice().sort().join("&");
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function useValStore() {
   return useContext(ValContext).valStore;
 }
@@ -587,15 +588,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 +605,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/ValProviderInternal-172144ad.cjs.js

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

package/dist/{ValProvider-4b3dcddd.cjs.prod.js → ValProviderInternal-172144ad.cjs.prod.js}

@@ -1,33 +1,20 @@
+'use client';
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var slicedToArray = require('./slicedToArray-1fc98f25.cjs.prod.js');
+var slicedToArray = require('./slicedToArray-a2a426c7.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-46395962.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 +590,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 +597,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 +614,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-7be3721e.cjs.dev.js → ValProviderInternal-2faf106c.cjs.dev.js}

@@ -1,33 +1,20 @@
+'use client';
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
-var slicedToArray = require('./slicedToArray-fb0bef7d.cjs.dev.js');
+var slicedToArray = require('./slicedToArray-a9d0d9cd.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-ab7ef83f.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 +590,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 +597,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 +614,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-4c19d576.browser.esm.js}

@@ -1,8 +1,10 @@
-import React, { useContext, useMemo, lazy } 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';
+'use client';
+import React, { useContext, useMemo } from 'react';
+import { a as _unsupportedIterableToArray, _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
+import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-f319cb47.browser.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi } from '@valbuild/core';
+import ValUI from './ValUI-697700f4.browser.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function _createForOfIteratorHelper(o, allowArrayLike) {
@@ -579,7 +581,6 @@ function createSubscriberId(moduleIds) {
   return moduleIds.slice().sort().join("&");
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function useValStore() {
   return useContext(ValContext).valStore;
 }
@@ -587,17 +588,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 +605,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/{ValProvider-ecdd4b68.esm.js → ValProviderInternal-5a5100ab.worker.esm.js}

@@ -1,8 +1,10 @@
-import React, { useContext, useMemo, lazy } from 'react';
-import { _ as _unsupportedIterableToArray, a as _slicedToArray } from './slicedToArray-5418adeb.esm.js';
-import { _ as _toPropertyKey, a as _defineProperty } from './defineProperty-b209a901.esm.js';
+'use client';
+import React, { useContext, useMemo } from 'react';
+import { a as _unsupportedIterableToArray, _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
+import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-a4bf59bc.worker.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi } from '@valbuild/core';
+import ValUI from './ValUI-b8544437.worker.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function _createForOfIteratorHelper(o, allowArrayLike) {
@@ -579,7 +581,6 @@ function createSubscriberId(moduleIds) {
   return moduleIds.slice().sort().join("&");
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 function useValStore() {
   return useContext(ValContext).valStore;
 }
@@ -587,17 +588,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 = typeof window !== "undefined" ? /*#__PURE__*/lazy(function () {
-  return import('./ValUI-2dc20794.esm.js');
-}) : null;
-function ValProvider(_ref) {
+function ValProviderInternal(_ref) {
   var children = _ref.children;
   var host = "/api/val";
   var valApi = useMemo(function () {
@@ -611,8 +605,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-46395962.cjs.js

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

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

@@ -3,15 +3,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('./slicedToArray-1fc98f25.cjs.prod.js');
+var slicedToArray = require('./slicedToArray-a2a426c7.cjs.prod.js');
 var core = require('@valbuild/core');
 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');
-require('./defineProperty-36ed93cd.cjs.prod.js');
-require('@valbuild/core/fp');
+var ValProviderInternal = require('./ValProviderInternal-172144ad.cjs.prod.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -63,8 +61,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 +81,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/{ValUI-1bebc456.browser.esm.js → ValUI-697700f4.browser.esm.js}

@@ -1,13 +1,11 @@
 'use client';
-import { a as _slicedToArray } from './slicedToArray-964e1994.browser.esm.js';
+import { _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.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-772ad108.browser.esm.js';
-import './defineProperty-034d0378.browser.esm.js';
-import '@valbuild/core/fp';
+import { useValApi, useValStore } from './ValProviderInternal-4c19d576.browser.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -79,9 +77,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-9a231a97.esm.js}

@@ -1,13 +1,11 @@
 'use client';
-import { a as _slicedToArray } from './slicedToArray-5418adeb.esm.js';
+import { _ as _slicedToArray } from './slicedToArray-331bebbb.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-ecdd4b68.esm.js';
-import './defineProperty-b209a901.esm.js';
-import '@valbuild/core/fp';
+import { useValApi, useValStore } from './ValProviderInternal-06aa7448.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -79,9 +77,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-ab7ef83f.cjs.dev.js}

@@ -3,15 +3,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('./slicedToArray-fb0bef7d.cjs.dev.js');
+var slicedToArray = require('./slicedToArray-a9d0d9cd.cjs.dev.js');
 var core = require('@valbuild/core');
 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');
-require('./defineProperty-c82a49b0.cjs.dev.js');
-require('@valbuild/core/fp');
+var ValProviderInternal = require('./ValProviderInternal-2faf106c.cjs.dev.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -63,8 +61,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 +81,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-a93bea98.worker.esm.js → ValUI-b8544437.worker.esm.js}

@@ -1,13 +1,11 @@
 'use client';
-import { a as _slicedToArray } from './slicedToArray-4510c35a.worker.esm.js';
+import { _ as _slicedToArray } from './slicedToArray-d4c4a4ed.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 { useValApi, useValStore } from './ValProviderInternal-5a5100ab.worker.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,
@@ -79,9 +77,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/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/{defineProperty-034d0378.browser.esm.js → defineProperty-12b5bd29.esm.js}

@@ -29,4 +29,4 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-export { _toPropertyKey as _, _defineProperty as a };
+export { _defineProperty as _, _toPropertyKey as a };

package/dist/{defineProperty-18559492.worker.esm.js → defineProperty-a4bf59bc.worker.esm.js}

@@ -29,4 +29,4 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-export { _toPropertyKey as _, _defineProperty as a };
+export { _defineProperty as _, _toPropertyKey as a };

package/dist/{defineProperty-b209a901.esm.js → defineProperty-f319cb47.browser.esm.js}

@@ -29,4 +29,4 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-export { _toPropertyKey as _, _defineProperty as a };
+export { _defineProperty as _, _toPropertyKey as a };

package/dist/{slicedToArray-4510c35a.worker.esm.js → slicedToArray-331bebbb.esm.js}

@@ -1,18 +1,3 @@
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -45,6 +30,21 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -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 _, _unsupportedIterableToArray as a };