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

package/distribution/index.mjs

@@ -4,8 +4,8 @@ import { planes, routing, interaction, space, general as general$1, cleanTemplat
 export { IsoMatcher as PluridIsoMatcher, RouteParser as PluridRouteParser, definePluridConfiguration, pluridRouterNavigate } from '@plurid/plurid-engine';
 import PluridPubSub from '@plurid/plurid-pubsub';
 export { default as PluridPubSub } from '@plurid/plurid-pubsub';
-import React44, { useState, useContext, useRef, useEffect, useMemo, useCallback, Component } from 'react';
-import { connect, Provider } from 'react-redux';
+import React45, { useState, useContext, useRef, useEffect, useMemo, useCallback, Component } from 'react';
+import { connect, createSelectorHook, Provider } from 'react-redux';
 import styled24, { css, keyframes, StyleSheetManager } from 'styled-components';
 import isPropValid from '@emotion/is-prop-valid';
 import { createSlice, createSelector, original, combineReducers, configureStore } from '@reduxjs/toolkit';
@@ -1195,7 +1195,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.createContext(null);
+var StateContext = React45.createContext(null);
 var context_default = StateContext;
 
 // source/services/logic/viewpoint/index.ts
@@ -1260,7 +1260,7 @@ var writeViewpointToURL = (transform2, param = VIEWPOINT_PARAM) => {
   url.searchParams.set(param, encodeViewpoint(transform2));
   window.history.replaceState(window.history.state, "", url.toString());
 };
-var Context = React44.createContext(null);
+var Context = React45.createContext(null);
 var context_default2 = Context;
 
 // source/services/state/actions/index.ts
@@ -2163,7 +2163,7 @@ styled24.div`
   return "transparent";
 }};
 `;
-var ErrorBoundary = class extends React44.Component {
+var ErrorBoundary = class extends React45.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -2182,7 +2182,7 @@ var ErrorBoundary = class extends React44.Component {
       if (this.props.renderError) {
         return this.props.renderError;
       }
-      return /* @__PURE__ */ React44.createElement("h1", null, "Something went wrong.");
+      return /* @__PURE__ */ React45.createElement("h1", null, "Something went wrong.");
     }
     return this.props.children;
   }
@@ -2326,7 +2326,7 @@ var PluridPlaneBridge = (properties) => {
     transparentUI
   } = stateConfiguration.global;
   const bridgeLength = stateConfiguration.space.bridge?.length ?? 100;
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridPlaneBridge,
     {
       theme: stateGeneralTheme,
@@ -2365,7 +2365,7 @@ var ControlRefresh = (properties) => {
     // #endregion methods
     // #endregion required
   } = properties;
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     PluridIconReset,
     {
       atClick: () => {
@@ -2395,7 +2395,7 @@ var ControlIsolate = (properties) => {
   } = properties;
   const title = isolated ? "isolated" : "isolate";
   const fill = isolated ? true : false;
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     PluridIconRectangle,
     {
       atClick: () => {
@@ -2508,7 +2508,7 @@ var PluridPlaneControls = (properties) => {
   const [path, setPath] = useState(treePlane.route);
   const [showAddress, setShowAddress] = useState(false);
   const [showSearch, setShowSearch] = useState(false);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridPlaneControls,
     {
       theme: stateGeneralTheme,
@@ -2516,7 +2516,7 @@ var PluridPlaneControls = (properties) => {
       transparentUI,
       "data-plurid-entity": PLURID_ENTITY_PLANE_CONTROLS
     },
-    /* @__PURE__ */ React44.createElement(StyledPluridPlaneControlsLeft, null, parentTreePlane && /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(StyledPluridPlaneControlsLeft, null, parentTreePlane && /* @__PURE__ */ React45.createElement(
       PluridIconArrowLeft,
       {
         atClick: (event) => {
@@ -2529,7 +2529,7 @@ var PluridPlaneControls = (properties) => {
         theme: stateGeneralTheme,
         title: "back"
       }
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       PluridIconFrame,
       {
         atClick: (event) => {
@@ -2544,14 +2544,14 @@ var PluridPlaneControls = (properties) => {
         theme: stateGeneralTheme,
         title: "focus"
       }
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       ControlRefresh_default,
       {
         theme: stateGeneralTheme,
         refreshing,
         refreshPlane
       }
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       ControlIsolate_default,
       {
         theme: stateGeneralTheme,
@@ -2559,8 +2559,8 @@ var PluridPlaneControls = (properties) => {
         isolatePlane
       }
     )),
-    /* @__PURE__ */ React44.createElement(StyledPluridPlaneControlsCenter, null, title && /* @__PURE__ */ React44.createElement(React44.Fragment, null, path)),
-    /* @__PURE__ */ React44.createElement(StyledPluridPlaneControlsRight, null, /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(StyledPluridPlaneControlsCenter, null, title && /* @__PURE__ */ React45.createElement(React45.Fragment, null, path)),
+    /* @__PURE__ */ React45.createElement(StyledPluridPlaneControlsRight, null, /* @__PURE__ */ React45.createElement(
       PluridIconDelete,
       {
         atClick: () => {
@@ -2601,7 +2601,7 @@ var PluridPlaneContent = (properties) => {
     children
   } = properties;
   const planeContentElement = useRef(null);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridPlaneContent,
     {
       ref: planeContentElement,
@@ -2616,7 +2616,7 @@ var PlaneContent_default = PluridPlaneContent;
 var PluridPlane = (properties) => {
   const context = useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const {
     planeRenderError,
@@ -2785,7 +2785,7 @@ var PluridPlane = (properties) => {
   const planeContentProperties = {
     // updatePlaneSize,
   };
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridPlane,
     {
       key,
@@ -2812,19 +2812,19 @@ var PluridPlane = (properties) => {
       "data-plurid-plane": planeID,
       "data-plurid-entity": PLURID_ENTITY_PLANE
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledFocusAnchor,
       {
         tabIndex: 0,
         id: focusAnchorID
       }
     ),
-    treePlane.show && /* @__PURE__ */ React44.createElement(React44.Fragment, null, treePlane.parentPlaneID && /* @__PURE__ */ React44.createElement(
+    treePlane.show && /* @__PURE__ */ React45.createElement(React45.Fragment, null, treePlane.parentPlaneID && /* @__PURE__ */ React45.createElement(
       PlaneBridge_default,
       {
         mouseOver
       }
-    ), showPlaneControls && /* @__PURE__ */ React44.createElement(
+    ), showPlaneControls && /* @__PURE__ */ React45.createElement(
       PlaneControls_default,
       {
         plane,
@@ -2836,19 +2836,19 @@ var PluridPlane = (properties) => {
         isolatePlane,
         closePlane
       }
-    ), planeRenderError ? /* @__PURE__ */ React44.createElement(
+    ), planeRenderError ? /* @__PURE__ */ React45.createElement(
       ErrorBoundary_default,
       {
         renderError: typeof planeRenderError !== "boolean" ? planeRenderError : void 0
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         PlaneContent_default,
         {
           ...planeContentProperties
         },
         children
       )
-    ) : /* @__PURE__ */ React44.createElement(
+    ) : /* @__PURE__ */ React45.createElement(
       PlaneContent_default,
       {
         ...planeContentProperties
@@ -2888,8 +2888,10 @@ var ConnectedPluridPlane = connect(
   {
     context: context_default
   }
-)(React44.memo(PluridPlane));
+)(React45.memo(PluridPlane));
 var Plane_default = ConnectedPluridPlane;
+var PluridPlaneIDContext = React45.createContext(void 0);
+var context_default3 = PluridPlaneIDContext;
 
 // source/services/utilities/react/index.ts
 var isReactRenderable = (component) => {
@@ -2917,7 +2919,7 @@ var PluridRoot = (properties) => {
   } = plane;
   const context = useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const {
     planesRegistrar,
@@ -2976,7 +2978,7 @@ var PluridRoot = (properties) => {
             location: child.location
           };
           if (CustomPluridPlane && renderableCustomPlane) {
-            return /* @__PURE__ */ React44.createElement(
+            return /* @__PURE__ */ React45.createElement(
               CustomPluridPlane,
               {
                 ...planeProperties2
@@ -2984,31 +2986,38 @@ var PluridRoot = (properties) => {
             );
           }
           if (renderablePlane) {
-            return /* @__PURE__ */ React44.createElement(
-              Plane_default,
+            return /* @__PURE__ */ React45.createElement(
+              context_default3.Provider,
               {
-                ...planeProperties2
+                key: keyBase + child.planeID,
+                value: child.planeID
               },
-              !PlaneContext ? /* @__PURE__ */ React44.createElement(
-                Plane2,
-                {
-                  ...properties2
-                }
-              ) : /* @__PURE__ */ React44.createElement(
-                PlaneContext.Provider,
+              /* @__PURE__ */ React45.createElement(
+                Plane_default,
                 {
-                  value: planeContextValue
+                  ...planeProperties2
                 },
-                /* @__PURE__ */ React44.createElement(
+                !PlaneContext ? /* @__PURE__ */ React45.createElement(
                   Plane2,
                   {
                     ...properties2
                   }
+                ) : /* @__PURE__ */ React45.createElement(
+                  PlaneContext.Provider,
+                  {
+                    value: planeContextValue
+                  },
+                  /* @__PURE__ */ React45.createElement(
+                    Plane2,
+                    {
+                      ...properties2
+                    }
+                  )
                 )
               )
             );
           }
-          return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+          return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
         };
         const renderedPlane = renderPlane();
         children.push(renderedPlane);
@@ -3034,14 +3043,14 @@ var PluridRoot = (properties) => {
   );
   const pluridPlaneID = plane.sourceID;
   if (!pluridPlaneID) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const pluridPlane = getRegisteredPlane(
     pluridPlaneID,
     planesRegistrar
   );
   if (!pluridPlane) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const Plane = pluridPlane.component;
   const pluridProperty = {
@@ -3068,14 +3077,14 @@ var PluridRoot = (properties) => {
   };
   if (CustomPluridPlane) {
     if (typeof CustomPluridPlane !== "function") {
-      return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+      return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
     }
-    return /* @__PURE__ */ React44.createElement(
+    return /* @__PURE__ */ React45.createElement(
       StyledPluridRoot,
       {
         "data-plurid-entity": PLURID_ENTITY_ROOT
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         CustomPluridPlane,
         {
           plane: pluridPlane,
@@ -3087,34 +3096,40 @@ var PluridRoot = (properties) => {
       childrenPlanes
     );
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridRoot,
     {
       "data-plurid-entity": PLURID_ENTITY_ROOT
     },
-    /* @__PURE__ */ React44.createElement(
-      Plane_default,
+    /* @__PURE__ */ React45.createElement(
+      context_default3.Provider,
       {
-        plane: pluridPlane,
-        treePlane: plane,
-        planeID: plane.planeID,
-        location
+        value: plane.planeID
       },
-      !PlaneContext ? /* @__PURE__ */ React44.createElement(
-        Plane,
+      /* @__PURE__ */ React45.createElement(
+        Plane_default,
         {
-          ...planeProperties
-        }
-      ) : /* @__PURE__ */ React44.createElement(
-        PlaneContext.Provider,
-        {
-          value: planeContextValue
+          plane: pluridPlane,
+          treePlane: plane,
+          planeID: plane.planeID,
+          location
         },
-        /* @__PURE__ */ React44.createElement(
+        !PlaneContext ? /* @__PURE__ */ React45.createElement(
           Plane,
           {
             ...planeProperties
           }
+        ) : /* @__PURE__ */ React45.createElement(
+          PlaneContext.Provider,
+          {
+            value: planeContextValue
+          },
+          /* @__PURE__ */ React45.createElement(
+            Plane,
+            {
+              ...planeProperties
+            }
+          )
         )
       )
     ),
@@ -3133,7 +3148,7 @@ var ConnectedPluridRoot = connect(
   {
     context: context_default
   }
-)(React44.memo(PluridRoot));
+)(React45.memo(PluridRoot));
 var Root_default = ConnectedPluridRoot;
 var StyledPluridPlaneLinks = styled24.div`
     position: absolute;
@@ -3215,7 +3230,7 @@ var PluridPlaneLinks = (properties) => {
       planeAnchor(target),
       THICKNESS
     );
-    return /* @__PURE__ */ React44.createElement(
+    return /* @__PURE__ */ React45.createElement(
       StyledPluridPlaneLink,
       {
         key: link.id,
@@ -3229,7 +3244,7 @@ var PluridPlaneLinks = (properties) => {
       }
     );
   });
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridPlaneLinks,
     {
       "data-plurid-entity": PLURID_ENTITY_PLANE_LINKS
@@ -3249,7 +3264,7 @@ var ConnectedPluridPlaneLinks = connect(
   {
     context: context_default
   }
-)(React44.memo(PluridPlaneLinks));
+)(React45.memo(PluridPlaneLinks));
 var PlaneLinks_default = ConnectedPluridPlaneLinks;
 var StyledAlignmentGuides = styled24.div`
     position: absolute;
@@ -3323,12 +3338,12 @@ var AlignmentGuides = (properties) => {
   if (guides.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledAlignmentGuides,
     {
       "data-plurid-entity": PLURID_ENTITY_ALIGNMENT_GUIDES
     },
-    guides.map((guide, index) => /* @__PURE__ */ React44.createElement(
+    guides.map((guide, index) => /* @__PURE__ */ React45.createElement(
       StyledAlignmentGuide,
       {
         key: guide.axis + index,
@@ -3360,7 +3375,7 @@ var ConnectedAlignmentGuides = connect(
   {
     context: context_default
   }
-)(React44.memo(AlignmentGuides));
+)(React45.memo(AlignmentGuides));
 var AlignmentGuides_default = ConnectedAlignmentGuides;
 var StyledPluridRoots = styled24.div`
     transform-style: preserve-3d;
@@ -3379,10 +3394,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.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridRoots,
     {
       style: {
@@ -3393,15 +3410,15 @@ var PluridRoots = (properties) => {
       },
       "data-plurid-entity": PLURID_ENTITY_ROOTS
     },
-    stateTree.map((plane) => /* @__PURE__ */ React44.createElement(
+    stateTree.map((plane) => /* @__PURE__ */ React45.createElement(
       Root_default,
       {
         key: plane.planeID,
         plane
       }
     )),
-    stateConfiguration.elements.planeLinks?.show !== false && /* @__PURE__ */ React44.createElement(PlaneLinks_default, null),
-    stateConfiguration.elements.alignmentGuides?.show !== false && /* @__PURE__ */ React44.createElement(AlignmentGuides_default, null)
+    stateConfiguration.elements.planeLinks?.show !== false && /* @__PURE__ */ React45.createElement(PlaneLinks_default, null),
+    stateConfiguration.elements.alignmentGuides?.show !== false && /* @__PURE__ */ React45.createElement(AlignmentGuides_default, null)
   );
 };
 var mapStateToProperties5 = (state2) => ({
@@ -3470,7 +3487,7 @@ var PluridSpace = (properties) => {
   useEffect(() => {
     setIsMounted(true);
   }, []);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridSpace,
     {
       theme: stateGeneralTheme,
@@ -3482,7 +3499,7 @@ var PluridSpace = (properties) => {
         opacity: stateResolvedLayout ? 1 : 0
       }
     },
-    /* @__PURE__ */ React44.createElement(Roots_default, null)
+    /* @__PURE__ */ React45.createElement(Roots_default, null)
   );
 };
 var mapStateToProperties6 = (state2) => ({
@@ -3552,9 +3569,9 @@ var Origin = (properties) => {
     size: transformOriginSize
   } = transformOrigin;
   if (!showTransformOrigin) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledOrigin,
     {
       theme: stateGeneralTheme,
@@ -3910,12 +3927,12 @@ var PluridMenuUniverses = (properties) => {
     /** dispatch */
     dispatchSetActiveUniverse
   } = properties;
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridMenuUniverses,
     {
       theme: interactionTheme
     },
-    /* @__PURE__ */ React44.createElement(StyledPluridMenuUniversesScroll, null)
+    /* @__PURE__ */ React45.createElement(StyledPluridMenuUniversesScroll, null)
   );
 };
 var mapStateToProps2 = (state2) => ({
@@ -4013,7 +4030,7 @@ var PluridDrawer = (properties) => {
     transparentUI
   } = global;
   const [mouseOver, setMouseOver] = useState(false);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridDrawer,
     {
       theme: interactionTheme,
@@ -4023,13 +4040,13 @@ var PluridDrawer = (properties) => {
       mouseOver,
       toggled
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridDrawerHeading,
       {
         theme: interactionTheme,
         onClick: () => toggle()
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         PluridHeading,
         {
           theme: interactionTheme,
@@ -4038,7 +4055,7 @@ var PluridDrawer = (properties) => {
         heading
       )
     ),
-    toggled && /* @__PURE__ */ React44.createElement(StyledPluridDrawerItems, null, items)
+    toggled && /* @__PURE__ */ React45.createElement(StyledPluridDrawerItems, null, items)
   );
 };
 var mapStateToProps3 = (state2) => ({
@@ -4175,7 +4192,7 @@ var PluridMenuMoreGlobal = (properties) => {
   }, [
     selectedTheme
   ]);
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerGlobalGeneralTheme), /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerGlobalGeneralTheme), /* @__PURE__ */ React45.createElement(
     PluridDropdown,
     {
       selectables: Object.keys(themes2),
@@ -4189,7 +4206,7 @@ var PluridMenuMoreGlobal = (properties) => {
         fontSize: "0.8rem"
       }
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerGlobalInteractionTheme), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerGlobalInteractionTheme), /* @__PURE__ */ React45.createElement(
     PluridDropdown,
     {
       selectables: Object.keys(themes2),
@@ -4203,13 +4220,13 @@ var PluridMenuMoreGlobal = (properties) => {
         fontSize: "0.8rem"
       }
     }
-  )), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
     internatiolate(stateLanguage, internationalization.fields.toolbarDrawerGlobalLanguage),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       PluridDropdown,
       {
         selectables: internationalization.languages,
@@ -4277,7 +4294,7 @@ var PluridMenuMoreTransform = (properties) => {
     transformLocks,
     transformTouch
   } = configuration2.space;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformMultiModeTransform)), /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformMultiModeTransform)), /* @__PURE__ */ React45.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4286,7 +4303,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowRotationX)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowRotationX)), /* @__PURE__ */ React45.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4295,7 +4312,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowRotationY)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowRotationY)), /* @__PURE__ */ React45.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4304,7 +4321,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowTranslationX)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowTranslationX)), /* @__PURE__ */ React45.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4313,7 +4330,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowTranslationY)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowTranslationY)), /* @__PURE__ */ React45.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4322,7 +4339,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowTranslationZ)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowTranslationZ)), /* @__PURE__ */ React45.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4331,7 +4348,7 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowScale)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformAllowScale)), /* @__PURE__ */ React45.createElement(
     PluridSwitch,
     {
       theme: interactionTheme,
@@ -4340,13 +4357,13 @@ var PluridMenuMoreTransform = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformTouchTransform), ":\xA0", transformTouch === TRANSFORM_TOUCHES.PAN ? "pan" : "swipe"),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTransformTouchTransform), ":\xA0", transformTouch === TRANSFORM_TOUCHES.PAN ? "pan" : "swipe"),
+    /* @__PURE__ */ React45.createElement(
       PluridSwitch,
       {
         theme: interactionTheme,
@@ -4420,7 +4437,7 @@ var PluridMenuMoreSpace = (properties) => {
     size: transformOriginSize
   } = transformOrigin;
   const planeOpacity = elements.plane.opacity;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpaceTransparentUserInterface), /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpaceTransparentUserInterface), /* @__PURE__ */ React45.createElement(
     PluridSwitch2,
     {
       checked: transparentUI,
@@ -4429,7 +4446,7 @@ var PluridMenuMoreSpace = (properties) => {
       level: 2,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpaceShowTransformOrigin), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpaceShowTransformOrigin), /* @__PURE__ */ React45.createElement(
     PluridSwitch2,
     {
       checked: showTransformOrigin,
@@ -4438,7 +4455,7 @@ var PluridMenuMoreSpace = (properties) => {
       level: 2,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpaceTransformOriginSize), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpaceTransformOriginSize), /* @__PURE__ */ React45.createElement(
     PluridDropdown2,
     {
       selectables: ["small", "normal", "large"],
@@ -4452,7 +4469,7 @@ var PluridMenuMoreSpace = (properties) => {
       heightItems: 3,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpacePlaneOpacity), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, internatiolate(language, internationalization.fields.toolbarDrawerSpacePlaneOpacity), /* @__PURE__ */ React45.createElement(
     PluridSlider,
     {
       value: planeOpacity,
@@ -4465,13 +4482,13 @@ var PluridMenuMoreSpace = (properties) => {
       level: 2,
       theme: interactionTheme
     }
-  )), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
     internatiolate(language, internationalization.fields.toolbarDrawerSpaceLayoutType),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       PluridDropdown2,
       {
         selectables: [...Object.values(layoutNames)],
@@ -4554,7 +4571,7 @@ var PluridMenuMoreToolbar = (properties) => {
   }, [
     viewSize.width
   ]);
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)), /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarAlwaysOpaque)), /* @__PURE__ */ React45.createElement(
     PluridSwitch3,
     {
       theme: interactionTheme,
@@ -4563,7 +4580,7 @@ var PluridMenuMoreToolbar = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarShowTransformIcons)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarShowTransformIcons)), /* @__PURE__ */ React45.createElement(
     PluridSwitch3,
     {
       theme: interactionTheme,
@@ -4572,7 +4589,7 @@ var PluridMenuMoreToolbar = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), !viewSizeSmall && /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarShowTransformArrows)), /* @__PURE__ */ React44.createElement(
+  )), !viewSizeSmall && /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarShowTransformArrows)), /* @__PURE__ */ React45.createElement(
     PluridSwitch3,
     {
       theme: interactionTheme,
@@ -4581,13 +4598,13 @@ var PluridMenuMoreToolbar = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarConcealToolbar)),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerToolbarConcealToolbar)),
+    /* @__PURE__ */ React45.createElement(
       PluridSwitch3,
       {
         theme: interactionTheme,
@@ -4654,13 +4671,13 @@ var PluridMenuMoreViewcube = (properties) => {
     opaque,
     conceal
   } = viewcube;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: !show ? true : false
     },
-    /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeShowViewcube)),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeShowViewcube)),
+    /* @__PURE__ */ React45.createElement(
       PluridSwitch4,
       {
         theme: interactionTheme,
@@ -4670,7 +4687,7 @@ var PluridMenuMoreViewcube = (properties) => {
         level: 2
       }
     )
-  ), show && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)), /* @__PURE__ */ React44.createElement(
+  ), show && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeShowTransformButtons)), /* @__PURE__ */ React45.createElement(
     PluridSwitch4,
     {
       theme: interactionTheme,
@@ -4679,7 +4696,7 @@ var PluridMenuMoreViewcube = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeAlwaysOpaque)), /* @__PURE__ */ React45.createElement(
     PluridSwitch4,
     {
       theme: interactionTheme,
@@ -4688,13 +4705,13 @@ var PluridMenuMoreViewcube = (properties) => {
       exclusive: true,
       level: 2
     }
-  )), /* @__PURE__ */ React44.createElement(
+  )), /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeConcealViewcube)),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerViewcubeConcealViewcube)),
+    /* @__PURE__ */ React45.createElement(
       PluridSwitch4,
       {
         theme: interactionTheme,
@@ -4750,13 +4767,13 @@ var PluridMenuMoreMinimap = (properties) => {
   const minimap = configuration2.elements.minimap;
   const show = minimap?.show ?? false;
   const transparent = minimap?.transparent ?? true;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: !show ? true : false
     },
-    /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerMinimapShowMinimap)),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerMinimapShowMinimap)),
+    /* @__PURE__ */ React45.createElement(
       PluridSwitch5,
       {
         theme: interactionTheme,
@@ -4766,13 +4783,13 @@ var PluridMenuMoreMinimap = (properties) => {
         level: 2
       }
     )
-  ), show && /* @__PURE__ */ React44.createElement(
+  ), show && /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenuItem,
     {
       last: true
     },
-    /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerMinimapTransparent)),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerMinimapTransparent)),
+    /* @__PURE__ */ React45.createElement(
       PluridSwitch5,
       {
         theme: interactionTheme,
@@ -4835,7 +4852,7 @@ var PluridMenuMoreTechnical = (properties) => {
     setLocalCullingDistance(value);
     dispatchCullingDistanceUpdate(value);
   };
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React44.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTechnicalCullingDistance)), /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(StyledPluridMoreMenuItem, null, /* @__PURE__ */ React45.createElement("div", null, internatiolate(stateLanguage, internationalization.fields.toolbarDrawerTechnicalCullingDistance)), /* @__PURE__ */ React45.createElement(
     PluridSlider2,
     {
       theme: stateInteractionTheme,
@@ -4879,7 +4896,7 @@ var PluridMenuMoreShortcuts = (properties) => {
   const {
     language
   } = global;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, defaultShortcuts.map((shortcut, index) => {
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, defaultShortcuts.map((shortcut, index) => {
     const {
       type
     } = shortcut;
@@ -4895,7 +4912,7 @@ var PluridMenuMoreShortcuts = (properties) => {
     const keyAsAny = key;
     const keyName = internationalizedKey ? internatiolate(language, keyAsAny) : key;
     const afterline = type === "TURN_DOWN" || type === "TOGGLE_ROTATE" || type === "TOGGLE_TRANSLATE" || type === "TOGGLE_SCALE";
-    return /* @__PURE__ */ React44.createElement(
+    return /* @__PURE__ */ React45.createElement(
       StyledPluridMoreMenuItem,
       {
         key: name2,
@@ -4903,8 +4920,8 @@ var PluridMenuMoreShortcuts = (properties) => {
         afterline,
         last: index === defaultShortcuts.length - 1 ? true : false
       },
-      /* @__PURE__ */ React44.createElement("div", null, internationalizedName),
-      /* @__PURE__ */ React44.createElement("div", null, modifierString, " ", keyName)
+      /* @__PURE__ */ React45.createElement("div", null, internationalizedName),
+      /* @__PURE__ */ React45.createElement("div", null, modifierString, " ", keyName)
     );
   }));
 };
@@ -4928,42 +4945,42 @@ var moreMenusRecord = {
   GLOBAL: {
     name: internationalization.fields.toolbarDrawerGlobalTitle,
     drawer: TOOLBAR_DRAWERS.GLOBAL,
-    component: /* @__PURE__ */ React44.createElement(Global_default, null)
+    component: /* @__PURE__ */ React45.createElement(Global_default, null)
   },
   TRANSFORM: {
     name: internationalization.fields.toolbarDrawerTransformTitle,
     drawer: TOOLBAR_DRAWERS.TRANSFORM,
-    component: /* @__PURE__ */ React44.createElement(Transform_default, null)
+    component: /* @__PURE__ */ React45.createElement(Transform_default, null)
   },
   SPACE: {
     name: internationalization.fields.toolbarDrawerSpaceTitle,
     drawer: TOOLBAR_DRAWERS.SPACE,
-    component: /* @__PURE__ */ React44.createElement(Space_default2, null)
+    component: /* @__PURE__ */ React45.createElement(Space_default2, null)
   },
   TOOLBAR: {
     name: internationalization.fields.toolbarDrawerToolbarTitle,
     drawer: TOOLBAR_DRAWERS.TOOLBAR,
-    component: /* @__PURE__ */ React44.createElement(Toolbar_default, null)
+    component: /* @__PURE__ */ React45.createElement(Toolbar_default, null)
   },
   VIEWCUBE: {
     name: internationalization.fields.toolbarDrawerViewcubeTitle,
     drawer: TOOLBAR_DRAWERS.VIEWCUBE,
-    component: /* @__PURE__ */ React44.createElement(Viewcube_default, null)
+    component: /* @__PURE__ */ React45.createElement(Viewcube_default, null)
   },
   MINIMAP: {
     name: internationalization.fields.toolbarDrawerMinimapTitle,
     drawer: TOOLBAR_DRAWERS.MINIMAP,
-    component: /* @__PURE__ */ React44.createElement(Minimap_default, null)
+    component: /* @__PURE__ */ React45.createElement(Minimap_default, null)
   },
   TECHNICAL: {
     name: internationalization.fields.toolbarDrawerTechnicalTitle,
     drawer: TOOLBAR_DRAWERS.TECHNICAL,
-    component: /* @__PURE__ */ React44.createElement(Technical_default, null)
+    component: /* @__PURE__ */ React45.createElement(Technical_default, null)
   },
   SHORTCUTS: {
     name: internationalization.fields.toolbarDrawerShortcutsTitle,
     drawer: TOOLBAR_DRAWERS.SHORTCUTS,
-    component: /* @__PURE__ */ React44.createElement(Shortcuts_default, null)
+    component: /* @__PURE__ */ React45.createElement(Shortcuts_default, null)
   }
 };
 var moreMenus = Object.values(moreMenusRecord);
@@ -5035,13 +5052,13 @@ var PluridMoreMenu = (properties) => {
     stateToolbarMenuScrollPosition,
     moreMenuScrollElement.current
   ]);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridMoreMenu,
     {
       theme: stateInteractionTheme,
       transparentUI
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridMoreMenuScroll,
       {
         ref: moreMenuScrollElement
@@ -5053,12 +5070,12 @@ var PluridMoreMenu = (properties) => {
           component
         } = moreMenu;
         const internationalizedName = internatiolate(stateLanguage, name2);
-        return /* @__PURE__ */ React44.createElement(
+        return /* @__PURE__ */ React45.createElement(
           Drawer_default,
           {
             key: name2,
             heading: internationalizedName,
-            items: /* @__PURE__ */ React44.createElement(React44.Fragment, null, component),
+            items: /* @__PURE__ */ React45.createElement(React45.Fragment, null, component),
             toggled: toggledDrawers.includes("ALL") || toggledDrawers.includes(drawer),
             toggle: () => dispatchToggleConfigurationToolbarToggleDrawer(drawer)
           }
@@ -5173,7 +5190,7 @@ var PluridTransformArrow = (properties) => {
       pressingInterval.current = null;
     }
   };
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridTransformArrow,
     {
       theme: interactionTheme,
@@ -5217,25 +5234,25 @@ var PluridToolbarRotate = (properties) => {
     rotateLeft,
     rotateRight
   } = properties;
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridToolbarRotate,
     {
       showTransformButtons
     },
-    showTransformButtons && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    showTransformButtons && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "left",
         transform: () => rotateRight()
       }
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "up",
         transform: () => rotateUp()
       }
     )),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledToolbarButton,
       {
         theme: interactionTheme,
@@ -5245,15 +5262,15 @@ var PluridToolbarRotate = (properties) => {
         showTransformButtons,
         button: showIcons
       },
-      showIcons ? /* @__PURE__ */ React44.createElement(StyledIcon, null, /* @__PURE__ */ React44.createElement(PluridIconRotate, null)) : /* @__PURE__ */ React44.createElement(React44.Fragment, null, internatiolate(stateLanguage, internationalization.fields.toolbarTransformRotate))
+      showIcons ? /* @__PURE__ */ React45.createElement(StyledIcon, null, /* @__PURE__ */ React45.createElement(PluridIconRotate, null)) : /* @__PURE__ */ React45.createElement(React45.Fragment, null, internatiolate(stateLanguage, internationalization.fields.toolbarTransformRotate))
     ),
-    showTransformButtons && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    showTransformButtons && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "down",
         transform: () => rotateDown()
       }
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "right",
@@ -5316,19 +5333,19 @@ var PluridToolbarScale = (properties) => {
     scaleUp,
     scaleDown
   } = properties;
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridToolbarScale,
     {
       showTransformButtons
     },
-    showTransformButtons && /* @__PURE__ */ React44.createElement(
+    showTransformButtons && /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "up",
         transform: () => scaleUp()
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledToolbarButton,
       {
         theme: interactionTheme,
@@ -5338,9 +5355,9 @@ var PluridToolbarScale = (properties) => {
         showTransformButtons,
         button: showIcons
       },
-      showIcons ? /* @__PURE__ */ React44.createElement(StyledIcon, null, /* @__PURE__ */ React44.createElement(PluridIconScale, null)) : /* @__PURE__ */ React44.createElement(React44.Fragment, null, internatiolate(stateLanguage, internationalization.fields.toolbarTransformScale))
+      showIcons ? /* @__PURE__ */ React45.createElement(StyledIcon, null, /* @__PURE__ */ React45.createElement(PluridIconScale, null)) : /* @__PURE__ */ React45.createElement(React45.Fragment, null, internatiolate(stateLanguage, internationalization.fields.toolbarTransformScale))
     ),
-    showTransformButtons && /* @__PURE__ */ React44.createElement(
+    showTransformButtons && /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "down",
@@ -5400,18 +5417,18 @@ var PluridToolbarTranslate = (properties) => {
     translateOut
     // #endregion dispatch
   } = properties;
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridToolbarTranslate,
     {
       showTransformButtons
     },
-    showTransformButtons && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    showTransformButtons && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "left",
         transform: () => translateLeft()
       }
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "up",
@@ -5424,7 +5441,7 @@ var PluridToolbarTranslate = (properties) => {
         }
       }
     )),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledToolbarButton,
       {
         theme: interactionTheme,
@@ -5434,9 +5451,9 @@ var PluridToolbarTranslate = (properties) => {
         showTransformButtons,
         button: showIcons
       },
-      showIcons ? /* @__PURE__ */ React44.createElement(StyledIcon, null, /* @__PURE__ */ React44.createElement(PluridIconTranslate, null)) : /* @__PURE__ */ React44.createElement(React44.Fragment, null, internatiolate(stateLanguage, internationalization.fields.toolbarTransformTranslate))
+      showIcons ? /* @__PURE__ */ React45.createElement(StyledIcon, null, /* @__PURE__ */ React45.createElement(PluridIconTranslate, null)) : /* @__PURE__ */ React45.createElement(React45.Fragment, null, internatiolate(stateLanguage, internationalization.fields.toolbarTransformTranslate))
     ),
-    showTransformButtons && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    showTransformButtons && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "down",
@@ -5448,7 +5465,7 @@ var PluridToolbarTranslate = (properties) => {
           }
         }
       }
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       TransformArrow_default,
       {
         direction: "right",
@@ -5589,9 +5606,9 @@ var PluridToolbar = (properties) => {
     mouseIn
   ]);
   if (!showToolbar) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledToolbar,
     {
       onMouseEnter: () => setMouseIn(true),
@@ -5603,7 +5620,7 @@ var PluridToolbar = (properties) => {
       fadeInTime,
       "data-plurid-entity": PLURID_ENTITY_TOOLBAR
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledToolbarButtons,
       {
         theme,
@@ -5614,7 +5631,7 @@ var PluridToolbar = (properties) => {
         opaque,
         transparentUI
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         StyledToolbarButton,
         {
           theme,
@@ -5624,9 +5641,9 @@ var PluridToolbar = (properties) => {
           showIcons,
           showTransformButtons
         },
-        /* @__PURE__ */ React44.createElement(StyledIcon, null, /* @__PURE__ */ React44.createElement(PluridIconFirstPerson, null))
+        /* @__PURE__ */ React45.createElement(StyledIcon, null, /* @__PURE__ */ React45.createElement(PluridIconFirstPerson, null))
       ),
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         ToolbarRotate_default,
         {
           showTransformButtons,
@@ -5635,7 +5652,7 @@ var PluridToolbar = (properties) => {
           toggleTransform
         }
       ),
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         ToolbarScale_default,
         {
           showTransformButtons,
@@ -5644,7 +5661,7 @@ var PluridToolbar = (properties) => {
           toggleTransform
         }
       ),
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         ToolbarTranslate_default,
         {
           showTransformButtons,
@@ -5653,7 +5670,7 @@ var PluridToolbar = (properties) => {
           toggleTransform
         }
       ),
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         StyledToolbarButton,
         {
           theme,
@@ -5663,11 +5680,11 @@ var PluridToolbar = (properties) => {
           showIcons,
           showTransformButtons
         },
-        /* @__PURE__ */ React44.createElement(StyledIcon, null, /* @__PURE__ */ React44.createElement(PluridIconMore, null))
+        /* @__PURE__ */ React45.createElement(StyledIcon, null, /* @__PURE__ */ React45.createElement(PluridIconMore, null))
       )
     ),
-    showMenu === "UNIVERSES" /* UNIVERSES */ && /* @__PURE__ */ React44.createElement(MenuUniverses_default, null),
-    showMenu === "MORE" /* MORE */ && /* @__PURE__ */ React44.createElement(MenuMore_default, null)
+    showMenu === "UNIVERSES" /* UNIVERSES */ && /* @__PURE__ */ React45.createElement(MenuUniverses_default, null),
+    showMenu === "MORE" /* MORE */ && /* @__PURE__ */ React45.createElement(MenuMore_default, null)
   );
 };
 var mapStateToProperties10 = (state2) => ({
@@ -6063,7 +6080,7 @@ var PluridViewcubeFace = (properties) => {
       dispatchSetAnimatedTransform(false);
     }, 450);
   };
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridViewcubeFace,
     {
       theme: generalTheme,
@@ -6071,7 +6088,7 @@ var PluridViewcubeFace = (properties) => {
       opaque: opaqueFace,
       mouseOver
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6083,7 +6100,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6095,7 +6112,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6107,7 +6124,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6119,7 +6136,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6132,7 +6149,7 @@ var PluridViewcubeFace = (properties) => {
       },
       faceText
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6144,7 +6161,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6156,7 +6173,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6168,7 +6185,7 @@ var PluridViewcubeFace = (properties) => {
         transparentUI
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeFaceZone,
       {
         theme: interactionTheme,
@@ -6287,7 +6304,7 @@ var PluridViewcubeModel = (properties) => {
     spaceRotationY
   ]);
   const transform2 = computeTransform();
-  return /* @__PURE__ */ React44.createElement(StyledPluridViewcubeModel, null, /* @__PURE__ */ React44.createElement(StyledPluridViewcubeModelContainer, null, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(StyledPluridViewcubeModel, null, /* @__PURE__ */ React45.createElement(StyledPluridViewcubeModelContainer, null, /* @__PURE__ */ React45.createElement(
     StyledPluridViewcubeModelCube,
     {
       suppressHydrationWarning: true,
@@ -6297,7 +6314,7 @@ var PluridViewcubeModel = (properties) => {
       },
       onMouseLeave: () => handleMouseLeave()
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       ViewcubeFace_default,
       {
         face: "front",
@@ -6309,7 +6326,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       ViewcubeFace_default,
       {
         face: "back",
@@ -6321,7 +6338,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       ViewcubeFace_default,
       {
         face: "left",
@@ -6333,7 +6350,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       ViewcubeFace_default,
       {
         face: "right",
@@ -6345,7 +6362,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       ViewcubeFace_default,
       {
         face: "top",
@@ -6357,7 +6374,7 @@ var PluridViewcubeModel = (properties) => {
         setActiveZone
       }
     ),
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       ViewcubeFace_default,
       {
         face: "base",
@@ -6457,9 +6474,9 @@ var PluridViewcube = (properties) => {
     setIsMounted(true);
   }, []);
   if (!showViewcube) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridViewcube,
     {
       onMouseEnter: () => setMouseOver(true),
@@ -6471,20 +6488,20 @@ var PluridViewcube = (properties) => {
       fadeInTime,
       "data-plurid-entity": PLURID_ENTITY_VIEWCUBE
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       ViewcubeModel_default,
       {
         mouseOver
       }
     ),
-    mouseOver && buttons && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    mouseOver && buttons && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeArrow,
       {
         style: {
           gridArea: "PVRotateUp"
         }
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6492,7 +6509,7 @@ var PluridViewcube = (properties) => {
         },
         "\u25B2"
       )
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeArrow,
       {
         theme: stateInteractionTheme,
@@ -6500,7 +6517,7 @@ var PluridViewcube = (properties) => {
           gridArea: "PVRotateDown"
         }
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6508,7 +6525,7 @@ var PluridViewcube = (properties) => {
         },
         "\u25BC"
       )
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeArrow,
       {
         theme: stateInteractionTheme,
@@ -6516,7 +6533,7 @@ var PluridViewcube = (properties) => {
           gridArea: "PVRotateLeft"
         }
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6524,7 +6541,7 @@ var PluridViewcube = (properties) => {
         },
         "\u25C0"
       )
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       StyledPluridViewcubeArrow,
       {
         theme: stateInteractionTheme,
@@ -6532,7 +6549,7 @@ var PluridViewcube = (properties) => {
           gridArea: "PVRotateRight"
         }
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         StyledPluridViewcubeArrowIcon,
         {
           theme: stateInteractionTheme,
@@ -6540,12 +6557,12 @@ var PluridViewcube = (properties) => {
         },
         "\u25B6"
       )
-    ), /* @__PURE__ */ React44.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       StyledFitView,
       {
         onClick: animatedReset
       },
-      /* @__PURE__ */ React44.createElement(PluridIconGlobal, null)
+      /* @__PURE__ */ React45.createElement(PluridIconGlobal, null)
     ))
   );
 };
@@ -6660,7 +6677,7 @@ var PluridMinimap = (properties) => {
   }
   const planes3 = flattenVisible(stateTree);
   if (planes3.length === 0) {
-    return /* @__PURE__ */ React44.createElement(
+    return /* @__PURE__ */ React45.createElement(
       StyledMinimap,
       {
         theme: stateGeneralTheme,
@@ -6680,7 +6697,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.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledMinimap,
     {
       "data-plurid-minimap": true,
@@ -6690,7 +6707,7 @@ var PluridMinimap = (properties) => {
     planes3.map((plane) => {
       const { x, y } = project(plane);
       const active = plane.planeID === stateActivePlaneID;
-      return /* @__PURE__ */ React44.createElement(
+      return /* @__PURE__ */ React45.createElement(
         StyledMinimapHit,
         {
           key: plane.planeID,
@@ -6701,7 +6718,7 @@ var PluridMinimap = (properties) => {
             top: y - HIT / 2
           }
         },
-        /* @__PURE__ */ React44.createElement(
+        /* @__PURE__ */ React45.createElement(
           StyledMinimapDot,
           {
             theme: stateGeneralTheme,
@@ -6956,7 +6973,7 @@ var PluridShortcuts = (properties) => {
       window.removeEventListener("keydown", onKeyDown);
     };
   }, []);
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
     StyledShortcutsTrigger,
     {
       theme,
@@ -6966,20 +6983,20 @@ var PluridShortcuts = (properties) => {
       onClick: () => setVisible((value) => !value)
     },
     "?"
-  ), visible && /* @__PURE__ */ React44.createElement(
+  ), visible && /* @__PURE__ */ React45.createElement(
     StyledShortcutsBackdrop,
     {
       onClick: () => setVisible(false),
       "data-plurid-entity": "shortcuts-overlay"
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       StyledShortcutsPanel,
       {
         theme,
         onClick: (event) => event.stopPropagation()
       },
-      /* @__PURE__ */ React44.createElement(StyledShortcutsHeader, null, /* @__PURE__ */ React44.createElement("h2", null, "Keyboard Shortcuts"), /* @__PURE__ */ React44.createElement("span", null, "? or Esc to close")),
-      /* @__PURE__ */ React44.createElement(StyledShortcutsGroups, null, SHORTCUT_GROUPS.map((group) => /* @__PURE__ */ React44.createElement(StyledShortcutsGroup, { key: group.title }, /* @__PURE__ */ React44.createElement(StyledShortcutsGroupTitle, null, group.title), group.items.map((item, itemIndex) => /* @__PURE__ */ React44.createElement(StyledShortcutsRow, { key: item.label + itemIndex }, /* @__PURE__ */ React44.createElement("span", { className: "label" }, item.label), /* @__PURE__ */ React44.createElement(StyledShortcutsKeys, null, item.keys.map((key, keyIndex) => /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(StyledShortcutsHeader, null, /* @__PURE__ */ React45.createElement("h2", null, "Keyboard Shortcuts"), /* @__PURE__ */ React45.createElement("span", null, "? or Esc to close")),
+      /* @__PURE__ */ React45.createElement(StyledShortcutsGroups, null, SHORTCUT_GROUPS.map((group) => /* @__PURE__ */ React45.createElement(StyledShortcutsGroup, { key: group.title }, /* @__PURE__ */ React45.createElement(StyledShortcutsGroupTitle, null, group.title), group.items.map((item, itemIndex) => /* @__PURE__ */ React45.createElement(StyledShortcutsRow, { key: item.label + itemIndex }, /* @__PURE__ */ React45.createElement("span", { className: "label" }, item.label), /* @__PURE__ */ React45.createElement(StyledShortcutsKeys, null, item.keys.map((key, keyIndex) => /* @__PURE__ */ React45.createElement(
         StyledShortcutsKey,
         {
           key: key + keyIndex,
@@ -7011,7 +7028,7 @@ var PluridViewContainer = (properties) => {
     renderMinimap,
     renderShortcuts
   } = properties;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(Space_default, null), /* @__PURE__ */ React44.createElement(Origin_default, null), renderToolbar ? renderToolbar() : /* @__PURE__ */ React44.createElement(General_default, null), renderViewcube ? renderViewcube() : /* @__PURE__ */ React44.createElement(Viewcube_default2, null), renderMinimap ? renderMinimap() : /* @__PURE__ */ React44.createElement(Minimap_default2, null), renderShortcuts ? renderShortcuts() : /* @__PURE__ */ React44.createElement(Shortcuts_default2, null));
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(Space_default, null), /* @__PURE__ */ React45.createElement(Origin_default, null), renderToolbar ? renderToolbar() : /* @__PURE__ */ React45.createElement(General_default, null), renderViewcube ? renderViewcube() : /* @__PURE__ */ React45.createElement(Viewcube_default2, null), renderMinimap ? renderMinimap() : /* @__PURE__ */ React45.createElement(Minimap_default2, null), renderShortcuts ? renderShortcuts() : /* @__PURE__ */ React45.createElement(Shortcuts_default2, null));
 };
 var Container_default = PluridViewContainer;
 var useGrabMode = () => {
@@ -8515,7 +8532,7 @@ var PluridView = (properties) => {
     pluridPubSub,
     registerPubSub
   ]);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledView,
     {
       ref: viewElement,
@@ -8528,12 +8545,12 @@ var PluridView = (properties) => {
       preventOverscroll,
       "data-plurid-entity": PLURID_ENTITY_VIEW
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React45.createElement(
       context_default2.Provider,
       {
         value: pluridContext
       },
-      stateSpaceView.length !== 0 ? /* @__PURE__ */ React44.createElement(
+      stateSpaceView.length !== 0 ? /* @__PURE__ */ React45.createElement(
         Container_default,
         {
           renderToolbar: properties.renderToolbar,
@@ -8541,7 +8558,7 @@ var PluridView = (properties) => {
           renderMinimap: properties.renderMinimap,
           renderShortcuts: properties.renderShortcuts
         }
-      ) : /* @__PURE__ */ React44.createElement(React44.Fragment, null)
+      ) : /* @__PURE__ */ React45.createElement(React45.Fragment, null)
     )
   );
 };
@@ -8773,13 +8790,13 @@ var PluridApplication = class extends 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.createElement(StyleSheetManager, { shouldForwardProp: isPropValid }, /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(StyleSheetManager, { shouldForwardProp: isPropValid }, /* @__PURE__ */ React45.createElement(
         Provider,
         {
           store: this.store,
           context: context_default
         },
-        /* @__PURE__ */ React44.createElement(
+        /* @__PURE__ */ React45.createElement(
           View_default,
           {
             ...this.props,
@@ -9090,7 +9107,7 @@ var gatherPluridPlanes = (routes, planes3) => {
 };
 var renderMultispace = (matchedRoute, hostname = "origin") => {
   if (matchedRoute.kind !== "Route") {
-    return () => () => /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return () => () => /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const protocol = "http";
   const host = hostname;
@@ -9115,11 +9132,11 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
   } = matchedRoute.data;
   const multispaceAlignment = path.multispace?.alignment || "y";
   const multispaceSnapType = path.multispace?.snapType || "mandatory";
-  let PluridExterior = () => /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+  let PluridExterior = () => /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   if (isReactRenderable(exterior)) {
     PluridExterior = exterior;
   }
-  let PluridSpaces = () => /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+  let PluridSpaces = () => /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   const spacesArray = [];
   if (spaces) {
     for (const space4 of spaces) {
@@ -9193,7 +9210,7 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
         [],
         "localhost:63000"
       );
-      const App = /* @__PURE__ */ React44.createElement(
+      const App = /* @__PURE__ */ React45.createElement(
         Application_default,
         {
           key: uuid.generate(),
@@ -9245,7 +9262,7 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
         }
       }
     }
-    const App = /* @__PURE__ */ React44.createElement(
+    const App = /* @__PURE__ */ React45.createElement(
       Application_default,
       {
         key: uuid.generate(),
@@ -9266,21 +9283,21 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
   if (isReactRenderable(path.multispace?.footer)) {
     MultispaceFooter = path.multispace?.footer;
   }
-  PluridSpaces = () => /* @__PURE__ */ React44.createElement(
+  PluridSpaces = () => /* @__PURE__ */ React45.createElement(
     StyledSpaces,
     {
       alignment: multispaceAlignment,
       snapType: multispaceSnapType,
       "data-plurid-entity": PLURID_ENTITY_MULTISPACE
     },
-    MultispaceHeader && /* @__PURE__ */ React44.createElement(
+    MultispaceHeader && /* @__PURE__ */ React45.createElement(
       MultispaceHeader,
       {
         plurid: pluridRouteProperty
       }
     ),
     spacesArray,
-    MultispaceFooter && /* @__PURE__ */ React44.createElement(
+    MultispaceFooter && /* @__PURE__ */ React45.createElement(
       MultispaceFooter,
       {
         plurid: pluridRouteProperty
@@ -9288,13 +9305,13 @@ var renderMultispace = (matchedRoute, hostname = "origin") => {
     )
   );
   return () => {
-    const PluridRoute3 = () => /* @__PURE__ */ React44.createElement(React44.Fragment, null, exterior && /* @__PURE__ */ React44.createElement(
+    const PluridRoute3 = () => /* @__PURE__ */ React45.createElement(React45.Fragment, null, exterior && /* @__PURE__ */ React45.createElement(
       PluridExterior,
       {
         spaces: slotted ? spacesArray : void 0,
         plurid: pluridRouteProperty
       }
-    ), (spaces || planes3) && !slotted && /* @__PURE__ */ React44.createElement(PluridSpaces, null));
+    ), (spaces || planes3) && !slotted && /* @__PURE__ */ React45.createElement(PluridSpaces, null));
     return PluridRoute3;
   };
 };
@@ -9302,7 +9319,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
   if (directPlane || matchedRoute?.kind === "RoutePlane") {
     const match = directPlane || matchedRoute;
     if (!match) {
-      return () => () => /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+      return () => () => /* @__PURE__ */ React45.createElement(React45.Fragment, null);
     }
     const DirectPlane = renderDirectPlane(
       match,
@@ -9323,7 +9340,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
       );
       return notFoundRender;
     }
-    return () => () => /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return () => () => /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const {
     exterior,
@@ -9351,7 +9368,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
   }
   if (exterior && PluridRouteExterior && !view && !planes3 && !spaces) {
     return () => {
-      const PluridRoute3 = () => /* @__PURE__ */ React44.createElement(React44.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React44.createElement(
+      const PluridRoute3 = () => /* @__PURE__ */ React45.createElement(React45.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React45.createElement(
         PluridRouteExterior,
         {
           plurid: pluridRouteProperty
@@ -9364,7 +9381,7 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
     return () => {
       const pubsub = new PluridPubSub();
       const space4 = matchedRoute.data.value;
-      const pluridApplication = /* @__PURE__ */ React44.createElement(
+      const pluridApplication = /* @__PURE__ */ React45.createElement(
         Application_default,
         {
           view,
@@ -9376,14 +9393,14 @@ var computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane
           space: space4
         }
       );
-      const PluridRoute3 = () => /* @__PURE__ */ React44.createElement(React44.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React44.createElement(
+      const PluridRoute3 = () => /* @__PURE__ */ React45.createElement(React45.Fragment, null, PluridRouteExterior && /* @__PURE__ */ React45.createElement(
         PluridRouteExterior,
         {
           plurid: pluridRouteProperty,
           pubsub,
           spaces: slotted ? [pluridApplication] : void 0
         }
-      ), !slotted && /* @__PURE__ */ React44.createElement(React44.Fragment, null, pluridApplication));
+      ), !slotted && /* @__PURE__ */ React45.createElement(React45.Fragment, null, pluridApplication));
       return PluridRoute3;
     };
   }
@@ -9445,10 +9462,10 @@ var renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") => {
       if (pluridRoute) {
         const Flat = pluridRoute.component;
         if (typeof Flat !== "function") {
-          return () => () => /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+          return () => () => /* @__PURE__ */ React45.createElement(React45.Fragment, null);
         }
         const DirectPlane2 = () => {
-          const PluridRoute3 = () => /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(Flat, null));
+          const PluridRoute3 = () => /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(Flat, null));
           return PluridRoute3;
         };
         return DirectPlane2;
@@ -9459,7 +9476,7 @@ var renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") => {
     defaultConfiguration: defaultConfiguration2
   } = routePlane?.data;
   const DirectPlane = () => {
-    const PluridRoute3 = () => /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    const PluridRoute3 = () => /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       Application_default,
       {
         view: [
@@ -9506,9 +9523,9 @@ var FadeIn = (properties) => {
     }
   }, []);
   if (fadedIn || time === 0) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
-  return /* @__PURE__ */ React44.createElement(StyledFadeIn, null);
+  return /* @__PURE__ */ React45.createElement(StyledFadeIn, null);
 };
 var FadeIn_default = FadeIn;
 
@@ -9686,34 +9703,34 @@ var PluridRouterBrowser = (properties) => {
   }
   let PluridRouterShell = ({
     children
-  }) => /* @__PURE__ */ React44.createElement(React44.Fragment, null, children);
+  }) => /* @__PURE__ */ React45.createElement(React45.Fragment, null, children);
   if (isReactRenderable(shell)) {
     PluridRouterShell = shell;
     if (PluridRouterShell) {
       PluridRouterShell.displayName = "PluridRouterShell";
     }
   }
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
     FadeIn_default,
     {
       time: fadeIn3
     }
-  ), /* @__PURE__ */ React44.createElement(
+  ), /* @__PURE__ */ React45.createElement(
     PluridScrollTop,
     {
       ref: topContainer
     }
-  ), PluridRouterExterior && /* @__PURE__ */ React44.createElement(
+  ), PluridRouterExterior && /* @__PURE__ */ React45.createElement(
     PluridRouterExterior,
     {
       matchedRoute
     }
-  ), /* @__PURE__ */ React44.createElement(
+  ), /* @__PURE__ */ React45.createElement(
     PluridRouterShell,
     {
       matchedRoute
     },
-    /* @__PURE__ */ React44.createElement(PluridRoute3, null)
+    /* @__PURE__ */ React45.createElement(PluridRoute3, null)
   ));
 };
 var RouterBrowser_default = PluridRouterBrowser;
@@ -9734,7 +9751,7 @@ var PluridRouterStatic2 = (properties) => {
   } = properties;
   const protocol = protocolProperty || "http";
   const hostname = hostnameProperty || "origin";
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     RouterBrowser_default,
     {
       routes,
@@ -9752,8 +9769,8 @@ var PluridRouterStatic2 = (properties) => {
   );
 };
 var RouterStatic_default = PluridRouterStatic2;
-var PluridContext2 = React44.createContext(void 0);
-var context_default3 = PluridContext2;
+var PluridContext2 = React45.createContext(void 0);
+var context_default4 = PluridContext2;
 
 // source/containers/Provider/index.tsx
 var PluridProvider = class extends Component {
@@ -9768,8 +9785,8 @@ var PluridProvider = class extends Component {
       metastate,
       children
     } = this.properties;
-    return /* @__PURE__ */ React44.createElement(
-      context_default3.Provider,
+    return /* @__PURE__ */ React45.createElement(
+      context_default4.Provider,
       {
         value: metastate
       },
@@ -9849,30 +9866,30 @@ var PluridPlanePreview = (properties) => {
   };
   const context = useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const {
     planesRegistrar
   } = context;
   const planesRegistry = getPlanesRegistrar(planesRegistrar);
   if (!planesRegistry) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const plane = planesRegistry.get(planeRoute);
   if (!plane) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const Component3 = previewComponent ?? plane.component;
   if (typeof Component3 !== "function") {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridPlanePreview,
     {
       theme: stateGeneralTheme,
       linkCoordinates: resolvedLinkCoordinates
     },
-    /* @__PURE__ */ React44.createElement(Component3, null)
+    /* @__PURE__ */ React45.createElement(Component3, null)
   );
 };
 var mapStateToProperties17 = (state2) => ({
@@ -9981,7 +9998,7 @@ var useLinkPreview_default = useLinkPreview;
 var PluridLink = (properties) => {
   const context = useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null, properties.children);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null, properties.children);
   }
   const {
     hostname,
@@ -9990,7 +10007,7 @@ var PluridLink = (properties) => {
   } = context;
   const planesRegistry = getPlanesRegistrar(planesRegistrar);
   if (!planesRegistry) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null, properties.children);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null, properties.children);
   }
   const {
     // #region own
@@ -10356,7 +10373,7 @@ var PluridLink = (properties) => {
     showLink,
     pluridPlaneID
   ]);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridLink,
     {
       ref: linkElement,
@@ -10375,13 +10392,13 @@ var PluridLink = (properties) => {
       tabIndex: 0
     },
     children,
-    showPreview && !showLink && /* @__PURE__ */ React44.createElement(
+    showPreview && !showLink && /* @__PURE__ */ React45.createElement(
       Portal_default,
       {
         elementID: `preview-${parentPlaneID}`,
         rootID: parentPlaneID
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React45.createElement(
         Preview_default,
         {
           planeRoute: planeRouteResolved,
@@ -10507,7 +10524,7 @@ var PluridRouterLink = (properties) => {
     onKeyUp: handleKeyUp
   };
   if (!asAnchor) {
-    return /* @__PURE__ */ React44.createElement(
+    return /* @__PURE__ */ React45.createElement(
       StyledPluridRouterLinkDiv,
       {
         ...renderProperties
@@ -10515,7 +10532,7 @@ var PluridRouterLink = (properties) => {
       children
     );
   }
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridRouterLinkAnchor,
     {
       href: route,
@@ -10537,7 +10554,7 @@ var StyledPluridApplicationConfigurator = styled24.div`
 var PluridApplicationConfigurator = (properties) => {
   const context = useContext(context_default2);
   if (!context) {
-    return /* @__PURE__ */ React44.createElement(React44.Fragment, null);
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null);
   }
   const {
     registerPubSub
@@ -10568,7 +10585,7 @@ var PluridApplicationConfigurator = (properties) => {
   }, [
     pubsub
   ]);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridApplicationConfigurator,
     {
       ref: configuratorElement,
@@ -10622,7 +10639,7 @@ var PluridPlaneConfigurator = (properties) => {
     );
     setParentPlaneID(parentPlaneID);
   }, []);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     StyledPluridPlaneConfigurator,
     {
       ref: configuratorElement,
@@ -10725,6 +10742,7 @@ var ExternalPlane = (properties) => {
   } = properties;
   const route = plurid3.value;
   const mounted = useRef(false);
+  const loadStarted = useRef(false);
   const [
     Component3,
     setComponent
@@ -10736,12 +10754,11 @@ var ExternalPlane = (properties) => {
     };
   });
   useEffect(() => {
-    let loading = false;
+    if (loadStarted.current) {
+      return;
+    }
+    loadStarted.current = true;
     const load = async () => {
-      if (loading) {
-        return;
-      }
-      loading = true;
       try {
         const {
           domain,
@@ -10772,7 +10789,7 @@ var ExternalPlane = (properties) => {
     };
     load();
   }, []);
-  return /* @__PURE__ */ React44.createElement(StyledExternalPlane, null, Component3 && /* @__PURE__ */ React44.createElement(Component3, null));
+  return /* @__PURE__ */ React45.createElement(StyledExternalPlane, null, Component3 && /* @__PURE__ */ React45.createElement(Component3, null));
 };
 var mapStateToProperties20 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -10805,7 +10822,7 @@ var IframePlane = (properties) => {
     // // #endregion state
   } = properties;
   const route = plurid3.value;
-  return /* @__PURE__ */ React44.createElement(StyledIframePlane, null, /* @__PURE__ */ React44.createElement("iframe", { src: route }));
+  return /* @__PURE__ */ React45.createElement(StyledIframePlane, null, /* @__PURE__ */ React45.createElement("iframe", { src: route }));
 };
 var mapStateToProperties21 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -10836,7 +10853,7 @@ var VirtualListItem = (properties) => {
   }, [
     el.current
   ]);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     "div",
     {
       ref: el,
@@ -10881,7 +10898,7 @@ var PluridVirtualList = (properties) => {
     for (let i = start; i <= end; i++) {
       const item = items[i];
       rows.current.push(
-        /* @__PURE__ */ React44.createElement(
+        /* @__PURE__ */ React45.createElement(
           ListItem_default,
           {
             key: i + Math.random(),
@@ -10935,7 +10952,7 @@ var PluridVirtualList = (properties) => {
   }, [
     viewSize
   ]);
-  return /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React45.createElement(
     "div",
     {
       style: {
@@ -10943,11 +10960,11 @@ var PluridVirtualList = (properties) => {
       },
       ref: listElement
     },
-    resizing && /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
+    resizing && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
       PluridSpinner,
       null
     )),
-    !resizing && /* @__PURE__ */ React44.createElement(React44.Fragment, null, renderRows())
+    !resizing && /* @__PURE__ */ React45.createElement(React45.Fragment, null, renderRows())
   );
 };
 var mapStateToProps16 = (state2) => ({
@@ -10969,7 +10986,7 @@ var StyledPluridPlaneDebugger = styled24.div`
 
 // source/components/structural/Plane/components/PlaneDebugger/index.tsx
 var PluridPlaneDebugger = (properties) => {
-  return /* @__PURE__ */ React44.createElement(StyledPluridPlaneDebugger, null, "PluridPlaneDebugger");
+  return /* @__PURE__ */ React45.createElement(StyledPluridPlaneDebugger, null, "PluridPlaneDebugger");
 };
 var mapStateToProperties22 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -10990,7 +11007,7 @@ var StyledPluridSpaceDebugger = styled24.div`
 
 // source/components/structural/Space/components/SpaceDebugger/index.tsx
 var PluridSpaceDebugger = (properties) => {
-  return /* @__PURE__ */ React44.createElement(StyledPluridSpaceDebugger, null, "PluridSpaceDebugger");
+  return /* @__PURE__ */ React45.createElement(StyledPluridSpaceDebugger, null, "PluridSpaceDebugger");
 };
 var mapStateToProperties23 = (state2) => ({
   stateGeneralTheme: selectors_default.themes.getGeneralTheme(state2),
@@ -11087,6 +11104,57 @@ var serverComputeMetastate = async (isoMatch, paths, globals, hostname = "origin
     states
   };
 };
+var useEngineSelector = createSelectorHook(context_default);
+var usePluridPlane = () => {
+  const planeID = useContext(context_default3);
+  const getTreePlane = 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,
@@ -11155,6 +11223,6 @@ var Plurid = {
 };
 var index_default = Plurid;
 
-export { Application_default as PluridApplication, ApplicationConfigurator_default as PluridApplicationConfigurator, ExternalPlane_default as PluridExternalPlane, IframePlane_default as PluridIframePlane, Link_default as PluridLink, PlaneConfigurator_default as PluridPlaneConfigurator, Provider_default as PluridProvider, RouterBrowser_default as PluridRouterBrowser, RouterLink_default as PluridRouterLink, RouterStatic_default as PluridRouterStatic, List_default as PluridVirtualList, arrangementSignature, decodeViewpoint, index_default as default, encodeViewpoint, getDirectPlaneMatch, internals, selectors_default as pluridSelectors, modules_default as pluridStateModules, serverComputeMetastate, usePluridRouter };
+export { Application_default as PluridApplication, ApplicationConfigurator_default as PluridApplicationConfigurator, ExternalPlane_default as PluridExternalPlane, IframePlane_default as PluridIframePlane, Link_default as PluridLink, PlaneConfigurator_default as PluridPlaneConfigurator, Provider_default as PluridProvider, RouterBrowser_default as PluridRouterBrowser, RouterLink_default as PluridRouterLink, RouterStatic_default as PluridRouterStatic, List_default as PluridVirtualList, arrangementSignature, decodeViewpoint, index_default as default, encodeViewpoint, getDirectPlaneMatch, internals, selectors_default as pluridSelectors, modules_default as pluridStateModules, serverComputeMetastate, usePluridPlane, usePluridRouter };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map