@valbuild/react 0.13.3 → 0.14.0

package/README.md

@@ -0,0 +1,11 @@
+# Val React
+
+This package contains Val React dependent code.
+
+NOTE: do not use this directly, use the package corresponding to your meta-framework (e.g. Next) instead.
+
+## Contributors
+
+Any code that has a dependency on React should be in this package.
+
+There are rules when evaluating modules that skips React specific things, since React (currently 2023-08-15) does not have an ESM build.

package/dist/{ValProvider-52f2fa13.esm.js → ValProvider-2eb6c2f2.esm.js}

@@ -1,5 +1,6 @@
 'use client';
-import React, { useMemo, useContext, lazy } from 'react';
+import React, { useContext, useMemo, lazy } from 'react';
+import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-12b5bd29.esm.js';
 import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-51bb61c2.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -342,22 +343,6 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -575,21 +560,6 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
   };
 }
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 var ValStore = /*#__PURE__*/function () {
   function ValStore(api) {
     var _this = this;
@@ -704,7 +674,7 @@ var ValContext = /*#__PURE__*/React.createContext({
   }
 });
 var ValUI = typeof window !== "undefined" ? /*#__PURE__*/lazy(function () {
-  return import('./ValUI-9a3eb570.esm.js');
+  return import('./ValUI-bf82178a.esm.js');
 }) : null;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -728,4 +698,4 @@ function ValProvider(_ref) {
   });
 }
 
-export { ValContext, _defineProperty as _, _createForOfIteratorHelper as a, _asyncToGenerator as b, _regeneratorRuntime as c, ValProvider as default, useValApi, useValStore };
+export { ValContext, ValProvider, _createForOfIteratorHelper as _, _asyncToGenerator as a, _regeneratorRuntime as b, useValApi, useValStore };

package/dist/ValProvider-74eef393.cjs.js

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

package/dist/{ValProvider-e1d5ffbe.cjs.prod.js → ValProvider-74eef393.cjs.prod.js}

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var defineProperty = require('./defineProperty-36ed93cd.cjs.prod.js');
 var unsupportedIterableToArray = require('./unsupportedIterableToArray-afbea1dd.cjs.prod.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 
@@ -350,29 +351,13 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, defineProperty._toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -583,26 +568,11 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
   };
 }
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 var ValStore = /*#__PURE__*/function () {
   function ValStore(api) {
     var _this = this;
     _classCallCheck(this, ValStore);
-    _defineProperty(this, "subscribe", function (moduleId) {
+    defineProperty._defineProperty(this, "subscribe", function (moduleId) {
       return function (listener) {
         var listeners = _this.listeners[moduleId] = moduleId in _this.listeners ? _this.listeners[moduleId] : [];
         listeners.push(listener);
@@ -614,12 +584,12 @@ var ValStore = /*#__PURE__*/function () {
         };
       };
     });
-    _defineProperty(this, "getSnapshot", function (moduleId) {
+    defineProperty._defineProperty(this, "getSnapshot", function (moduleId) {
       return function () {
         return _this.vals.get(moduleId);
       };
     });
-    _defineProperty(this, "getServerSnapshot", function (moduleId) {
+    defineProperty._defineProperty(this, "getServerSnapshot", function (moduleId) {
       return function () {
         return _this.vals.get(moduleId);
       };
@@ -712,7 +682,7 @@ var ValContext = /*#__PURE__*/React__default["default"].createContext({
   }
 });
 var ValUI = typeof window !== "undefined" ? /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return require('./ValUI-0fbdafd4.cjs.prod.js'); });
+  return Promise.resolve().then(function () { return require('./ValUI-0c2671a7.cjs.prod.js'); });
 }) : null;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -737,10 +707,9 @@ function ValProvider(_ref) {
 }
 
 exports.ValContext = ValContext;
+exports.ValProvider = ValProvider;
 exports._asyncToGenerator = _asyncToGenerator;
 exports._createForOfIteratorHelper = _createForOfIteratorHelper;
-exports._defineProperty = _defineProperty;
 exports._regeneratorRuntime = _regeneratorRuntime;
-exports["default"] = ValProvider;
 exports.useValApi = useValApi;
 exports.useValStore = useValStore;

package/dist/{ValProvider-c7a8476b.browser.esm.js → ValProvider-c677e164.browser.esm.js}

@@ -1,5 +1,6 @@
 'use client';
-import React, { useMemo, useContext, lazy } from 'react';
+import React, { useContext, useMemo, lazy } from 'react';
+import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-f319cb47.browser.esm.js';
 import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-d3087ed5.browser.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -342,22 +343,6 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -575,21 +560,6 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
   };
 }
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 var ValStore = /*#__PURE__*/function () {
   function ValStore(api) {
     var _this = this;
@@ -704,7 +674,7 @@ var ValContext = /*#__PURE__*/React.createContext({
   }
 });
 var ValUI = /*#__PURE__*/lazy(function () {
-  return import('./ValUI-51404232.browser.esm.js');
+  return import('./ValUI-bb1d1ed6.browser.esm.js');
 }) ;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -728,4 +698,4 @@ function ValProvider(_ref) {
   });
 }
 
-export { ValContext, _defineProperty as _, _createForOfIteratorHelper as a, _asyncToGenerator as b, _regeneratorRuntime as c, ValProvider as default, useValApi, useValStore };
+export { ValContext, ValProvider, _createForOfIteratorHelper as _, _asyncToGenerator as a, _regeneratorRuntime as b, useValApi, useValStore };

package/dist/{ValProvider-a45a47b9.worker.esm.js → ValProvider-cb5a2161.worker.esm.js}

@@ -1,5 +1,6 @@
 'use client';
-import React, { useMemo, useContext } from 'react';
+import React, { useContext, useMemo } from 'react';
+import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-a4bf59bc.worker.esm.js';
 import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-738344ef.worker.esm.js';
 import { jsxs } from 'react/jsx-runtime';
 
@@ -342,22 +343,6 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -575,21 +560,6 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
   };
 }
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 var ValStore = /*#__PURE__*/function () {
   function ValStore(api) {
     var _this = this;
@@ -723,4 +693,4 @@ function ValProvider(_ref) {
   });
 }
 
