@valbuild/react 0.59.0 → 0.60.0

package/dist/ValProvider-09e313e2.worker.esm.js

@@ -1,87 +0,0 @@
-'use client';
-import { _ as _slicedToArray } from './slicedToArray-e7da2c5e.worker.esm.js';
-import { useMemo, useState, useEffect, lazy } from 'react';
-import { ValApi, Internal } from '@valbuild/core';
-import { ValStore } from '@valbuild/shared/internal';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import './unsupportedIterableToArray-50359a05.worker.esm.js';
-
-var useValStore = function useValStore() {
-  {
-    return undefined;
-  }
-};
-var useValApi = function useValApi() {
-  {
-    return undefined;
-  }
-};
-var ValContext = undefined;
-var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-84a9cc93.worker.esm.js');
-});
-function ValProvider(_ref) {
-  var children = _ref.children,
-    onSubmit = _ref.onSubmit;
-  var host = "/api/val";
-  var api = useMemo(function () {
-    return new ValApi(host);
-  }, [host]);
-  var store = useMemo(function () {
-    return new ValStore(api);
-  }, [api]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie, _document$cookie2;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      if (valEnabled) {
-        setEnabled(true);
-      }
-      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
-      if (valDisabled) {
-        setEnabled(false);
-      }
-      // If we are in development and Val is not enabled or disabled, enable Val
-      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
-        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
-      }
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-  }, []);
-  if (isClient && !enabled) {
-    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 {
-      if (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 (!isClient || !enabled || !store || !api || !ValContext) {
-    return /*#__PURE__*/jsx(Fragment, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/jsxs(ValContext.Provider, {
-    value: {
-      valApi: api,
-      valStore: store
-    },
-    children: [children, /*#__PURE__*/jsx(ValUI, {
-      host: host,
-      onSubmit: onSubmit
-    })]
-  });
-}
-
-export { ValContext, ValProvider, useValApi, useValStore };

package/dist/ValProvider-461fa48b.cjs.js

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

package/dist/ValProvider-461fa48b.cjs.prod.js

@@ -1,115 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var slicedToArray = require('./slicedToArray-c405fbf0.cjs.prod.js');
-var React = require('react');
-var core = require('@valbuild/core');
-var internal = require('@valbuild/shared/internal');
-var ReactJSXRuntime = require('react/jsx-runtime');
-require('./unsupportedIterableToArray-42309462.cjs.prod.js');
-
-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 useValStore = function useValStore() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return React.useContext(ValContext).valStore;
-};
-var useValApi = function useValApi() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return React.useContext(ValContext).valApi;
-};
-var ValContext = typeof window !== "undefined" ? /*#__PURE__*/React__default["default"].createContext({
-  valStore: undefined,
-  valApi: undefined
-}) : undefined;
-var ValUI = /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-23e2422b.cjs.prod.js')); });
-});
-function ValProvider(_ref) {
-  var children = _ref.children,
-    onSubmit = _ref.onSubmit;
-  var host = "/api/val";
-  var api = React.useMemo(function () {
-    return new core.ValApi(host);
-  }, [host]);
-  var store = React.useMemo(function () {
-    return new internal.ValStore(api);
-  }, [api]);
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = React.useState(),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  React.useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie, _document$cookie2;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      if (valEnabled) {
-        setEnabled(true);
-      }
-      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
-      if (valDisabled) {
-        setEnabled(false);
-      }
-      // If we are in development and Val is not enabled or disabled, enable Val
-      if (        "production" === "development" && !valEnabled && !valDisabled) ;
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-  }, []);
-  if (isClient && !enabled) {
-    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.");
-    }
-  }
-  if (!isClient || !enabled || !store || !api || !ValContext) {
-    return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsxs(ValContext.Provider, {
-    value: {
-      valApi: api,
-      valStore: store
-    },
-    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {
-      host: host,
-      onSubmit: onSubmit
-    })]
-  });
-}
-
-exports.ValContext = ValContext;
-exports.ValProvider = ValProvider;
-exports.useValApi = useValApi;
-exports.useValStore = useValStore;

