@plurid/plurid-react 0.0.0-35 → 0.0.0-36

package/distribution/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var pluridData = require('@plurid/plurid-data');
 var pluridEngine = require('@plurid/plurid-engine');
 var PluridPubSub = require('@plurid/plurid-pubsub');
-var React44 = require('react');
+var React45 = require('react');
 var reactRedux = require('react-redux');
 var styled24 = require('styled-components');
 var isPropValid = require('@emotion/is-prop-valid');
@@ -22,7 +22,7 @@ var elementqlClientReact = require('@plurid/elementql-client-react');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var PluridPubSub__default = /*#__PURE__*/_interopDefault(PluridPubSub);
-var React44__default = /*#__PURE__*/_interopDefault(React44);
+var React45__default = /*#__PURE__*/_interopDefault(React45);
 var styled24__default = /*#__PURE__*/_interopDefault(styled24);
 var isPropValid__default = /*#__PURE__*/_interopDefault(isPropValid);
 var themes2__default = /*#__PURE__*/_interopDefault(themes2);
@@ -1205,7 +1205,7 @@ var development_default = store2;
 // source/services/state/store/index.ts
 var store3 = environment_default.production ? production_default : development_default;
 var store_default = store3;
-var StateContext = React44__default.default.createContext(null);
+var StateContext = React45__default.default.createContext(null);
 var context_default = StateContext;
 
 // source/services/logic/viewpoint/index.ts
@@ -1270,7 +1270,7 @@ var writeViewpointToURL = (transform2, param = VIEWPOINT_PARAM) => {
   url.searchParams.set(param, encodeViewpoint(transform2));
   window.history.replaceState(window.history.state, "", url.toString());
 };
-var Context = React44__default.default.createContext(null);
+var Context = React45__default.default.createContext(null);
 var context_default2 = Context;
 
 // source/services/state/actions/index.ts
@@ -2173,7 +2173,7 @@ styled24__default.default.div`
   return "transparent";
 }};
 `;
-var ErrorBoundary = class extends React44__default.default.Component {
+var ErrorBoundary = class extends React45__default.default.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -2192,7 +2192,7 @@ var ErrorBoundary = class extends React44__default.default.Component {
       if (this.props.renderError) {
         return this.props.renderError;
       }
-      return /* @__PURE__ */ React44__default.default.createElement("h1", null, "Something went wrong.");
+      return /* @__PURE__ */ React45__default.default.createElement("h1", null, "Something went wrong.");
     }
     return this.props.children;
   }