-export { ValContext, ValProvider as default, useValApi, useValStore };
+export { ValContext, ValProvider, useValApi, useValStore };

package/dist/{ValProvider-7364ec46.cjs.dev.js → ValProvider-f647e355.cjs.dev.js}

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var defineProperty = require('./defineProperty-c82a49b0.cjs.dev.js');
 var unsupportedIterableToArray = require('./unsupportedIterableToArray-9e97e24a.cjs.dev.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 
@@ -350,29 +351,13 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, defineProperty._toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -583,26 +568,11 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
   };
 }
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 var ValStore = /*#__PURE__*/function () {
   function ValStore(api) {
     var _this = this;
     _classCallCheck(this, ValStore);
-    _defineProperty(this, "subscribe", function (moduleId) {
+    defineProperty._defineProperty(this, "subscribe", function (moduleId) {
       return function (listener) {
         var listeners = _this.listeners[moduleId] = moduleId in _this.listeners ? _this.listeners[moduleId] : [];
         listeners.push(listener);
@@ -614,12 +584,12 @@ var ValStore = /*#__PURE__*/function () {
         };
       };
     });
-    _defineProperty(this, "getSnapshot", function (moduleId) {
+    defineProperty._defineProperty(this, "getSnapshot", function (moduleId) {
       return function () {
         return _this.vals.get(moduleId);
       };
     });
-    _defineProperty(this, "getServerSnapshot", function (moduleId) {
+    defineProperty._defineProperty(this, "getServerSnapshot", function (moduleId) {
       return function () {
         return _this.vals.get(moduleId);
       };
@@ -712,7 +682,7 @@ var ValContext = /*#__PURE__*/React__default["default"].createContext({
   }
 });
 var ValUI = typeof window !== "undefined" ? /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return require('./ValUI-371e9bf4.cjs.dev.js'); });
+  return Promise.resolve().then(function () { return require('./ValUI-334ef1d0.cjs.dev.js'); });
 }) : null;
 function ValProvider(_ref) {
   var _ref$host = _ref.host,
@@ -737,10 +707,9 @@ function ValProvider(_ref) {
 }
 
 exports.ValContext = ValContext;
+exports.ValProvider = ValProvider;
 exports._asyncToGenerator = _asyncToGenerator;
 exports._createForOfIteratorHelper = _createForOfIteratorHelper;
-exports._defineProperty = _defineProperty;
 exports._regeneratorRuntime = _regeneratorRuntime;
-exports["default"] = ValProvider;
 exports.useValApi = useValApi;
 exports.useValStore = useValStore;

package/dist/{ValUI-0fbdafd4.cjs.prod.js → ValUI-0c2671a7.cjs.prod.js}

@@ -1,7 +1,9 @@
 'use strict';
 
-var ValProvider = require('./ValProvider-e1d5ffbe.cjs.prod.js');
+var defineProperty = require('./defineProperty-36ed93cd.cjs.prod.js');
+var objectSpread2 = require('./objectSpread2-7b752a35.cjs.prod.js');
 var slicedToArray = require('./slicedToArray-0eb0bcdb.cjs.prod.js');
+var ValProvider = require('./ValProvider-74eef393.cjs.prod.js');
 var React = require('react');
 var ui = require('@valbuild/ui');
 var core = require('@valbuild/core');
@@ -9,28 +11,6 @@ var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-afbea1dd.cjs.prod.js');
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      ValProvider._defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-
 function ShadowContent(_ref) {
   var root = _ref.root,
     children = _ref.children;
@@ -45,10 +25,14 @@ var ShadowRoot = function ShadowRoot(_ref2) {
     setRoot = _useState2[1];
   React.useLayoutEffect(function () {
     if (node.current) {
-      var _root = node.current.attachShadow({
-        mode: "closed"
-      });
-      setRoot(_root);
+      if (node.current.shadowRoot) {
+        setRoot(node.current.shadowRoot);
+      } else {
+        var _root = node.current.attachShadow({
+          mode: "open"
+        });
+        setRoot(_root);
+      }
     }
   }, []);
   return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
@@ -278,7 +262,7 @@ function ValUI(_ref) {
             throw new Error("Unsupported module type: ".concat(serializedModule.schema.type));
           }
           setInputs(function (inputs) {
-            return _objectSpread2(_objectSpread2({}, inputs), {}, ValProvider._defineProperty({}, serializedModule.path, input));
+            return objectSpread2._objectSpread2(objectSpread2._objectSpread2({}, inputs), {}, defineProperty._defineProperty({}, serializedModule.path, input));
           });
         });
       };

package/dist/{ValUI-371e9bf4.cjs.dev.js → ValUI-334ef1d0.cjs.dev.js}

@@ -1,7 +1,9 @@
 'use strict';
 
-var ValProvider = require('./ValProvider-7364ec46.cjs.dev.js');
+var defineProperty = require('./defineProperty-c82a49b0.cjs.dev.js');
+var objectSpread2 = require('./objectSpread2-61fbd9a9.cjs.dev.js');
 var slicedToArray = require('./slicedToArray-b7cf26e0.cjs.dev.js');
+var ValProvider = require('./ValProvider-f647e355.cjs.dev.js');
 var React = require('react');
 var ui = require('@valbuild/ui');
 var core = require('@valbuild/core');
@@ -9,28 +11,6 @@ var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('./unsupportedIterableToArray-9e97e24a.cjs.dev.js');
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      ValProvider._defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-
 function ShadowContent(_ref) {
   var root = _ref.root,
     children = _ref.children;
@@ -45,10 +25,14 @@ var ShadowRoot = function ShadowRoot(_ref2) {
     setRoot = _useState2[1];
   React.useLayoutEffect(function () {
     if (node.current) {
-      var _root = node.current.attachShadow({
-        mode: "closed"
-      });
-      setRoot(_root);
+      if (node.current.shadowRoot) {
+        setRoot(node.current.shadowRoot);
+      } else {
+        var _root = node.current.attachShadow({
+          mode: "open"
+        });
+        setRoot(_root);
+      }
     }
   }, []);
   return /*#__PURE__*/ReactJSXRuntime.jsx("div", {
@@ -278,7 +262,7 @@ function ValUI(_ref) {
             throw new Error("Unsupported module type: ".concat(serializedModule.schema.type));
           }
           setInputs(function (inputs) {
-            return _objectSpread2(_objectSpread2({}, inputs), {}, ValProvider._defineProperty({}, serializedModule.path, input));
+            return objectSpread2._objectSpread2(objectSpread2._objectSpread2({}, inputs), {}, defineProperty._defineProperty({}, serializedModule.path, input));
           });
         });
       };

package/dist/{ValUI-51404232.browser.esm.js → ValUI-bb1d1ed6.browser.esm.js}

@@ -1,5 +1,7 @@
-import { _ as _defineProperty, a as _createForOfIteratorHelper, b as _asyncToGenerator, c as _regeneratorRuntime } from './ValProvider-c7a8476b.browser.esm.js';
+import { _ as _defineProperty } from './defineProperty-f319cb47.browser.esm.js';
+import { _ as _objectSpread2 } from './objectSpread2-30cc2856.browser.esm.js';
 import { _ as _slicedToArray, a as _typeof } from './slicedToArray-1a246338.browser.esm.js';
+import { _ as _createForOfIteratorHelper, a as _asyncToGenerator, b as _regeneratorRuntime } from './ValProvider-c677e164.browser.esm.js';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { Style, ValOverlay } from '@valbuild/ui';
 import { FILE_REF_PROP, VAL_EXTENSION, Internal } from '@valbuild/core';
@@ -7,28 +9,6 @@ import { createPortal } from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import './unsupportedIterableToArray-d3087ed5.browser.esm.js';
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-
 function ShadowContent(_ref) {
   var root = _ref.root,
     children = _ref.children;
@@ -43,10 +23,14 @@ var ShadowRoot = function ShadowRoot(_ref2) {
     setRoot = _useState2[1];
   useLayoutEffect(function () {
     if (node.current) {
-      var _root = node.current.attachShadow({
-        mode: "closed"
-      });
-      setRoot(_root);
+      if (node.current.shadowRoot) {
+        setRoot(node.current.shadowRoot);
+      } else {
+        var _root = node.current.attachShadow({
+          mode: "open"
+        });
+        setRoot(_root);
+      }
     }
   }, []);
   return /*#__PURE__*/jsx("div", {

package/dist/{ValUI-9a3eb570.esm.js → ValUI-bf82178a.esm.js}

@@ -1,5 +1,7 @@
-import { _ as _defineProperty, a as _createForOfIteratorHelper, b as _asyncToGenerator, c as _regeneratorRuntime } from './ValProvider-52f2fa13.esm.js';
+import { _ as _defineProperty } from './defineProperty-12b5bd29.esm.js';
+import { _ as _objectSpread2 } from './objectSpread2-d5a1fe1c.esm.js';
 import { _ as _slicedToArray, a as _typeof } from './slicedToArray-d846e1d2.esm.js';
+import { _ as _createForOfIteratorHelper, a as _asyncToGenerator, b as _regeneratorRuntime } from './ValProvider-2eb6c2f2.esm.js';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { Style, ValOverlay } from '@valbuild/ui';
 import { FILE_REF_PROP, VAL_EXTENSION, Internal } from '@valbuild/core';
@@ -7,28 +9,6 @@ import { createPortal } from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import './unsupportedIterableToArray-51bb61c2.esm.js';
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-
 function ShadowContent(_ref) {
   var root = _ref.root,
     children = _ref.children;
@@ -43,10 +23,14 @@ var ShadowRoot = function ShadowRoot(_ref2) {
     setRoot = _useState2[1];
   useLayoutEffect(function () {
     if (node.current) {
-      var _root = node.current.attachShadow({
-        mode: "closed"
-      });
-      setRoot(_root);
+      if (node.current.shadowRoot) {
+        setRoot(node.current.shadowRoot);
+      } else {
+        var _root = node.current.attachShadow({
+          mode: "open"
+        });
+        setRoot(_root);
+      }
     }
   }, []);
   return /*#__PURE__*/jsx("div", {

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { ValApi } from "./ValApi";
-import { ValStore } from "./ValStore";
+import { ValApi } from "./ValApi.js";
+import { ValStore } from "./ValStore.js";
 export declare function useValStore(): ValStore;
 export declare function useValApi(): ValApi;
 export type ValContext = {
@@ -12,4 +12,4 @@ export type ValProviderProps = {
     host?: string;
     children?: React.ReactNode;
 };
-export default function ValProvider({ host, children, }: ValProviderProps): JSX.Element;
+export declare function ValProvider({ host, children }: ValProviderProps): JSX.Element;