package/dist/ValProvider-a3b1e699.esm.js

@@ -1,92 +0,0 @@
-'use client';
-import { _ as _slicedToArray } from './slicedToArray-1dc7d2d6.esm.js';
-import React, { useContext, useMemo, useState, useEffect, lazy } from 'react';
-import { ValApi, Internal } from '@valbuild/core';
-import { ValStore } from '@valbuild/shared/internal';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import './unsupportedIterableToArray-7c30dadf.esm.js';
-
-var useValStore = function useValStore() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return useContext(ValContext).valStore;
-};
-var useValApi = function useValApi() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return useContext(ValContext).valApi;
-};
-var ValContext = typeof window !== "undefined" ? /*#__PURE__*/React.createContext({
-  valStore: undefined,
-  valApi: undefined
-}) : undefined;
-var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-8775ef5c.esm.js');
-});
-function ValProvider(_ref) {
-  var children = _ref.children,
-    onSubmit = _ref.onSubmit;
-  var host = "/api/val";
-  var api = useMemo(function () {
-    return new ValApi(host);
-  }, [host]);
-  var store = useMemo(function () {
-    return new ValStore(api);
-  }, [api]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie, _document$cookie2;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      if (valEnabled) {
-        setEnabled(true);
-      }
-      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
-      if (valDisabled) {
-        setEnabled(false);
-      }
-      // If we are in development and Val is not enabled or disabled, enable Val
-      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
-        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
-      }
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-  }, []);
-  if (isClient && !enabled) {
-    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 {
-      if (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 (!isClient || !enabled || !store || !api || !ValContext) {
-    return /*#__PURE__*/jsx(Fragment, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/jsxs(ValContext.Provider, {
-    value: {
-      valApi: api,
-      valStore: store
-    },
-    children: [children, /*#__PURE__*/jsx(ValUI, {
-      host: host,
-      onSubmit: onSubmit
-    })]
-  });
-}
-
-export { ValContext, ValProvider, useValApi, useValStore };

package/dist/ValProvider-b34afe68.browser.esm.js

@@ -1,92 +0,0 @@
-'use client';
-import { _ as _slicedToArray } from './slicedToArray-7b69258f.browser.esm.js';
-import React, { useContext, useMemo, useState, useEffect, lazy } from 'react';
-import { ValApi, Internal } from '@valbuild/core';
-import { ValStore } from '@valbuild/shared/internal';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import './unsupportedIterableToArray-cce3cb41.browser.esm.js';
-
-var useValStore = function useValStore() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return useContext(ValContext).valStore;
-};
-var useValApi = function useValApi() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return useContext(ValContext).valApi;
-};
-var ValContext = /*#__PURE__*/React.createContext({
-  valStore: undefined,
-  valApi: undefined
-}) ;
-var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-7d39a3f6.browser.esm.js');
-});
-function ValProvider(_ref) {
-  var children = _ref.children,
-    onSubmit = _ref.onSubmit;
-  var host = "/api/val";
-  var api = useMemo(function () {
-    return new ValApi(host);
-  }, [host]);
-  var store = useMemo(function () {
-    return new ValStore(api);
-  }, [api]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie, _document$cookie2;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      if (valEnabled) {
-        setEnabled(true);
-      }
-      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
-      if (valDisabled) {
-        setEnabled(false);
-      }
-      // If we are in development and Val is not enabled or disabled, enable Val
-      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
-        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
-      }
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-  }, []);
-  if (isClient && !enabled) {
-    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 {
-      if (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 (!isClient || !enabled || !store || !api || !ValContext) {
-    return /*#__PURE__*/jsx(Fragment, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/jsxs(ValContext.Provider, {
-    value: {
-      valApi: api,
-      valStore: store
-    },
-    children: [children, /*#__PURE__*/jsx(ValUI, {
-      host: host,
-      onSubmit: onSubmit
-    })]
-  });
-}
-
-export { ValContext, ValProvider, useValApi, useValStore };

package/dist/ValProvider-d17e4d13.cjs.dev.js

@@ -1,121 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var slicedToArray = require('./slicedToArray-11a666de.cjs.dev.js');
-var React = require('react');
-var core = require('@valbuild/core');
-var internal = require('@valbuild/shared/internal');
-var ReactJSXRuntime = require('react/jsx-runtime');
-require('./unsupportedIterableToArray-ac28611a.cjs.dev.js');
-
-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 useValStore = function useValStore() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return React.useContext(ValContext).valStore;
-};
-var useValApi = function useValApi() {
-  if (!ValContext) {
-    return undefined;
-  }
-  return React.useContext(ValContext).valApi;
-};
-var ValContext = typeof window !== "undefined" ? /*#__PURE__*/React__default["default"].createContext({
-  valStore: undefined,
-  valApi: undefined
-}) : undefined;
-var ValUI = /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('./ValUI-1922d8db.cjs.dev.js')); });
-});
-function ValProvider(_ref) {
-  var children = _ref.children,
-    onSubmit = _ref.onSubmit;
-  var host = "/api/val";
-  var api = React.useMemo(function () {
-    return new core.ValApi(host);
-  }, [host]);
-  var store = React.useMemo(function () {
-    return new internal.ValStore(api);
-  }, [api]);
-  var _useState = React.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    isClient = _useState2[0],
-    setIsClient = _useState2[1];
-  var _useState3 = React.useState(),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-    enabled = _useState4[0],
-    setEnabled = _useState4[1];
-  React.useEffect(function () {
-    setIsClient(true);
-    try {
-      var _document$cookie, _document$cookie2;
-      var valEnabled = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : _document$cookie.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=true"));
-      if (valEnabled) {
-        setEnabled(true);
-      }
-      var valDisabled = (_document$cookie2 = document.cookie) === null || _document$cookie2 === void 0 ? void 0 : _document$cookie2.includes("".concat(core.Internal.VAL_ENABLE_COOKIE_NAME, "=false"));
-      if (valDisabled) {
-        setEnabled(false);
-      }
-      // If we are in development and Val is not enabled or disabled, enable Val
-      if (process.env.NODE_ENV === "development" && !valEnabled && !valDisabled) {
-        window.location.href = "".concat(window.origin).concat(host, "/enable?redirect_to=").concat(encodeURIComponent(window.location.href));
-      }
-    } catch (e) {
-      console.warn("Could not read Val enabled state", e);
-    }
-  }, []);
-  if (isClient && !enabled) {
-    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 {
-      if (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 (!isClient || !enabled || !store || !api || !ValContext) {
-    return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsxs(ValContext.Provider, {
-    value: {
-      valApi: api,
-      valStore: store
-    },
-    children: [children, /*#__PURE__*/ReactJSXRuntime.jsx(ValUI, {
-      host: host,
-      onSubmit: onSubmit
-    })]
-  });
-}
-
-exports.ValContext = ValContext;
-exports.ValProvider = ValProvider;
-exports.useValApi = useValApi;
-exports.useValStore = useValStore;

package/dist/ValUI-1922d8db.cjs.dev.js

@@ -1,83 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ui = require('@valbuild/ui');
-var slicedToArray = require('./slicedToArray-11a666de.cjs.dev.js');
-var React = require('react');
-var reactDom = require('react-dom');
-var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-d17e4d13.cjs.dev.js');
-require('./unsupportedIterableToArray-ac28611a.cjs.dev.js');
-
-function ShadowContent(_ref) {
-  var root = _ref.root,
-    children = _ref.children;
-  return /*#__PURE__*/reactDom.createPortal(children, root);
-}
-var ShadowRoot = function ShadowRoot(_ref2) {
-  var children = _ref2.children,
-    style = _ref2.style;
-  var node = React.useRef(null);
-  var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    root = _useState2[0],
-    setRoot = _useState2[1];
-  React.useLayoutEffect(function () {
-    if (node.current) {
-      if (node.current.shadowRoot) {
-        setRoot(node.current.shadowRoot);
-      } else {
-        var _root = node.current.attachShadow({
-          mode: "open"
-        });
-        setRoot(_root);
-      }
-    }
-  }, []);
-  return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
-    ref: node,
-    style: style,
-    id: "val-ui",
-    children: root && /*#__PURE__*/ReactJSXRuntime.jsx(ShadowContent, {
-      root: root,
-      children: children
-    })
-  });
-};
-
-function ValUI(props) {
-  var api = ValProvider.useValApi();
-  var store = ValProvider.useValStore();
-  if (!api || !store) {
-    return null;
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {
-    children: /*#__PURE__*/ReactJSXRuntime.jsxs(ShadowRoot, {
-      children: [/*#__PURE__*/ReactJSXRuntime.jsx("link", {
-        rel: "preconnect",
-        href: "https://fonts.googleapis.com"
-      }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
-        rel: "preconnect",
-        href: "https://fonts.gstatic.com",
-        crossOrigin: "anonymous"
-      }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
-        href: "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap",
-        rel: "stylesheet"
-      }), /*#__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("link", {
-        rel: "stylesheet",
-        href: "".concat(props.host || "/api/val", "/static").concat(ui.VAL_CSS_PATH)
-      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
-        api: api,
-        store: store,
-        onSubmit: props.onSubmit
-      })]
-    })
-  });
-}
-
-exports["default"] = ValUI;

package/dist/ValUI-23e2422b.cjs.js

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

package/dist/ValUI-23e2422b.cjs.prod.js

@@ -1,83 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ui = require('@valbuild/ui');
-var slicedToArray = require('./slicedToArray-c405fbf0.cjs.prod.js');
-var React = require('react');
-var reactDom = require('react-dom');
-var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-461fa48b.cjs.prod.js');
-require('./unsupportedIterableToArray-42309462.cjs.prod.js');
-
-function ShadowContent(_ref) {
-  var root = _ref.root,
-    children = _ref.children;
-  return /*#__PURE__*/reactDom.createPortal(children, root);
-}
-var ShadowRoot = function ShadowRoot(_ref2) {
-  var children = _ref2.children,
-    style = _ref2.style;
-  var node = React.useRef(null);
-  var _useState = React.useState(null),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
-    root = _useState2[0],
-    setRoot = _useState2[1];
-  React.useLayoutEffect(function () {
-    if (node.current) {
-      if (node.current.shadowRoot) {
-        setRoot(node.current.shadowRoot);
-      } else {
-        var _root = node.current.attachShadow({
-          mode: "open"
-        });
-        setRoot(_root);
-      }
-    }
-  }, []);
-  return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
-    ref: node,
-    style: style,
-    id: "val-ui",
-    children: root && /*#__PURE__*/ReactJSXRuntime.jsx(ShadowContent, {
-      root: root,
-      children: children
-    })
-  });
-};
-
-function ValUI(props) {
-  var api = ValProvider.useValApi();
-  var store = ValProvider.useValStore();
-  if (!api || !store) {
-    return null;
-  }
-  return /*#__PURE__*/ReactJSXRuntime.jsx(ReactJSXRuntime.Fragment, {
-    children: /*#__PURE__*/ReactJSXRuntime.jsxs(ShadowRoot, {
-      children: [/*#__PURE__*/ReactJSXRuntime.jsx("link", {
-        rel: "preconnect",
-        href: "https://fonts.googleapis.com"
-      }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
-        rel: "preconnect",
-        href: "https://fonts.gstatic.com",
-        crossOrigin: "anonymous"
-      }), /*#__PURE__*/ReactJSXRuntime.jsx("link", {
-        href: "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap",
-        rel: "stylesheet"
-      }), /*#__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("link", {
-        rel: "stylesheet",
-        href: "".concat(props.host || "/api/val", "/static").concat(ui.VAL_CSS_PATH)
-      }), /*#__PURE__*/ReactJSXRuntime.jsx(ui.ValOverlay, {
-        api: api,
-        store: store,
-        onSubmit: props.onSubmit
-      })]
-    })
-  });
-}
-
-exports["default"] = ValUI;