@webspatial/react-sdk 0.0.3 → 0.0.5

package/dist/{cjs/default → default}/index.js

@@ -5,7 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -29,8 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   CSSSpatialDiv: () => CSSSpatialDiv,
   CSSSpatialPrimitive: () => CSSSpatialPrimitive,
   Model: () => Model,
@@ -48,7 +47,7 @@ __export(src_exports, {
   withCSSSpatial: () => withCSSSpatial,
   withSpatial: () => withSpatial
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/spatial-react-components/SpatialPrimitive.tsx
 var import_react11 = require("react");
@@ -199,7 +198,7 @@ var import_core_sdk = require("@webspatial/core-sdk");
 var spatial = null;
 var _currentSession = null;
 function getSession() {
-  if (false) return null;
+  if ("false") return null;
   if (!spatial) {
     spatial = new import_core_sdk.Spatial();
   }
@@ -212,15 +211,13 @@ function getSession() {
   _currentSession = spatial.requestSession();
   return _currentSession;
 }
-__name(getSession, "getSession");
 
 // src/utils/debugTool.ts
 async function getStat() {
-  if (false) return;
+  if ("false") return;
   const statsInfo = await getSession()._getStats();
   return statsInfo;
 }
-__name(getStat, "getStat");
 function simplifyEntityTree(rootTree) {
   const rootEntity = Object.values(rootTree.childEntities)[0];
   function traverseTree(node, parent, callback) {
@@ -232,7 +229,6 @@ function simplifyEntityTree(rootTree) {
       });
     }
   }
-  __name(traverseTree, "traverseTree");
   let rootNode;
   const nodeMap = {};
   function visitNode(node, parent) {
@@ -258,12 +254,10 @@ function simplifyEntityTree(rootTree) {
       parentNode.children.push(newNode);
     }
   }
-  __name(visitNode, "visitNode");
   traverseTree(rootEntity, null, visitNode);
   console.log("rootNode", rootNode);
   return rootNode;
 }
-__name(simplifyEntityTree, "simplifyEntityTree");
 async function inspectRootWindowContainer(simple) {
   const rootWindowContainerInfo = await getSession()._inspectRootWindowContainer();
   console.log(rootWindowContainerInfo);
@@ -272,9 +266,8 @@ async function inspectRootWindowContainer(simple) {
   }
   return rootWindowContainerInfo;
 }
-__name(inspectRootWindowContainer, "inspectRootWindowContainer");
 function enableDebugTool() {
-  if (false) return;
+  if ("false") return;
   const session = getSession();
   Object.assign(window, {
     session,
@@ -282,7 +275,6 @@ function enableDebugTool() {
     inspectRootWindowContainer
   });
 }
-__name(enableDebugTool, "enableDebugTool");
 
 // src/spatial-react-components/SpatialReactComponent/StandardInstance.tsx
 var import_react4 = require("react");
@@ -293,7 +285,6 @@ function useForceUpdate() {
   const [, setToggle] = (0, import_react.useState)(false);
   return () => setToggle((toggle) => !toggle);
 }
-__name(useForceUpdate, "useForceUpdate");
 
 // src/spatial-react-components/SpatialReactComponent/SpatialIsStandardInstanceContext.ts
 var import_react2 = require("react");
@@ -309,9 +300,6 @@ var SpatialID = "data-spatial-id";
 
 // src/spatial-react-components/SpatialReactComponent/SpatialReactContext.ts
 var SpatialReactContextObject = class {
-  static {
-    __name(this, "SpatialReactContextObject");
-  }
   debugName;
   constructor(debugName) {
     this.debugName = debugName;
@@ -433,9 +421,9 @@ function useDetectDomRectChange() {
       );
       return;
     }
-    const handleResize = /* @__PURE__ */ __name(() => {
+    const handleResize = () => {
       forceUpdate();
-    }, "handleResize");
+    };
     window.addEventListener("resize", handleResize);
     return () => {
       window.removeEventListener("resize", handleResize);
@@ -472,7 +460,6 @@ function useDetectDomRectChange() {
   }, []);
   return ref;
 }
-__name(useDetectDomRectChange, "useDetectDomRectChange");
 var StandardInstance = (0, import_react4.forwardRef)(function(inProps, refIn) {
   const { El, style: inStyle, debugShowStandardInstance, ...props } = inProps;
   const extraStyle = {
@@ -512,9 +499,6 @@ var import_react6 = require("react");
 
 // src/spatial-react-components/SpatialReactComponent/SpatialWindowManager.ts
 var SpatialWindowManager = class {
-  static {
-    __name(this, "SpatialWindowManager");
-  }
   initPromise;
   entity;
   webview;
@@ -523,7 +507,7 @@ var SpatialWindowManager = class {
     this.entity?._setName(debugName);
   }
   async initInternal(url) {
-    if (false) return;
+    if ("false") return;
     this.entity = await getSession().createEntity();
     this.webview = await getSession().createWindowComponent();
     await this.webview.loadURL(url);
@@ -536,7 +520,7 @@ var SpatialWindowManager = class {
     await this.entity.setParent(ent);
   }
   async initInternalFromWindow(parentSpatialWindowManager) {
-    if (false) return;
+    if ("false") return;
     var w = await getSession().createWindowContext();
     this.window = w;
     this.entity = await getSession().createEntity();
@@ -631,7 +615,6 @@ function usePortalContainer(options) {
       spatialWindowManagerRef.current = windowMgr;
       forceUpdate();
     }
-    __name(asyncCreatePortalContainer, "asyncCreatePortalContainer");
     if (isStandard !== true) {
       asyncCreatePortalContainer();
     }
@@ -646,7 +629,6 @@ function usePortalContainer(options) {
   }, []);
   return [spatialWindowManagerRef.current];
 }
-__name(usePortalContainer, "usePortalContainer");
 
 // src/spatial-react-components/SpatialReactComponent/utils.ts
 function getInheritedStyleProps(computedStyle) {
@@ -705,7 +687,6 @@ function getInheritedStyleProps(computedStyle) {
   }
   return props;
 }
-__name(getInheritedStyleProps, "getInheritedStyleProps");
 function domRect2rectType(from) {
   return {
     x: from.x,
@@ -714,7 +695,6 @@ function domRect2rectType(from) {
     height: from.height
   };
 }
-__name(domRect2rectType, "domRect2rectType");
 function parseTransformOrigin(computedStyle) {
   const transformOriginProperty = computedStyle.getPropertyValue("transform-origin");
   const [x, y] = transformOriginProperty.split(" ").map(parseFloat);
@@ -726,7 +706,6 @@ function parseTransformOrigin(computedStyle) {
     z: 0.5
   };
 }
-__name(parseTransformOrigin, "parseTransformOrigin");
 function parseBorderRadius(borderProperty, width) {
   if (borderProperty === "") {
     return 0;
@@ -736,7 +715,6 @@ function parseBorderRadius(borderProperty, width) {
   }
   return parseFloat(borderProperty);
 }
-__name(parseBorderRadius, "parseBorderRadius");
 function parseCornerRadius(computedStyle) {
   const width = parseFloat(computedStyle.getPropertyValue("width"));
   const topLeftPropertyValue = computedStyle.getPropertyValue(
@@ -759,7 +737,6 @@ function parseCornerRadius(computedStyle) {
   };
   return cornerRadius;
 }
-__name(parseCornerRadius, "parseCornerRadius");
 
 // src/spatial-react-components/SpatialReactComponent/SpatialDebugNameContext.ts
 var import_react7 = require("react");
@@ -794,13 +771,11 @@ function renderJSXPortalInstance(inProps, elWidth, elHeight, inheritedPortalStyl
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(El, { style, className, ...props });
 }
-__name(renderJSXPortalInstance, "renderJSXPortalInstance");
 function setOpenWindowStyle(openedWindow) {
   openedWindow.document.documentElement.style.cssText += document.documentElement.style.cssText;
   openedWindow.document.documentElement.style.backgroundColor = "transparent";
   openedWindow.document.body.style.margin = "0px";
 }
-__name(setOpenWindowStyle, "setOpenWindowStyle");
 function handleOpenWindowDocumentClick(openedWindow) {
   openedWindow.document.onclick = function(e) {
     let element = e.target;
@@ -820,7 +795,6 @@ function handleOpenWindowDocumentClick(openedWindow) {
     }
   };
 }
-__name(handleOpenWindowDocumentClick, "handleOpenWindowDocumentClick");
 function asyncLoadStyleToChildWindow(childWindow, n, debugName) {
   return new Promise((resolve) => {
     n.href += "?uniqueURL=" + Math.random();
@@ -838,7 +812,6 @@ function asyncLoadStyleToChildWindow(childWindow, n, debugName) {
     childWindow.document.head.appendChild(n);
   });
 }
-__name(asyncLoadStyleToChildWindow, "asyncLoadStyleToChildWindow");
 async function syncParentHeadToChild(childWindow, debugName) {
   const styleLoadedPromises = [];
   for (let i = document.head.children.length - 1; i >= 0; i--) {
@@ -859,7 +832,6 @@ async function syncParentHeadToChild(childWindow, debugName) {
   }
   return Promise.all(styleLoadedPromises);
 }
-__name(syncParentHeadToChild, "syncParentHeadToChild");
 async function syncHeaderStyle(openedWindow, debugName) {
   await syncParentHeadToChild(openedWindow, debugName);
   const headObserver = new MutationObserver((mutations) => {
@@ -868,15 +840,13 @@ async function syncHeaderStyle(openedWindow, debugName) {
   headObserver.observe(document.head, { childList: true, subtree: true });
   return headObserver;
 }
-__name(syncHeaderStyle, "syncHeaderStyle");
 function syncDefaultSpatialStyle(openedWindow, debugName) {
   const styleElement = document.createElement("style");
   styleElement.type = "text/css";
   styleElement.innerHTML = " .xr-spatial-default {  --xr-back: 0.001; --xr-background-material: none  } ";
   openedWindow.document.head.appendChild(styleElement);
 }
-__name(syncDefaultSpatialStyle, "syncDefaultSpatialStyle");
-function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity) {
+function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, cornerRadiusFromStyle, opacity, stylePosition) {
   let { allowScroll, scrollWithParent, style, spatialStyle = {} } = props;
   let {
     position = { x: 0, y: 0, z: 1 },
@@ -886,7 +856,6 @@ function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, corne
     cornerRadius = cornerRadiusFromStyle,
     zIndex = 0
   } = spatialStyle;
-  let stylePosition = style?.position;
   let styleOverflow = style?.overflow;
   const visible = (0, import_react8.useMemo)(() => {
     return spatialStyle.visible !== false && domRect.width > 0 && domRect.height > 0;
@@ -1004,7 +973,6 @@ function useSyncSpatialProps(spatialWindowManager, props, domRect, anchor, corne
     }
   }, [spatialWindowManager, domRect.width]);
 }
-__name(useSyncSpatialProps, "useSyncSpatialProps");
 function useSyncDomRect(spatialId) {
   const [domRect, setDomRect] = (0, import_react8.useState)({
     x: 0,
@@ -1028,7 +996,7 @@ function useSyncDomRect(spatialId) {
   const spatialReactContextObject = (0, import_react8.useContext)(SpatialReactContext);
   const inheritedPortalClassNameRef = (0, import_react8.useRef)("");
   (0, import_react8.useEffect)(() => {
-    const syncDomRect = /* @__PURE__ */ __name(() => {
+    const syncDomRect = () => {
       const dom = spatialReactContextObject?.querySpatialDom(spatialId);
       if (!dom) {
         return;
@@ -1052,7 +1020,7 @@ function useSyncDomRect(spatialId) {
       opacityRef.current = opacity;
       inheritedPortalClassNameRef.current = dom.className;
       setDomRect(rectType);
-    }, "syncDomRect");
+    };
     spatialReactContextObject?.onDomChange(spatialId, syncDomRect);
     return () => {
       spatialReactContextObject?.offDomChange(spatialId);
@@ -1067,7 +1035,6 @@ function useSyncDomRect(spatialId) {
     className: inheritedPortalClassNameRef.current
   };
 }
-__name(useSyncDomRect, "useSyncDomRect");
 function PortalInstance(inProps) {
   const { allowScroll, scrollWithParent, spatialStyle, isSubPortal, ...props } = inProps;
   const debugName = (0, import_react8.useContext)(SpatialDebugNameContext);
@@ -1117,7 +1084,8 @@ function PortalInstance(inProps) {
     domRect,
     anchor,
     cornerRadius,
-    opacity
+    opacity,
+    inheritedPortalStyle.position
   );
   const JSXPortalInstance = renderJSXPortalInstance(
     props,
@@ -1126,7 +1094,7 @@ function PortalInstance(inProps) {
     inheritedPortalStyle,
     className
   );
-  const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute";
+  const needRenderPlaceHolder = isSubPortal && inheritedPortalStyle.position !== "absolute" && inheritedPortalStyle.position !== "fixed";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SpatialWindowManagerContext.Provider, { value: spatialWindowManager, children: [
     needRenderPlaceHolder && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "div",
@@ -1145,7 +1113,6 @@ function PortalInstance(inProps) {
     )
   ] });
 }
-__name(PortalInstance, "PortalInstance");
 PortalInstance.displayName = "PortalInstance";
 
 // src/spatial-react-components/SpatialReactComponent/SpatialLayerContext.ts
@@ -1170,13 +1137,11 @@ function parseProps(inProps) {
   const debugDesc = { debugName, debugShowStandardInstance };
   return { componentDesc, spatialDesc, debugDesc, props };
 }
-__name(parseProps, "parseProps");
 function renderWebReactComponent(inProps, ref) {
   const { componentDesc, props } = parseProps(inProps);
   const { El } = componentDesc;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(El, { ...props, ref });
 }
-__name(renderWebReactComponent, "renderWebReactComponent");
 function renderSpatialReactComponent(inProps, ref) {
   const { componentDesc, spatialDesc, debugDesc, props } = parseProps(inProps);
   const standardInstanceProps = {
@@ -1198,7 +1163,6 @@ function renderSpatialReactComponent(inProps, ref) {
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PortalInstance, { isSubPortal: false, ...portalInstanceProps })
   ] });
 }
-__name(renderSpatialReactComponent, "renderSpatialReactComponent");
 function renderSubPortalInstance(inProps) {
   const { componentDesc, spatialDesc, props } = parseProps(inProps);
   const portalInstanceProps = {
@@ -1208,7 +1172,6 @@ function renderSubPortalInstance(inProps) {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PortalInstance, { isSubPortal: true, ...portalInstanceProps });
 }
-__name(renderSubPortalInstance, "renderSubPortalInstance");
 function SpatialReactComponentRefactor(inProps, ref) {
   const layer = (0, import_react10.useContext)(SpatialLayerContext) + 1;
   const parentSpatialReactContextObject = (0, import_react10.useContext)(SpatialReactContext);
@@ -1225,7 +1188,6 @@ function SpatialReactComponentRefactor(inProps, ref) {
   const contentInLayer = renderContentInLayer(props, ref);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpatialDebugNameContext.Provider, { value: inProps.debugName || "", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpatialLayerContext.Provider, { value: layer, children: contentInLayer }) });
 }
-__name(SpatialReactComponentRefactor, "SpatialReactComponentRefactor");
 function renderContentInLayer(inProps, ref) {
   const isInStandardInstance = (0, import_react10.useContext)(SpatialIsStandardInstanceContext);
   const isWebSpatialEnv = getSession() !== null;
@@ -1240,7 +1202,6 @@ function renderContentInLayer(inProps, ref) {
     }
   }
 }
-__name(renderContentInLayer, "renderContentInLayer");
 var SpatialReactComponent = (0, import_react10.forwardRef)(SpatialReactComponentRefactor);
 SpatialReactComponent.displayName = "SpatialReactComponent";
 
@@ -1270,13 +1231,12 @@ function withSpatial(Component) {
     return WithSpatialComponent;
   }
 }
-__name(withSpatial, "withSpatial");
 var SpatialPrimitive = {};
-(/* @__PURE__ */ __name(function createSpatialPrimitive(SpatialPrimitive2) {
+(function createSpatialPrimitive(SpatialPrimitive2) {
   primitives.forEach((primitive) => {
     SpatialPrimitive2[primitive] = withSpatial(primitive);
   });
-}, "createSpatialPrimitive"))(SpatialPrimitive);
+})(SpatialPrimitive);
 var SpatialDiv = SpatialPrimitive.div;
 
 // src/spatial-react-components/hooks/useMonitorDomChange.tsx
@@ -1290,7 +1250,6 @@ function notifyUpdateStandInstanceLayout() {
     })
   );
 }
-__name(notifyUpdateStandInstanceLayout, "notifyUpdateStandInstanceLayout");
 function notifyDOMUpdate(mutationsList) {
   document.dispatchEvent(
     new CustomEvent("domUpdated" /* domUpdated */, {
@@ -1298,7 +1257,6 @@ function notifyDOMUpdate(mutationsList) {
     })
   );
 }
-__name(notifyDOMUpdate, "notifyDOMUpdate");
 
 // src/spatial-react-components/hooks/useMonitorDomChange.tsx
 function useMonitorDomChange() {
@@ -1320,7 +1278,6 @@ function useMonitorDomChange() {
   }, []);
   return ref;
 }
-__name(useMonitorDomChange, "useMonitorDomChange");
 
 // src/spatial-react-components/hooks/useMonitorDocumentHeaderChange.tsx
 var import_react13 = require("react");
@@ -1340,7 +1297,6 @@ function useMonitorDocumentHeaderChange() {
     };
   }, []);
 }
-__name(useMonitorDocumentHeaderChange, "useMonitorDocumentHeaderChange");
 
 // src/spatial-react-components/SpatialMonitor.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1354,7 +1310,6 @@ function SpatialMonitor(props) {
     " "
   ] });
 }
-__name(SpatialMonitor, "SpatialMonitor");
 
 // src/spatial-react-components/CSSSpatialDiv/CSSSpatialDiv.tsx
 var import_react20 = require("react");
@@ -1401,12 +1356,10 @@ function parse2dMatrix(transformDataArray) {
   );
   return matrix4;
 }
-__name(parse2dMatrix, "parse2dMatrix");
 function parse3dMatrix(transformDataArray) {
   const matrix4 = new import_Matrix4.Matrix4().fromArray(transformDataArray);
   return matrix4;
 }
-__name(parse3dMatrix, "parse3dMatrix");
 function parseTransform(computedStyle) {
   let transform = computedStyle.getPropertyValue("transform");
   const matrixFlagString = "matrix(";
@@ -1425,9 +1378,8 @@ function parseTransform(computedStyle) {
     }
   }
 }
-__name(parseTransform, "parseTransform");
 function parseBack(computedStyle) {
-  let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative";
+  let useBackProperty = computedStyle.position === "absolute" || computedStyle.position === "relative" || computedStyle.position === "fixed";
   if (!useBackProperty) return new import_Matrix4.Matrix4();
   let backProperty = computedStyle.getPropertyValue(SpatialCustomVars.back);
   let back = void 0;
@@ -1437,7 +1389,6 @@ function parseBack(computedStyle) {
   }
   return new import_Matrix4.Matrix4().makeTranslation(0, 0, back || 1);
 }
-__name(parseBack, "parseBack");
 function parseSpatialStyle(node) {
   const computedStyle = getComputedStyle(node);
   const mat4ForBack = parseBack(computedStyle);
@@ -1469,7 +1420,6 @@ function parseSpatialStyle(node) {
     visible
   };
 }
-__name(parseSpatialStyle, "parseSpatialStyle");
 function useSpatialStyle() {
   const ref = (0, import_react14.useRef)(null);
   const [spatialStyle, setSpatialStyle] = (0, import_react14.useState)({
@@ -1533,8 +1483,7 @@ function useSpatialStyle() {
       }
       return false;
     }
-    __name(isDescendant, "isDescendant");
-    const onDomUpdated = /* @__PURE__ */ __name((event) => {
+    const onDomUpdated = (event) => {
       const mutationsList = event.detail;
       const spatialReactComponentDiv = ref.current.previousElementSibling;
       const targets = mutationsList.map((m) => m.target).filter(
@@ -1543,7 +1492,7 @@ function useSpatialStyle() {
       if (targets.length > 0) {
         checkSpatialStyleUpdate();
       }
-    }, "onDomUpdated");
+    };
     document.addEventListener(
       "domUpdated" /* domUpdated */,
       onDomUpdated
@@ -1557,7 +1506,6 @@ function useSpatialStyle() {
   }, []);
   return { ref, ready, spatialStyle };
 }
-__name(useSpatialStyle, "useSpatialStyle");
 
 // src/spatial-react-components/CSSSpatialDiv/CSSSpatialDebugNameContext.ts
 var import_react15 = require("react");
@@ -1577,7 +1525,6 @@ function injectClassStyle() {
   `;
   document.head.prepend(style);
 }
-__name(injectClassStyle, "injectClassStyle");
 injectClassStyle();
 
 // src/spatial-react-components/CSSSpatialDiv/utils.ts
@@ -1598,18 +1545,15 @@ function extractAndRemoveCustomProperties(cssText, properties) {
   const filteredCssText = filteredRules.join(";").trim();
   return { extractedValues, filteredCssText };
 }
-__name(extractAndRemoveCustomProperties, "extractAndRemoveCustomProperties");
 function joinToCSSText(cssKV) {
   const rules = Object.entries(cssKV).map(([key, value]) => `${key}: ${value}`);
   return rules.join(";");
 }
-__name(joinToCSSText, "joinToCSSText");
 
 // src/spatial-react-components/CSSSpatialDiv/useHijackSpatialDivRef.ts
 function makeOriginalKey(key) {
   return `__original_${key}`;
 }
-__name(makeOriginalKey, "makeOriginalKey");
 function useHijackSpatialDivRef(refIn, cssParserRef) {
   const ref = cssParserRef;
   const spatialDivRef = (0, import_react16.useCallback)(
@@ -1725,9 +1669,9 @@ function useHijackSpatialDivRef(refIn, cssParserRef) {
             return result;
           };
         });
-        const __getComputedStyle = /* @__PURE__ */ __name((originalGetComputedStyle, pseudoElt) => {
+        const __getComputedStyle = (originalGetComputedStyle, pseudoElt) => {
           return originalGetComputedStyle(domElement, pseudoElt);
-        }, "__getComputedStyle");
+        };
         const proxyDomElement = new Proxy(domElement, {
           get(target, prop) {
             if (prop === "style") {
@@ -1787,7 +1731,6 @@ function useHijackSpatialDivRef(refIn, cssParserRef) {
   );
   return spatialDivRef;
 }
-__name(useHijackSpatialDivRef, "useHijackSpatialDivRef");
 
 // src/spatial-react-components/CSSSpatialDiv/CSSSpatialLayerContext.ts
 var import_react17 = require("react");
@@ -1797,9 +1740,6 @@ var CSSSpatialLayerContext = (0, import_react17.createContext)(0);
 var import_react18 = require("react");
 var CSSSpatialID = "CSSSpatialID";
 var CSSSpatialRootContextObject = class {
-  static {
-    __name(this, "CSSSpatialRootContextObject");
-  }
   prefix = "css";
   domSpatialId = null;
   fns = {};
@@ -1854,6 +1794,7 @@ function renderRootCSSSpatialComponent(inProps, refIn) {
     ...style,
     width: 0,
     height: 0,
+    padding: 0,
     transition: "none"
   };
   const spatialDivStyle = {
@@ -1883,16 +1824,15 @@ function renderRootCSSSpatialComponent(inProps, refIn) {
         style: divRefStyle,
         className: divRefClassName,
         ...props,
-        ref
+        ref,
+        "data-cssparser": true
       }
     )
   ] });
 }
-__name(renderRootCSSSpatialComponent, "renderRootCSSSpatialComponent");
 function renderInWebEnv(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpatialReactComponent, { ...props, ref });
 }
-__name(renderInWebEnv, "renderInWebEnv");
 function renderInStandardInstance(cssSpatialRootContextObject, cssSpatialID, inProps, refIn) {
   const { style: inStyle = {}, ...props } = inProps;
   const style = {
@@ -1903,9 +1843,9 @@ function renderInStandardInstance(cssSpatialRootContextObject, cssSpatialID, inP
   var cssParserRef = (0, import_react19.useRef)(null);
   const spatialDivRef = useHijackSpatialDivRef(refIn, cssParserRef);
   (0, import_react19.useEffect)(() => {
-    const onDomChangeAction = /* @__PURE__ */ __name((dom) => {
+    const onDomChangeAction = (dom) => {
       cssParserRef.current = dom;
-    }, "onDomChangeAction");
+    };
     cssSpatialRootContextObject.onDomChange(cssSpatialID, onDomChangeAction);
     return () => {
       cssSpatialRootContextObject.offDomChange(cssSpatialID, onDomChangeAction);
@@ -1913,7 +1853,6 @@ function renderInStandardInstance(cssSpatialRootContextObject, cssSpatialID, inP
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpatialReactComponent, { style, ...props, ref: spatialDivRef });
 }
-__name(renderInStandardInstance, "renderInStandardInstance");
 function renderInPortalInstance(cssSpatialRootContextObject, cssSpatialID, inProps) {
   const {
     style = {},
@@ -1928,6 +1867,7 @@ function renderInPortalInstance(cssSpatialRootContextObject, cssSpatialID, inPro
     ...style,
     width: 0,
     height: 0,
+    padding: 0,
     transition: "none"
   };
   const spatialDivStyle = {
@@ -1963,10 +1903,9 @@ function renderInPortalInstance(cssSpatialRootContextObject, cssSpatialID, inPro
     )
   ] });
 }
-__name(renderInPortalInstance, "renderInPortalInstance");
 function CSSSpatialComponentBase(inProps, ref) {
   const { [CSSSpatialID]: cssSpatialID, ...props } = inProps;
-  const isWebEnv = !getSession();
+  const isWebEnv = "false";
   if (isWebEnv) {
     return renderInWebEnv(props, ref);
   } else {
@@ -1994,7 +1933,6 @@ function CSSSpatialComponentBase(inProps, ref) {
     }
   }
 }
-__name(CSSSpatialComponentBase, "CSSSpatialComponentBase");
 var CSSSpatialComponentBaseWithRef = (0, import_react19.forwardRef)(CSSSpatialComponentBase);
 function CSSSpatialComponentWithRef(inProps, ref) {
   const layer = (0, import_react19.useContext)(CSSSpatialLayerContext) + 1;
@@ -2011,7 +1949,6 @@ function CSSSpatialComponentWithRef(inProps, ref) {
   const props = { ...inProps, [CSSSpatialID]: cssSpatialID };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CSSSpatialDebugNameContext.Provider, { value: inProps.debugName || "", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CSSSpatialLayerContext.Provider, { value: layer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CSSSpatialComponentBaseWithRef, { ...props, ref }) }) });
 }
-__name(CSSSpatialComponentWithRef, "CSSSpatialComponentWithRef");
 var CSSSpatialComponent = (0, import_react19.forwardRef)(CSSSpatialComponentWithRef);
 
 // src/spatial-react-components/CSSSpatialDiv/CSSSpatialDiv.tsx
@@ -2049,22 +1986,21 @@ function withCSSSpatial(Component) {
     return WithCSSSpatialComponent;
   }
 }
-__name(withCSSSpatial, "withCSSSpatial");
 var CSSSpatialPrimitive = {};
-(/* @__PURE__ */ __name(function createSpatialPrimitive2(CSSSpatialPrimitive2) {
+(function createSpatialPrimitive2(CSSSpatialPrimitive2) {
   primitives.forEach((primitive) => {
     CSSSpatialPrimitive2[primitive] = withCSSSpatial(primitive);
   });
-}, "createSpatialPrimitive"))(CSSSpatialPrimitive);
+})(CSSSpatialPrimitive);
 var CSSSpatialDiv = CSSSpatialPrimitive.div;
 
 // src/spatial-react-components/SpatialView.tsx
 var import_core_sdk2 = require("@webspatial/core-sdk");
 var import_react21 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var runAsync = /* @__PURE__ */ __name((fn) => {
+var runAsync = (fn) => {
   return fn();
-}, "runAsync");
+};
 var SpatialViewEl = (0, import_react21.forwardRef)(
   (props, ref) => {
     const divRef = (0, import_react21.useRef)(null);
@@ -2072,18 +2008,18 @@ var SpatialViewEl = (0, import_react21.forwardRef)(
     const activePromise = (0, import_react21.useRef)(null);
     (0, import_react21.useImperativeHandle)(ref, () => ({
       ...divRef.current,
-      getViewEntity: /* @__PURE__ */ __name(async () => {
+      getViewEntity: async () => {
         if (activePromise.current) {
           await activePromise.current;
         }
         return spatialEntity.current;
-      }, "getViewEntity")
+      }
     }));
     if (getSession() == null) {
       return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: divRef, ...props, children: "WebSpatial is not supported in this browser" });
     }
     (0, import_react21.useEffect)(() => {
-      if (false) return;
+      if ("false") return;
       activePromise.current = runAsync(async () => {
         if (activePromise.current) {
           await activePromise.current;
@@ -2096,7 +2032,7 @@ var SpatialViewEl = (0, import_react21.forwardRef)(
         }
       });
       return () => {
-        if (false) return;
+        if ("false") return;
         runAsync(async () => {
           await activePromise.current;
           spatialEntity.current?.destroy();
@@ -2154,7 +2090,6 @@ function useDetectLayoutDomUpdated(onDomUpdated) {
   }, []);
   return ref;
 }
-__name(useDetectLayoutDomUpdated, "useDetectLayoutDomUpdated");
 
 // src/spatial-react-components/Model3D/useModel3DNative.ts
 var import_react23 = require("react");
@@ -2175,7 +2110,6 @@ function PopulatePartialSpatialTransformType(spatialTransform = {}) {
     scale: { x: sx, y: sy, z: sz }
   };
 }
-__name(PopulatePartialSpatialTransformType, "PopulatePartialSpatialTransformType");
 function getAbsoluteURL(url) {
   if (!url) {
     return "";
@@ -2185,13 +2119,9 @@ function getAbsoluteURL(url) {
   }
   return `${location.origin}${url}`;
 }
-__name(getAbsoluteURL, "getAbsoluteURL");
 
 // src/spatial-react-components/Model3D/Model3DNative.ts
 var Model3DNative = class {
-  static {
-    __name(this, "Model3DNative");
-  }
   constructor(parentEntity) {
     this.parentEntity = parentEntity;
   }
@@ -2215,7 +2145,7 @@ var Model3DNative = class {
     return this.initPromise;
   }
   async initInternal(modelUrl, onSuccess, onFailure) {
-    if (false) return;
+    if ("false") return;
     var session = getSession();
     if (!session) {
       return;
@@ -2449,7 +2379,6 @@ function useModel3DNative(modelUrl, parentEntity, eventHandlers = {}, onModel3DN
   }, [model3DNativeRef.current, eventHandlers.onLongPress]);
   return { model3DNativeRef, phase, failureReason };
 }
-__name(useModel3DNative, "useModel3DNative");
 
 // src/spatial-react-components/Model3D/Model3DNotInSpatialDiv.tsx
 var import_react24 = require("react");
@@ -2692,7 +2621,6 @@ function renderModel3DNotInSpatialDiv(props, refIn) {
   }, [modelUrl]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className, style: layoutDomStyle, ref: proxyRef, children: phase === "failure" && children });
 }
-__name(renderModel3DNotInSpatialDiv, "renderModel3DNotInSpatialDiv");
 
 // src/spatial-react-components/Model3D/Model3DStandardInstance.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -2712,7 +2640,6 @@ function renderModel3DStandardInstance(spatialId, props, refIn) {
     }
   );
 }
-__name(renderModel3DStandardInstance, "renderModel3DStandardInstance");
 
 // src/spatial-react-components/Model3D/Model3DPortalInstance.tsx
 var import_react26 = require("react");
@@ -2737,7 +2664,7 @@ function useSyncDomInfoFromStandardInstance(spatialId) {
   const inheritedPortalClassNameRef = (0, import_react25.useRef)("");
   const modelRef = (0, import_react25.useRef)(null);
   (0, import_react25.useEffect)(() => {
-    const syncDomRect = /* @__PURE__ */ __name(() => {
+    const syncDomRect = () => {
       const dom = spatialReactContextObject?.querySpatialDom(spatialId);
       if (!dom) {
         return;
@@ -2760,7 +2687,7 @@ function useSyncDomInfoFromStandardInstance(spatialId) {
       opacityRef.current = opacity;
       inheritedPortalClassNameRef.current = dom.className;
       setDomRect(rectType);
-    }, "syncDomRect");
+    };
     spatialReactContextObject?.onDomChange(spatialId, syncDomRect);
     return () => {
       spatialReactContextObject?.offDomChange(spatialId);
@@ -2775,7 +2702,6 @@ function useSyncDomInfoFromStandardInstance(spatialId) {
     className: inheritedPortalClassNameRef.current
   };
 }
-__name(useSyncDomInfoFromStandardInstance, "useSyncDomInfoFromStandardInstance");
 
 // src/spatial-react-components/Model3D/Model3DPortalInstance.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -2857,7 +2783,6 @@ function useModelEvents(props, modelRef) {
     onLongPress: onLongPressCb
   };
 }
-__name(useModelEvents, "useModelEvents");
 function renderModel3DPortalInstance(spatialId, props) {
   const {
     style: _,
@@ -2999,7 +2924,6 @@ function renderModel3DPortalInstance(spatialId, props) {
     );
   }
 }
-__name(renderModel3DPortalInstance, "renderModel3DPortalInstance");
 
 // src/spatial-react-components/Model3D/Model3D.tsx
 function Model3DBase(props, refIn) {
@@ -3024,7 +2948,6 @@ function Model3DBase(props, refIn) {
     return renderModel3DNotInSpatialDiv(props, refIn);
   }
 }
-__name(Model3DBase, "Model3DBase");
 var Model3D = (0, import_react27.forwardRef)(Model3DBase);
 Model3D.displayName = "Model3D";
 
@@ -3038,7 +2961,8 @@ function renderCSSModel3DNotInSpatialDiv(inProps, refIn) {
   const cssParserDomStyle = {
     ...style,
     width: 0,
-    height: 0
+    height: 0,
+    padding: 0
   };
   const { ref: cssParserDomRef, spatialStyle, ready } = useSpatialStyle();
   const ref = useHijackSpatialDivRef(
@@ -3077,7 +3001,6 @@ function renderCSSModel3DNotInSpatialDiv(inProps, refIn) {
     )
   ] });
 }
-__name(renderCSSModel3DNotInSpatialDiv, "renderCSSModel3DNotInSpatialDiv");
 
 // src/spatial-react-components/Model3D/CSSModel3DStandardInstance.tsx
 var import_react28 = require("react");
@@ -3096,9 +3019,9 @@ function renderCSSModel3DStandardInstance(spatialId, inProps, refIn) {
   );
   const rootSpatialReactContextObject = (0, import_react28.useContext)(SpatialReactContext);
   (0, import_react28.useEffect)(() => {
-    const onSubEvent = /* @__PURE__ */ __name((dom) => {
+    const onSubEvent = (dom) => {
       cssParserRef.current = dom;
-    }, "onSubEvent");
+    };
     rootSpatialReactContextObject.onSubDivEvent(spatialId, onSubEvent);
     return () => {
       rootSpatialReactContextObject.offSubDivEvent(spatialId);
@@ -3106,7 +3029,6 @@ function renderCSSModel3DStandardInstance(spatialId, inProps, refIn) {
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Model3D, { style, ...props, ref, visible: true });
 }
-__name(renderCSSModel3DStandardInstance, "renderCSSModel3DStandardInstance");
 
 // src/spatial-react-components/Model3D/CSSModel3DPortalInstance.tsx
 var import_react29 = require("react");
@@ -3127,7 +3049,8 @@ function renderCSSModel3DPortalInstance(spatialId, inProps) {
   const cssParserDomStyle = {
     ...style,
     width: 0,
-    height: 0
+    height: 0,
+    padding: 0
   };
   const model3DStyle = {
     ...style,
@@ -3147,7 +3070,6 @@ function renderCSSModel3DPortalInstance(spatialId, inProps) {
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className, style: cssParserDomStyle, ref })
   ] });
 }
-__name(renderCSSModel3DPortalInstance, "renderCSSModel3DPortalInstance");
 
 // src/spatial-react-components/Model3D/CSSModel3D.tsx
 function CSSModel3DBase(props, refIn) {
@@ -3172,7 +3094,6 @@ function CSSModel3DBase(props, refIn) {
     return renderCSSModel3DNotInSpatialDiv(props, refIn);
   }
 }
-__name(CSSModel3DBase, "CSSModel3DBase");
 var CSSModel3D = (0, import_react30.forwardRef)(CSSModel3DBase);
 CSSModel3D.displayName = "CSSModel3D";
 
@@ -3187,7 +3108,6 @@ function renderInModel3D(inProps, ref, modelUrl, placeHolder) {
     " "
   ] });
 }
-__name(renderInModel3D, "renderInModel3D");
 function parseChildren(child) {
   if (child === void 0) {
     throw new Error("children with <source> required  ");
@@ -3216,7 +3136,6 @@ function parseChildren(child) {
     usdzSourceURL: getAbsoluteURL(usdzSourceURL)
   };
 }
-__name(parseChildren, "parseChildren");
 function ModelBase(inProps, ref) {
   const { children, ...props } = inProps;
   const { placeHolder, gltfSourceURL, usdzSourceURL } = (0, import_react31.useMemo)(
@@ -3301,7 +3220,6 @@ function ModelBase(inProps, ref) {
     return renderInModel3D(props, ref, usdzSourceURL, placeHolder);
   }
 }
-__name(ModelBase, "ModelBase");
 var Model = (0, import_react31.forwardRef)(ModelBase);
 Model.displayName = "Model";
 
@@ -3316,9 +3234,6 @@ var defaultSceneConfig = {
 var CONTEXT_WINDOW_URL = "webspatial://createWindowContext";
 var originalOpen = window.open;
 var XRApp = class _XRApp {
-  static {
-    __name(this, "XRApp");
-  }
   static instance;
   static getInstance() {
     if (!_XRApp.instance) {
@@ -3373,7 +3288,7 @@ var XRApp = class _XRApp {
       console.error(error);
     }
   }
-  open = /* @__PURE__ */ __name((url, target, features) => {
+  open = (url, target, features) => {
     const newWindow = originalOpen(url, target, features);
     if (url === CONTEXT_WINDOW_URL) return newWindow;
     if (target === "_self" || target === "_parent" || target === "_top") {
@@ -3418,7 +3333,7 @@ var XRApp = class _XRApp {
       }
     }, 0);
     return newWindow;
-  }, "open");
+  };
   initScene(name, callback) {
     this.configMap[name] = callback({ ...defaultSceneConfig });
   }
@@ -3426,5 +3341,23 @@ var XRApp = class _XRApp {
 function initScene(name, callback) {
   return XRApp.getInstance().initScene(name, callback);
 }
-__name(initScene, "initScene");
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CSSSpatialDiv,
+  CSSSpatialPrimitive,
+  Model,
+  SpatialDiv,
+  SpatialMonitor,
+  SpatialPrimitive,
+  SpatialView,
+  XRApp,
+  defaultSceneConfig,
+  enableDebugTool,
+  getSession,
+  initScene,
+  notifyUpdateStandInstanceLayout,
+  parseCornerRadius,
+  withCSSSpatial,
+  withSpatial
+});
+//# sourceMappingURL=index.js.map