@industry-theme/repository-composition-panels 0.7.5 → 0.7.7

package/dist/{index-7aQ4t9XI.js → index-Dx2G4QAh.js}

@@ -1663,12 +1663,14 @@ const PackageLoadingGraph = () => {
     {
       style: {
         height: "100%",
+        minHeight: "200px",
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
         color: theme2.colors.textSecondary,
-        padding: theme2.space[5]
+        padding: theme2.space[5],
+        overflow: "hidden"
       },
       children: [
         /* @__PURE__ */ jsx("style", { children: `
@@ -1741,7 +1743,9 @@ const PackageLoadingGraph = () => {
               position: "relative",
               width: "100%",
               maxWidth: "400px",
+              minWidth: "340px",
               height: "220px",
+              flexShrink: 0,
               marginBottom: theme2.space[4]
             },
             children: [
@@ -1807,7 +1811,8 @@ const PackageLoadingGraph = () => {
               fontWeight: theme2.fontWeights.medium,
               color: theme2.colors.text,
               textAlign: "center",
-              marginBottom: theme2.space[2]
+              marginBottom: theme2.space[2],
+              flexShrink: 0
             },
             children: "Loading packages..."
           }
@@ -1819,7 +1824,8 @@ const PackageLoadingGraph = () => {
               fontSize: theme2.fontSizes[1],
               fontFamily: theme2.fonts.body,
               color: theme2.colors.textSecondary,
-              textAlign: "center"
+              textAlign: "center",
+              flexShrink: 0
             },
             children: "Discovering dependencies and configurations"
           }
@@ -10689,152 +10695,135 @@ function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
 var withSelector = { exports: {} };
-var withSelector_production = {};
+var withSelector_production_min = {};
 var shim = { exports: {} };
-var useSyncExternalStoreShim_production = {};
+var useSyncExternalStoreShim_production_min = {};
 /**
  * @license React
- * use-sync-external-store-shim.production.js
+ * use-sync-external-store-shim.production.min.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredUseSyncExternalStoreShim_production;
-function requireUseSyncExternalStoreShim_production() {
-  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
-  hasRequiredUseSyncExternalStoreShim_production = 1;
-  var React = React2__default;
-  function is(x2, y2) {
-    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
-  }
-  var objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React.useState, useEffect2 = React.useEffect, useLayoutEffect2 = React.useLayoutEffect, useDebugValue2 = React.useDebugValue;
-  function useSyncExternalStore$2(subscribe, getSnapshot) {
-    var value = getSnapshot(), _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-    useLayoutEffect2(
-      function() {
-        inst.value = value;
-        inst.getSnapshot = getSnapshot;
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-      },
-      [subscribe, value, getSnapshot]
-    );
-    useEffect2(
-      function() {
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        return subscribe(function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        });
-      },
-      [subscribe]
-    );
-    useDebugValue2(value);
-    return value;
+var hasRequiredUseSyncExternalStoreShim_production_min;
+function requireUseSyncExternalStoreShim_production_min() {
+  if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
+  hasRequiredUseSyncExternalStoreShim_production_min = 1;
+  var e2 = React2__default;
+  function h2(a2, b2) {
+    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+  }
+  var k2 = "function" === typeof Object.is ? Object.is : h2, l2 = e2.useState, m2 = e2.useEffect, n2 = e2.useLayoutEffect, p2 = e2.useDebugValue;
+  function q2(a2, b2) {
+    var d2 = b2(), f2 = l2({ inst: { value: d2, getSnapshot: b2 } }), c2 = f2[0].inst, g2 = f2[1];
+    n2(function() {
+      c2.value = d2;
+      c2.getSnapshot = b2;
+      r2(c2) && g2({ inst: c2 });
+    }, [a2, d2, b2]);
+    m2(function() {
+      r2(c2) && g2({ inst: c2 });
+      return a2(function() {
+        r2(c2) && g2({ inst: c2 });
+      });
+    }, [a2]);
+    p2(d2);
+    return d2;
   }
-  function checkIfSnapshotChanged(inst) {
-    var latestGetSnapshot = inst.getSnapshot;
-    inst = inst.value;
+  function r2(a2) {
+    var b2 = a2.getSnapshot;
+    a2 = a2.value;
     try {
-      var nextValue = latestGetSnapshot();
-      return !objectIs(inst, nextValue);
-    } catch (error) {
+      var d2 = b2();
+      return !k2(a2, d2);
+    } catch (f2) {
       return true;
     }
   }
-  function useSyncExternalStore$1(subscribe, getSnapshot) {
-    return getSnapshot();
+  function t2(a2, b2) {
+    return b2();
   }
-  var shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim2;
-  return useSyncExternalStoreShim_production;
+  var u2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t2 : q2;
+  useSyncExternalStoreShim_production_min.useSyncExternalStore = void 0 !== e2.useSyncExternalStore ? e2.useSyncExternalStore : u2;
+  return useSyncExternalStoreShim_production_min;
 }
 var hasRequiredShim;
 function requireShim() {
   if (hasRequiredShim) return shim.exports;
   hasRequiredShim = 1;
   {
-    shim.exports = requireUseSyncExternalStoreShim_production();
+    shim.exports = requireUseSyncExternalStoreShim_production_min();
   }
   return shim.exports;
 }
 /**
  * @license React
- * use-sync-external-store-shim/with-selector.production.js
+ * use-sync-external-store-shim/with-selector.production.min.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredWithSelector_production;
-function requireWithSelector_production() {
-  if (hasRequiredWithSelector_production) return withSelector_production;
-  hasRequiredWithSelector_production = 1;
-  var React = React2__default, shim2 = requireShim();
-  function is(x2, y2) {
-    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
-  }
-  var objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React.useRef, useEffect2 = React.useEffect, useMemo2 = React.useMemo, useDebugValue2 = React.useDebugValue;
-  withSelector_production.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector2, isEqual) {
-    var instRef = useRef2(null);
-    if (null === instRef.current) {
-      var inst = { hasValue: false, value: null };
-      instRef.current = inst;
-    } else inst = instRef.current;
-    instRef = useMemo2(
-      function() {
-        function memoizedSelector(nextSnapshot) {
-          if (!hasMemo) {
-            hasMemo = true;
-            memoizedSnapshot = nextSnapshot;
-            nextSnapshot = selector2(nextSnapshot);
-            if (void 0 !== isEqual && inst.hasValue) {
-              var currentSelection = inst.value;
-              if (isEqual(currentSelection, nextSnapshot))
-                return memoizedSelection = currentSelection;
-            }
-            return memoizedSelection = nextSnapshot;
+var hasRequiredWithSelector_production_min;
+function requireWithSelector_production_min() {
+  if (hasRequiredWithSelector_production_min) return withSelector_production_min;
+  hasRequiredWithSelector_production_min = 1;
+  var h2 = React2__default, n2 = requireShim();
+  function p2(a2, b2) {
+    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+  }
+  var q2 = "function" === typeof Object.is ? Object.is : p2, r2 = n2.useSyncExternalStore, t2 = h2.useRef, u2 = h2.useEffect, v2 = h2.useMemo, w2 = h2.useDebugValue;
+  withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2, e2, l2, g2) {
+    var c2 = t2(null);
+    if (null === c2.current) {
+      var f2 = { hasValue: false, value: null };
+      c2.current = f2;
+    } else f2 = c2.current;
+    c2 = v2(function() {
+      function a3(a4) {
+        if (!c3) {
+          c3 = true;
+          d3 = a4;
+          a4 = l2(a4);
+          if (void 0 !== g2 && f2.hasValue) {
+            var b3 = f2.value;
+            if (g2(b3, a4)) return k2 = b3;
           }
-          currentSelection = memoizedSelection;
-          if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
-          var nextSelection = selector2(nextSnapshot);
-          if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
-            return memoizedSnapshot = nextSnapshot, currentSelection;
-          memoizedSnapshot = nextSnapshot;
-          return memoizedSelection = nextSelection;
-        }
-        var hasMemo = false, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
-        return [
-          function() {
-            return memoizedSelector(getSnapshot());
-          },
-          null === maybeGetServerSnapshot ? void 0 : function() {
-            return memoizedSelector(maybeGetServerSnapshot());
-          }
-        ];
-      },
-      [getSnapshot, getServerSnapshot, selector2, isEqual]
-    );
-    var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
-    useEffect2(
-      function() {
-        inst.hasValue = true;
-        inst.value = value;
-      },
-      [value]
-    );
-    useDebugValue2(value);
-    return value;
-  };
-  return withSelector_production;
+          return k2 = a4;
+        }
+        b3 = k2;
+        if (q2(d3, a4)) return b3;
+        var e3 = l2(a4);
+        if (void 0 !== g2 && g2(b3, e3)) return b3;
+        d3 = a4;
+        return k2 = e3;
+      }
+      var c3 = false, d3, k2, m2 = void 0 === e2 ? null : e2;
+      return [function() {
+        return a3(b2());
+      }, null === m2 ? void 0 : function() {
+        return a3(m2());
+      }];
+    }, [b2, e2, l2, g2]);
+    var d2 = r2(a2, c2[0], c2[1]);
+    u2(function() {
+      f2.hasValue = true;
+      f2.value = d2;
+    }, [d2]);
+    w2(d2);
+    return d2;
+  };
+  return withSelector_production_min;
 }
 var hasRequiredWithSelector;
 function requireWithSelector() {
   if (hasRequiredWithSelector) return withSelector.exports;
   hasRequiredWithSelector = 1;
   {
-    withSelector.exports = requireWithSelector_production();
+    withSelector.exports = requireWithSelector_production_min();
   }
   return withSelector.exports;
 }
@@ -10900,7 +10889,8 @@ function shallow$1(objA, objB) {
     return false;
   }
   if (objA instanceof Map && objB instanceof Map) {
-    if (objA.size !== objB.size) return false;
+    if (objA.size !== objB.size)
+      return false;
     for (const [key, value] of objA) {
       if (!Object.is(value, objB.get(key))) {
         return false;
@@ -10909,7 +10899,8 @@ function shallow$1(objA, objB) {
     return true;
   }
   if (objA instanceof Set && objB instanceof Set) {
-    if (objA.size !== objB.size) return false;
+    if (objA.size !== objB.size)
+      return false;
     for (const value of objA) {
       if (!objB.has(value)) {
         return false;
@@ -10921,8 +10912,8 @@ function shallow$1(objA, objB) {
   if (keysA.length !== Object.keys(objB).length) {
     return false;
   }
-  for (const keyA of keysA) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
+  for (let i2 = 0; i2 < keysA.length; i2++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i2]) || !Object.is(objA[keysA[i2]], objB[keysA[i2]])) {
       return false;
     }
   }
@@ -106244,7 +106235,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-DMDsy2el.js");
+    await import("./browserAll-CjncPJpI.js");
   }
 };
 const webworkerExt = {
@@ -106255,7 +106246,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-D8hIL1sE.js");
+    await import("./webworkerAll-C4pMbFGR.js");
   }
 };
 class ObservablePoint {
@@ -118498,19 +118489,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-Bggk73-1.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-Bw59t4A5.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-BnHZE5Mp.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-Bm1hVYQ_.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-ByT5AV8x.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-CShuXSaA.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132997,7 +132988,9 @@ function calculateRegionCameraPosition(regionCenterX, regionCenterY, bounds) {
 }
 function domEventToGridCoords(clientX, clientY, viewport, canvasElement) {
   if (!viewport || !canvasElement) {
-    console.warn("[domEventToGridCoords] Missing viewport or canvas element, returning (0, 0)");
+    console.warn(
+      "[domEventToGridCoords] Missing viewport or canvas element, returning (0, 0)"
+    );
     return { gridX: 0, gridY: 0 };
   }
   const rect = canvasElement.getBoundingClientRect();
@@ -135915,6 +135908,7 @@ const OverworldMapPanelContent = ({
   collectionKey,
   onViewportReady
 }) => {
+  const wrapperRef = useRef(null);
   const canvasRef = useRef(null);
   const appRef = useRef(null);
   const viewportRef = useRef(null);
@@ -136007,8 +136001,8 @@ const OverworldMapPanelContent = ({
       }
       const canvasWidth = window.innerWidth;
       const canvasHeight = window.innerHeight;
-      const visibleWidth = ((_a = canvasRef.current) == null ? void 0 : _a.clientWidth) || width || 800;
-      const visibleHeight = ((_b = canvasRef.current) == null ? void 0 : _b.clientHeight) || height || 600;
+      const visibleWidth = ((_a = wrapperRef.current) == null ? void 0 : _a.clientWidth) || width || 800;
+      const visibleHeight = ((_b = wrapperRef.current) == null ? void 0 : _b.clientHeight) || height || 600;
       visibleDimensionsRef.current = {
         width: visibleWidth,
         height: visibleHeight
@@ -136591,6 +136585,7 @@ const OverworldMapPanelContent = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: wrapperRef,
       style: {
         position: "relative",
         width: "100%",
@@ -138896,4 +138891,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-7aQ4t9XI.js.map
+//# sourceMappingURL=index-Dx2G4QAh.js.map