@@ -2336,7 +2336,7 @@ var PluridPlaneBridge = (properties) => {
     transparentUI
   } = stateConfiguration.global;
   const bridgeLength = stateConfiguration.space.bridge?.length ?? 100;
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridPlaneBridge,
     {
       theme: stateGeneralTheme,
@@ -2375,7 +2375,7 @@ var ControlRefresh = (properties) => {
     // #endregion methods
     // #endregion required
   } = properties;
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     pluridIconsReact.PluridIconReset,
     {
       atClick: () => {
@@ -2405,7 +2405,7 @@ var ControlIsolate = (properties) => {
   } = properties;
   const title = isolated ? "isolated" : "isolate";
   const fill = isolated ? true : false;
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     pluridIconsReact.PluridIconRectangle,
     {
       atClick: () => {
@@ -2515,10 +2515,10 @@ var PluridPlaneControls = (properties) => {
   const gateway = "gateway";
   `${protocol}://${host.value}/${gateway}?plurid=` + encodeURIComponent(route);
   const isolated = stateIsolatePlane === planeID;
-  const [path, setPath] = React44.useState(treePlane.route);
-  const [showAddress, setShowAddress] = React44.useState(false);
-  const [showSearch, setShowSearch] = React44.useState(false);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  const [path, setPath] = React45.useState(treePlane.route);
+  const [showAddress, setShowAddress] = React45.useState(false);
+  const [showSearch, setShowSearch] = React45.useState(false);
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridPlaneControls,
     {
       theme: stateGeneralTheme,
@@ -2526,7 +2526,7 @@ var PluridPlaneControls = (properties) => {
       transparentUI,
       "data-plurid-entity": pluridData.PLURID_ENTITY_PLANE_CONTROLS
     },
-    /* @__PURE__ */ React44__default.default.createElement(StyledPluridPlaneControlsLeft, null, parentTreePlane && /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(StyledPluridPlaneControlsLeft, null, parentTreePlane && /* @__PURE__ */ React45__default.default.createElement(
       pluridIconsReact.PluridIconArrowLeft,
       {
         atClick: (event) => {
@@ -2539,7 +2539,7 @@ var PluridPlaneControls = (properties) => {
         theme: stateGeneralTheme,
         title: "back"
       }
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       pluridIconsReact.PluridIconFrame,
       {
         atClick: (event) => {
@@ -2554,14 +2554,14 @@ var PluridPlaneControls = (properties) => {
         theme: stateGeneralTheme,
         title: "focus"
       }
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       ControlRefresh_default,
       {
         theme: stateGeneralTheme,
         refreshing,
         refreshPlane
       }
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       ControlIsolate_default,
       {
         theme: stateGeneralTheme,
@@ -2569,8 +2569,8 @@ var PluridPlaneControls = (properties) => {
         isolatePlane
       }
     )),
-    /* @__PURE__ */ React44__default.default.createElement(StyledPluridPlaneControlsCenter, null, title && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, path)),
-    /* @__PURE__ */ React44__default.default.createElement(StyledPluridPlaneControlsRight, null, /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(StyledPluridPlaneControlsCenter, null, title && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, path)),
+    /* @__PURE__ */ React45__default.default.createElement(StyledPluridPlaneControlsRight, null, /* @__PURE__ */ React45__default.default.createElement(
       pluridIconsReact.PluridIconDelete,
       {
         atClick: () => {
@@ -2610,8 +2610,8 @@ var PluridPlaneContent = (properties) => {
     // updatePlaneSize,
     children
   } = properties;
-  const planeContentElement = React44.useRef(null);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  const planeContentElement = React45.useRef(null);
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridPlaneContent,
     {
       ref: planeContentElement,
@@ -2624,9 +2624,9 @@ var PlaneContent_default = PluridPlaneContent;
 
 // source/components/structural/Plane/index.tsx
 var PluridPlane = (properties) => {
-  const context = React44.useContext(context_default2);
+  const context = React45.useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const {
     planeRenderError,
@@ -2671,19 +2671,19 @@ var PluridPlane = (properties) => {
   const showPlaneControls = controls.show;
   const width = pluridFunctions.mathematics.numbers.checkIntegerNonUnit(planeWidth) ? planeWidth : planeWidth * stateViewSize.width;
   const parentTreePlane = stateParentPlane;
-  const planeRef = React44.useRef(null);
+  const planeRef = React45.useRef(null);
   const [
     remountKey,
     setRemountKey
-  ] = React44.useState(0);
+  ] = React45.useState(0);
   const [
     refreshing,
     setRefreshing
-  ] = React44.useState(false);
+  ] = React45.useState(false);
   const [
     mouseOver,
     setMouseOver
-  ] = React44.useState(false);
+  ] = React45.useState(false);
   const refreshPlane = () => {
     const REFRESH_TIMEOUT = 250;
     setRefreshing(true);
@@ -2753,13 +2753,13 @@ var PluridPlane = (properties) => {
     }
     return "none";
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     setActivePlane();
   }, [
     planeID,
     mouseOver
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const refreshPlaneIndex = defaultPubSub.subscribe({
       topic: pluridData.PLURID_PUBSUB_TOPIC.REFRESH_PLANE,
       callback: (data) => {
@@ -2795,7 +2795,7 @@ var PluridPlane = (properties) => {
   const planeContentProperties = {
     // updatePlaneSize,
   };
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridPlane,
     {
       key,
@@ -2822,19 +2822,19 @@ var PluridPlane = (properties) => {
       "data-plurid-plane": planeID,
       "data-plurid-entity": pluridData.PLURID_ENTITY_PLANE
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledFocusAnchor,
       {
         tabIndex: 0,
         id: focusAnchorID
       }
     ),
-    treePlane.show && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, treePlane.parentPlaneID && /* @__PURE__ */ React44__default.default.createElement(
+    treePlane.show && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, treePlane.parentPlaneID && /* @__PURE__ */ React45__default.default.createElement(
       PlaneBridge_default,
       {
         mouseOver
       }
-    ), showPlaneControls && /* @__PURE__ */ React44__default.default.createElement(
+    ), showPlaneControls && /* @__PURE__ */ React45__default.default.createElement(
       PlaneControls_default,
       {
         plane,
@@ -2846,19 +2846,19 @@ var PluridPlane = (properties) => {
         isolatePlane,
         closePlane
       }
-    ), planeRenderError ? /* @__PURE__ */ React44__default.default.createElement(
+    ), planeRenderError ? /* @__PURE__ */ React45__default.default.createElement(
       ErrorBoundary_default,
       {
         renderError: typeof planeRenderError !== "boolean" ? planeRenderError : void 0
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         PlaneContent_default,
         {
           ...planeContentProperties
         },
         children
       )
-    ) : /* @__PURE__ */ React44__default.default.createElement(
+    ) : /* @__PURE__ */ React45__default.default.createElement(
       PlaneContent_default,
       {
         ...planeContentProperties
@@ -2898,8 +2898,10 @@ var ConnectedPluridPlane = reactRedux.connect(
   {
     context: context_default
   }
-)(React44__default.default.memo(PluridPlane));
+)(React45__default.default.memo(PluridPlane));
 var Plane_default = ConnectedPluridPlane;
+var PluridPlaneIDContext = React45__default.default.createContext(void 0);
+var context_default3 = PluridPlaneIDContext;
 
 // source/services/utilities/react/index.ts
 var isReactRenderable = (component) => {
@@ -2925,9 +2927,9 @@ var PluridRoot = (properties) => {
   const {
     location
   } = plane;
-  const context = React44.useContext(context_default2);
+  const context = React45.useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const {
     planesRegistrar,
@@ -2986,7 +2988,7 @@ var PluridRoot = (properties) => {
             location: child.location
           };
           if (CustomPluridPlane && renderableCustomPlane) {
-            return /* @__PURE__ */ React44__default.default.createElement(
+            return /* @__PURE__ */ React45__default.default.createElement(
               CustomPluridPlane,
               {
                 ...planeProperties2
@@ -2994,31 +2996,38 @@ var PluridRoot = (properties) => {
             );
           }
           if (renderablePlane) {
-            return /* @__PURE__ */ React44__default.default.createElement(
-              Plane_default,
+            return /* @__PURE__ */ React45__default.default.createElement(
+              context_default3.Provider,
               {
-                ...planeProperties2
+                key: keyBase + child.planeID,
+                value: child.planeID
               },
-              !PlaneContext ? /* @__PURE__ */ React44__default.default.createElement(
-                Plane2,
-                {
-                  ...properties2
-                }
-              ) : /* @__PURE__ */ React44__default.default.createElement(
-                PlaneContext.Provider,
+              /* @__PURE__ */ React45__default.default.createElement(
+                Plane_default,
                 {
-                  value: planeContextValue
+                  ...planeProperties2
                 },
-                /* @__PURE__ */ React44__default.default.createElement(
+                !PlaneContext ? /* @__PURE__ */ React45__default.default.createElement(
                   Plane2,
                   {
                     ...properties2
                   }
+                ) : /* @__PURE__ */ React45__default.default.createElement(
+                  PlaneContext.Provider,
+                  {
+                    value: planeContextValue
+                  },
+                  /* @__PURE__ */ React45__default.default.createElement(
+                    Plane2,
+                    {
+                      ...properties2
+                    }
+                  )
                 )
               )
             );
           }
-          return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+          return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
         };
         const renderedPlane = renderPlane();
         children.push(renderedPlane);
@@ -3032,7 +3041,7 @@ var PluridRoot = (properties) => {
     });
     return children;
   };
-  const childrenPlanes = React44.useMemo(
+  const childrenPlanes = React45.useMemo(
     () => computeChildrenPlanes(plane),
     [
       // Just `plane`: the tree is rebuilt immutably + structurally shared, so this root's
@@ -3044,14 +3053,14 @@ var PluridRoot = (properties) => {
   );
   const pluridPlaneID = plane.sourceID;
   if (!pluridPlaneID) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const pluridPlane = getRegisteredPlane(
     pluridPlaneID,
     planesRegistrar
   );
   if (!pluridPlane) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const Plane = pluridPlane.component;
   const pluridProperty = {
@@ -3078,14 +3087,14 @@ var PluridRoot = (properties) => {
   };
   if (CustomPluridPlane) {
     if (typeof CustomPluridPlane !== "function") {
-      return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+      return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
     }
-    return /* @__PURE__ */ React44__default.default.createElement(
+    return /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridRoot,
       {
         "data-plurid-entity": pluridData.PLURID_ENTITY_ROOT
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         CustomPluridPlane,
         {
           plane: pluridPlane,
@@ -3097,34 +3106,40 @@ var PluridRoot = (properties) => {
       childrenPlanes
     );
   }
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridRoot,
     {
       "data-plurid-entity": pluridData.PLURID_ENTITY_ROOT
     },
-    /* @__PURE__ */ React44__default.default.createElement(
-      Plane_default,
+    /* @__PURE__ */ React45__default.default.createElement(
+      context_default3.Provider,
       {
-        plane: pluridPlane,
-        treePlane: plane,
-        planeID: plane.planeID,
-        location
+        value: plane.planeID
       },
-      !PlaneContext ? /* @__PURE__ */ React44__default.default.createElement(
-        Plane,
+      /* @__PURE__ */ React45__default.default.createElement(
+        Plane_default,
         {
-          ...planeProperties
-        }
-      ) : /* @__PURE__ */ React44__default.default.createElement(
-        PlaneContext.Provider,
-        {
-          value: planeContextValue
+          plane: pluridPlane,
+          treePlane: plane,
+          planeID: plane.planeID,
+          location
         },
-        /* @__PURE__ */ React44__default.default.createElement(
+        !PlaneContext ? /* @__PURE__ */ React45__default.default.createElement(
           Plane,
           {
             ...planeProperties
           }
+        ) : /* @__PURE__ */ React45__default.default.createElement(
+          PlaneContext.Provider,
+          {
+            value: planeContextValue
+          },
+          /* @__PURE__ */ React45__default.default.createElement(
+            Plane,
+            {
+              ...planeProperties
+            }
+          )
         )
       )
     ),
@@ -3143,7 +3158,7 @@ var ConnectedPluridRoot = reactRedux.connect(
   {
     context: context_default
   }
-)(React44__default.default.memo(PluridRoot));
+)(React45__default.default.memo(PluridRoot));
 var Root_default = ConnectedPluridRoot;
 var StyledPluridPlaneLinks = styled24__default.default.div`
     position: absolute;
@@ -3225,7 +3240,7 @@ var PluridPlaneLinks = (properties) => {
       planeAnchor(target),
       THICKNESS
     );
-    return /* @__PURE__ */ React44__default.default.createElement(
+    return /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridPlaneLink,
       {
         key: link.id,
@@ -3239,7 +3254,7 @@ var PluridPlaneLinks = (properties) => {
       }
     );
   });
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridPlaneLinks,
     {
       "data-plurid-entity": pluridData.PLURID_ENTITY_PLANE_LINKS
@@ -3259,7 +3274,7 @@ var ConnectedPluridPlaneLinks = reactRedux.connect(
   {
     context: context_default
   }
-)(React44__default.default.memo(PluridPlaneLinks));
+)(React45__default.default.memo(PluridPlaneLinks));
 var PlaneLinks_default = ConnectedPluridPlaneLinks;
 var StyledAlignmentGuides = styled24__default.default.div`
     position: absolute;
@@ -3333,12 +3348,12 @@ var AlignmentGuides = (properties) => {
   if (guides.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledAlignmentGuides,
     {
       "data-plurid-entity": pluridData.PLURID_ENTITY_ALIGNMENT_GUIDES
     },
-    guides.map((guide, index) => /* @__PURE__ */ React44__default.default.createElement(
+    guides.map((guide, index) => /* @__PURE__ */ React45__default.default.createElement(
       StyledAlignmentGuide,
       {
         key: guide.axis + index,
@@ -3370,7 +3385,7 @@ var ConnectedAlignmentGuides = reactRedux.connect(
   {
     context: context_default
   }
-)(React44__default.default.memo(AlignmentGuides));
+)(React45__default.default.memo(AlignmentGuides));
 var AlignmentGuides_default = ConnectedAlignmentGuides;
 var StyledPluridRoots = styled24__default.default.div`
     transform-style: preserve-3d;
@@ -3389,10 +3404,12 @@ var PluridRoots = (properties) => {
     stateResolvedLayout
     // #endregion state
   } = properties;
-  const width = "100%";
-  const height = stateResolvedLayout ? window.innerHeight + "px" : 0;
+  const dimensions = stateConfiguration.space.dimensions;
+  const resolveDimension = (value, fallback) => value === void 0 ? fallback : typeof value === "number" ? value + "px" : value;
+  const width = resolveDimension(dimensions?.width, "100%");
+  const height = stateResolvedLayout ? resolveDimension(dimensions?.height, window.innerHeight + "px") : 0;
   const transition = spaceAnimatedTransform ? `transform ${spaceTransformTime}ms ease-in-out` : "initial";
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridRoots,
     {
       style: {
@@ -3403,15 +3420,15 @@ var PluridRoots = (properties) => {
       },
       "data-plurid-entity": pluridData.PLURID_ENTITY_ROOTS
     },
-    stateTree.map((plane) => /* @__PURE__ */ React44__default.default.createElement(
+    stateTree.map((plane) => /* @__PURE__ */ React45__default.default.createElement(
       Root_default,
       {
         key: plane.planeID,
         plane
       }
     )),
-    stateConfiguration.elements.planeLinks?.show !== false && /* @__PURE__ */ React44__default.default.createElement(PlaneLinks_default, null),
-    stateConfiguration.elements.alignmentGuides?.show !== false && /* @__PURE__ */ React44__default.default.createElement(AlignmentGuides_default, null)
+    stateConfiguration.elements.planeLinks?.show !== false && /* @__PURE__ */ React45__default.default.createElement(PlaneLinks_default, null),
+    stateConfiguration.elements.alignmentGuides?.show !== false && /* @__PURE__ */ React45__default.default.createElement(AlignmentGuides_default, null)
   );
 };
 var mapStateToProperties5 = (state2) => ({
@@ -3476,11 +3493,11 @@ var PluridSpace = (properties) => {
   const [
     isMounted,
     setIsMounted
-  ] = React44.useState(false);
-  React44.useEffect(() => {
+  ] = React45.useState(false);
+  React45.useEffect(() => {
     setIsMounted(true);
   }, []);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridSpace,
     {
       theme: stateGeneralTheme,
@@ -3492,7 +3509,7 @@ var PluridSpace = (properties) => {
         opacity: stateResolvedLayout ? 1 : 0
       }
     },
-    /* @__PURE__ */ React44__default.default.createElement(Roots_default, null)
+    /* @__PURE__ */ React45__default.default.createElement(Roots_default, null)
   );
 };
 var mapStateToProperties6 = (state2) => ({
@@ -3562,9 +3579,9 @@ var Origin = (properties) => {
     size: transformOriginSize
   } = transformOrigin;
   if (!showTransformOrigin) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledOrigin,
     {
       theme: stateGeneralTheme,
@@ -3920,12 +3937,12 @@ var PluridMenuUniverses = (properties) => {
     /** dispatch */
     dispatchSetActiveUniverse
   } = properties;
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMenuUniverses,
     {
       theme: interactionTheme
     },
-    /* @__PURE__ */ React44__default.default.createElement(StyledPluridMenuUniversesScroll, null)
+    /* @__PURE__ */ React45__default.default.createElement(StyledPluridMenuUniversesScroll, null)
   );
 };
 var mapStateToProps2 = (state2) => ({
@@ -4022,8 +4039,8 @@ var PluridDrawer = (properties) => {
   const {
     transparentUI
   } = global;
-  const [mouseOver, setMouseOver] = React44.useState(false);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  const [mouseOver, setMouseOver] = React45.useState(false);
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridDrawer,
     {
       theme: interactionTheme,
@@ -4033,13 +4050,13 @@ var PluridDrawer = (properties) => {
       mouseOver,
       toggled
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridDrawerHeading,
       {
         theme: interactionTheme,
         onClick: () => toggle()
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         PluridHeading,
         {
           theme: interactionTheme,
@@ -4048,7 +4065,7 @@ var PluridDrawer = (properties) => {
         heading
       )
     ),
-    toggled && /* @__PURE__ */ React44__default.default.createElement(StyledPluridDrawerItems, null, items)
+    toggled && /* @__PURE__ */ React45__default.default.createElement(StyledPluridDrawerItems, null, items)
   );
 };
 var mapStateToProps3 = (state2) => ({
@@ -4157,10 +4174,10 @@ var PluridMenuMoreGlobal = (properties) => {
     dispatchSetConfigurationLanguage
   } = properties;
   const selectedTheme = configuration2.global.theme;
-  const [generalThemeName, setGeneralThemeName] = React44.useState(
+  const [generalThemeName, setGeneralThemeName] = React45.useState(
     typeof selectedTheme === "object" ? selectedTheme.general : selectedTheme
   );
-  const [interactionThemeName, setInteractionThemeName] = React44.useState(
+  const [interactionThemeName, setInteractionThemeName] = React45.useState(
     typeof selectedTheme === "object" ? selectedTheme.interaction : selectedTheme
   );
   const setGeneralTheme = (selectedTheme2) => {
@@ -4174,7 +4191,7 @@ var PluridMenuMoreGlobal = (properties) => {
   const setLanguage = (selectedLanguage) => {
     dispatchSetConfigurationLanguage(selectedLanguage);
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (typeof selectedTheme === "object") {
       setGeneralThemeName(selectedTheme.general);
       setInteractionThemeName(selectedTheme.interaction);
@@ -4185,7 +4202,7 @@ var PluridMenuMoreGlobal = (properties) => {
   }, [
     selectedTheme
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalGeneralTheme), /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalGeneralTheme), /* @__PURE__ */ React45__default.default.createElement(
     PluridDropdown,
     {
       selectables: Object.keys(themes2__default.default),
@@ -4199,7 +4216,7 @@ var PluridMenuMoreGlobal = (properties) => {
         fontSize: "0.8rem"
       }
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalInteractionTheme), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalInteractionTheme), /* @__PURE__ */ React45__default.default.createElement(
     PluridDropdown,
     {
       selectables: Object.keys(themes2__default.default),
@@ -4213,13 +4230,13 @@ var PluridMenuMoreGlobal = (properties) => {
         fontSize: "0.8rem"
       }
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
     pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerGlobalLanguage),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridDropdown,
       {
         selectables: pluridData.internationalization.languages,
@@ -4287,7 +4304,7 @@ var PluridMenuMoreTransform = (properties) => {
     transformLocks,
     transformTouch
   } = configuration2.space;
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformMultiModeTransform)), /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformMultiModeTransform)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4296,7 +4313,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationX)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationX)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4305,7 +4322,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationY)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowRotationY)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4314,7 +4331,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationX)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationX)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4323,7 +4340,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationY)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationY)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4332,7 +4349,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationZ)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowTranslationZ)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4341,7 +4358,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowScale)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformAllowScale)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4350,13 +4367,13 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformTouchTransform), ":\xA0", transformTouch === pluridData.TRANSFORM_TOUCHES.PAN ? "pan" : "swipe"),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTransformTouchTransform), ":\xA0", transformTouch === pluridData.TRANSFORM_TOUCHES.PAN ? "pan" : "swipe"),
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridSwitch,
       {
         theme: interactionTheme,
@@ -4430,7 +4447,7 @@ var PluridMenuMoreSpace = (properties) => {
     size: transformOriginSize
   } = transformOrigin;
   const planeOpacity = elements.plane.opacity;
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransparentUserInterface), /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransparentUserInterface), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch2,
     {
       checked: transparentUI,
@@ -4439,7 +4456,7 @@ var PluridMenuMoreSpace = (properties) => {
       level: 2,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceShowTransformOrigin), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceShowTransformOrigin), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch2,
     {
       checked: showTransformOrigin,
@@ -4448,7 +4465,7 @@ var PluridMenuMoreSpace = (properties) => {
       level: 2,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransformOriginSize), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceTransformOriginSize), /* @__PURE__ */ React45__default.default.createElement(
     PluridDropdown2,
     {
       selectables: ["small", "normal", "large"],
@@ -4462,7 +4479,7 @@ var PluridMenuMoreSpace = (properties) => {
       heightItems: 3,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpacePlaneOpacity), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpacePlaneOpacity), /* @__PURE__ */ React45__default.default.createElement(
     PluridSlider,
     {
       value: planeOpacity,
@@ -4475,13 +4492,13 @@ var PluridMenuMoreSpace = (properties) => {
       level: 2,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
     pluridEngine.internatiolate(language, pluridData.internationalization.fields.toolbarDrawerSpaceLayoutType),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridDropdown2,
       {
         selectables: [...Object.values(pluridData.layoutNames)],
@@ -4554,8 +4571,8 @@ var PluridMenuMoreToolbar = (properties) => {
     transformIcons,
     transformButtons
   } = toolbar;
-  const [viewSizeSmall, setViewSizeSmall] = React44.useState(false);
-  React44.useEffect(() => {
+  const [viewSizeSmall, setViewSizeSmall] = React45.useState(false);
+  React45.useEffect(() => {
     if (viewSize.width < 800) {
       setViewSizeSmall(true);
     } else {
@@ -4564,7 +4581,7 @@ var PluridMenuMoreToolbar = (properties) => {
   }, [
     viewSize.width
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)), /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch3,
     {
       theme: interactionTheme,
@@ -4573,7 +4590,7 @@ var PluridMenuMoreToolbar = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformIcons)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformIcons)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch3,
     {
       theme: interactionTheme,
@@ -4582,7 +4599,7 @@ var PluridMenuMoreToolbar = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), !viewSizeSmall && /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformArrows)), /* @__PURE__ */ React44__default.default.createElement(
+  )), !viewSizeSmall && /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarShowTransformArrows)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch3,
     {
       theme: interactionTheme,
@@ -4591,13 +4608,13 @@ var PluridMenuMoreToolbar = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarConcealToolbar)),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerToolbarConcealToolbar)),
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridSwitch3,
       {
         theme: interactionTheme,
@@ -4664,13 +4681,13 @@ var PluridMenuMoreViewcube = (properties) => {
     opaque,
     conceal
   } = viewcube;
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: !show ? true : false
     },
-    /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowViewcube)),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowViewcube)),
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridSwitch4,
       {
         theme: interactionTheme,
@@ -4680,7 +4697,7 @@ var PluridMenuMoreViewcube = (properties) => {
         level: 2
       }
     )
-  ), show && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)), /* @__PURE__ */ React44__default.default.createElement(
+  ), show && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch4,
     {
       theme: interactionTheme,
@@ -4689,7 +4706,7 @@ var PluridMenuMoreViewcube = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSwitch4,
     {
       theme: interactionTheme,
@@ -4698,13 +4715,13 @@ var PluridMenuMoreViewcube = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44__default.default.createElement(
+  )), /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeConcealViewcube)),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerViewcubeConcealViewcube)),
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridSwitch4,
       {
         theme: interactionTheme,
@@ -4760,13 +4777,13 @@ var PluridMenuMoreMinimap = (properties) => {
   const minimap = configuration2.elements.minimap;
   const show = minimap?.show ?? false;
   const transparent = minimap?.transparent ?? true;
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: !show ? true : false
     },
-    /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerMinimapShowMinimap)),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerMinimapShowMinimap)),
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridSwitch5,
       {
         theme: interactionTheme,
@@ -4776,13 +4793,13 @@ var PluridMenuMoreMinimap = (properties) => {
         level: 2
       }
     )
-  ), show && /* @__PURE__ */ React44__default.default.createElement(
+  ), show && /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerMinimapTransparent)),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerMinimapTransparent)),
+    /* @__PURE__ */ React45__default.default.createElement(
       PluridSwitch5,
       {
         theme: interactionTheme,
@@ -4833,7 +4850,7 @@ var PluridMenuMoreTechnical = (properties) => {
   const {
     cullingDistance
   } = stateConfiguration.space;
-  const [localCullingDistance, setLocalCullingDistance] = React44.useState(cullingDistance);
+  const [localCullingDistance, setLocalCullingDistance] = React45.useState(cullingDistance);
   const dispatchCullingDistanceUpdateFunction = (value) => {
     dispatchSetConfigurationSpaceCullingDistance(value);
   };
@@ -4845,7 +4862,7 @@ var PluridMenuMoreTechnical = (properties) => {
     setLocalCullingDistance(value);
     dispatchCullingDistanceUpdate(value);
   };
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTechnicalCullingDistance)), /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45__default.default.createElement("div", null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarDrawerTechnicalCullingDistance)), /* @__PURE__ */ React45__default.default.createElement(
     PluridSlider2,
     {
       theme: stateInteractionTheme,
@@ -4889,7 +4906,7 @@ var PluridMenuMoreShortcuts = (properties) => {
   const {
     language
   } = global;
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, pluridData.defaultShortcuts.map((shortcut, index) => {
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, pluridData.defaultShortcuts.map((shortcut, index) => {
     const {
       type
     } = shortcut;
@@ -4905,7 +4922,7 @@ var PluridMenuMoreShortcuts = (properties) => {
     const keyAsAny = key;
     const keyName = internationalizedKey ? pluridEngine.internatiolate(language, keyAsAny) : key;
     const afterline = type === "TURN_DOWN" || type === "TOGGLE_ROTATE" || type === "TOGGLE_TRANSLATE" || type === "TOGGLE_SCALE";
-    return /* @__PURE__ */ React44__default.default.createElement(
+    return /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridMoreMenuItem,
       {
         key: name2,
@@ -4913,8 +4930,8 @@ var PluridMenuMoreShortcuts = (properties) => {
         afterline,
         last: index === pluridData.defaultShortcuts.length - 1 ? true : false
       },
-      /* @__PURE__ */ React44__default.default.createElement("div", null, internationalizedName),
-      /* @__PURE__ */ React44__default.default.createElement("div", null, modifierString, " ", keyName)
+      /* @__PURE__ */ React45__default.default.createElement("div", null, internationalizedName),
+      /* @__PURE__ */ React45__default.default.createElement("div", null, modifierString, " ", keyName)
     );
   }));
 };
@@ -4938,42 +4955,42 @@ var moreMenusRecord = {
   GLOBAL: {
     name: pluridData.internationalization.fields.toolbarDrawerGlobalTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.GLOBAL,
-    component: /* @__PURE__ */ React44__default.default.createElement(Global_default, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Global_default, null)
   },
   TRANSFORM: {
     name: pluridData.internationalization.fields.toolbarDrawerTransformTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.TRANSFORM,
-    component: /* @__PURE__ */ React44__default.default.createElement(Transform_default, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Transform_default, null)
   },
   SPACE: {
     name: pluridData.internationalization.fields.toolbarDrawerSpaceTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.SPACE,
-    component: /* @__PURE__ */ React44__default.default.createElement(Space_default2, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Space_default2, null)
   },
   TOOLBAR: {
     name: pluridData.internationalization.fields.toolbarDrawerToolbarTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.TOOLBAR,
-    component: /* @__PURE__ */ React44__default.default.createElement(Toolbar_default, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Toolbar_default, null)
   },
   VIEWCUBE: {
     name: pluridData.internationalization.fields.toolbarDrawerViewcubeTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.VIEWCUBE,
-    component: /* @__PURE__ */ React44__default.default.createElement(Viewcube_default, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Viewcube_default, null)
   },
   MINIMAP: {
     name: pluridData.internationalization.fields.toolbarDrawerMinimapTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.MINIMAP,
-    component: /* @__PURE__ */ React44__default.default.createElement(Minimap_default, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Minimap_default, null)
   },
   TECHNICAL: {
     name: pluridData.internationalization.fields.toolbarDrawerTechnicalTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.TECHNICAL,
-    component: /* @__PURE__ */ React44__default.default.createElement(Technical_default, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Technical_default, null)
   },
   SHORTCUTS: {
     name: pluridData.internationalization.fields.toolbarDrawerShortcutsTitle,
     drawer: pluridData.TOOLBAR_DRAWERS.SHORTCUTS,
-    component: /* @__PURE__ */ React44__default.default.createElement(Shortcuts_default, null)
+    component: /* @__PURE__ */ React45__default.default.createElement(Shortcuts_default, null)
   }
 };
 var moreMenus = Object.values(moreMenusRecord);
@@ -5018,14 +5035,14 @@ var PluridMoreMenu = (properties) => {
     toggledDrawers
   } = toolbar;
   const menus = resolveMenus(drawers);
-  const moreMenuScrollElement = React44.useRef(null);
+  const moreMenuScrollElement = React45.useRef(null);
   const handleWheel = pluridFunctionsReact.useDebouncedCallback((_event) => {
     if (moreMenuScrollElement.current) {
       const scrollPosition = moreMenuScrollElement.current.scrollTop;
       dispatchSetUIToolbarScrollPosition(scrollPosition);
     }
   }, 100);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (moreMenuScrollElement.current) {
       moreMenuScrollElement.current.addEventListener("wheel", handleWheel);
     }
@@ -5037,7 +5054,7 @@ var PluridMoreMenu = (properties) => {
   }, [
     moreMenuScrollElement.current
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (moreMenuScrollElement.current) {
       moreMenuScrollElement.current.scrollTop = stateToolbarMenuScrollPosition;
     }
@@ -5045,13 +5062,13 @@ var PluridMoreMenu = (properties) => {
     stateToolbarMenuScrollPosition,
     moreMenuScrollElement.current
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridMoreMenu,
     {
       theme: stateInteractionTheme,
       transparentUI
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridMoreMenuScroll,
       {
         ref: moreMenuScrollElement
@@ -5063,12 +5080,12 @@ var PluridMoreMenu = (properties) => {
           component
         } = moreMenu;
         const internationalizedName = pluridEngine.internatiolate(stateLanguage, name2);
-        return /* @__PURE__ */ React44__default.default.createElement(
+        return /* @__PURE__ */ React45__default.default.createElement(
           Drawer_default,
           {
             key: name2,
             heading: internationalizedName,
-            items: /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, component),
+            items: /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, component),
             toggled: toggledDrawers.includes("ALL") || toggledDrawers.includes(drawer),
             toggle: () => dispatchToggleConfigurationToolbarToggleDrawer(drawer)
           }
@@ -5158,11 +5175,11 @@ var PluridTransformArrow = (properties) => {
     // #endregion state
   } = properties;
   const arrowSign = arrowSigns[direction] || "";
-  const pressingInterval = React44.useRef(null);
+  const pressingInterval = React45.useRef(null);
   const [
     pressed,
     setPressed
-  ] = React44.useState(false);
+  ] = React45.useState(false);
   const startPress = (event) => {
     const eventData = {
       altKey: event.altKey
@@ -5183,7 +5200,7 @@ var PluridTransformArrow = (properties) => {
       pressingInterval.current = null;
     }
   };
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridTransformArrow,
     {
       theme: interactionTheme,
@@ -5227,25 +5244,25 @@ var PluridToolbarRotate = (properties) => {
     rotateLeft,
     rotateRight
   } = properties;
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridToolbarRotate,
     {
       showTransformButtons
     },
-    showTransformButtons && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+    showTransformButtons && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "left",
         transform: () => rotateRight()
       }
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "up",
         transform: () => rotateUp()
       }
     )),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledToolbarButton,
       {
         theme: interactionTheme,
@@ -5255,15 +5272,15 @@ var PluridToolbarRotate = (properties) => {
         showTransformButtons,
         button: showIcons
       },
-      showIcons ? /* @__PURE__ */ React44__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React44__default.default.createElement(pluridIconsReact.PluridIconRotate, null)) : /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformRotate))
+      showIcons ? /* @__PURE__ */ React45__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React45__default.default.createElement(pluridIconsReact.PluridIconRotate, null)) : /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformRotate))
     ),
-    showTransformButtons && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+    showTransformButtons && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "down",
         transform: () => rotateDown()
       }
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "right",
@@ -5326,19 +5343,19 @@ var PluridToolbarScale = (properties) => {
     scaleUp,
     scaleDown
   } = properties;
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridToolbarScale,
     {
       showTransformButtons
     },
-    showTransformButtons && /* @__PURE__ */ React44__default.default.createElement(
+    showTransformButtons && /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "up",
         transform: () => scaleUp()
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledToolbarButton,
       {
         theme: interactionTheme,
@@ -5348,9 +5365,9 @@ var PluridToolbarScale = (properties) => {
         showTransformButtons,
         button: showIcons
       },
-      showIcons ? /* @__PURE__ */ React44__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React44__default.default.createElement(pluridIconsReact.PluridIconScale, null)) : /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformScale))
+      showIcons ? /* @__PURE__ */ React45__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React45__default.default.createElement(pluridIconsReact.PluridIconScale, null)) : /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformScale))
     ),
-    showTransformButtons && /* @__PURE__ */ React44__default.default.createElement(
+    showTransformButtons && /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "down",
@@ -5410,18 +5427,18 @@ var PluridToolbarTranslate = (properties) => {
     translateOut
     // #endregion dispatch
   } = properties;
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridToolbarTranslate,
     {
       showTransformButtons
     },
-    showTransformButtons && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+    showTransformButtons && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "left",
         transform: () => translateLeft()
       }
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "up",
@@ -5434,7 +5451,7 @@ var PluridToolbarTranslate = (properties) => {
         }
       }
     )),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledToolbarButton,
       {
         theme: interactionTheme,
@@ -5444,9 +5461,9 @@ var PluridToolbarTranslate = (properties) => {
         showTransformButtons,
         button: showIcons
       },
-      showIcons ? /* @__PURE__ */ React44__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React44__default.default.createElement(pluridIconsReact.PluridIconTranslate, null)) : /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformTranslate))
+      showIcons ? /* @__PURE__ */ React45__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React45__default.default.createElement(pluridIconsReact.PluridIconTranslate, null)) : /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, pluridEngine.internatiolate(stateLanguage, pluridData.internationalization.fields.toolbarTransformTranslate))
     ),
-    showTransformButtons && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+    showTransformButtons && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "down",
@@ -5458,7 +5475,7 @@ var PluridToolbarTranslate = (properties) => {
           }
         }
       }
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       TransformArrow_default,
       {
         direction: "right",
@@ -5536,15 +5553,15 @@ var PluridToolbar = (properties) => {
     transformButtons
   } = toolbar;
   const showToolbar = toolbar.show;
-  const menuTimeout = React44.useRef(null);
-  const [mouseIn, setMouseIn] = React44.useState(false);
-  const [showMenu, setShowMenu] = React44.useState("NONE" /* NONE */);
-  const [showIcons, setShowIcons] = React44.useState(transformIcons);
-  const [showTransformButtons, setShowTransformButtons] = React44.useState(transformButtons);
+  const menuTimeout = React45.useRef(null);
+  const [mouseIn, setMouseIn] = React45.useState(false);
+  const [showMenu, setShowMenu] = React45.useState("NONE" /* NONE */);
+  const [showIcons, setShowIcons] = React45.useState(transformIcons);
+  const [showTransformButtons, setShowTransformButtons] = React45.useState(transformButtons);
   const [
     isMounted,
     setIsMounted
-  ] = React44.useState(false);
+  ] = React45.useState(false);
   const toggleTransform = (TYPE) => {
     if (showMenu !== "NONE" /* NONE */) {
       setShowMenu("NONE" /* NONE */);
@@ -5559,10 +5576,10 @@ var PluridToolbar = (properties) => {
       setShowMenu(menu);
     }
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     setIsMounted(true);
   }, []);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (viewSize.width < VIEW_SIZE_WIDTH_LIMIT) {
       if (transformButtons) {
         setShowTransformButtons(false);
@@ -5574,14 +5591,14 @@ var PluridToolbar = (properties) => {
   }, [
     viewSize.width
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     setShowIcons(transformIcons);
     setShowTransformButtons(transformButtons);
   }, [
     transformIcons,
     transformButtons
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (mouseIn && menuTimeout.current) {
       clearTimeout(menuTimeout.current);
     }
@@ -5599,9 +5616,9 @@ var PluridToolbar = (properties) => {
     mouseIn
   ]);
   if (!showToolbar) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledToolbar,
     {
       onMouseEnter: () => setMouseIn(true),
@@ -5613,7 +5630,7 @@ var PluridToolbar = (properties) => {
       fadeInTime,
       "data-plurid-entity": pluridData.PLURID_ENTITY_TOOLBAR
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledToolbarButtons,
       {
         theme,
@@ -5624,7 +5641,7 @@ var PluridToolbar = (properties) => {
         opaque,
         transparentUI
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         StyledToolbarButton,
         {
           theme,
@@ -5634,9 +5651,9 @@ var PluridToolbar = (properties) => {
           showIcons,
           showTransformButtons
         },
-        /* @__PURE__ */ React44__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React44__default.default.createElement(pluridIconsReact.PluridIconFirstPerson, null))
+        /* @__PURE__ */ React45__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React45__default.default.createElement(pluridIconsReact.PluridIconFirstPerson, null))
       ),
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         ToolbarRotate_default,
         {
           showTransformButtons,
@@ -5645,7 +5662,7 @@ var PluridToolbar = (properties) => {
           toggleTransform
         }
       ),
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         ToolbarScale_default,
         {
           showTransformButtons,
@@ -5654,7 +5671,7 @@ var PluridToolbar = (properties) => {
           toggleTransform
         }
       ),
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         ToolbarTranslate_default,
         {
           showTransformButtons,
@@ -5663,7 +5680,7 @@ var PluridToolbar = (properties) => {
           toggleTransform
         }
       ),
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         StyledToolbarButton,
         {
           theme,
@@ -5673,11 +5690,11 @@ var PluridToolbar = (properties) => {
           showIcons,
           showTransformButtons
         },
-        /* @__PURE__ */ React44__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React44__default.default.createElement(pluridIconsReact.PluridIconMore, null))
+        /* @__PURE__ */ React45__default.default.createElement(StyledIcon, null, /* @__PURE__ */ React45__default.default.createElement(pluridIconsReact.PluridIconMore, null))
       )
     ),
-    showMenu === "UNIVERSES" /* UNIVERSES */ && /* @__PURE__ */ React44__default.default.createElement(MenuUniverses_default, null),
-    showMenu === "MORE" /* MORE */ && /* @__PURE__ */ React44__default.default.createElement(MenuMore_default, null)
+    showMenu === "UNIVERSES" /* UNIVERSES */ && /* @__PURE__ */ React45__default.default.createElement(MenuUniverses_default, null),
+    showMenu === "MORE" /* MORE */ && /* @__PURE__ */ React45__default.default.createElement(MenuMore_default, null)
   );
 };
 var mapStateToProperties10 = (state2) => ({
@@ -6073,7 +6090,7 @@ var PluridViewcubeFace = (properties) => {
       dispatchSetAnimatedTransform(false);
     }, 450);
   };
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridViewcubeFace,
     {
       theme: generalTheme,
@@ -6081,7 +6098,7 @@ var PluridViewcubeFace = (properties) => {
       opaque: opaqueFace,
       mouseOver
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6093,7 +6110,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6105,7 +6122,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6117,7 +6134,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6129,7 +6146,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6142,7 +6159,7 @@ var PluridViewcubeFace = (properties) => {
       },
       faceText
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6154,7 +6171,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6166,7 +6183,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6178,7 +6195,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6256,8 +6273,8 @@ var PluridViewcubeModel = (properties) => {
     stateTransformTime
     // #endregion state
   } = properties;
-  const [hoveredZone, setHoveredZone] = React44.useState("");
-  const [activeZone, setActiveZone] = React44.useState("");
+  const [hoveredZone, setHoveredZone] = React45.useState("");
+  const [activeZone, setActiveZone] = React45.useState("");
   const handleMouseLeave = () => {
     setHoveredZone("");
   };
@@ -6288,7 +6305,7 @@ var PluridViewcubeModel = (properties) => {
     const transform3 = matrixArrayToCSSMatrix2(transformMatrix);
     return transform3;
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!hoveredZone) {
       setActiveZone("");
     }
@@ -6297,7 +6314,7 @@ var PluridViewcubeModel = (properties) => {
     spaceRotationY
   ]);
   const transform2 = computeTransform();
-  return /* @__PURE__ */ React44__default.default.createElement(StyledPluridViewcubeModel, null, /* @__PURE__ */ React44__default.default.createElement(StyledPluridViewcubeModelContainer, null, /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(StyledPluridViewcubeModel, null, /* @__PURE__ */ React45__default.default.createElement(StyledPluridViewcubeModelContainer, null, /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridViewcubeModelCube,
     {
       suppressHydrationWarning: true,
@@ -6307,7 +6324,7 @@ var PluridViewcubeModel = (properties) => {
       },
       onMouseLeave: () => handleMouseLeave()
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       ViewcubeFace_default,
       {
         face: "front",
@@ -6319,7 +6336,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       ViewcubeFace_default,
       {
         face: "back",
@@ -6331,7 +6348,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       ViewcubeFace_default,
       {
         face: "left",
@@ -6343,7 +6360,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       ViewcubeFace_default,
       {
         face: "right",
@@ -6355,7 +6372,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       ViewcubeFace_default,
       {
         face: "top",
@@ -6367,7 +6384,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       ViewcubeFace_default,
       {
         face: "base",
@@ -6433,11 +6450,11 @@ var PluridViewcube = (properties) => {
   const [
     mouseOver,
     setMouseOver
-  ] = React44.useState(false);
+  ] = React45.useState(false);
   const [
     isMounted,
     setIsMounted
-  ] = React44.useState(false);
+  ] = React45.useState(false);
   const animatedRotate = (type, value) => {
     dispatchSetAnimatedTransform(true);
     switch (type) {
@@ -6463,13 +6480,13 @@ var PluridViewcube = (properties) => {
       dispatchSetAnimatedTransform(false);
     }, stateTransformTime);
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     setIsMounted(true);
   }, []);
   if (!showViewcube) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridViewcube,
     {
       onMouseEnter: () => setMouseOver(true),
@@ -6481,20 +6498,20 @@ var PluridViewcube = (properties) => {
       fadeInTime,
       "data-plurid-entity": pluridData.PLURID_ENTITY_VIEWCUBE
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       ViewcubeModel_default,
       {
         mouseOver
       }
     ),
-    mouseOver && buttons && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+    mouseOver && buttons && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeArrow,
       {
         style: {
           gridArea: "PVRotateUp"
         }
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6502,7 +6519,7 @@ var PluridViewcube = (properties) => {
         },
         "\u25B2"
       )
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeArrow,
       {
         theme: stateInteractionTheme,
@@ -6510,7 +6527,7 @@ var PluridViewcube = (properties) => {
           gridArea: "PVRotateDown"
         }
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6518,7 +6535,7 @@ var PluridViewcube = (properties) => {
         },
         "\u25BC"
       )
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeArrow,
       {
         theme: stateInteractionTheme,
@@ -6526,7 +6543,7 @@ var PluridViewcube = (properties) => {
           gridArea: "PVRotateLeft"
         }
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6534,7 +6551,7 @@ var PluridViewcube = (properties) => {
         },
         "\u25C0"
       )
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridViewcubeArrow,
       {
         theme: stateInteractionTheme,
@@ -6542,7 +6559,7 @@ var PluridViewcube = (properties) => {
           gridArea: "PVRotateRight"
         }
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6550,12 +6567,12 @@ var PluridViewcube = (properties) => {
         },
         "\u25B6"
       )
-    ), /* @__PURE__ */ React44__default.default.createElement(
+    ), /* @__PURE__ */ React45__default.default.createElement(
       StyledFitView,
       {
         onClick: animatedReset
       },
-      /* @__PURE__ */ React44__default.default.createElement(pluridIconsReact.PluridIconGlobal, null)
+      /* @__PURE__ */ React45__default.default.createElement(pluridIconsReact.PluridIconGlobal, null)
     ))
   );
 };
@@ -6670,7 +6687,7 @@ var PluridMinimap = (properties) => {
   }
   const planes3 = flattenVisible(stateTree);
   if (planes3.length === 0) {
-    return /* @__PURE__ */ React44__default.default.createElement(
+    return /* @__PURE__ */ React45__default.default.createElement(
       StyledMinimap,
       {
         theme: stateGeneralTheme,
@@ -6690,7 +6707,7 @@ var PluridMinimap = (properties) => {
     x: PADDING + (plane.location[hAxis.axis] - hAxis.min) / hAxis.span * (WIDTH - 2 * PADDING),
     y: PADDING + (plane.location[vAxis.axis] - vAxis.min) / vAxis.span * (HEIGHT - 2 * PADDING)
   });
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledMinimap,
     {
       "data-plurid-minimap": true,
@@ -6700,7 +6717,7 @@ var PluridMinimap = (properties) => {
     planes3.map((plane) => {
       const { x, y } = project(plane);
       const active = plane.planeID === stateActivePlaneID;
-      return /* @__PURE__ */ React44__default.default.createElement(
+      return /* @__PURE__ */ React45__default.default.createElement(
         StyledMinimapHit,
         {
           key: plane.planeID,
@@ -6711,7 +6728,7 @@ var PluridMinimap = (properties) => {
             top: y - HIT / 2
           }
         },
-        /* @__PURE__ */ React44__default.default.createElement(
+        /* @__PURE__ */ React45__default.default.createElement(
           StyledMinimapDot,
           {
             theme: stateGeneralTheme,
@@ -6944,8 +6961,8 @@ var PluridShortcuts = (properties) => {
   const {
     theme
   } = properties;
-  const [visible, setVisible] = React44.useState(false);
-  React44.useEffect(() => {
+  const [visible, setVisible] = React45.useState(false);
+  React45.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -6966,7 +6983,7 @@ var PluridShortcuts = (properties) => {
       window.removeEventListener("keydown", onKeyDown);
     };
   }, []);
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
     StyledShortcutsTrigger,
     {
       theme,
@@ -6976,20 +6993,20 @@ var PluridShortcuts = (properties) => {
       onClick: () => setVisible((value) => !value)
     },
     "?"
-  ), visible && /* @__PURE__ */ React44__default.default.createElement(
+  ), visible && /* @__PURE__ */ React45__default.default.createElement(
     StyledShortcutsBackdrop,
     {
       onClick: () => setVisible(false),
       "data-plurid-entity": "shortcuts-overlay"
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       StyledShortcutsPanel,
       {
         theme,
         onClick: (event) => event.stopPropagation()
       },
-      /* @__PURE__ */ React44__default.default.createElement(StyledShortcutsHeader, null, /* @__PURE__ */ React44__default.default.createElement("h2", null, "Keyboard Shortcuts"), /* @__PURE__ */ React44__default.default.createElement("span", null, "? or Esc to close")),
-      /* @__PURE__ */ React44__default.default.createElement(StyledShortcutsGroups, null, SHORTCUT_GROUPS.map((group) => /* @__PURE__ */ React44__default.default.createElement(StyledShortcutsGroup, { key: group.title }, /* @__PURE__ */ React44__default.default.createElement(StyledShortcutsGroupTitle, null, group.title), group.items.map((item, itemIndex) => /* @__PURE__ */ React44__default.default.createElement(StyledShortcutsRow, { key: item.label + itemIndex }, /* @__PURE__ */ React44__default.default.createElement("span", { className: "label" }, item.label), /* @__PURE__ */ React44__default.default.createElement(StyledShortcutsKeys, null, item.keys.map((key, keyIndex) => /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(StyledShortcutsHeader, null, /* @__PURE__ */ React45__default.default.createElement("h2", null, "Keyboard Shortcuts"), /* @__PURE__ */ React45__default.default.createElement("span", null, "? or Esc to close")),
+      /* @__PURE__ */ React45__default.default.createElement(StyledShortcutsGroups, null, SHORTCUT_GROUPS.map((group) => /* @__PURE__ */ React45__default.default.createElement(StyledShortcutsGroup, { key: group.title }, /* @__PURE__ */ React45__default.default.createElement(StyledShortcutsGroupTitle, null, group.title), group.items.map((item, itemIndex) => /* @__PURE__ */ React45__default.default.createElement(StyledShortcutsRow, { key: item.label + itemIndex }, /* @__PURE__ */ React45__default.default.createElement("span", { className: "label" }, item.label), /* @__PURE__ */ React45__default.default.createElement(StyledShortcutsKeys, null, item.keys.map((key, keyIndex) => /* @__PURE__ */ React45__default.default.createElement(
         StyledShortcutsKey,
         {
           key: key + keyIndex,
@@ -7021,14 +7038,14 @@ var PluridViewContainer = (properties) => {
     renderMinimap,
     renderShortcuts
   } = properties;
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(Space_default, null), /* @__PURE__ */ React44__default.default.createElement(Origin_default, null), renderToolbar ? renderToolbar() : /* @__PURE__ */ React44__default.default.createElement(General_default, null), renderViewcube ? renderViewcube() : /* @__PURE__ */ React44__default.default.createElement(Viewcube_default2, null), renderMinimap ? renderMinimap() : /* @__PURE__ */ React44__default.default.createElement(Minimap_default2, null), renderShortcuts ? renderShortcuts() : /* @__PURE__ */ React44__default.default.createElement(Shortcuts_default2, null));
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(Space_default, null), /* @__PURE__ */ React45__default.default.createElement(Origin_default, null), renderToolbar ? renderToolbar() : /* @__PURE__ */ React45__default.default.createElement(General_default, null), renderViewcube ? renderViewcube() : /* @__PURE__ */ React45__default.default.createElement(Viewcube_default2, null), renderMinimap ? renderMinimap() : /* @__PURE__ */ React45__default.default.createElement(Minimap_default2, null), renderShortcuts ? renderShortcuts() : /* @__PURE__ */ React45__default.default.createElement(Shortcuts_default2, null));
 };
 var Container_default = PluridViewContainer;
 var useGrabMode = () => {
-  const [grabMode, setGrabMode] = React44.useState(false);
-  const grabModeRef = React44.useRef(grabMode);
+  const [grabMode, setGrabMode] = React45.useState(false);
+  const grabModeRef = React45.useRef(grabMode);
   grabModeRef.current = grabMode;
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -7065,7 +7082,7 @@ var useFlyControls = ({
   flyLook,
   dispatch
 }) => {
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const element = viewElement.current;
     if (!element || typeof window === "undefined") {
       return;
@@ -7179,7 +7196,7 @@ var useViewResize = ({
   dispatchSpaceSetViewSize,
   treeUpdateCallback
 }) => {
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const handleResize = pluridFunctions.meta.debounce(() => {
       if (viewElement && viewElement.current) {
         const width = viewElement.current.offsetWidth;
@@ -7196,7 +7213,7 @@ var useViewResize = ({
       window.removeEventListener("resize", handleResize);
     };
   }, []);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     window.addEventListener("resize", treeUpdateCallback);
     return () => {
       window.removeEventListener("resize", treeUpdateCallback);
@@ -7221,18 +7238,18 @@ var usePointerGestures = ({
   dispatchScaleUpWith,
   dispatchScaleDownWith
 }) => {
-  const activePointers = React44.useRef(/* @__PURE__ */ new Map());
-  const lastPointer = React44.useRef(null);
-  const pinchDistance = React44.useRef(null);
-  const pointerDragging = React44.useRef(false);
-  const pointerDownAt = React44.useRef(null);
-  const movingSelection = React44.useRef(false);
-  const momentum = React44.useRef({ vx: 0, vy: 0 });
-  const momentumFrame = React44.useRef(null);
-  const navButton = React44.useRef(-1);
-  const spaceConfigRef = React44.useRef(spaceConfiguration);
+  const activePointers = React45.useRef(/* @__PURE__ */ new Map());
+  const lastPointer = React45.useRef(null);
+  const pinchDistance = React45.useRef(null);
+  const pointerDragging = React45.useRef(false);
+  const pointerDownAt = React45.useRef(null);
+  const movingSelection = React45.useRef(false);
+  const momentum = React45.useRef({ vx: 0, vy: 0 });
+  const momentumFrame = React45.useRef(null);
+  const navButton = React45.useRef(-1);
+  const spaceConfigRef = React45.useRef(spaceConfiguration);
   spaceConfigRef.current = spaceConfiguration;
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const element = viewElement.current;
     if (!element || typeof window === "undefined") {
       return;
@@ -7549,7 +7566,7 @@ var useTreeUpdate = ({
     }
     dispatchSetTree(computedTree);
   };
-  const treeUpdateCallback = React44.useCallback(() => {
+  const treeUpdateCallback = React45.useCallback(() => {
     treeUpdate(
       view,
       configuration2,
@@ -7592,7 +7609,7 @@ var usePluridPubSub = ({
   const [
     pluridPubSub,
     setPluridPubSub
-  ] = React44.useState(
+  ] = React45.useState(
     pubsub ? [pubsub] : [new PluridPubSub__default.default()]
   );
   const {
@@ -8059,13 +8076,13 @@ var usePluridPubSub = ({
       }
     });
   };
-  const registerPubSub = React44.useCallback((pubsub2) => {
+  const registerPubSub = React45.useCallback((pubsub2) => {
     setPluridPubSub((previous) => [
       ...previous,
       pubsub2
     ]);
   }, []);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const unsubscribers = [];
     for (const pubsub2 of pluridPubSub) {
       const unsubscriber = handlePubSubSubscribe(pubsub2);
@@ -8086,7 +8103,7 @@ var usePluridPubSub = ({
     stateTree,
     JSON.stringify(stateConfiguration)
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     for (const pubsub2 of pluridPubSub) {
       handlePubSubPublish(pubsub2);
     }
@@ -8108,9 +8125,9 @@ var useCollaboration = ({
   stateLinks,
   dispatch
 }) => {
-  const lastSignature = React44.useRef(null);
-  const initialized = React44.useRef(false);
-  React44.useEffect(() => {
+  const lastSignature = React45.useRef(null);
+  const initialized = React45.useRef(false);
+  React45.useEffect(() => {
     if (!enabled || !pubsub) {
       return;
     }
@@ -8137,7 +8154,7 @@ var useCollaboration = ({
     stateTree,
     stateLinks
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!enabled || !pubsub) {
       return;
     }
@@ -8178,25 +8195,25 @@ var useEngineEvents = ({
       });
     }
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     emit("selection", space4.selectedPlaneIDs);
   }, [pubsub, space4.selectedPlaneIDs]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     emit("tree", space4.tree);
   }, [pubsub, space4.tree]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     emit("links", space4.links);
   }, [pubsub, space4.links]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     emit("activePlane", space4.activePlaneID);
   }, [pubsub, space4.activePlaneID]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     emit("isolate", space4.isolatePlane);
   }, [pubsub, space4.isolatePlane]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     emit("layoutResolved", space4.resolvedLayout);
   }, [pubsub, space4.resolvedLayout]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     emit("loading", space4.loading);
   }, [pubsub, space4.loading]);
 };
@@ -8209,8 +8226,8 @@ var useViewpointURL = ({
   param,
   debounce = 400
 }) => {
-  const restored = React44.useRef(false);
-  React44.useEffect(() => {
+  const restored = React45.useRef(false);
+  React45.useEffect(() => {
     if (!restore || restored.current) {
       return;
     }
@@ -8220,9 +8237,9 @@ var useViewpointURL = ({
       dispatchSetSpaceLocation(viewpoint);
     }
   }, [restore, param]);
-  const writeTimeout = React44.useRef(null);
-  const skipFirstWrite = React44.useRef(true);
-  React44.useEffect(() => {
+  const writeTimeout = React45.useRef(null);
+  const skipFirstWrite = React45.useRef(true);
+  React45.useEffect(() => {
     if (!write) {
       return;
     }
@@ -8299,16 +8316,16 @@ var PluridView = (properties) => {
     dispatchSpaceSetView
     // #endregion dispatch
   } = properties;
-  const viewElement = React44.useRef(null);
-  const scrollTimeout = React44.useRef();
-  const stateRef = React44.useRef(state2);
+  const viewElement = React45.useRef(null);
+  const scrollTimeout = React45.useRef();
+  const stateRef = React45.useRef(state2);
   stateRef.current = state2;
   const { grabMode, grabModeRef } = useGrabMode_default();
-  const [navDragging, setNavDragging] = React44.useState(false);
+  const [navDragging, setNavDragging] = React45.useState(false);
   const [
     preventOverscroll,
     setPreventOverscroll
-  ] = React44.useState(false);
+  ] = React45.useState(false);
   const handlePreventOverscroll = (event) => {
     if (event.shiftKey || event.altKey || event.metaKey || event.ctrlKey) {
       setPreventOverscroll(true);
@@ -8380,7 +8397,7 @@ var PluridView = (properties) => {
     param: stateConfiguration.space.viewpointURLParam || "v",
     debounce: stateConfiguration.space.viewpointURLDebounce
   });
-  const shortcutsCallback = React44.useCallback((event) => {
+  const shortcutsCallback = React45.useCallback((event) => {
     const {
       transformLocks
     } = stateConfiguration.space;
@@ -8400,7 +8417,7 @@ var PluridView = (properties) => {
     stateConfiguration.space.shortcuts,
     dispatch
   ]);
-  const wheelCallback = React44.useCallback((event) => {
+  const wheelCallback = React45.useCallback((event) => {
     handlePreventOverscroll(event);
     const {
       transformMode,
@@ -8425,7 +8442,7 @@ var PluridView = (properties) => {
     stateConfiguration.space.transformLocks,
     stateConfiguration.space.gestures
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (viewElement.current) {
       viewElement.current.addEventListener(
         "keydown",
@@ -8486,12 +8503,12 @@ var PluridView = (properties) => {
     flyLook: stateConfiguration.space.gestures?.flyLookSensitivity,
     dispatch
   });
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     treeUpdateCallback();
   }, [
     //     stateSpaceView,
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!stateResolvedLayout) {
       resolveLayout();
       dispatchSetSpaceField({
@@ -8502,7 +8519,7 @@ var PluridView = (properties) => {
   }, [
     stateResolvedLayout
   ]);
-  const pluridContext = React44.useMemo(() => ({
+  const pluridContext = React45.useMemo(() => ({
     planesRegistrar,
     planeContext,
     planeContextValue,
@@ -8525,7 +8542,7 @@ var PluridView = (properties) => {
     pluridPubSub,
     registerPubSub
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledView,
     {
       ref: viewElement,
@@ -8538,12 +8555,12 @@ var PluridView = (properties) => {
       preventOverscroll,
       "data-plurid-entity": pluridData.PLURID_ENTITY_VIEW
     },
-    /* @__PURE__ */ React44__default.default.createElement(
+    /* @__PURE__ */ React45__default.default.createElement(
       context_default2.Provider,
       {
         value: pluridContext
       },
-      stateSpaceView.length !== 0 ? /* @__PURE__ */ React44__default.default.createElement(
+      stateSpaceView.length !== 0 ? /* @__PURE__ */ React45__default.default.createElement(
         Container_default,
         {
           renderToolbar: properties.renderToolbar,
@@ -8551,7 +8568,7 @@ var PluridView = (properties) => {
           renderMinimap: properties.renderMinimap,
           renderShortcuts: properties.renderShortcuts
         }
-      ) : /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null)
+      ) : /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null)
     )
   );
 };
@@ -8679,7 +8696,7 @@ var ConnectedPluridView = reactRedux.connect(
 var View_default = ConnectedPluridView;
 
 // source/containers/Application/index.tsx
-var PluridApplication = class extends React44.Component {
+var PluridApplication = class extends React45.Component {
   // static contextType = PluridProviderContext;
   // public context!: React.ContextType<typeof PluridProviderContext>;
   store;
@@ -8783,13 +8800,13 @@ var PluridApplication = class extends React44.Component {
       // styled-components v6 no longer auto-filters props, so engine-internal props
       // (transformMode, show, active, face, …) would leak onto DOM nodes. Forward
       // only valid HTML/SVG attributes; the styled templates still receive them all.
-      /* @__PURE__ */ React44__default.default.createElement(styled24.StyleSheetManager, { shouldForwardProp: isPropValid__default.default }, /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(styled24.StyleSheetManager, { shouldForwardProp: isPropValid__default.default }, /* @__PURE__ */ React45__default.default.createElement(
         reactRedux.Provider,
         {
           store: this.store,
           context: context_default
         },
-        /* @__PURE__ */ React44__default.default.createElement(
+        /* @__PURE__ */ React45__default.default.createElement(
           View_default,
           {
             ...this.props,
@@ -9100,7 +9117,7 @@ var gatherPluridPlanes = (routes, planes3) => {
 };
 var renderMultispace = (matchedRoute, hostname = "origin") => {
   if (matchedRoute.kind !== "Route") {
-    return () => () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return () => () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const protocol = "http";
   const host = hostname;
@@ -9125,11 +9142,11 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
   } = matchedRoute.data;
   const multispaceAlignment = path.multispace?.alignment || "y";
   const multispaceSnapType = path.multispace?.snapType || "mandatory";
-  let PluridExterior = () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+  let PluridExterior = () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   if (isReactRenderable(exterior)) {
     PluridExterior = exterior;
   }
-  let PluridSpaces = () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+  let PluridSpaces = () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   const spacesArray = [];
   if (spaces) {
     for (const space4 of spaces) {
@@ -9203,7 +9220,7 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
         [],
         "localhost:63000"
       );
-      const App = /* @__PURE__ */ React44__default.default.createElement(
+      const App = /* @__PURE__ */ React45__default.default.createElement(
         Application_default,
         {
           key: pluridFunctions.uuid.generate(),
@@ -9255,7 +9272,7 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
         }
       }
     }
-    const App = /* @__PURE__ */ React44__default.default.createElement(
+    const App = /* @__PURE__ */ React45__default.default.createElement(
       Application_default,
       {
         key: pluridFunctions.uuid.generate(),
@@ -9276,21 +9293,21 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
   if (isReactRenderable(path.multispace?.footer)) {
     MultispaceFooter = path.multispace?.footer;
   }
-  PluridSpaces = () => /* @__PURE__ */ React44__default.default.createElement(
+  PluridSpaces = () => /* @__PURE__ */ React45__default.default.createElement(
     StyledSpaces,
     {
       alignment: multispaceAlignment,
       snapType: multispaceSnapType,
       "data-plurid-entity": pluridData.PLURID_ENTITY_MULTISPACE
     },
-    MultispaceHeader && /* @__PURE__ */ React44__default.default.createElement(
+    MultispaceHeader && /* @__PURE__ */ React45__default.default.createElement(
       MultispaceHeader,
       {
         plurid: pluridRouteProperty
       }
     ),
     spacesArray,
-    MultispaceFooter && /* @__PURE__ */ React44__default.default.createElement(
+    MultispaceFooter && /* @__PURE__ */ React45__default.default.createElement(
       MultispaceFooter,
       {
         plurid: pluridRouteProperty
@@ -9298,13 +9315,13 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
     )
   );
   return () => {
-    const PluridRoute3 = () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, exterior && /* @__PURE__ */ React44__default.default.createElement(
+    const PluridRoute3 = () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, exterior && /* @__PURE__ */ React45__default.default.createElement(
       PluridExterior,
       {
         spaces: slotted ? spacesArray : void 0,
         plurid: pluridRouteProperty
       }
-    ), (spaces || planes3) && !slotted && /* @__PURE__ */ React44__default.default.createElement(PluridSpaces, null));
+    ), (spaces || planes3) && !slotted && /* @__PURE__ */ React45__default.default.createElement(PluridSpaces, null));
     return PluridRoute3;
   };
 };
@@ -9312,7 +9329,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
   if (directPlane || matchedRoute?.kind === "RoutePlane") {
     const match = directPlane || matchedRoute;
     if (!match) {
-      return () => () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+      return () => () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
     }
     const DirectPlane = renderDirectPlane(
       match,
@@ -9333,7 +9350,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
       );
       return notFoundRender;
     }
-    return () => () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return () => () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const {
     exterior,
@@ -9361,7 +9378,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
   }
   if (exterior && PluridRouteExterior && !view && !planes3 && !spaces) {
     return () => {
-      const PluridRoute3 = () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React44__default.default.createElement(
+      const PluridRoute3 = () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React45__default.default.createElement(
         PluridRouteExterior,
         {
           plurid: pluridRouteProperty
@@ -9374,7 +9391,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
     return () => {
       const pubsub = new PluridPubSub__default.default();
       const space4 = matchedRoute.data.value;
-      const pluridApplication = /* @__PURE__ */ React44__default.default.createElement(
+      const pluridApplication = /* @__PURE__ */ React45__default.default.createElement(
         Application_default,
         {
           view,
@@ -9386,14 +9403,14 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
           space: space4
         }
       );
-      const PluridRoute3 = () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React44__default.default.createElement(
+      const PluridRoute3 = () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React45__default.default.createElement(
         PluridRouteExterior,
         {
           plurid: pluridRouteProperty,
           pubsub,
           spaces: slotted ? [pluridApplication] : void 0
         }
-      ), !slotted && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, pluridApplication));
+      ), !slotted && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, pluridApplication));
       return PluridRoute3;
     };
   }
@@ -9455,10 +9472,10 @@ var renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") => {
       if (pluridRoute) {
         const Flat = pluridRoute.component;
         if (typeof Flat !== "function") {
-          return () => () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+          return () => () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
         }
         const DirectPlane2 = () => {
-          const PluridRoute3 = () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(Flat, null));
+          const PluridRoute3 = () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(Flat, null));
           return PluridRoute3;
         };
         return DirectPlane2;
@@ -9469,7 +9486,7 @@ var renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") => {
     defaultConfiguration: defaultConfiguration2
   } = routePlane?.data;
   const DirectPlane = () => {
-    const PluridRoute3 = () => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+    const PluridRoute3 = () => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
       Application_default,
       {
         view: [
@@ -9507,8 +9524,8 @@ var FadeIn = (properties) => {
   const [
     fadedIn,
     setFadedIn
-  ] = React44.useState(false);
-  React44.useEffect(() => {
+  ] = React45.useState(false);
+  React45.useEffect(() => {
     if (time > 0) {
       setTimeout(() => {
         setFadedIn(true);
@@ -9516,9 +9533,9 @@ var FadeIn = (properties) => {
     }
   }, []);
   if (fadedIn || time === 0) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
-  return /* @__PURE__ */ React44__default.default.createElement(StyledFadeIn, null);
+  return /* @__PURE__ */ React45__default.default.createElement(StyledFadeIn, null);
 };
 var FadeIn_default = FadeIn;
 
@@ -9543,14 +9560,14 @@ var PluridRouterBrowser = (properties) => {
     routes,
     planes3
   );
-  const topContainer = React44.useRef(null);
-  const pluridPlanesRegistrar = React44.useRef(
+  const topContainer = React45.useRef(null);
+  const pluridPlanesRegistrar = React45.useRef(
     new PluridPlanesRegistrar(
       pluridPlanes,
       hostname
     )
   );
-  const pluridIsoMatcher = React44.useRef(
+  const pluridIsoMatcher = React45.useRef(
     new PluridIsoMatcher(
       {
         routes,
@@ -9563,7 +9580,7 @@ var PluridRouterBrowser = (properties) => {
   const [
     matchedPath,
     setMatchedPath
-  ] = React44.useState(
+  ] = React45.useState(
     computeInitialMatchedPath(
       staticContext
     )
@@ -9571,7 +9588,7 @@ var PluridRouterBrowser = (properties) => {
   const [
     matchedRoute,
     setMatchedRoute
-  ] = React44.useState(
+  ] = React45.useState(
     pluridIsoMatcher.current.match(
       matchedPath,
       "route"
@@ -9580,7 +9597,7 @@ var PluridRouterBrowser = (properties) => {
   const [
     PluridRoute3,
     setPluridRoute
-  ] = React44.useState(
+  ] = React45.useState(
     computePluridRoute(
       matchedRoute,
       pluridPlanesRegistrar.current,
@@ -9616,7 +9633,7 @@ var PluridRouterBrowser = (properties) => {
     setMatchedPath(matchedPath2);
     scrollTop();
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     window.addEventListener("popstate", handleLocation);
     window.addEventListener(pluridData.PLURID_ROUTER_LOCATION_CHANGED, handleLocation);
     return () => {
@@ -9624,7 +9641,7 @@ var PluridRouterBrowser = (properties) => {
       window.removeEventListener(pluridData.PLURID_ROUTER_LOCATION_CHANGED, handleLocation);
     };
   }, []);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!mounted) {
       return;
     }
@@ -9662,7 +9679,7 @@ var PluridRouterBrowser = (properties) => {
     mounted,
     matchedPath
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!matchedRoute) {
       return;
     }
@@ -9696,34 +9713,34 @@ var PluridRouterBrowser = (properties) => {
   }
   let PluridRouterShell = ({
     children
-  }) => /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, children);
+  }) => /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, children);
   if (isReactRenderable(shell)) {
     PluridRouterShell = shell;
     if (PluridRouterShell) {
       PluridRouterShell.displayName = "PluridRouterShell";
     }
   }
-  return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
     FadeIn_default,
     {
       time: fadeIn3
     }
-  ), /* @__PURE__ */ React44__default.default.createElement(
+  ), /* @__PURE__ */ React45__default.default.createElement(
     PluridScrollTop,
     {
       ref: topContainer
     }
-  ), PluridRouterExterior && /* @__PURE__ */ React44__default.default.createElement(
+  ), PluridRouterExterior && /* @__PURE__ */ React45__default.default.createElement(
     PluridRouterExterior,
     {
       matchedRoute
     }
-  ), /* @__PURE__ */ React44__default.default.createElement(
+  ), /* @__PURE__ */ React45__default.default.createElement(
     PluridRouterShell,
     {
       matchedRoute
     },
-    /* @__PURE__ */ React44__default.default.createElement(PluridRoute3, null)
+    /* @__PURE__ */ React45__default.default.createElement(PluridRoute3, null)
   ));
 };
 var RouterBrowser_default = PluridRouterBrowser;
@@ -9744,7 +9761,7 @@ var PluridRouterStatic2 = (properties) => {
   } = properties;
   const protocol = protocolProperty || "http";
   const hostname = hostnameProperty || "origin";
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     RouterBrowser_default,
     {
       routes,
@@ -9762,11 +9779,11 @@ var PluridRouterStatic2 = (properties) => {
   );
 };
 var RouterStatic_default = PluridRouterStatic2;
-var PluridContext2 = React44__default.default.createContext(void 0);
-var context_default3 = PluridContext2;
+var PluridContext2 = React45__default.default.createContext(void 0);
+var context_default4 = PluridContext2;
 
 // source/containers/Provider/index.tsx
-var PluridProvider = class extends React44.Component {
+var PluridProvider = class extends React45.Component {
   static displayName = "PluridProvider";
   properties;
   constructor(properties) {
@@ -9778,8 +9795,8 @@ var PluridProvider = class extends React44.Component {
       metastate,
       children
     } = this.properties;
-    return /* @__PURE__ */ React44__default.default.createElement(
-      context_default3.Provider,
+    return /* @__PURE__ */ React45__default.default.createElement(
+      context_default4.Provider,
       {
         value: metastate
       },
@@ -9857,32 +9874,32 @@ var PluridPlanePreview = (properties) => {
     x: linkCoordinates.x + (previewOffsetX ?? 0),
     y: linkCoordinates.y + (previewOffsetY ?? 0)
   };
-  const context = React44.useContext(context_default2);
+  const context = React45.useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const {
     planesRegistrar
   } = context;
   const planesRegistry = getPlanesRegistrar(planesRegistrar);
   if (!planesRegistry) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const plane = planesRegistry.get(planeRoute);
   if (!plane) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const Component3 = previewComponent ?? plane.component;
   if (typeof Component3 !== "function") {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridPlanePreview,
     {
       theme: stateGeneralTheme,
       linkCoordinates: resolvedLinkCoordinates
     },
-    /* @__PURE__ */ React44__default.default.createElement(Component3, null)
+    /* @__PURE__ */ React45__default.default.createElement(Component3, null)
   );
 };
 var mapStateToProperties17 = (state2) => ({
@@ -9941,10 +9958,10 @@ var useLinkPreview = ({
   appearTime,
   disappearTime
 }) => {
-  const hoverInTimeout = React44.useRef(null);
-  const hoverOutTimeout = React44.useRef(null);
-  const [showPreview, setShowPreview] = React44.useState(false);
-  React44.useEffect(() => {
+  const hoverInTimeout = React45.useRef(null);
+  const hoverOutTimeout = React45.useRef(null);
+  const [showPreview, setShowPreview] = React45.useState(false);
+  React45.useEffect(() => {
     if (!preview) {
       return;
     }
@@ -9989,9 +10006,9 @@ var useLinkPreview_default = useLinkPreview;
 
 // source/components/links/Link/index.tsx
 var PluridLink = (properties) => {
-  const context = React44.useContext(context_default2);
+  const context = React45.useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, properties.children);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, properties.children);
   }
   const {
     hostname,
@@ -10000,7 +10017,7 @@ var PluridLink = (properties) => {
   } = context;
   const planesRegistry = getPlanesRegistrar(planesRegistrar);
   if (!planesRegistry) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, properties.children);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, properties.children);
   }
   const {
     // #region own
@@ -10044,12 +10061,12 @@ var PluridLink = (properties) => {
   );
   const suffix = suffixProperty ?? pluridData.PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX;
   const devisible = devisibleProperty ?? false;
-  const linkElement = React44.useRef(null);
-  const [mouseOver, setMouseOver] = React44.useState(false);
-  const [showLink, setShowLink] = React44.useState(false);
-  const [pluridPlaneID, setPluridPlaneID] = React44.useState("");
-  const [parentPlaneID, setParentPlaneID] = React44.useState(getPluridPlaneIDByData(linkElement.current));
-  const [linkCoordinates, setLinkCoordinates] = React44.useState(defaultLinkCoordinates);
+  const linkElement = React45.useRef(null);
+  const [mouseOver, setMouseOver] = React45.useState(false);
+  const [showLink, setShowLink] = React45.useState(false);
+  const [pluridPlaneID, setPluridPlaneID] = React45.useState("");
+  const [parentPlaneID, setParentPlaneID] = React45.useState(getPluridPlaneIDByData(linkElement.current));
+  const [linkCoordinates, setLinkCoordinates] = React45.useState(defaultLinkCoordinates);
   const {
     showPreview,
     setShowPreview
@@ -10253,7 +10270,7 @@ var PluridLink = (properties) => {
     setShowLink(false);
     setShowPreview(false);
   };
-  const handleClick = React44.useCallback((event) => {
+  const handleClick = React45.useCallback((event) => {
     event.preventDefault();
     if (atClick !== void 0) {
       atClick(event);
@@ -10277,7 +10294,7 @@ var PluridLink = (properties) => {
     }
     return;
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const newParentPlaneID = getPluridPlaneIDByData(linkElement.current);
     setParentPlaneID(newParentPlaneID);
     const linkCoordinates2 = getPluridLinkCoordinates();
@@ -10293,7 +10310,7 @@ var PluridLink = (properties) => {
   }, [
     // JSON.stringify(stateTree),
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (showLink) {
       debouncedUpdateLinkCoordinates();
     }
@@ -10302,7 +10319,7 @@ var PluridLink = (properties) => {
     JSON.stringify(stateViewSize),
     stateTree
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const openClosedPlaneIndex = defaultPubSub.subscribe({
       topic: pluridData.PLURID_PUBSUB_TOPIC.OPEN_CLOSED_PLANE,
       callback: () => {
@@ -10325,7 +10342,7 @@ var PluridLink = (properties) => {
     pluridPlaneID,
     stateTree
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     const closePlaneIndex = defaultPubSub.subscribe({
       topic: pluridData.PLURID_PUBSUB_TOPIC.CLOSE_PLANE,
       callback: (data) => {
@@ -10354,7 +10371,7 @@ var PluridLink = (properties) => {
     pluridPlaneID,
     stateTree
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     return () => {
       setTimeout(() => {
         if (pluridPlaneID && showLink && linkElement.current === null) {
@@ -10366,7 +10383,7 @@ var PluridLink = (properties) => {
     showLink,
     pluridPlaneID
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridLink,
     {
       ref: linkElement,
@@ -10385,13 +10402,13 @@ var PluridLink = (properties) => {
       tabIndex: 0
     },
     children,
-    showPreview && !showLink && /* @__PURE__ */ React44__default.default.createElement(
+    showPreview && !showLink && /* @__PURE__ */ React45__default.default.createElement(
       Portal_default,
       {
         elementID: `preview-${parentPlaneID}`,
         rootID: parentPlaneID
       },
-      /* @__PURE__ */ React44__default.default.createElement(
+      /* @__PURE__ */ React45__default.default.createElement(
         Preview_default,
         {
           planeRoute: planeRouteResolved,
@@ -10517,7 +10534,7 @@ var PluridRouterLink = (properties) => {
     onKeyUp: handleKeyUp
   };
   if (!asAnchor) {
-    return /* @__PURE__ */ React44__default.default.createElement(
+    return /* @__PURE__ */ React45__default.default.createElement(
       StyledPluridRouterLinkDiv,
       {
         ...renderProperties
@@ -10525,7 +10542,7 @@ var PluridRouterLink = (properties) => {
       children
     );
   }
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridRouterLinkAnchor,
     {
       href: route,
@@ -10545,9 +10562,9 @@ var StyledPluridApplicationConfigurator = styled24__default.default.div`
 
 // source/components/utilities/ApplicationConfigurator/index.tsx
 var PluridApplicationConfigurator = (properties) => {
-  const context = React44.useContext(context_default2);
+  const context = React45.useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null);
+    return /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null);
   }
   const {
     registerPubSub
@@ -10561,8 +10578,8 @@ var PluridApplicationConfigurator = (properties) => {
     /** dispatch */
     dispatchSetConfiguration
   } = properties;
-  const configuratorElement = React44.useRef(null);
-  React44.useEffect(() => {
+  const configuratorElement = React45.useRef(null);
+  React45.useEffect(() => {
     const computedConfiguration = pluridEngine.general.configuration.merge(
       configuration2,
       stateConfiguration
@@ -10571,14 +10588,14 @@ var PluridApplicationConfigurator = (properties) => {
   }, [
     configuration2
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (pubsub) {
       registerPubSub(pubsub);
     }
   }, [
     pubsub
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridApplicationConfigurator,
     {
       ref: configuratorElement,
@@ -10624,15 +10641,15 @@ var PluridPlaneConfigurator = (properties) => {
     // #endregion values
     // #endregion required
   } = properties;
-  const configuratorElement = React44.useRef(null);
-  const [planePlaneID, setParentPlaneID] = React44.useState("");
-  React44.useEffect(() => {
+  const configuratorElement = React45.useRef(null);
+  const [planePlaneID, setParentPlaneID] = React45.useState("");
+  React45.useEffect(() => {
     const parentPlaneID = getPluridPlaneIDByData2(
       configuratorElement.current
     );
     setParentPlaneID(parentPlaneID);
   }, []);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     StyledPluridPlaneConfigurator,
     {
       ref: configuratorElement,
@@ -10734,24 +10751,24 @@ var ExternalPlane = (properties) => {
     // #endregion state
   } = properties;
   const route = plurid3.value;
-  const mounted = React44.useRef(false);
+  const mounted = React45.useRef(false);
+  const loadStarted = React45.useRef(false);
   const [
     Component3,
     setComponent
-  ] = React44.useState();
-  React44.useEffect(() => {
+  ] = React45.useState();
+  React45.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   });
-  React44.useEffect(() => {
-    let loading = false;
+  React45.useEffect(() => {
+    if (loadStarted.current) {
+      return;
+    }
+    loadStarted.current = true;
     const load = async () => {
-      if (loading) {
-        return;
-      }
-      loading = true;
       try {
         const {
           domain,
@@ -10782,7 +10799,7 @@ var ExternalPlane = (properties) => {
     };
     load();
   }, []);
-  return /* @__PURE__ */ React44__default.default.createElement(StyledExternalPlane, null, Component3 && /* @__PURE__ */ React44__default.default.createElement(Component3, null));
+  return /* @__PURE__ */ React45__default.default.createElement(StyledExternalPlane, null, Component3 && /* @__PURE__ */ React45__default.default.createElement(Component3, null));
 };
 var mapStateToProperties20 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -10815,7 +10832,7 @@ var IframePlane = (properties) => {
     // // #endregion state
   } = properties;
   const route = plurid3.value;
-  return /* @__PURE__ */ React44__default.default.createElement(StyledIframePlane, null, /* @__PURE__ */ React44__default.default.createElement("iframe", { src: route }));
+  return /* @__PURE__ */ React45__default.default.createElement(StyledIframePlane, null, /* @__PURE__ */ React45__default.default.createElement("iframe", { src: route }));
 };
 var mapStateToProperties21 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -10838,15 +10855,15 @@ var VirtualListItem = (properties) => {
     element,
     setHeight
   } = properties;
-  const el = React44.useRef(null);
-  React44.useEffect(() => {
+  const el = React45.useRef(null);
+  React45.useEffect(() => {
     if (el.current) {
       setHeight(el.current.offsetHeight, index);
     }
   }, [
     el.current
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     "div",
     {
       ref: el,
@@ -10876,13 +10893,13 @@ var PluridVirtualList = (properties) => {
     viewSize
   } = properties;
   const _generalHeight = generalHeight || 100;
-  const listElement = React44.useRef(null);
-  const rows = React44.useRef([]);
-  const heights = React44.useRef(Array(items.length).fill(_generalHeight));
-  const [start, setStart] = React44.useState(0);
-  const [end, setEnd] = React44.useState(Math.floor(1e3 / _generalHeight));
-  const [elementHeight, setElementHeight] = React44.useState(_generalHeight * (end - start));
-  const [resizing, setResizing] = React44.useState(false);
+  const listElement = React45.useRef(null);
+  const rows = React45.useRef([]);
+  const heights = React45.useRef(Array(items.length).fill(_generalHeight));
+  const [start, setStart] = React45.useState(0);
+  const [end, setEnd] = React45.useState(Math.floor(1e3 / _generalHeight));
+  const [elementHeight, setElementHeight] = React45.useState(_generalHeight * (end - start));
+  const [resizing, setResizing] = React45.useState(false);
   const setHeight = (value, index) => {
     heights.current[index] = value;
   };
@@ -10891,7 +10908,7 @@ var PluridVirtualList = (properties) => {
     for (let i = start; i <= end; i++) {
       const item = items[i];
       rows.current.push(
-        /* @__PURE__ */ React44__default.default.createElement(
+        /* @__PURE__ */ React45__default.default.createElement(
           ListItem_default,
           {
             key: i + Math.random(),
@@ -10905,7 +10922,7 @@ var PluridVirtualList = (properties) => {
     }
     return rows.current;
   };
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (heights.current) {
       const elementHeight2 = pluridFunctions.mathematics.arithmetic.sum(heights.current, heights.current.length);
       setElementHeight(elementHeight2);
@@ -10915,7 +10932,7 @@ var PluridVirtualList = (properties) => {
     end,
     heights.current
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     let sum = 0;
     for (const [index, value] of heights.current.entries()) {
       sum += value;
@@ -10935,7 +10952,7 @@ var PluridVirtualList = (properties) => {
     viewSize.height,
     translationY
   ]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     setResizing(true);
     setTimeout(() => {
       const elementHeight2 = pluridFunctions.mathematics.arithmetic.sum(heights.current, heights.current.length);
@@ -10945,7 +10962,7 @@ var PluridVirtualList = (properties) => {
   }, [
     viewSize
   ]);
-  return /* @__PURE__ */ React44__default.default.createElement(
+  return /* @__PURE__ */ React45__default.default.createElement(
     "div",
     {
       style: {
@@ -10953,11 +10970,11 @@ var PluridVirtualList = (properties) => {
       },
       ref: listElement
     },
-    resizing && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, /* @__PURE__ */ React44__default.default.createElement(
+    resizing && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, /* @__PURE__ */ React45__default.default.createElement(
       PluridSpinner,
       null
     )),
-    !resizing && /* @__PURE__ */ React44__default.default.createElement(React44__default.default.Fragment, null, renderRows())
+    !resizing && /* @__PURE__ */ React45__default.default.createElement(React45__default.default.Fragment, null, renderRows())
   );
 };
 var mapStateToProps16 = (state2) => ({
@@ -10979,7 +10996,7 @@ var StyledPluridPlaneDebugger = styled24__default.default.div`
 
 // source/components/structural/Plane/components/PlaneDebugger/index.tsx
 var PluridPlaneDebugger = (properties) => {
-  return /* @__PURE__ */ React44__default.default.createElement(StyledPluridPlaneDebugger, null, "PluridPlaneDebugger");
+  return /* @__PURE__ */ React45__default.default.createElement(StyledPluridPlaneDebugger, null, "PluridPlaneDebugger");
 };
 var mapStateToProperties22 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -11000,7 +11017,7 @@ var StyledPluridSpaceDebugger = styled24__default.default.div`
 
 // source/components/structural/Space/components/SpaceDebugger/index.tsx
 var PluridSpaceDebugger = (properties) => {
-  return /* @__PURE__ */ React44__default.default.createElement(StyledPluridSpaceDebugger, null, "PluridSpaceDebugger");
+  return /* @__PURE__ */ React45__default.default.createElement(StyledPluridSpaceDebugger, null, "PluridSpaceDebugger");
 };
 var mapStateToProperties23 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -11097,12 +11114,63 @@ var serverComputeMetastate = async (isoMatch, paths, globals, hostname = "origin
     states
   };
 };
+var useEngineSelector = reactRedux.createSelectorHook(context_default);
+var usePluridPlane = () => {
+  const planeID = React45.useContext(context_default3);
+  const getTreePlane = React45.useMemo(
+    () => makeGetTreePlaneByID(),
+    []
+  );
+  const active = useEngineSelector(
+    (state2) => planeID !== void 0 && selectors_default.space.getActivePlaneID(state2) === planeID
+  );
+  const selected = useEngineSelector(
+    (state2) => planeID !== void 0 && selectors_default.space.getSelectedPlaneIDs(state2).includes(planeID)
+  );
+  const isolation = useEngineSelector(
+    (state2) => {
+      const isolatePlane = selectors_default.space.getIsolatePlane(state2);
+      if (!isolatePlane) {
+        return "none";
+      }
+      return isolatePlane === planeID ? "self" : "other";
+    }
+  );
+  const shown = useEngineSelector(
+    (state2) => {
+      if (planeID === void 0) {
+        return true;
+      }
+      const treePlane = getTreePlane(state2, planeID);
+      return treePlane ? treePlane.show !== false : true;
+    }
+  );
+  const scale = useEngineSelector(
+    (state2) => selectors_default.space.getScale(state2)
+  );
+  const viewSize = useEngineSelector(
+    (state2) => selectors_default.space.getViewSize(state2)
+  );
+  const location = useEngineSelector(
+    (state2) => planeID !== void 0 ? getTreePlane(state2, planeID)?.location : void 0
+  );
+  return {
+    planeID,
+    active,
+    selected,
+    isolation,
+    shown,
+    scale,
+    viewSize,
+    location
+  };
+};
 var usePluridRouter = () => {
   const [
     routerValue,
     setRouterValue
-  ] = React44.useState("");
-  React44.useEffect(() => {
+  ] = React45.useState("");
+  React45.useEffect(() => {
     const fetchState = () => {
       const state2 = pluridFunctions.storage.loadState(pluridData.PLURID_ROUTER_STORAGE);
       if (state2) {
@@ -11233,6 +11301,7 @@ exports.internals = internals;
 exports.pluridSelectors = selectors_default;
 exports.pluridStateModules = modules_default;
 exports.serverComputeMetastate = serverComputeMetastate;
+exports.usePluridPlane = usePluridPlane;
 exports.usePluridRouter = usePluridRouter;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map