@valbuild/react 0.50.0 → 0.51.0

package/dist/ValProvider-1009cb51.cjs.dev.js

@@ -645,7 +645,7 @@ 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-dd0484dc.cjs.dev.js')); });
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-891df000.cjs.dev.js')); });
 });
 function ValProvider(_ref) {
   var children = _ref.children,

package/dist/ValProvider-6a12fd8e.browser.esm.js

@@ -619,7 +619,7 @@ var ValContext = /*#__PURE__*/React.createContext({
   valApi: undefined
 }) ;
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-07905fec.browser.esm.js');
+  return import('./ValUI-b82ca977.browser.esm.js');
 });
 function ValProvider(_ref) {
   var children = _ref.children,

package/dist/ValProvider-8ec03a73.esm.js

@@ -619,7 +619,7 @@ var ValContext = typeof window !== "undefined" ? /*#__PURE__*/React.createContex
   valApi: undefined
 }) : undefined;
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-efe41d9a.esm.js');
+  return import('./ValUI-04c66635.esm.js');
 });
 function ValProvider(_ref) {
   var children = _ref.children,

package/dist/ValProvider-c7d7067b.cjs.prod.js

@@ -645,7 +645,7 @@ 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-b98a0c8f.cjs.prod.js')); });
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-323cc3ff.cjs.prod.js')); });
 });
 function ValProvider(_ref) {
   var children = _ref.children,

package/dist/ValProvider-ecf57703.worker.esm.js

@@ -614,7 +614,7 @@ var useValApi = function useValApi() {
 };
 var ValContext = undefined;
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-15ad1f1e.worker.esm.js');
+  return import('./ValUI-29f95099.worker.esm.js');
 });
 function ValProvider(_ref) {
   var children = _ref.children,

package/dist/{ValUI-efe41d9a.esm.js → ValUI-04c66635.esm.js}

@@ -1,5 +1,5 @@
 'use client';
-import { Style, ValOverlay } from '@valbuild/ui';
+import { VAL_CSS_PATH, ValOverlay } from '@valbuild/ui';
 import { _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
@@ -63,8 +63,9 @@ function ValUI(props) {
       }), /*#__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, {
-        route: props.host
+      }), /*#__PURE__*/jsx("link", {
+        rel: "stylesheet",
+        href: "".concat(props.host || "/api/val", "/static").concat(VAL_CSS_PATH)
       }), /*#__PURE__*/jsx(ValOverlay, {
         api: api,
         store: store,

package/dist/{ValUI-15ad1f1e.worker.esm.js → ValUI-29f95099.worker.esm.js}

@@ -1,5 +1,5 @@
 'use client';
-import { Style, ValOverlay } from '@valbuild/ui';
+import { VAL_CSS_PATH, ValOverlay } from '@valbuild/ui';
 import { _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
@@ -63,8 +63,9 @@ function ValUI(props) {
       }), /*#__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, {
-        route: props.host
+      }), /*#__PURE__*/jsx("link", {
+        rel: "stylesheet",
+        href: "".concat(props.host || "/api/val", "/static").concat(VAL_CSS_PATH)
       }), /*#__PURE__*/jsx(ValOverlay, {
         api: api,
         store: store,

package/dist/ValUI-323cc3ff.cjs.js

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

package/dist/{ValUI-b98a0c8f.cjs.prod.js → ValUI-323cc3ff.cjs.prod.js}

@@ -67,8 +67,9 @@ function ValUI(props) {
       }), /*#__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, {
-        route: props.host
+      }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
+        rel: "stylesheet",
+        href: "".concat(props.host || "/api/val", "/static").concat(ui.VAL_CSS_PATH)
       }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
         api: api,
         store: store,

package/dist/{ValUI-dd0484dc.cjs.dev.js → ValUI-891df000.cjs.dev.js}

@@ -67,8 +67,9 @@ function ValUI(props) {
       }), /*#__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, {
-        route: props.host
+      }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
+        rel: "stylesheet",
+        href: "".concat(props.host || "/api/val", "/static").concat(ui.VAL_CSS_PATH)
       }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
         api: api,
         store: store,

package/dist/{ValUI-07905fec.browser.esm.js → ValUI-b82ca977.browser.esm.js}

@@ -1,5 +1,5 @@
 'use client';
-import { Style, ValOverlay } from '@valbuild/ui';
+import { VAL_CSS_PATH, ValOverlay } from '@valbuild/ui';
 import { _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
@@ -63,8 +63,9 @@ function ValUI(props) {
       }), /*#__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, {
-        route: props.host
+      }), /*#__PURE__*/jsx("link", {
+        rel: "stylesheet",
+        href: "".concat(props.host || "/api/val", "/static").concat(VAL_CSS_PATH)
       }), /*#__PURE__*/jsx(ValOverlay, {
         api: api,
         store: store,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.50.0",
+  "version": "0.51.0",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,9 +9,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.50.0",
-    "@valbuild/shared": "~0.50.0",
-    "@valbuild/ui": "~0.50.0",
+    "@valbuild/core": "~0.51.0",
+    "@valbuild/shared": "~0.51.0",
+    "@valbuild/ui": "~0.51.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"

package/dist/ValUI-b98a0c8f.cjs.js

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