@awesome-flow/noise 0.7.0 → 0.8.0

package/dist/nodes/generators/index.js

@@ -1,302 +1,15 @@
-// src/nodes/generators/noise-billow-node.tsx
-import { NodeContainer, NodeTrackConnections } from "@awesome-flow/core/layout";
-import { useCallback, useMemo } from "react";
-import { Billow } from "libnoise-simplex-ts";
-import { useUpdateNodeComputedData } from "@awesome-flow/core/hooks";
-import { NodePropertyVariables } from "@awesome-flow/core/components";
-import { jsx, jsxs } from "react/jsx-runtime";
-function NoiseBillowNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData();
-  const module = useMemo(() => new Billow(), []);
-  const onPropertiesChange = useCallback(
-    (properties) => {
-      Object.keys(properties).forEach((k) => {
-        module[k] = properties[k].value;
-      });
-      updateComputedData(id, { module });
-    },
-    [id, module, updateComputedData]
-  );
-  return /* @__PURE__ */ jsxs(NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx(NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx(NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-var noise_billow_node_default = NoiseBillowNode;
-
-// src/nodes/generators/noise-checkerboard-node.tsx
-import { NodeContainer as NodeContainer2 } from "@awesome-flow/core/layout";
-import { useEffect, useMemo as useMemo2 } from "react";
-import { Checkerboard } from "libnoise-simplex-ts";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData2 } from "@awesome-flow/core/hooks";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function NoiseCheckerboardNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData2();
-  const module = useMemo2(() => new Checkerboard(), []);
-  useEffect(() => {
-    updateComputedData(id, { module });
-  }, [id, module, updateComputedData]);
-  return /* @__PURE__ */ jsx2(NodeContainer2, { id, selected, data, type });
-}
-var noise_checkerboard_node_default = NoiseCheckerboardNode;
-
-// src/nodes/generators/noise-const-node.tsx
-import { NodeContainer as NodeContainer3 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect2, useMemo as useMemo3, useState } from "react";
-import { Group, NumberInput, Stack } from "@mantine/core";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData3, useUpdateNodeData } from "@awesome-flow/core/hooks";
-import { Const } from "libnoise-simplex-ts";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function NoiseConstNode({ id, selected, data, type }) {
-  const [min, setMin] = useState(data.min);
-  const [max, setMax] = useState(data.max);
-  const [noise, setNoise] = useState(data.noise);
-  const updateNodeData = useUpdateNodeData();
-  const updateComputedData = useUpdateNodeComputedData3();
-  const module = useMemo3(() => new Const(), []);
-  useEffect2(() => {
-    module.value = noise;
-    updateNodeData(id, { noise, min, max });
-    updateComputedData(id, { module });
-  }, [noise, min, max, module, updateNodeData, id, updateComputedData]);
-  return /* @__PURE__ */ jsx3(NodeContainer3, { id, selected, data, type, children: /* @__PURE__ */ jsxs2(Stack, { children: [
-    /* @__PURE__ */ jsxs2(Group, { children: [
-      /* @__PURE__ */ jsx3(NumberInput, { size: "xs", w: 100, value: min, onChange: (e) => setMin(Number(e)) }),
-      /* @__PURE__ */ jsx3(NumberInput, { size: "xs", w: 100, value: max, onChange: (e) => setMax(Number(e)) })
-    ] }),
-    /* @__PURE__ */ jsxs2(Group, { children: [
-      "noise:",
-      /* @__PURE__ */ jsx3(
-        NumberInput,
-        {
-          size: "xs",
-          value: noise,
-          onChange: (e) => setNoise(Number(e)),
-          max,
-          min,
-          step: 0.1
-        }
-      )
-    ] })
-  ] }) });
-}
-var noise_const_node_default = NoiseConstNode;
-
-// src/nodes/generators/noise-cylinders-node.tsx
-import { NodeContainer as NodeContainer4, NodeTrackConnections as NodeTrackConnections2 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback2, useMemo as useMemo4 } from "react";
-import { Cylinders } from "libnoise-simplex-ts";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData4 } from "@awesome-flow/core/hooks";
-import { NodePropertyVariables as NodePropertyVariables2 } from "@awesome-flow/core/components";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function NoiseCylindersNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData4();
-  const module = useMemo4(() => new Cylinders(), []);
-  const onPropertiesChange = useCallback2(
-    (properties) => {
-      Object.keys(properties).forEach((k) => {
-        module[k] = properties[k].value;
-      });
-      updateComputedData(id, { module });
-    },
-    [id, module, updateComputedData]
-  );
-  return /* @__PURE__ */ jsxs3(NodeContainer4, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx4(NodePropertyVariables2, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx4(NodeTrackConnections2, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-var noise_cylinders_node_default = NoiseCylindersNode;
-
-// src/nodes/generators/noise-perlin-node.tsx
-import { NodeContainer as NodeContainer5, NodeTrackConnections as NodeTrackConnections3 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback3, useMemo as useMemo5 } from "react";
-import { Perlin } from "libnoise-simplex-ts";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData5 } from "@awesome-flow/core/hooks";
-import { NodePropertyVariables as NodePropertyVariables3 } from "@awesome-flow/core/components";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function NoisePerlinNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData5();
-  const module = useMemo5(() => new Perlin(), []);
-  const onPropertiesChange = useCallback3(
-    (properties) => {
-      Object.keys(properties).forEach((k) => {
-        module[k] = properties[k].value;
-      });
-      updateComputedData(id, { module });
-    },
-    [id, module, updateComputedData]
-  );
-  return /* @__PURE__ */ jsxs4(NodeContainer5, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx5(NodePropertyVariables3, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx5(NodeTrackConnections3, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-var noise_perlin_node_default = NoisePerlinNode;
-
-// src/nodes/generators/noise-ridgedmulti-node.tsx
-import { NodeContainer as NodeContainer6, NodeTrackConnections as NodeTrackConnections4 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback4, useMemo as useMemo6 } from "react";
-import { RidgedMulti } from "libnoise-simplex-ts";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData6 } from "@awesome-flow/core/hooks";
-import { NodePropertyVariables as NodePropertyVariables4 } from "@awesome-flow/core/components";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function NoiseRidgedMultiNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData6();
-  const module = useMemo6(() => new RidgedMulti(), []);
-  const onPropertiesChange = useCallback4((properties) => {
-    Object.keys(properties).forEach((k) => module[k] = properties[k].value);
-    updateComputedData(id, { module });
-  }, []);
-  return /* @__PURE__ */ jsxs5(NodeContainer6, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx6(NodePropertyVariables4, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx6(NodeTrackConnections4, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-var noise_ridgedmulti_node_default = NoiseRidgedMultiNode;
-
-// src/nodes/generators/noise-spheres-node.tsx
-import { NodeContainer as NodeContainer7, NodeTrackConnections as NodeTrackConnections5 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback5, useMemo as useMemo7 } from "react";
-import { Spheres } from "libnoise-simplex-ts";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData7 } from "@awesome-flow/core/hooks";
-import { NodePropertyVariables as NodePropertyVariables5 } from "@awesome-flow/core/components";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function NoiseSpheresNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData7();
-  const module = useMemo7(() => new Spheres(), []);
-  const onPropertiesChange = useCallback5((properties) => {
-    Object.keys(properties).forEach((k) => module[k] = properties[k].value);
-    updateComputedData(id, { module });
-  }, []);
-  return /* @__PURE__ */ jsxs6(NodeContainer7, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx7(NodePropertyVariables5, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx7(NodeTrackConnections5, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-var noise_spheres_node_default = NoiseSpheresNode;
-
-// src/nodes/generators/noise-voronoi-node.tsx
-import { NodeContainer as NodeContainer8, NodeTrackConnections as NodeTrackConnections6 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback6 } from "react";
-import { Voronoi } from "libnoise-simplex-ts";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData8 } from "@awesome-flow/core/hooks";
-import { NodePropertyVariables as NodePropertyVariables6 } from "@awesome-flow/core/components";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function NoiseVoronoiNode({ id, selected, data, type }) {
-  const updateComputedData = useUpdateNodeComputedData8();
-  const onPropertiesChange = useCallback6(
-    (properties) => {
-      const module = new Voronoi(
-        properties.frequency.value,
-        properties.displacement.value,
-        properties.distance.value,
-        properties.seed.value
-      );
-      updateComputedData(id, { module });
-    },
-    []
-  );
-  return /* @__PURE__ */ jsxs7(NodeContainer8, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx8(NodePropertyVariables6, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx8(NodeTrackConnections6, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-var noise_voronoi_node_default = NoiseVoronoiNode;
-
-// src/nodes/generators/position-const-node.tsx
-import { NodeContainer as NodeContainer9 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect3, useState as useState2 } from "react";
-import { Group as Group2, NumberInput as NumberInput2, Stack as Stack2 } from "@mantine/core";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData9, useUpdateNodeData as useUpdateNodeData2 } from "@awesome-flow/core/hooks";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function PositionConstNode({ id, selected, data, type }) {
-  const position = data.position ?? { x: 0, y: 0, z: 0 };
-  const [x, setX] = useState2(position.x);
-  const [y, setY] = useState2(position.y);
-  const [z, setZ] = useState2(position.z);
-  const updateNodeData = useUpdateNodeData2();
-  const updateComputedData = useUpdateNodeComputedData9();
-  useEffect3(() => {
-    const position2 = { x, y, z };
-    updateNodeData(id, {
-      position: position2
-    });
-    updateComputedData(id, {
-      positions: [position2]
-    });
-  }, [x, y, z]);
-  return /* @__PURE__ */ jsx9(NodeContainer9, { id, selected, data, type, children: /* @__PURE__ */ jsxs8(Stack2, { children: [
-    /* @__PURE__ */ jsxs8(Group2, { children: [
-      "x: ",
-      /* @__PURE__ */ jsx9(NumberInput2, { size: "xs", w: 100, value: x, onChange: (e) => setX(Number(e)) })
-    ] }),
-    /* @__PURE__ */ jsxs8(Group2, { children: [
-      "y: ",
-      /* @__PURE__ */ jsx9(NumberInput2, { size: "xs", w: 100, value: y, onChange: (e) => setY(Number(e)) })
-    ] }),
-    /* @__PURE__ */ jsxs8(Group2, { children: [
-      "z: ",
-      /* @__PURE__ */ jsx9(NumberInput2, { size: "xs", w: 100, value: z, onChange: (e) => setZ(Number(e)) })
-    ] })
-  ] }) });
-}
-var position_const_node_default = PositionConstNode;
-
-// src/nodes/generators/position-grid-node.tsx
-import { NodeContainer as NodeContainer10 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect4, useState as useState3 } from "react";
-import { Group as Group3, NumberInput as NumberInput3, Stack as Stack3 } from "@mantine/core";
-import { useUpdateNodeComputedData as useUpdateNodeComputedData10, useUpdateNodeData as useUpdateNodeData3 } from "@awesome-flow/core/hooks";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function PositionGridNode({ id, selected, data, type }) {
-  const [x, setX] = useState3(data.center?.x);
-  const [y, setY] = useState3(data.center?.y);
-  const [z, setZ] = useState3(data.center?.z);
-  const [radius, setRadius] = useState3(data.radius);
-  const updateNodeData = useUpdateNodeData3();
-  const updateComputedData = useUpdateNodeComputedData10();
-  useEffect4(() => {
-    updateNodeData(id, {
-      center: { x, y, z }
-    });
-  }, [x, y, z]);
-  useEffect4(() => {
-    updateNodeData(id, {
-      radius
-    });
-  }, [radius]);
-  useEffect4(() => {
-    const positions = [];
-    for (let i = -radius; i < radius; i++) {
-      for (let j = -radius; j < radius; j++) {
-        positions.push({ x: x + i, y: y + j, z });
-      }
-    }
-    updateComputedData(id, {
-      positions
-    });
-  }, [x, y, z, radius]);
-  return /* @__PURE__ */ jsx10(NodeContainer10, { id, selected, data, type, children: /* @__PURE__ */ jsxs9(Stack3, { children: [
-    /* @__PURE__ */ jsxs9(Group3, { children: [
-      "x: ",
-      /* @__PURE__ */ jsx10(NumberInput3, { size: "xs", w: 100, value: x, onChange: (e) => setX(Number(e)) })
-    ] }),
-    /* @__PURE__ */ jsxs9(Group3, { children: [
-      "y: ",
-      /* @__PURE__ */ jsx10(NumberInput3, { size: "xs", w: 100, value: y, onChange: (e) => setY(Number(e)) })
-    ] }),
-    /* @__PURE__ */ jsxs9(Group3, { children: [
-      "z: ",
-      /* @__PURE__ */ jsx10(NumberInput3, { size: "xs", w: 100, value: z, onChange: (e) => setZ(Number(e)) })
-    ] }),
-    /* @__PURE__ */ jsxs9(Group3, { children: [
-      "r: ",
-      /* @__PURE__ */ jsx10(NumberInput3, { size: "xs", w: 100, value: radius, onChange: (e) => setRadius(Number(e)) })
-    ] })
-  ] }) });
-}
-var position_grid_node_default = PositionGridNode;
+import {
+  noise_billow_node_default,
+  noise_checkerboard_node_default,
+  noise_const_node_default,
+  noise_cylinders_node_default,
+  noise_perlin_node_default,
+  noise_ridgedmulti_node_default,
+  noise_spheres_node_default,
+  noise_voronoi_node_default,
+  position_const_node_default,
+  position_grid_node_default
+} from "../../chunk-DWSACR65.js";
 export {
   noise_billow_node_default as NoiseBillowNode,
   noise_checkerboard_node_default as NoiseCheckerboardNode,

package/dist/nodes/groups/index.cjs

@@ -1,113 +1,6 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/nodes/groups/index.ts
-var groups_exports = {};
-__export(groups_exports, {
-  ModuleGroupNode: () => module_group_node_default
-});
-module.exports = __toCommonJS(groups_exports);
+var _chunkM67JHEU2cjs = require('../../chunk-M67JHEU2.cjs');
 
-// src/nodes/groups/module-group-node.tsx
-var import_layout = require("@awesome-flow/core/layout");
-var import_react = require("@xyflow/react");
-var import_react2 = require("react");
-var import_shallow = require("zustand/shallow");
-var import_core = require("@mantine/core");
-var import_hooks = require("@awesome-flow/core/hooks");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ModuleGroupNode({
-  id,
-  selected,
-  data,
-  type,
-  width,
-  height
-}) {
-  const updateNodeInternals = (0, import_react.useUpdateNodeInternals)();
-  const triggerNodeChanges = (0, import_react.useStore)((s) => s.triggerNodeChanges);
-  const { groupNodes, setGroupCollapsed } = (0, import_hooks.useFlowStore)(
-    (0, import_react2.useCallback)(
-      (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
-      []
-    )
-  );
-  const intersectingNode = (0, import_hooks.useInteractiveStore)(
-    (0, import_react2.useCallback)((state) => state.nodeIntersectionTargets[id], [id]),
-    import_shallow.shallow
-  );
-  (0, import_react2.useEffect)(() => {
-    updateNodeInternals(id);
-  }, [width, height]);
-  (0, import_react2.useEffect)(() => {
-    triggerNodeChanges([
-      {
-        id,
-        type: "select",
-        selected: !!intersectingNode
-      }
-    ]);
-  }, [intersectingNode]);
-  const onCollapsed = (0, import_react2.useCallback)((collapsed) => {
-    setGroupCollapsed(id, collapsed);
-  }, []);
-  const size = (0, import_react2.useMemo)(() => {
-    return {
-      width: data.initialSize?.width || 100,
-      height: data.initialSize?.height || 50
-    };
-  }, [data.initialSize]);
-  const incomingModules = (0, import_hooks.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks.useUpdateNodeComputedData)();
-  (0, import_react2.useEffect)(() => {
-    if (incomingModules?.length) {
-      const { module: module2 } = incomingModules[0];
-      updateComputedData(id, { module: module2 });
-    }
-  }, [incomingModules]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_layout.NodeContainer,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Group, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layout.NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
-      ] }) }),
-      type,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react.NodeResizer,
-          {
-            nodeId: id,
-            minWidth: size.width,
-            minHeight: size.height,
-            isVisible: selected && !data.isCollapsed
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
-      ]
-    }
-  );
-}
-var module_group_node_default = ModuleGroupNode;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ModuleGroupNode
-});
+
+exports.ModuleGroupNode = _chunkM67JHEU2cjs.module_group_node_default;

package/dist/nodes/groups/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeProps, Node } from '@xyflow/react';
 import { BasicNodeData } from '@awesome-flow/core/abstract';
+import { NodeProps, Node } from '@xyflow/react';
 
-declare function ModuleGroupNode({ id, selected, data, type, width, height, }: NodeProps<Node<BasicNodeData>>): react_jsx_runtime.JSX.Element;
+declare function ModuleGroupNode({ id, selected, data, type, width, height }: NodeProps<Node<BasicNodeData>>): react_jsx_runtime.JSX.Element;
 
 export { ModuleGroupNode };

package/dist/nodes/groups/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { NodeProps, Node } from '@xyflow/react';
 import { BasicNodeData } from '@awesome-flow/core/abstract';
+import { NodeProps, Node } from '@xyflow/react';
 
-declare function ModuleGroupNode({ id, selected, data, type, width, height, }: NodeProps<Node<BasicNodeData>>): react_jsx_runtime.JSX.Element;
+declare function ModuleGroupNode({ id, selected, data, type, width, height }: NodeProps<Node<BasicNodeData>>): react_jsx_runtime.JSX.Element;
 
 export { ModuleGroupNode };

package/dist/nodes/groups/index.js

@@ -1,92 +1,6 @@
-// src/nodes/groups/module-group-node.tsx
-import { NodeContainer, NodeCollapse, NodeTrackConnections } from "@awesome-flow/core/layout";
-import { NodeResizer, useStore, useUpdateNodeInternals } from "@xyflow/react";
-import { useCallback, useEffect, useMemo } from "react";
-import { shallow } from "zustand/shallow";
-import { Badge, Group } from "@mantine/core";
 import {
-  useFlowStore,
-  useIncomingComputedData,
-  useInteractiveStore,
-  useUpdateNodeComputedData
-} from "@awesome-flow/core/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ModuleGroupNode({
-  id,
-  selected,
-  data,
-  type,
-  width,
-  height
-}) {
-  const updateNodeInternals = useUpdateNodeInternals();
-  const triggerNodeChanges = useStore((s) => s.triggerNodeChanges);
-  const { groupNodes, setGroupCollapsed } = useFlowStore(
-    useCallback(
-      (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
-      []
-    )
-  );
-  const intersectingNode = useInteractiveStore(
-    useCallback((state) => state.nodeIntersectionTargets[id], [id]),
-    shallow
-  );
-  useEffect(() => {
-    updateNodeInternals(id);
-  }, [width, height]);
-  useEffect(() => {
-    triggerNodeChanges([
-      {
-        id,
-        type: "select",
-        selected: !!intersectingNode
-      }
-    ]);
-  }, [intersectingNode]);
-  const onCollapsed = useCallback((collapsed) => {
-    setGroupCollapsed(id, collapsed);
-  }, []);
-  const size = useMemo(() => {
-    return {
-      width: data.initialSize?.width || 100,
-      height: data.initialSize?.height || 50
-    };
-  }, [data.initialSize]);
-  const incomingModules = useIncomingComputedData(id);
-  const updateComputedData = useUpdateNodeComputedData();
-  useEffect(() => {
-    if (incomingModules?.length) {
-      const { module } = incomingModules[0];
-      updateComputedData(id, { module });
-    }
-  }, [incomingModules]);
-  return /* @__PURE__ */ jsxs(
-    NodeContainer,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ jsx(Group, { justify: "space-between", children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
-        /* @__PURE__ */ jsx(NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
-      ] }) }),
-      type,
-      children: [
-        /* @__PURE__ */ jsx(
-          NodeResizer,
-          {
-            nodeId: id,
-            minWidth: size.width,
-            minHeight: size.height,
-            isVisible: selected && !data.isCollapsed
-          }
-        ),
-        /* @__PURE__ */ jsx(NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
-      ]
-    }
-  );
-}
-var module_group_node_default = ModuleGroupNode;
+  module_group_node_default
+} from "../../chunk-KHIIB5TH.js";
 export {
   module_group_node_default as ModuleGroupNode
 };