@awesome-flow/noise 0.3.0 → 0.4.0

package/dist/abstract/index.js

@@ -70,23 +70,27 @@ var require_fast_deep_equal = __commonJS({
 });
 
 // src/abstract/handle-types.ts
-var NoiseHandleFlag = /* @__PURE__ */ ((NoiseHandleFlag2) => {
-  NoiseHandleFlag2[NoiseHandleFlag2["texture"] = 1] = "texture";
-  NoiseHandleFlag2[NoiseHandleFlag2["noise"] = 2] = "noise";
-  NoiseHandleFlag2[NoiseHandleFlag2["position"] = 4] = "position";
-  NoiseHandleFlag2[NoiseHandleFlag2["module"] = 8] = "module";
-  NoiseHandleFlag2[NoiseHandleFlag2["variableProperty"] = 16] = "variableProperty";
-  NoiseHandleFlag2[NoiseHandleFlag2["variableValue"] = 32] = "variableValue";
-  return NoiseHandleFlag2;
-})(NoiseHandleFlag || {});
-var DisplacementModule = /* @__PURE__ */ ((DisplacementModule2) => {
-  DisplacementModule2["sourceModule"] = "source";
-  DisplacementModule2["xModule"] = "x-module";
-  DisplacementModule2["yModule"] = "y-module";
-  DisplacementModule2["zModule"] = "z-module";
-  DisplacementModule2["output"] = "output";
-  return DisplacementModule2;
-})(DisplacementModule || {});
+var NoiseHandleType = /* @__PURE__ */ ((NoiseHandleType2) => {
+  NoiseHandleType2["texture"] = "texture";
+  NoiseHandleType2["noise"] = "noise";
+  NoiseHandleType2["position"] = "position";
+  NoiseHandleType2["module"] = "module";
+  return NoiseHandleType2;
+})(NoiseHandleType || {});
+var DisplacementHandle = /* @__PURE__ */ ((DisplacementHandle2) => {
+  DisplacementHandle2["sourceModule"] = "source";
+  DisplacementHandle2["xModule"] = "x-module";
+  DisplacementHandle2["yModule"] = "y-module";
+  DisplacementHandle2["zModule"] = "z-module";
+  DisplacementHandle2["output"] = "output";
+  return DisplacementHandle2;
+})(DisplacementHandle || {});
+var NoiseSourceControlHandle = /* @__PURE__ */ ((NoiseSourceControlHandle2) => {
+  NoiseSourceControlHandle2["source"] = "source";
+  NoiseSourceControlHandle2["control"] = "control";
+  NoiseSourceControlHandle2["output"] = "output";
+  return NoiseSourceControlHandle2;
+})(NoiseSourceControlHandle || {});
 
 // src/nodes/generators/noise-simplex-node.tsx
 import { NodeContainer } from "@awesome-flow/core/layout";
@@ -325,150 +329,15 @@ var noise_const_node_default = NoiseConstNode;
 
 // src/nodes/generators/noise-billow-node.tsx
 import { NodeContainer as NodeContainer6, NodeTrackConnections as NodeTrackConnections2 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback2, useMemo as useMemo4 } from "react";
+import { useCallback, useMemo as useMemo3 } from "react";
 import { Billow } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData6 } from "@awesome-flow/core/hooks";
-import { nodeDataPropertyExcept as nodeDataPropertyExcept2 } from "@awesome-flow/core/abstract";
-
-// src/layout/node-property-variables.tsx
-import { useIncomingNodeData, useUpdateNodeData as useUpdateNodeData5 } from "@awesome-flow/core/hooks";
-import { useCallback, useEffect as useEffect6, useMemo as useMemo3, useState as useState5 } from "react";
-import { Group as Group5, Stack as Stack5 } from "@mantine/core";
-import { getObjectKeys } from "@awesome-flow/core/utils";
-import { nodeDataPropertyExcept } from "@awesome-flow/core/abstract";
-
-// src/layout/node-value-input.tsx
-import { Input, NumberInput as NumberInput5, Switch } from "@mantine/core";
-import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
-function NodeValueInput({ value, disabled, step, onChange }) {
-  if (value === void 0 || value === null) {
-    return /* @__PURE__ */ jsx6(Fragment, {});
-  }
-  switch (typeof value) {
-    case "boolean": {
-      return /* @__PURE__ */ jsx6(
-        Switch,
-        {
-          checked: value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.checked)
-        }
-      );
-    }
-    case "number": {
-      return /* @__PURE__ */ jsx6(NumberInput5, { value, disabled, step, onChange: (e) => onChange(e) });
-    }
-    case "string": {
-      return /* @__PURE__ */ jsx6(
-        Input,
-        {
-          value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.value)
-        }
-      );
-    }
-    default:
-      throw new Error(`Unknown input node for value of type: ${typeof value} (${value})`);
-  }
-}
-var node_value_input_default = NodeValueInput;
-
-// src/layout/node-property-input.tsx
-import { Fragment as Fragment2, jsx as jsx7 } from "react/jsx-runtime";
-function NodePropertyInput({ property, onChange }) {
-  if (!property) {
-    return /* @__PURE__ */ jsx7(Fragment2, {});
-  }
-  return /* @__PURE__ */ jsx7(
-    node_value_input_default,
-    {
-      value: property.value,
-      disabled: property.disabled,
-      step: property.step,
-      onChange: (value) => onChange(property.name, value)
-    }
-  );
-}
-var node_property_input_default = NodePropertyInput;
-
-// src/layout/node-property-variables.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function NodePropertyVariables({
-  data,
-  nodeId,
-  onPropertiesChange,
-  except = nodeDataPropertyExcept
-}) {
-  const [properties, setProperties] = useState5(() => {
-    const keys = getObjectKeys(data, except);
-    const dataProps = {};
-    for (const key of keys) {
-      dataProps[key] = {
-        name: key,
-        value: data[key]
-      };
-    }
-    return dataProps;
-  });
-  const updateNodeData = useUpdateNodeData5();
-  const incoming = useIncomingNodeData(nodeId);
-  const resetAllDisabled = useCallback(() => {
-    const keys = Object.keys(properties);
-    keys.forEach((k) => {
-      properties[k].disabled = false;
-    });
-    setProperties(properties);
-  }, []);
-  const updatePropertyValue = useCallback((name, value, disabled) => {
-    let property = properties[name];
-    if (property) {
-      property.value = value;
-    } else {
-      property = {
-        name,
-        value
-      };
-    }
-    property.disabled = disabled;
-    setProperties({ ...properties, [name]: property });
-    updateNodeData(nodeId, { [name]: value });
-  }, []);
-  useEffect6(() => {
-    resetAllDisabled();
-    if (incoming?.length) {
-      for (const connection of incoming) {
-        if (connection.property && properties[connection.property.name] !== void 0) {
-          updatePropertyValue(connection.property.name, connection.property.value, true);
-        }
-      }
-    }
-  }, [incoming]);
-  useEffect6(() => {
-    if (onPropertiesChange) {
-      onPropertiesChange(properties);
-    }
-  }, [onPropertiesChange, properties]);
-  const nodes = useMemo3(() => {
-    return Object.keys(properties).map((key) => {
-      const property = properties[key];
-      return /* @__PURE__ */ jsxs5(Group5, { children: [
-        property.name,
-        ":",
-        /* @__PURE__ */ jsx8(node_property_input_default, { property, onChange: updatePropertyValue })
-      ] }, key);
-    });
-  }, [properties, updatePropertyValue]);
-  return /* @__PURE__ */ jsx8(Stack5, { children: nodes });
-}
-var node_property_variables_default = NodePropertyVariables;
-
-// src/nodes/generators/noise-billow-node.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { NodePropertyVariables } from "@awesome-flow/core/components";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function NoiseBillowNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData6();
-  const module = useMemo4(() => new Billow(), []);
-  const onPropertiesChange = useCallback2(
+  const module = useMemo3(() => new Billow(), []);
+  const onPropertiesChange = useCallback(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module[k] = properties[k].value;
@@ -477,37 +346,29 @@ function NoiseBillowNode({ id, selected, data, type }) {
     },
     [id, module, updateComputedData]
   );
-  return /* @__PURE__ */ jsxs6(NodeContainer6, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx9(
-      node_property_variables_default,
-      {
-        data,
-        except: nodeDataPropertyExcept2,
-        nodeId: id,
-        onPropertiesChange
-      }
-    ),
-    /* @__PURE__ */ jsx9(NodeTrackConnections2, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ jsxs5(NodeContainer6, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx6(NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx6(NodeTrackConnections2, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_billow_node_default = NoiseBillowNode;
 
 // src/nodes/output/noise-logger-node.tsx
 import { NodeContainer as NodeContainer7, NodeTrackConnections as NodeTrackConnections3 } from "@awesome-flow/core/layout";
-import { useMemo as useMemo5 } from "react";
-import { Divider, Stack as Stack6, Text } from "@mantine/core";
+import { useMemo as useMemo4 } from "react";
+import { Divider, Stack as Stack5, Text } from "@mantine/core";
 import { useIncomingComputedData as useIncomingComputedData2 } from "@awesome-flow/core/hooks";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function NoiseLoggerNode({ id, selected, data, type }) {
   const incoming = useIncomingComputedData2(id);
-  const noise = useMemo5(() => incoming?.map((p) => p.noise).flat(), [incoming]);
-  return /* @__PURE__ */ jsxs7(NodeContainer7, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs7(Text, { children: [
+  const noise = useMemo4(() => incoming?.map((p) => p.noise).flat(), [incoming]);
+  return /* @__PURE__ */ jsxs6(NodeContainer7, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs6(Text, { children: [
       "Size: ",
       noise?.length || 0
     ] }),
-    /* @__PURE__ */ jsx10(Divider, { h: 5 }),
-    /* @__PURE__ */ jsx10(Stack6, { children: noise?.map((v, i) => /* @__PURE__ */ jsxs7(Text, { children: [
+    /* @__PURE__ */ jsx7(Divider, { h: 5 }),
+    /* @__PURE__ */ jsx7(Stack5, { children: noise?.map((v, i) => /* @__PURE__ */ jsxs6(Text, { children: [
       v.position?.x,
       ":",
       v.position?.y,
@@ -516,24 +377,24 @@ function NoiseLoggerNode({ id, selected, data, type }) {
       ": ",
       v.value
     ] }, i)) }),
-    /* @__PURE__ */ jsx10(NodeTrackConnections3, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx7(NodeTrackConnections3, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_logger_node_default = NoiseLoggerNode;
 
 // src/nodes/output/noise-raw-texture-node.tsx
 import { NodeContainer as NodeContainer8, NodeTrackConnections as NodeTrackConnections4 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect7, useMemo as useMemo6, useState as useState6 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo5, useState as useState5 } from "react";
 import { useIncomingComputedData as useIncomingComputedData3, useUpdateNodeComputedData as useUpdateNodeComputedData7 } from "@awesome-flow/core/hooks";
-import { Group as Group6, Stack as Stack7 } from "@mantine/core";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Group as Group5, Stack as Stack6 } from "@mantine/core";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function NoiseRawTextureNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData7();
-  const [dataLength, setDataLength] = useState6(0);
-  const [resolution, setResolution] = useState6(0);
+  const [dataLength, setDataLength] = useState5(0);
+  const [resolution, setResolution] = useState5(0);
   const incoming = useIncomingComputedData3(id);
-  const noise = useMemo6(() => incoming?.map((p) => p.noise).flat(), [incoming]);
-  useEffect7(() => {
+  const noise = useMemo5(() => incoming?.map((p) => p.noise).flat(), [incoming]);
+  useEffect6(() => {
     if (noise?.length) {
       const size = Math.ceil(Math.sqrt(noise.length));
       const colors = noise.map((n) => [n.value * 255, n.value * 255, n.value * 255, 255]).flat();
@@ -544,19 +405,19 @@ function NoiseRawTextureNode({ id, selected, data, type }) {
       updateComputedData(id, { textureData: dataArray, textureResolution: size });
     }
   }, [noise]);
-  return /* @__PURE__ */ jsxs8(NodeContainer8, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs8(Stack7, { children: [
-      /* @__PURE__ */ jsxs8(Group6, { children: [
+  return /* @__PURE__ */ jsxs7(NodeContainer8, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs7(Stack6, { children: [
+      /* @__PURE__ */ jsxs7(Group5, { children: [
         "Resolution: ",
         resolution,
         "x",
         resolution
       ] }),
-      /* @__PURE__ */ jsxs8(Group6, { children: [
+      /* @__PURE__ */ jsxs7(Group5, { children: [
         "Input Length: ",
         noise?.length || 0
       ] }),
-      /* @__PURE__ */ jsxs8(Group6, { children: [
+      /* @__PURE__ */ jsxs7(Group5, { children: [
         "Output Length (",
         resolution,
         "*",
@@ -565,66 +426,67 @@ function NoiseRawTextureNode({ id, selected, data, type }) {
         dataLength
       ] })
     ] }),
-    /* @__PURE__ */ jsx11(NodeTrackConnections4, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx8(NodeTrackConnections4, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_raw_texture_node_default = NoiseRawTextureNode;
 
 // src/nodes/generators/noise-checkerboard-node.tsx
 import { NodeContainer as NodeContainer9 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect8, useMemo as useMemo7 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo6 } from "react";
 import { Checkerboard } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData8 } from "@awesome-flow/core/hooks";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function NoiseCheckerboardNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData8();
-  const module = useMemo7(() => new Checkerboard(), []);
-  useEffect8(() => {
+  const module = useMemo6(() => new Checkerboard(), []);
+  useEffect7(() => {
     updateComputedData(id, { module });
   }, [id, module, updateComputedData]);
-  return /* @__PURE__ */ jsx12(NodeContainer9, { id, selected, data, type });
+  return /* @__PURE__ */ jsx9(NodeContainer9, { id, selected, data, type });
 }
 var noise_checkerboard_node_default = NoiseCheckerboardNode;
 
 // src/nodes/output/positions-logger-node.tsx
 import { NodeContainer as NodeContainer10, NodeTrackConnections as NodeTrackConnections5 } from "@awesome-flow/core/layout";
-import { useMemo as useMemo8 } from "react";
-import { Divider as Divider2, Stack as Stack8, Text as Text2 } from "@mantine/core";
+import { useMemo as useMemo7 } from "react";
+import { Divider as Divider2, Stack as Stack7, Text as Text2 } from "@mantine/core";
 import { useIncomingComputedData as useIncomingComputedData4 } from "@awesome-flow/core/hooks";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function PositionsLoggerNode({ id, selected, data, type }) {
   const incoming = useIncomingComputedData4(id);
-  const positions = useMemo8(() => {
+  const positions = useMemo7(() => {
     return incoming?.map((p) => p.positions).flat();
   }, [incoming]);
-  return /* @__PURE__ */ jsxs9(NodeContainer10, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs9(Text2, { children: [
+  return /* @__PURE__ */ jsxs8(NodeContainer10, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs8(Text2, { children: [
       "Size: ",
       positions?.length || 0
     ] }),
-    /* @__PURE__ */ jsx13(Divider2, { h: 5 }),
-    /* @__PURE__ */ jsx13(Stack8, { children: positions?.map((v, i) => /* @__PURE__ */ jsxs9(Text2, { children: [
+    /* @__PURE__ */ jsx10(Divider2, { h: 5 }),
+    /* @__PURE__ */ jsx10(Stack7, { children: positions?.map((v, i) => /* @__PURE__ */ jsxs8(Text2, { children: [
       v.x,
       ":",
       v.y,
       ":",
       v.z
     ] }, i)) }),
-    /* @__PURE__ */ jsx13(NodeTrackConnections5, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx10(NodeTrackConnections5, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var positions_logger_node_default = PositionsLoggerNode;
 
 // src/nodes/generators/noise-cylinders-node.tsx
 import { NodeContainer as NodeContainer11, NodeTrackConnections as NodeTrackConnections6 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback3, useMemo as useMemo9 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo8 } from "react";
 import { Cylinders } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData9 } from "@awesome-flow/core/hooks";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables2 } from "@awesome-flow/core/components";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function NoiseCylindersNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData9();
-  const module = useMemo9(() => new Cylinders(), []);
-  const onPropertiesChange = useCallback3(
+  const module = useMemo8(() => new Cylinders(), []);
+  const onPropertiesChange = useCallback2(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module[k] = properties[k].value;
@@ -633,23 +495,24 @@ function NoiseCylindersNode({ id, selected, data, type }) {
     },
     [id, module, updateComputedData]
   );
-  return /* @__PURE__ */ jsxs10(NodeContainer11, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx14(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx14(NodeTrackConnections6, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ jsxs9(NodeContainer11, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx11(NodePropertyVariables2, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx11(NodeTrackConnections6, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_cylinders_node_default = NoiseCylindersNode;
 
 // src/nodes/generators/noise-perlin-node.tsx
 import { NodeContainer as NodeContainer12, NodeTrackConnections as NodeTrackConnections7 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback4, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo9 } from "react";
 import { Perlin } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData10 } from "@awesome-flow/core/hooks";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables3 } from "@awesome-flow/core/components";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function NoisePerlinNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData10();
-  const module = useMemo10(() => new Perlin(), []);
-  const onPropertiesChange = useCallback4(
+  const module = useMemo9(() => new Perlin(), []);
+  const onPropertiesChange = useCallback3(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module[k] = properties[k].value;
@@ -658,62 +521,65 @@ function NoisePerlinNode({ id, selected, data, type }) {
     },
     [id, module, updateComputedData]
   );
-  return /* @__PURE__ */ jsxs11(NodeContainer12, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx15(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx15(NodeTrackConnections7, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ jsxs10(NodeContainer12, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx12(NodePropertyVariables3, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx12(NodeTrackConnections7, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_perlin_node_default = NoisePerlinNode;
 
 // src/nodes/generators/noise-ridgedmulti-node.tsx
 import { NodeContainer as NodeContainer13, NodeTrackConnections as NodeTrackConnections8 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback5, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo10 } from "react";
 import { RidgedMulti } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData11 } from "@awesome-flow/core/hooks";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables4 } from "@awesome-flow/core/components";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function NoiseRidgedMultiNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData11();
-  const module = useMemo11(() => new RidgedMulti(), []);
-  const onPropertiesChange = useCallback5((properties) => {
+  const module = useMemo10(() => new RidgedMulti(), []);
+  const onPropertiesChange = useCallback4((properties) => {
     Object.keys(properties).forEach((k) => module[k] = properties[k].value);
     updateComputedData(id, { module });
   }, []);
-  return /* @__PURE__ */ jsxs12(NodeContainer13, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx16(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx16(NodeTrackConnections8, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ jsxs11(NodeContainer13, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx13(NodePropertyVariables4, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx13(NodeTrackConnections8, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_ridgedmulti_node_default = NoiseRidgedMultiNode;
 
 // src/nodes/generators/noise-spheres-node.tsx
 import { NodeContainer as NodeContainer14, NodeTrackConnections as NodeTrackConnections9 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback6, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo11 } from "react";
 import { Spheres } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData12 } from "@awesome-flow/core/hooks";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables5 } from "@awesome-flow/core/components";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function NoiseSpheresNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData12();
-  const module = useMemo12(() => new Spheres(), []);
-  const onPropertiesChange = useCallback6((properties) => {
+  const module = useMemo11(() => new Spheres(), []);
+  const onPropertiesChange = useCallback5((properties) => {
     Object.keys(properties).forEach((k) => module[k] = properties[k].value);
     updateComputedData(id, { module });
   }, []);
-  return /* @__PURE__ */ jsxs13(NodeContainer14, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx17(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx17(NodeTrackConnections9, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ jsxs12(NodeContainer14, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx14(NodePropertyVariables5, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx14(NodeTrackConnections9, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_spheres_node_default = NoiseSpheresNode;
 
 // src/nodes/generators/noise-voronoi-node.tsx
 import { NodeContainer as NodeContainer15, NodeTrackConnections as NodeTrackConnections10 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback6 } from "react";
 import { Voronoi } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData13 } from "@awesome-flow/core/hooks";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables6 } from "@awesome-flow/core/components";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function NoiseVoronoiNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData13();
-  const onPropertiesChange = useCallback7(
+  const onPropertiesChange = useCallback6(
     (properties) => {
       const module = new Voronoi(
         properties.frequency.value,
@@ -725,20 +591,20 @@ function NoiseVoronoiNode({ id, selected, data, type }) {
     },
     []
   );
-  return /* @__PURE__ */ jsxs14(NodeContainer15, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx18(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx18(NodeTrackConnections10, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ jsxs13(NodeContainer15, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx15(NodePropertyVariables6, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx15(NodeTrackConnections10, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_voronoi_node_default = NoiseVoronoiNode;
 
 // src/nodes/modifiers/noise-combine-node.tsx
 import { NodeCombobox, NodeContainer as NodeContainer16, NodeTrackConnections as NodeTrackConnections11 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback8, useEffect as useEffect9 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8 } from "react";
 import {
   useIncomingComputedData as useIncomingComputedData5,
   useUpdateNodeComputedData as useUpdateNodeComputedData14,
-  useUpdateNodeData as useUpdateNodeData6
+  useUpdateNodeData as useUpdateNodeData5
 } from "@awesome-flow/core/hooks";
 import {
   IconAsterisk,
@@ -758,15 +624,6 @@ var NoiseCombineType = /* @__PURE__ */ ((NoiseCombineType3) => {
   NoiseCombineType3["power"] = "power";
   return NoiseCombineType3;
 })(NoiseCombineType || {});
-var VariableCombineType = /* @__PURE__ */ ((VariableCombineType2) => {
-  VariableCombineType2["add"] = "add";
-  VariableCombineType2["divide"] = "divide";
-  VariableCombineType2["max"] = "max";
-  VariableCombineType2["min"] = "min";
-  VariableCombineType2["multiply"] = "multiply";
-  VariableCombineType2["power"] = "power";
-  return VariableCombineType2;
-})(VariableCombineType || {});
 var noiseCombineModuleMap = {
   ["add" /* add */]: Add,
   ["max" /* max */]: Max,
@@ -776,63 +633,63 @@ var noiseCombineModuleMap = {
 };
 
 // src/nodes/modifiers/noise-combine-node.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var options = {
-  add: /* @__PURE__ */ jsx19(IconPlus, {}),
-  min: /* @__PURE__ */ jsx19(IconChevronLeft, {}),
-  max: /* @__PURE__ */ jsx19(IconChevronRight, {}),
-  multiply: /* @__PURE__ */ jsx19(IconAsterisk, {}),
-  power: /* @__PURE__ */ jsx19(IconChevronUp, {})
+  add: /* @__PURE__ */ jsx16(IconPlus, {}),
+  min: /* @__PURE__ */ jsx16(IconChevronLeft, {}),
+  max: /* @__PURE__ */ jsx16(IconChevronRight, {}),
+  multiply: /* @__PURE__ */ jsx16(IconAsterisk, {}),
+  power: /* @__PURE__ */ jsx16(IconChevronUp, {})
 };
 function NoiseCombineNode({ id, selected, data, type }) {
-  const updateNodeData = useUpdateNodeData6();
+  const updateNodeData = useUpdateNodeData5();
   const updateComputedData = useUpdateNodeComputedData14();
   const incoming = useIncomingComputedData5(id);
-  useEffect9(() => {
+  useEffect8(() => {
     const ModuleFactory = noiseCombineModuleMap[data.operation];
     if (incoming?.length > 1) {
       const module = new ModuleFactory(incoming[0].module, incoming[1].module);
       updateComputedData(id, { module });
     }
   }, [data.operation, incoming]);
-  const onChange = useCallback8((operation) => {
+  const onChange = useCallback7((operation) => {
     updateNodeData(id, { operation });
   }, []);
-  return /* @__PURE__ */ jsxs15(NodeContainer16, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx19(NodeCombobox, { options, selected: data.operation, onChange }),
-    /* @__PURE__ */ jsx19(NodeTrackConnections11, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ jsxs14(NodeContainer16, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx16(NodeCombobox, { options, selected: data.operation, onChange, width: 150 }),
+    /* @__PURE__ */ jsx16(NodeTrackConnections11, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_combine_node_default = NoiseCombineNode;
 
 // src/nodes/modifiers/noise-clamp-node.tsx
 import { NodeContainer as NodeContainer17, NodeTrackConnections as NodeTrackConnections12 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect10, useState as useState7 } from "react";
-import { Group as Group7, NumberInput as NumberInput6, Stack as Stack9 } from "@mantine/core";
+import { useEffect as useEffect9, useState as useState6 } from "react";
+import { Group as Group6, NumberInput as NumberInput5, Stack as Stack8 } from "@mantine/core";
 import {
   useIncomingComputedData as useIncomingComputedData6,
   useUpdateNodeComputedData as useUpdateNodeComputedData15,
-  useUpdateNodeData as useUpdateNodeData7
+  useUpdateNodeData as useUpdateNodeData6
 } from "@awesome-flow/core/hooks";
 import { Clamp } from "libnoise-ts/module/modifier";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function NoiseClampNode({ id, selected, data, type }) {
-  const [lowerBound, setLowerBound] = useState7(data.lowerBound);
-  const [upperBound, setUpperBound] = useState7(data.upperBound);
+  const [lowerBound, setLowerBound] = useState6(data.lowerBound);
+  const [upperBound, setUpperBound] = useState6(data.upperBound);
   const incoming = useIncomingComputedData6(id);
-  const updateNodeData = useUpdateNodeData7();
+  const updateNodeData = useUpdateNodeData6();
   const updateComputedData = useUpdateNodeComputedData15();
-  useEffect10(() => {
+  useEffect9(() => {
     if (incoming?.length) {
       const module = new Clamp(incoming[0].module, lowerBound, upperBound);
       updateComputedData(id, { module });
     }
     updateNodeData(id, { lowerBound, upperBound });
   }, [incoming, lowerBound, upperBound]);
-  return /* @__PURE__ */ jsxs16(NodeContainer17, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx20(Stack9, { children: /* @__PURE__ */ jsxs16(Group7, { children: [
-      /* @__PURE__ */ jsx20(
-        NumberInput6,
+  return /* @__PURE__ */ jsxs15(NodeContainer17, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx17(Stack8, { children: /* @__PURE__ */ jsxs15(Group6, { children: [
+      /* @__PURE__ */ jsx17(
+        NumberInput5,
         {
           size: "xs",
           w: 100,
@@ -841,8 +698,8 @@ function NoiseClampNode({ id, selected, data, type }) {
           step: 0.1
         }
       ),
-      /* @__PURE__ */ jsx20(
-        NumberInput6,
+      /* @__PURE__ */ jsx17(
+        NumberInput5,
         {
           size: "xs",
           w: 100,
@@ -852,56 +709,46 @@ function NoiseClampNode({ id, selected, data, type }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx20(NodeTrackConnections12, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx17(NodeTrackConnections12, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_clamp_node_default = NoiseClampNode;
 
 // src/nodes/modifiers/noise-abs-node.tsx
 import { NodeContainer as NodeContainer18, NodeTrackConnections as NodeTrackConnections13 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect10 } from "react";
 import { useIncomingComputedData as useIncomingComputedData7, useUpdateNodeComputedData as useUpdateNodeComputedData16 } from "@awesome-flow/core/hooks";
 import { Abs } from "libnoise-ts/module/modifier";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function NoiseAbsNode({ id, selected, data, type }) {
   const incoming = useIncomingComputedData7(id);
   const updateComputedData = useUpdateNodeComputedData16();
-  useEffect11(() => {
+  useEffect10(() => {
     if (incoming?.length > 0) {
       const module = new Abs(incoming[0].module);
       updateComputedData(id, { module });
     }
   }, [incoming]);
-  return /* @__PURE__ */ jsx21(NodeContainer18, { id, selected, data, type, children: /* @__PURE__ */ jsx21(NodeTrackConnections13, { handles: data.handles, nodeId: id, type: "target" }) });
+  return /* @__PURE__ */ jsx18(NodeContainer18, { id, selected, data, type, children: /* @__PURE__ */ jsx18(NodeTrackConnections13, { handles: data.handles, nodeId: id, type: "target" }) });
 }
 var noise_abs_node_default = NoiseAbsNode;
 
 // src/nodes/output/noise-output-node.tsx
 import { NodeContainer as NodeContainer19, NodeTrackConnections as NodeTrackConnections14 } from "@awesome-flow/core/layout";
-import { useIncomingComputedData as useIncomingComputedData8, useUpdateNodeComputedData as useUpdateNodeComputedData17 } from "@awesome-flow/core/hooks";
-import { Box, Group as Group8, LoadingOverlay, Stack as Stack10 } from "@mantine/core";
-import { useEffect as useEffect12, useState as useState8 } from "react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback8, useState as useState7 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData17 } from "@awesome-flow/core/hooks";
+import { HandlesIncomingDataStatus } from "@awesome-flow/core/components";
+import { Text as Text3 } from "@mantine/core";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function NoiseOutputNode({ id, selected, data, type }) {
-  const [generating, setGenerating] = useState8(false);
+  const [size, setSize] = useState7(0);
   const updateComputedData = useUpdateNodeComputedData17();
-  const incomingModules = useIncomingComputedData8(id, 8 /* module */);
-  const incomingPositions = useIncomingComputedData8(
-    id,
-    4 /* position */
-  );
-  useEffect12(() => {
-    if (incomingPositions?.length && incomingModules?.length) {
-      const { module } = incomingModules[0];
-      if (module) {
-        setGenerating(true);
-      }
-    }
-  }, [incomingModules, incomingPositions]);
-  useEffect12(() => {
-    if (incomingPositions?.length && incomingModules?.length) {
-      const { module } = incomingModules[0];
-      if (module && generating) {
+  const onDataUpdated = useCallback8(
+    (handleData) => {
+      const incomingPositions = handleData["position" /* position */];
+      const incomingModule = handleData["module" /* module */];
+      if (incomingPositions?.length && incomingModule?.length && incomingModule[0]?.module) {
+        const { module } = incomingModule[0];
         const noise = [];
         for (const input of incomingPositions) {
           for (const position of input.positions) {
@@ -912,52 +759,47 @@ function NoiseOutputNode({ id, selected, data, type }) {
             });
           }
         }
-        console.log("SET COMPUTED DATA");
         updateComputedData(id, { noise, module });
-        setGenerating(false);
+        setSize(noise.length);
       }
-    }
-  }, [generating]);
-  return /* @__PURE__ */ jsxs17(NodeContainer19, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs17(Box, { pos: "relative", children: [
-      /* @__PURE__ */ jsx22(
-        LoadingOverlay,
-        {
-          visible: generating,
-          zIndex: 1e3,
-          overlayProps: { radius: "sm", blur: 2 }
-        }
-      ),
-      /* @__PURE__ */ jsxs17(Stack10, { children: [
-        /* @__PURE__ */ jsxs17(Group8, { children: [
-          "Position Inputs: ",
-          incomingPositions?.length
-        ] }),
-        /* @__PURE__ */ jsxs17(Group8, { children: [
-          "Module Inputs: ",
-          incomingModules?.length
-        ] })
-      ] })
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs16(NodeContainer19, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx19(
+      HandlesIncomingDataStatus,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataType",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
+    /* @__PURE__ */ jsxs16(Text3, { mt: 5, children: [
+      "Noise points: ",
+      size
     ] }),
-    /* @__PURE__ */ jsx22(NodeTrackConnections14, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx19(NodeTrackConnections14, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_output_node_default = NoiseOutputNode;
 
 // src/nodes/modifiers/noise-curve-node.tsx
 import { NodeContainer as NodeContainer20, NodeTrackConnections as NodeTrackConnections15 } from "@awesome-flow/core/layout";
-import { ActionIcon, Button, Group as Group9, NumberInput as NumberInput7, Space } from "@mantine/core";
+import { ActionIcon, Button, Group as Group7, NumberInput as NumberInput6, Space } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData9,
+  useIncomingComputedData as useIncomingComputedData8,
   useUpdateNodeComputedData as useUpdateNodeComputedData18,
-  useUpdateNodeData as useUpdateNodeData8
+  useUpdateNodeData as useUpdateNodeData7
 } from "@awesome-flow/core/hooks";
 
 // ../../node_modules/@mantine/form/esm/use-form.mjs
-import { useState as useState12, useCallback as useCallback14 } from "react";
+import { useState as useState11, useCallback as useCallback14 } from "react";
 
 // ../../node_modules/@mantine/form/esm/actions/actions.mjs
-import { useLayoutEffect, useEffect as useEffect13 } from "react";
+import { useLayoutEffect, useEffect as useEffect11 } from "react";
 function validateFormName(name) {
   if (!/^[0-9a-zA-Z-]+$/.test(name)) {
     throw new Error(
@@ -965,7 +807,7 @@ function validateFormName(name) {
     );
   }
 }
-var useIsomorphicEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect13;
+var useIsomorphicEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect11;
 function useFormEvent(eventKey, handler) {
   useIsomorphicEffect(() => {
     if (eventKey) {
@@ -1062,7 +904,7 @@ function getInputOnChange(setValue) {
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/use-form-errors.mjs
-import { useState as useState9, useCallback as useCallback9 } from "react";
+import { useState as useState8, useCallback as useCallback9 } from "react";
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/filter-errors/filter-errors.mjs
 function filterErrors(errors) {
@@ -1080,7 +922,7 @@ function filterErrors(errors) {
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/use-form-errors.mjs
 function useFormErrors(initialErrors) {
-  const [errorsState, setErrorsState] = useState9(filterErrors(initialErrors));
+  const [errorsState, setErrorsState] = useState8(filterErrors(initialErrors));
   const setErrors = useCallback9((errors) => {
     setErrorsState(
       (current) => filterErrors(typeof errors === "function" ? errors(current) : errors)
@@ -1373,7 +1215,7 @@ function useFormList({
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-status/use-form-status.mjs
 var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1);
-import { useState as useState10, useRef, useCallback as useCallback11 } from "react";
+import { useState as useState9, useRef, useCallback as useCallback11 } from "react";
 
 // ../../node_modules/@mantine/form/esm/get-status/get-status.mjs
 function getStatus(status, path) {
@@ -1392,8 +1234,8 @@ function useFormStatus({
   mode,
   $values
 }) {
-  const [touchedState, setTouchedState] = useState10(initialTouched);
-  const [dirtyState, setDirtyState] = useState10(initialDirty);
+  const [touchedState, setTouchedState] = useState9(initialTouched);
+  const [dirtyState, setDirtyState] = useState9(initialDirty);
   const touchedRef = useRef(initialTouched);
   const dirtyRef = useRef(initialDirty);
   const setTouched = useCallback11((values) => {
@@ -1490,14 +1332,14 @@ function useFormStatus({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-values/use-form-values.mjs
-import { useRef as useRef2, useState as useState11, useCallback as useCallback12 } from "react";
+import { useRef as useRef2, useState as useState10, useCallback as useCallback12 } from "react";
 function useFormValues({
   initialValues,
   onValuesChange,
   mode
 }) {
   const initialized = useRef2(false);
-  const [stateValues, setStateValues] = useState11(initialValues || {});
+  const [stateValues, setStateValues] = useState10(initialValues || {});
   const refValues = useRef2(stateValues);
   const valuesSnapshot = useRef2(stateValues);
   const setValues = useCallback12(
@@ -1563,7 +1405,7 @@ function useFormValues({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-watch/use-form-watch.mjs
-import { useRef as useRef3, useCallback as useCallback13, useEffect as useEffect14 } from "react";
+import { useRef as useRef3, useCallback as useCallback13, useEffect as useEffect12 } from "react";
 function useFormWatch({
   $status
 }) {
@@ -1571,7 +1413,7 @@ function useFormWatch({
     {}
   );
   const watch = useCallback13((path, callback) => {
-    useEffect14(() => {
+    useEffect12(() => {
       subscribers.current[path] = subscribers.current[path] || [];
       subscribers.current[path].push(callback);
       return () => {
@@ -1599,6 +1441,11 @@ function useFormWatch({
   };
 }
 
+// ../../node_modules/@mantine/form/esm/paths/get-data-path.mjs
+function getDataPath(formName, fieldPath) {
+  return formName ? `${formName}-${fieldPath.toString()}` : fieldPath.toString();
+}
+
 // ../../node_modules/@mantine/form/esm/validate/validate-values.mjs
 function getValidationResults(errors) {
   const filteredErrors = filterErrors(errors);
@@ -1687,8 +1534,8 @@ function useForm({
   const $status = useFormStatus({ initialDirty, initialTouched, $values, mode });
   const $list = useFormList({ $values, $errors, $status });
   const $watch = useFormWatch({ $status });
-  const [formKey, setFormKey] = useState12(0);
-  const [fieldKeys, setFieldKeys] = useState12({});
+  const [formKey, setFormKey] = useState11(0);
+  const [fieldKeys, setFieldKeys] = useState11({});
   const reset = useCallback14(() => {
     $values.resetValues();
     $errors.clearErrors();
@@ -1700,7 +1547,7 @@ function useForm({
     $values.initialize(values, () => mode === "uncontrolled" && setFormKey((key2) => key2 + 1));
   }, []);
   const setFieldValue = useCallback14(
-    (path, value, options3) => {
+    (path, value, options2) => {
       const shouldValidate = shouldValidateOnChange(path, validateInputOnChange);
       $status.clearFieldDirty(path);
       $status.setFieldTouched(path, true);
@@ -1715,7 +1562,7 @@ function useForm({
             const validationResults = validateFieldValue(path, rules, payload.updatedValues);
             validationResults.hasError ? $errors.setFieldError(path, validationResults.error) : $errors.clearFieldError(path);
           } : null,
-          options3?.forceUpdate !== false && mode !== "controlled" ? () => setFieldKeys((keys) => ({
+          options2?.forceUpdate !== false && mode !== "controlled" ? () => setFieldKeys((keys) => ({
             ...keys,
             [path]: (keys[path] || 0) + 1
           })) : null
@@ -1757,7 +1604,7 @@ function useForm({
     const onChange = getInputOnChange(
       (value) => setFieldValue(path, value, { forceUpdate: false })
     );
-    const payload = { onChange };
+    const payload = { onChange, "data-path": getDataPath(name, path) };
     if (withError) {
       payload.error = $errors.errorsState[path];
     }
@@ -1810,6 +1657,10 @@ function useForm({
     [rules]
   );
   const key = (path) => `${formKey}-${path}-${fieldKeys[path] || 0}`;
+  const getInputNode = useCallback14(
+    (path) => document.querySelector(`[data-path="${getDataPath(name, path)}"]`),
+    []
+  );
   const form = {
     watch: $watch.watch,
     initialized: $values.initialized.current,
@@ -1843,25 +1694,26 @@ function useForm({
     onReset,
     isValid,
     getTransformedValues,
-    key
+    key,
+    getInputNode
   };
   useFormActions(name, form);
   return form;
 }
 
 // src/nodes/modifiers/noise-curve-node.tsx
-import { useCallback as useCallback15, useEffect as useEffect15, useState as useState13 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect13, useState as useState12 } from "react";
 import { Curve } from "libnoise-ts/module/modifier";
 import { Tuple } from "libnoise-ts/util";
 import { IconX } from "@tabler/icons-react";
 import { randomId } from "@mantine/hooks";
 import { NodeState } from "@awesome-flow/core/abstract";
-import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function NoiseCurveNode({ id, selected, data, type }) {
-  const incoming = useIncomingComputedData9(id);
-  const updateNodeData = useUpdateNodeData8();
+  const incoming = useIncomingComputedData8(id);
+  const updateNodeData = useUpdateNodeData7();
   const updateComputedData = useUpdateNodeComputedData18();
-  const [values, setValues] = useState13([]);
+  const [values, setValues] = useState12([]);
   const form = useForm({
     mode: "uncontrolled",
     initialValues: {
@@ -1889,11 +1741,11 @@ function NoiseCurveNode({ id, selected, data, type }) {
       form.validate();
     }, [])
   });
-  useEffect15(() => {
+  useEffect13(() => {
     const points = data.points?.length ? data.points.map((v) => ({ input: v.input, output: v.output, key: randomId() })) : [1, 2, 3, 4].map(() => ({ input: 0, output: 0, key: randomId() }));
     form.initialize({ points });
   }, []);
-  useEffect15(() => {
+  useEffect13(() => {
     if (incoming?.length && values?.length >= 4) {
       const module = new Curve(
         incoming[0].module,
@@ -1902,9 +1754,9 @@ function NoiseCurveNode({ id, selected, data, type }) {
       updateComputedData(id, { module });
     }
   }, [values, incoming]);
-  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ jsxs18(Group9, { mt: "xs", children: [
-    /* @__PURE__ */ jsx23(
-      NumberInput7,
+  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ jsxs17(Group7, { mt: "xs", children: [
+    /* @__PURE__ */ jsx20(
+      NumberInput6,
       {
         size: "xs",
         w: 100,
@@ -1914,8 +1766,8 @@ function NoiseCurveNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.input`)
     ),
-    /* @__PURE__ */ jsx23(
-      NumberInput7,
+    /* @__PURE__ */ jsx20(
+      NumberInput6,
       {
         size: "xs",
         w: 100,
@@ -1925,22 +1777,22 @@ function NoiseCurveNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.output`)
     ),
-    data.state === NodeState.edit && values.length > 4 && /* @__PURE__ */ jsx23(
+    data.state === NodeState.edit && values.length > 4 && /* @__PURE__ */ jsx20(
       ActionIcon,
       {
         color: "red",
         variant: "outline",
         size: "sm",
         onClick: () => form.removeListItem("points", index),
-        children: /* @__PURE__ */ jsx23(IconX, { size: "1rem" })
+        children: /* @__PURE__ */ jsx20(IconX, { size: "1rem" })
       }
     )
   ] }, item.key));
-  return /* @__PURE__ */ jsxs18(NodeContainer20, { id, selected, type, data, children: [
+  return /* @__PURE__ */ jsxs17(NodeContainer20, { id, selected, type, data, children: [
     fields,
-    data.state === NodeState.edit && /* @__PURE__ */ jsxs18(Fragment3, { children: [
-      /* @__PURE__ */ jsx23(Space, { h: 10 }),
-      /* @__PURE__ */ jsx23(
+    data.state === NodeState.edit && /* @__PURE__ */ jsxs17(Fragment, { children: [
+      /* @__PURE__ */ jsx20(Space, { h: 10 }),
+      /* @__PURE__ */ jsx20(
         Button,
         {
           variant: "outline",
@@ -1951,39 +1803,39 @@ function NoiseCurveNode({ id, selected, data, type }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx23(NodeTrackConnections15, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx20(NodeTrackConnections15, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_curve_node_default = NoiseCurveNode;
 
 // src/nodes/modifiers/noise-exponent-node.tsx
 import { NodeContainer as NodeContainer21, NodeTrackConnections as NodeTrackConnections16 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect16, useState as useState14 } from "react";
-import { Group as Group10, NumberInput as NumberInput8, Stack as Stack11 } from "@mantine/core";
+import { useEffect as useEffect14, useState as useState13 } from "react";
+import { Group as Group8, NumberInput as NumberInput7, Stack as Stack9 } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData10,
+  useIncomingComputedData as useIncomingComputedData9,
   useUpdateNodeComputedData as useUpdateNodeComputedData19,
-  useUpdateNodeData as useUpdateNodeData9
+  useUpdateNodeData as useUpdateNodeData8
 } from "@awesome-flow/core/hooks";
 import { Exponent } from "libnoise-ts/module/modifier";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function NoiseExponentNode({ id, selected, data, type }) {
-  const [exponent, setExponent] = useState14(data.exponent);
-  const incoming = useIncomingComputedData10(id);
-  const updateNodeData = useUpdateNodeData9();
+  const [exponent, setExponent] = useState13(data.exponent);
+  const incoming = useIncomingComputedData9(id);
+  const updateNodeData = useUpdateNodeData8();
   const updateComputedData = useUpdateNodeComputedData19();
-  useEffect16(() => {
+  useEffect14(() => {
     if (incoming?.length > 0) {
       const module = new Exponent(incoming[0].module, exponent);
       updateComputedData(id, { module });
     }
     updateNodeData(id, { exponent });
   }, [incoming, exponent]);
-  return /* @__PURE__ */ jsxs19(NodeContainer21, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx24(Stack11, { children: /* @__PURE__ */ jsxs19(Group10, { children: [
+  return /* @__PURE__ */ jsxs18(NodeContainer21, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx21(Stack9, { children: /* @__PURE__ */ jsxs18(Group8, { children: [
       "Exponent:",
-      /* @__PURE__ */ jsx24(
-        NumberInput8,
+      /* @__PURE__ */ jsx21(
+        NumberInput7,
         {
           size: "xs",
           value: exponent,
@@ -1992,60 +1844,60 @@ function NoiseExponentNode({ id, selected, data, type }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx24(NodeTrackConnections16, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx21(NodeTrackConnections16, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_exponent_node_default = NoiseExponentNode;
 
 // src/nodes/modifiers/noise-invert-node.tsx
 import { NodeContainer as NodeContainer22, NodeTrackConnections as NodeTrackConnections17 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect17 } from "react";
-import { useIncomingComputedData as useIncomingComputedData11, useUpdateNodeComputedData as useUpdateNodeComputedData20 } from "@awesome-flow/core/hooks";
+import { useEffect as useEffect15 } from "react";
+import { useIncomingComputedData as useIncomingComputedData10, useUpdateNodeComputedData as useUpdateNodeComputedData20 } from "@awesome-flow/core/hooks";
 import { Invert } from "libnoise-ts/module/modifier";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function NoiseInvertNode({ id, selected, data, type }) {
-  const incoming = useIncomingComputedData11(id);
+  const incoming = useIncomingComputedData10(id);
   const updateComputedData = useUpdateNodeComputedData20();
-  useEffect17(() => {
+  useEffect15(() => {
     if (incoming?.length > 0) {
       const module = new Invert(incoming[0].module);
       updateComputedData(id, { module });
     }
   }, [incoming]);
-  return /* @__PURE__ */ jsx25(NodeContainer22, { id, selected, data, type, children: /* @__PURE__ */ jsx25(NodeTrackConnections17, { handles: data.handles, nodeId: id, type: "target" }) });
+  return /* @__PURE__ */ jsx22(NodeContainer22, { id, selected, data, type, children: /* @__PURE__ */ jsx22(NodeTrackConnections17, { handles: data.handles, nodeId: id, type: "target" }) });
 }
 var noise_invert_node_default = NoiseInvertNode;
 
 // src/nodes/modifiers/noise-scale-bias-node.tsx
 import { NodeContainer as NodeContainer23, NodeTrackConnections as NodeTrackConnections18 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect18, useState as useState15 } from "react";
-import { Group as Group11, NumberInput as NumberInput9, Stack as Stack12 } from "@mantine/core";
+import { useEffect as useEffect16, useState as useState14 } from "react";
+import { Group as Group9, NumberInput as NumberInput8, Stack as Stack10 } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData12,
+  useIncomingComputedData as useIncomingComputedData11,
   useUpdateNodeComputedData as useUpdateNodeComputedData21,
-  useUpdateNodeData as useUpdateNodeData10
+  useUpdateNodeData as useUpdateNodeData9
 } from "@awesome-flow/core/hooks";
 import { ScaleBias } from "libnoise-ts/module/modifier";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function NoiseScaleBiasNode({ id, selected, data, type }) {
-  const [scale, setScale] = useState15(data.scale);
-  const [bias, setBias] = useState15(data.bias);
-  const incoming = useIncomingComputedData12(id);
-  const updateNodeData = useUpdateNodeData10();
+  const [scale, setScale] = useState14(data.scale);
+  const [bias, setBias] = useState14(data.bias);
+  const incoming = useIncomingComputedData11(id);
+  const updateNodeData = useUpdateNodeData9();
   const updateComputedData = useUpdateNodeComputedData21();
-  useEffect18(() => {
+  useEffect16(() => {
     if (incoming?.length > 0) {
       const module = new ScaleBias(incoming[0].module, scale, bias);
       updateComputedData(id, { module });
     }
     updateNodeData(id, { scale, bias });
   }, [incoming, scale, bias]);
-  return /* @__PURE__ */ jsxs20(NodeContainer23, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs20(Stack12, { children: [
-      /* @__PURE__ */ jsxs20(Group11, { children: [
+  return /* @__PURE__ */ jsxs19(NodeContainer23, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs19(Stack10, { children: [
+      /* @__PURE__ */ jsxs19(Group9, { children: [
         "Scale:",
-        /* @__PURE__ */ jsx26(
-          NumberInput9,
+        /* @__PURE__ */ jsx23(
+          NumberInput8,
           {
             size: "xs",
             w: 100,
@@ -2055,10 +1907,10 @@ function NoiseScaleBiasNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs20(Group11, { children: [
+      /* @__PURE__ */ jsxs19(Group9, { children: [
         "Bias:",
-        /* @__PURE__ */ jsx26(
-          NumberInput9,
+        /* @__PURE__ */ jsx23(
+          NumberInput8,
           {
             size: "xs",
             w: 100,
@@ -2069,30 +1921,30 @@ function NoiseScaleBiasNode({ id, selected, data, type }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx26(NodeTrackConnections18, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx23(NodeTrackConnections18, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_scale_bias_node_default = NoiseScaleBiasNode;
 
 // src/nodes/modifiers/noise-terrace-node.tsx
 import { NodeContainer as NodeContainer24, NodeTrackConnections as NodeTrackConnections19 } from "@awesome-flow/core/layout";
-import { ActionIcon as ActionIcon2, Button as Button2, Group as Group12, NumberInput as NumberInput10, Space as Space2 } from "@mantine/core";
+import { ActionIcon as ActionIcon2, Button as Button2, Group as Group10, NumberInput as NumberInput9, Space as Space2 } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData13,
+  useIncomingComputedData as useIncomingComputedData12,
   useUpdateNodeComputedData as useUpdateNodeComputedData22,
-  useUpdateNodeData as useUpdateNodeData11
+  useUpdateNodeData as useUpdateNodeData10
 } from "@awesome-flow/core/hooks";
-import { useCallback as useCallback16, useEffect as useEffect19, useState as useState16 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect17, useState as useState15 } from "react";
 import { Terrace } from "libnoise-ts/module/modifier";
 import { IconX as IconX2 } from "@tabler/icons-react";
 import { randomId as randomId2 } from "@mantine/hooks";
 import { NodeState as NodeState2 } from "@awesome-flow/core/abstract";
-import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function NoiseTerraceNode({ id, selected, data, type }) {
-  const incoming = useIncomingComputedData13(id);
-  const updateNodeData = useUpdateNodeData11();
+  const incoming = useIncomingComputedData12(id);
+  const updateNodeData = useUpdateNodeData10();
   const updateComputedData = useUpdateNodeComputedData22();
-  const [values, setValues] = useState16([]);
+  const [values, setValues] = useState15([]);
   const form = useForm({
     mode: "uncontrolled",
     initialValues: {
@@ -2109,19 +1961,19 @@ function NoiseTerraceNode({ id, selected, data, type }) {
       form.validate();
     }, [])
   });
-  useEffect19(() => {
+  useEffect17(() => {
     const points = data.points?.length ? data.points.map((v) => ({ value: v, key: randomId2() })) : [1, 2].map(() => ({ value: 0, key: randomId2() }));
     form.initialize({ points });
   }, []);
-  useEffect19(() => {
+  useEffect17(() => {
     if (incoming?.length && values?.length >= 2) {
       const module = new Terrace(incoming[0].module, values);
       updateComputedData(id, { module });
     }
   }, [values, incoming]);
-  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ jsxs21(Group12, { mt: "xs", children: [
-    /* @__PURE__ */ jsx27(
-      NumberInput10,
+  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ jsxs20(Group10, { mt: "xs", children: [
+    /* @__PURE__ */ jsx24(
+      NumberInput9,
       {
         size: "xs",
         placeholder: "Input Value",
@@ -2130,22 +1982,22 @@ function NoiseTerraceNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.value`)
     ),
-    data.state === NodeState2.edit && values.length > 2 && /* @__PURE__ */ jsx27(
+    data.state === NodeState2.edit && values.length > 2 && /* @__PURE__ */ jsx24(
       ActionIcon2,
       {
         color: "red",
         variant: "outline",
         size: "sm",
         onClick: () => form.removeListItem("points", index),
-        children: /* @__PURE__ */ jsx27(IconX2, { size: "1rem" })
+        children: /* @__PURE__ */ jsx24(IconX2, { size: "1rem" })
       }
     )
   ] }, item.key));
-  return /* @__PURE__ */ jsxs21(NodeContainer24, { id, selected, type, data, children: [
+  return /* @__PURE__ */ jsxs20(NodeContainer24, { id, selected, type, data, children: [
     fields,
-    data.state === NodeState2.edit && /* @__PURE__ */ jsxs21(Fragment4, { children: [
-      /* @__PURE__ */ jsx27(Space2, { h: 10 }),
-      /* @__PURE__ */ jsx27(
+    data.state === NodeState2.edit && /* @__PURE__ */ jsxs20(Fragment2, { children: [
+      /* @__PURE__ */ jsx24(Space2, { h: 10 }),
+      /* @__PURE__ */ jsx24(
         Button2,
         {
           variant: "outline",
@@ -2156,75 +2008,93 @@ function NoiseTerraceNode({ id, selected, data, type }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx27(NodeTrackConnections19, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx24(NodeTrackConnections19, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_terrace_node_default = NoiseTerraceNode;
 
 // src/nodes/selectors/noise-blend-node.tsx
 import { NodeContainer as NodeContainer25, NodeTrackConnections as NodeTrackConnections20 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect20 } from "react";
-import { useIncomingComputedData as useIncomingComputedData14, useUpdateNodeComputedData as useUpdateNodeComputedData23 } from "@awesome-flow/core/hooks";
+import { useCallback as useCallback17 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData23 } from "@awesome-flow/core/hooks";
 import { Blend } from "libnoise-ts/module/selector";
-import { Group as Group13 } from "@mantine/core";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { HandlesIncomingDataStatus as HandlesIncomingDataStatus2 } from "@awesome-flow/core/components";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function NoiseBlendNode({ id, selected, data, type }) {
-  const incoming = useIncomingComputedData14(id);
   const updateComputedData = useUpdateNodeComputedData23();
-  useEffect20(() => {
-    if (incoming?.length > 2) {
-      const module = new Blend(incoming[0].module, incoming[1].module, incoming[2].module);
-      updateComputedData(id, { module });
-    }
-  }, [id, incoming, updateComputedData]);
-  return /* @__PURE__ */ jsxs22(NodeContainer25, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs22(Group13, { children: [
-      "Modules: ",
-      incoming?.length
-    ] }),
-    /* @__PURE__ */ jsx28(NodeTrackConnections20, { handles: data.handles, nodeId: id, type: "target" })
+  const onDataUpdated = useCallback17(
+    (incomingData) => {
+      const incomingSources = incomingData["source" /* source */];
+      const incomingControl = incomingData["control" /* control */];
+      if (incomingSources?.length >= 2 && incomingControl?.length) {
+        const module = new Blend(
+          incomingSources[0].module,
+          incomingSources[1].module,
+          incomingControl[0].module
+        );
+        updateComputedData(id, { module });
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs21(NodeContainer25, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx25(
+      HandlesIncomingDataStatus2,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataId",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
+    /* @__PURE__ */ jsx25(NodeTrackConnections20, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_blend_node_default = NoiseBlendNode;
 
 // src/nodes/selectors/noise-select-node.tsx
 import { NodeContainer as NodeContainer26, NodeTrackConnections as NodeTrackConnections21 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect21, useState as useState17 } from "react";
-import {
-  useIncomingComputedData as useIncomingComputedData15,
-  useUpdateNodeComputedData as useUpdateNodeComputedData24,
-  useUpdateNodeData as useUpdateNodeData12
-} from "@awesome-flow/core/hooks";
+import { useCallback as useCallback18, useEffect as useEffect18, useState as useState16 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData24, useUpdateNodeData as useUpdateNodeData11 } from "@awesome-flow/core/hooks";
 import { Select } from "libnoise-ts/module/selector";
-import { Group as Group14, NumberInput as NumberInput11, Stack as Stack13 } from "@mantine/core";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Group as Group11, NumberInput as NumberInput10, Stack as Stack11 } from "@mantine/core";
+import { HandlesIncomingDataStatus as HandlesIncomingDataStatus3 } from "@awesome-flow/core/components";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function NoiseSelectNode({ id, selected, data, type }) {
-  const [edgeFalloff, setEdgeFalloff] = useState17(data.edgeFalloff);
-  const [lowerBound, setLowerBound] = useState17(data.lowerBound);
-  const [upperBound, setUpperBound] = useState17(data.upperBound);
-  const incoming = useIncomingComputedData15(id);
-  const updateNodeData = useUpdateNodeData12();
+  const [edgeFalloff, setEdgeFalloff] = useState16(data.edgeFalloff);
+  const [lowerBound, setLowerBound] = useState16(data.lowerBound);
+  const [upperBound, setUpperBound] = useState16(data.upperBound);
+  const updateNodeData = useUpdateNodeData11();
   const updateComputedData = useUpdateNodeComputedData24();
-  useEffect21(() => {
-    if (incoming?.length > 2) {
-      const module = new Select(
-        incoming[0].module,
-        incoming[1].module,
-        incoming[2].module,
-        edgeFalloff,
-        lowerBound,
-        upperBound
-      );
-      updateComputedData(id, { module });
-    }
+  useEffect18(() => {
     updateNodeData(id, { edgeFalloff, lowerBound, upperBound });
-  }, [incoming, edgeFalloff, lowerBound, upperBound, updateNodeData, id, updateComputedData]);
-  return /* @__PURE__ */ jsxs23(NodeContainer26, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs23(Stack13, { children: [
-      /* @__PURE__ */ jsxs23(Group14, { children: [
+  }, [edgeFalloff, lowerBound, upperBound]);
+  const onDataUpdated = useCallback18(
+    (incomingData) => {
+      const incomingSources = incomingData["source" /* source */];
+      const incomingControl = incomingData["control" /* control */];
+      if (incomingSources?.length >= 2 && incomingControl?.length) {
+        const module = new Select(
+          incomingSources[0].module,
+          incomingSources[1].module,
+          incomingControl[0].module,
+          edgeFalloff,
+          lowerBound,
+          upperBound
+        );
+        updateComputedData(id, { module });
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs22(NodeContainer26, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs22(Stack11, { children: [
+      /* @__PURE__ */ jsxs22(Group11, { children: [
         "Edge Falloff:",
-        /* @__PURE__ */ jsx29(
-          NumberInput11,
+        /* @__PURE__ */ jsx26(
+          NumberInput10,
           {
             size: "xs",
             w: 100,
@@ -2234,10 +2104,10 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs23(Group14, { children: [
+      /* @__PURE__ */ jsxs22(Group11, { children: [
         "Lower Bound:",
-        /* @__PURE__ */ jsx29(
-          NumberInput11,
+        /* @__PURE__ */ jsx26(
+          NumberInput10,
           {
             size: "xs",
             w: 100,
@@ -2247,10 +2117,10 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs23(Group14, { children: [
+      /* @__PURE__ */ jsxs22(Group11, { children: [
         "Upper Bound:",
-        /* @__PURE__ */ jsx29(
-          NumberInput11,
+        /* @__PURE__ */ jsx26(
+          NumberInput10,
           {
             size: "xs",
             w: 100,
@@ -2260,101 +2130,103 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs23(Group14, { children: [
-        "Modules: ",
-        incoming?.length
-      ] })
+      /* @__PURE__ */ jsx26(
+        HandlesIncomingDataStatus3,
+        {
+          nodeId: id,
+          handles: data.handles,
+          handleKey: "dataId",
+          onDataUpdated,
+          type: "target",
+          resetComputedData: true
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx29(NodeTrackConnections21, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx26(NodeTrackConnections21, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_select_node_default = NoiseSelectNode;
 
 // src/nodes/transformers/noise-displace-node.tsx
 import { NodeContainer as NodeContainer27, NodeTrackConnections as NodeTrackConnections22 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect22, useMemo as useMemo13 } from "react";
-import { useIncomingHandleData, useUpdateNodeComputedData as useUpdateNodeComputedData25 } from "@awesome-flow/core/hooks";
+import { useCallback as useCallback19 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData25 } from "@awesome-flow/core/hooks";
 import { Displace } from "libnoise-ts/module/transformer";
-import { Badge, Stack as Stack14 } from "@mantine/core";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { HandlesIncomingDataStatus as HandlesIncomingDataStatus4 } from "@awesome-flow/core/components";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function NoiseDisplaceNode({ id, selected, data, type }) {
   const updateComputedData = useUpdateNodeComputedData25();
-  const incomingHandleData = useIncomingHandleData(id, data.handles);
-  const { sourceModule, xModule, yModule, zModule } = useMemo13(() => {
-    return {
-      sourceModule: incomingHandleData["source" /* sourceModule */],
-      xModule: incomingHandleData["x-module" /* xModule */],
-      yModule: incomingHandleData["y-module" /* yModule */],
-      zModule: incomingHandleData["z-module" /* zModule */]
-    };
-  }, [incomingHandleData]);
-  useEffect22(() => {
-    if (sourceModule && xModule && yModule && zModule) {
-      const module = new Displace(
-        sourceModule[0].module,
-        xModule[0].module,
-        yModule[0].module,
-        zModule[0].module
-      );
-      updateComputedData(id, { module });
-    }
-  }, [id, updateComputedData, sourceModule, xModule, yModule, zModule]);
-  const { sourceColor, xColor, yColor, zColor } = useMemo13(() => {
-    return {
-      sourceColor: sourceModule ? "green" : "orange",
-      xColor: xModule ? "green" : "orange",
-      yColor: yModule ? "green" : "orange",
-      zColor: zModule ? "green" : "orange"
-    };
-  }, [sourceModule, xModule, yModule, zModule]);
-  return /* @__PURE__ */ jsxs24(NodeContainer27, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs24(Stack14, { align: "center", children: [
-      /* @__PURE__ */ jsx30(Badge, { color: sourceColor, children: "Source Module" }),
-      /* @__PURE__ */ jsx30(Badge, { color: xColor, children: "X Module" }),
-      /* @__PURE__ */ jsx30(Badge, { color: yColor, children: "Y Module" }),
-      /* @__PURE__ */ jsx30(Badge, { color: zColor, children: "Z Module" })
-    ] }),
-    /* @__PURE__ */ jsx30(NodeTrackConnections22, { handles: data.handles, nodeId: id, type: "target" })
+  const onDataUpdated = useCallback19(
+    (handleData) => {
+      const sourceModule = handleData["source" /* sourceModule */];
+      const xModule = handleData["x-module" /* xModule */];
+      const yModule = handleData["y-module" /* yModule */];
+      const zModule = handleData["z-module" /* zModule */];
+      if (sourceModule && xModule && yModule && zModule) {
+        const module = new Displace(
+          sourceModule[0].module,
+          xModule[0].module,
+          yModule[0].module,
+          zModule[0].module
+        );
+        updateComputedData(id, { module });
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs23(NodeContainer27, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx27(
+      HandlesIncomingDataStatus4,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataId",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
+    /* @__PURE__ */ jsx27(NodeTrackConnections22, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_displace_node_default = NoiseDisplaceNode;
 
 // src/nodes/transformers/noise-rotate-point-node.tsx
 import { NodeContainer as NodeContainer28, NodeTrackConnections as NodeTrackConnections23 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect23, useState as useState18 } from "react";
+import { useEffect as useEffect19, useState as useState17 } from "react";
 import {
-  useIncomingComputedData as useIncomingComputedData16,
+  useIncomingComputedData as useIncomingComputedData13,
   useUpdateNodeComputedData as useUpdateNodeComputedData26,
-  useUpdateNodeData as useUpdateNodeData13
+  useUpdateNodeData as useUpdateNodeData12
 } from "@awesome-flow/core/hooks";
-import { Group as Group15, NumberInput as NumberInput12, Stack as Stack15 } from "@mantine/core";
+import { Group as Group12, NumberInput as NumberInput11, Stack as Stack12 } from "@mantine/core";
 import { RotatePoint } from "libnoise-ts/module/transformer";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function NoiseRotatePointNode({
   id,
   selected,
   data,
   type
 }) {
-  const [xAngle, setXAngle] = useState18(data.xAngle);
-  const [yAngle, setYAngle] = useState18(data.yAngle);
-  const [zAngle, setZAngle] = useState18(data.zAngle);
-  const incoming = useIncomingComputedData16(id);
-  const updateNodeData = useUpdateNodeData13();
+  const [xAngle, setXAngle] = useState17(data.xAngle);
+  const [yAngle, setYAngle] = useState17(data.yAngle);
+  const [zAngle, setZAngle] = useState17(data.zAngle);
+  const incoming = useIncomingComputedData13(id);
+  const updateNodeData = useUpdateNodeData12();
   const updateComputedData = useUpdateNodeComputedData26();
-  useEffect23(() => {
+  useEffect19(() => {
     if (incoming?.length) {
       const module = new RotatePoint(incoming[0].module, xAngle, yAngle, zAngle);
       updateComputedData(id, { module });
     }
     updateNodeData(id, { xAngle, yAngle, zAngle });
   }, [id, updateComputedData, updateNodeData, incoming, xAngle, yAngle, zAngle]);
-  return /* @__PURE__ */ jsxs25(NodeContainer28, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs25(Stack15, { children: [
-      /* @__PURE__ */ jsxs25(Group15, { children: [
+  return /* @__PURE__ */ jsxs24(NodeContainer28, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs24(Stack12, { children: [
+      /* @__PURE__ */ jsxs24(Group12, { children: [
         "X Angle:",
-        /* @__PURE__ */ jsx31(
-          NumberInput12,
+        /* @__PURE__ */ jsx28(
+          NumberInput11,
           {
             size: "xs",
             w: 100,
@@ -2364,10 +2236,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs25(Group15, { children: [
+      /* @__PURE__ */ jsxs24(Group12, { children: [
         "Y Angle:",
-        /* @__PURE__ */ jsx31(
-          NumberInput12,
+        /* @__PURE__ */ jsx28(
+          NumberInput11,
           {
             size: "xs",
             w: 100,
@@ -2377,10 +2249,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs25(Group15, { children: [
+      /* @__PURE__ */ jsxs24(Group12, { children: [
         "Z Angle:",
-        /* @__PURE__ */ jsx31(
-          NumberInput12,
+        /* @__PURE__ */ jsx28(
+          NumberInput11,
           {
             size: "xs",
             w: 100,
@@ -2391,47 +2263,47 @@ function NoiseRotatePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx31(NodeTrackConnections23, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx28(NodeTrackConnections23, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_rotate_point_node_default = NoiseRotatePointNode;
 
 // src/nodes/transformers/noise-scale-point-node.tsx
 import { NodeContainer as NodeContainer29, NodeTrackConnections as NodeTrackConnections24 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect24, useState as useState19 } from "react";
+import { useEffect as useEffect20, useState as useState18 } from "react";
 import {
-  useIncomingComputedData as useIncomingComputedData17,
+  useIncomingComputedData as useIncomingComputedData14,
   useUpdateNodeComputedData as useUpdateNodeComputedData27,
-  useUpdateNodeData as useUpdateNodeData14
+  useUpdateNodeData as useUpdateNodeData13
 } from "@awesome-flow/core/hooks";
-import { Group as Group16, NumberInput as NumberInput13, Stack as Stack16 } from "@mantine/core";
+import { Group as Group13, NumberInput as NumberInput12, Stack as Stack13 } from "@mantine/core";
 import { ScalePoint } from "libnoise-ts/module/transformer";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function NoiseScalePointNode({
   id,
   selected,
   data,
   type
 }) {
-  const [xScale, setXScale] = useState19(data.xScale);
-  const [yScale, setYScale] = useState19(data.yScale);
-  const [zScale, setZScale] = useState19(data.zScale);
-  const incoming = useIncomingComputedData17(id);
-  const updateNodeData = useUpdateNodeData14();
+  const [xScale, setXScale] = useState18(data.xScale);
+  const [yScale, setYScale] = useState18(data.yScale);
+  const [zScale, setZScale] = useState18(data.zScale);
+  const incoming = useIncomingComputedData14(id);
+  const updateNodeData = useUpdateNodeData13();
   const updateComputedData = useUpdateNodeComputedData27();
-  useEffect24(() => {
+  useEffect20(() => {
     if (incoming?.length) {
       const module = new ScalePoint(incoming[0].module, xScale, yScale, zScale);
       updateComputedData(id, { module });
     }
     updateNodeData(id, { xScale, yScale, zScale });
   }, [id, incoming, updateComputedData, updateNodeData, xScale, yScale, zScale]);
-  return /* @__PURE__ */ jsxs26(NodeContainer29, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs26(Stack16, { children: [
-      /* @__PURE__ */ jsxs26(Group16, { children: [
+  return /* @__PURE__ */ jsxs25(NodeContainer29, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs25(Stack13, { children: [
+      /* @__PURE__ */ jsxs25(Group13, { children: [
         "X Scale:",
-        /* @__PURE__ */ jsx32(
-          NumberInput13,
+        /* @__PURE__ */ jsx29(
+          NumberInput12,
           {
             size: "xs",
             w: 100,
@@ -2441,10 +2313,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs26(Group16, { children: [
+      /* @__PURE__ */ jsxs25(Group13, { children: [
         "Y Scale:",
-        /* @__PURE__ */ jsx32(
-          NumberInput13,
+        /* @__PURE__ */ jsx29(
+          NumberInput12,
           {
             size: "xs",
             w: 100,
@@ -2454,10 +2326,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs26(Group16, { children: [
+      /* @__PURE__ */ jsxs25(Group13, { children: [
         "Z Scale:",
-        /* @__PURE__ */ jsx32(
-          NumberInput13,
+        /* @__PURE__ */ jsx29(
+          NumberInput12,
           {
             size: "xs",
             w: 100,
@@ -2468,47 +2340,47 @@ function NoiseScalePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx32(NodeTrackConnections24, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx29(NodeTrackConnections24, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_scale_point_node_default = NoiseScalePointNode;
 
 // src/nodes/transformers/noise-translate-point-node.tsx
 import { NodeContainer as NodeContainer30, NodeTrackConnections as NodeTrackConnections25 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect25, useState as useState20 } from "react";
+import { useEffect as useEffect21, useState as useState19 } from "react";
 import {
-  useIncomingComputedData as useIncomingComputedData18,
+  useIncomingComputedData as useIncomingComputedData15,
   useUpdateNodeComputedData as useUpdateNodeComputedData28,
-  useUpdateNodeData as useUpdateNodeData15
+  useUpdateNodeData as useUpdateNodeData14
 } from "@awesome-flow/core/hooks";
-import { Group as Group17, NumberInput as NumberInput14, Stack as Stack17 } from "@mantine/core";
+import { Group as Group14, NumberInput as NumberInput13, Stack as Stack14 } from "@mantine/core";
 import { TranslatePoint } from "libnoise-ts/module/transformer";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function NoiseTranslatePointNode({
   id,
   selected,
   data,
   type
 }) {
-  const [translateX, setTranslateX] = useState20(data.translateX);
-  const [translateY, setTranslateY] = useState20(data.translateY);
-  const [translateZ, setTranslateZ] = useState20(data.translateZ);
-  const incoming = useIncomingComputedData18(id);
-  const updateNodeData = useUpdateNodeData15();
+  const [translateX, setTranslateX] = useState19(data.translateX);
+  const [translateY, setTranslateY] = useState19(data.translateY);
+  const [translateZ, setTranslateZ] = useState19(data.translateZ);
+  const incoming = useIncomingComputedData15(id);
+  const updateNodeData = useUpdateNodeData14();
   const updateComputedData = useUpdateNodeComputedData28();
-  useEffect25(() => {
+  useEffect21(() => {
     if (incoming?.length) {
       const module = new TranslatePoint(incoming[0].module, translateX, translateY, translateZ);
       updateComputedData(id, { module });
     }
     updateNodeData(id, { translateX, translateY, translateZ });
   }, [id, incoming, translateX, translateY, translateZ, updateComputedData, updateNodeData]);
-  return /* @__PURE__ */ jsxs27(NodeContainer30, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs27(Stack17, { children: [
-      /* @__PURE__ */ jsxs27(Group17, { children: [
+  return /* @__PURE__ */ jsxs26(NodeContainer30, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsxs26(Stack14, { children: [
+      /* @__PURE__ */ jsxs26(Group14, { children: [
         "Translate X:",
-        /* @__PURE__ */ jsx33(
-          NumberInput14,
+        /* @__PURE__ */ jsx30(
+          NumberInput13,
           {
             size: "xs",
             w: 100,
@@ -2518,10 +2390,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs27(Group17, { children: [
+      /* @__PURE__ */ jsxs26(Group14, { children: [
         "Translate Y:",
-        /* @__PURE__ */ jsx33(
-          NumberInput14,
+        /* @__PURE__ */ jsx30(
+          NumberInput13,
           {
             size: "xs",
             w: 100,
@@ -2531,10 +2403,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs27(Group17, { children: [
+      /* @__PURE__ */ jsxs26(Group14, { children: [
         "Translate Z:",
-        /* @__PURE__ */ jsx33(
-          NumberInput14,
+        /* @__PURE__ */ jsx30(
+          NumberInput13,
           {
             size: "xs",
             w: 100,
@@ -2545,31 +2417,32 @@ function NoiseTranslatePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx33(NodeTrackConnections25, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ jsx30(NodeTrackConnections25, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_translate_point_node_default = NoiseTranslatePointNode;
 
 // src/nodes/transformers/noise-turbulence-node .tsx
 import { NodeContainer as NodeContainer31, NodeTrackConnections as NodeTrackConnections26 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback17, useEffect as useEffect26, useState as useState21 } from "react";
-import { useIncomingComputedData as useIncomingComputedData19, useUpdateNodeComputedData as useUpdateNodeComputedData29 } from "@awesome-flow/core/hooks";
+import { useCallback as useCallback20, useEffect as useEffect22, useState as useState20 } from "react";
+import { useIncomingComputedData as useIncomingComputedData16, useUpdateNodeComputedData as useUpdateNodeComputedData29 } from "@awesome-flow/core/hooks";
 import { Turbulence } from "libnoise-ts/module/transformer";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables7 } from "@awesome-flow/core/components";
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 function NoiseTurbulenceNode({
   id,
   selected,
   data,
   type
 }) {
-  const [properties, setProperties] = useState21(null);
-  const incoming = useIncomingComputedData19(id);
+  const [properties, setProperties] = useState20(null);
+  const incoming = useIncomingComputedData16(id);
   const updateComputedData = useUpdateNodeComputedData29();
-  const onPropertiesChange = useCallback17((props) => {
+  const onPropertiesChange = useCallback20((props) => {
     setProperties(props);
   }, []);
-  useEffect26(() => {
-    if (incoming?.length) {
+  useEffect22(() => {
+    if (incoming?.length && properties) {
       const module = new Turbulence(
         incoming[0].module,
         properties.frequency.value,
@@ -2579,1576 +2452,1034 @@ function NoiseTurbulenceNode({
       );
       updateComputedData(id, { module });
     }
-  }, [id, incoming, properties, updateComputedData]);
-  return /* @__PURE__ */ jsxs28(NodeContainer31, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx34(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ jsx34(NodeTrackConnections26, { handles: data.handles, nodeId: id, type: "target" })
+  }, [id, incoming, properties]);
+  return /* @__PURE__ */ jsxs27(NodeContainer31, { id, selected, data, type, children: [
+    /* @__PURE__ */ jsx31(NodePropertyVariables7, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ jsx31(NodeTrackConnections26, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_turbulence_node_default = NoiseTurbulenceNode;
 
-// src/nodes/generators/variable-property-node.tsx
-import { NodeCombobox as NodeCombobox2, NodeContainer as NodeContainer32, NodeTrackConnections as NodeTrackConnections27 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback18, useEffect as useEffect27, useState as useState22 } from "react";
-import { Stack as Stack18 } from "@mantine/core";
-import { useIncomingNodeData as useIncomingNodeData2, useOutgoingNodes, useUpdateNodeData as useUpdateNodeData16 } from "@awesome-flow/core/hooks";
-import { getObjectPropertyMap } from "@awesome-flow/core/utils";
-import { nodeDataPropertyExcept as nodeDataPropertyExcept3 } from "@awesome-flow/core/abstract";
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
-function VariablePropertyNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [options3, setOptions] = useState22({});
-  const [selectedProperty, setSelectedProperty] = useState22(data.property);
-  const updateNodeData = useUpdateNodeData16();
-  const outgoing = useOutgoingNodes(id);
-  const incoming = useIncomingNodeData2(id);
-  useEffect27(() => {
-    if (outgoing?.length) {
-      const { data: data2 } = outgoing[0];
-      const properties = getObjectPropertyMap(data2, nodeDataPropertyExcept3);
-      setOptions(properties);
-      if (!selectedProperty) {
-        const keys = Object.keys(properties);
-        if (keys.length) {
-          setSelectedProperty({
-            name: keys[0],
-            value: properties[keys[0]]
-          });
-        }
-      }
-    } else {
-      setSelectedProperty(null);
-    }
-  }, [outgoing]);
-  useEffect27(() => {
-    if (!incoming?.length && selectedProperty?.disabled) {
-      setSelectedProperty({ ...selectedProperty, disabled: false });
-    } else if (incoming?.length && selectedProperty) {
-      const incomingValue = incoming[0].value;
-      if (incomingValue !== void 0 && incomingValue !== null) {
-        setSelectedProperty({
-          name: selectedProperty.name,
-          value: incomingValue,
-          disabled: true
-        });
-      }
-    }
-  }, [incoming]);
-  useEffect27(() => {
-    if (selectedProperty) {
-      updateNodeData(id, { property: selectedProperty });
-    }
-  }, [selectedProperty]);
-  const onPropertyChange = useCallback18(
-    (selected2) => {
-      setSelectedProperty({
-        name: selected2,
-        value: options3[selected2]
-      });
-    },
-    [options3]
-  );
-  const onValueChange = useCallback18((name, value) => {
-    setSelectedProperty({
-      name,
-      value
-    });
-  }, []);
-  return /* @__PURE__ */ jsxs29(NodeContainer32, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsxs29(Stack18, { align: "center", children: [
-      /* @__PURE__ */ jsx35(
-        NodeCombobox2,
-        {
-          options: options3,
-          onChange: onPropertyChange,
-          selected: selectedProperty?.name,
-          hideListValues: true
-        }
-      ),
-      /* @__PURE__ */ jsx35(node_property_input_default, { property: selectedProperty, onChange: onValueChange })
-    ] }),
-    /* @__PURE__ */ jsx35(NodeTrackConnections27, { handles: data.handles, nodeId: id })
-  ] });
-}
-var variable_property_node_default = VariablePropertyNode;
-
-// src/nodes/modifiers/variable-combine-node.tsx
-import { NodeCombobox as NodeCombobox3, NodeContainer as NodeContainer33, NodeTrackConnections as NodeTrackConnections28 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback19, useEffect as useEffect28, useState as useState23 } from "react";
-import { useIncomingNodeData as useIncomingNodeData3, useUpdateNodeData as useUpdateNodeData17 } from "@awesome-flow/core/hooks";
-import {
-  IconAsterisk as IconAsterisk2,
-  IconChevronLeft as IconChevronLeft2,
-  IconChevronRight as IconChevronRight2,
-  IconChevronUp as IconChevronUp2,
-  IconDivide,
-  IconPlus as IconPlus2
-} from "@tabler/icons-react";
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
-var options2 = {
-  add: /* @__PURE__ */ jsx36(IconPlus2, {}),
-  divide: /* @__PURE__ */ jsx36(IconDivide, {}),
-  min: /* @__PURE__ */ jsx36(IconChevronLeft2, {}),
-  max: /* @__PURE__ */ jsx36(IconChevronRight2, {}),
-  multiply: /* @__PURE__ */ jsx36(IconAsterisk2, {}),
-  power: /* @__PURE__ */ jsx36(IconChevronUp2, {})
-};
-function VariableCombineNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [operation, setOperation] = useState23(data.operation);
-  const [value, setValue] = useState23(data.value);
-  const updateNodeData = useUpdateNodeData17();
-  const incoming = useIncomingNodeData3(id);
-  useEffect28(() => {
-    if (incoming?.length > 1) {
-      const result = getOperationResult(operation, incoming[0].value, incoming[1].value);
-      setValue(result);
-      updateNodeData(id, { value: result });
-    }
-  }, [operation, incoming]);
-  const onChange = useCallback19((op) => {
-    updateNodeData(id, { operation: op });
-    setOperation(op);
-  }, []);
-  return /* @__PURE__ */ jsxs30(NodeContainer33, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx36(NodeCombobox3, { options: options2, selected: operation, onChange }),
-    /* @__PURE__ */ jsx36(node_value_input_default, { value, onChange: () => {
-    }, disabled: true }),
-    /* @__PURE__ */ jsx36(NodeTrackConnections28, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-function getOperationResult(operation, value1, value2) {
-  switch (operation) {
-    case "add" /* add */:
-      return Number(value1) + Number(value2);
-    case "divide" /* divide */:
-      return Number(value1) / (Number(value2) || 1);
-    case "max" /* max */:
-      return Number(value1) > Number(value2) ? value1 : value2;
-    case "min" /* min */:
-      return Number(value1) < Number(value2) ? value1 : value2;
-    case "multiply" /* multiply */:
-      return Number(value1) * Number(value2);
-    case "power" /* power */:
-      return Number(value1) ** Number(value2);
-  }
-}
-var variable_combine_node_default = VariableCombineNode;
+// src/templates/generators/noise-checkerboard-template.ts
+import { Position } from "@xyflow/system";
 
-// src/nodes/generators/variable-value-node.tsx
-import { NodeContainer as NodeContainer34, NodeTrackConnections as NodeTrackConnections29 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback20, useState as useState24 } from "react";
-import { useUpdateNodeData as useUpdateNodeData18 } from "@awesome-flow/core/hooks";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
-function VariableValueNode({ id, selected, data, type }) {
-  const [value, setValue] = useState24(data.value || 0);
-  const updateNodeData = useUpdateNodeData18();
-  const onValueChange = useCallback20((newValue) => {
-    updateNodeData(id, { value: newValue });
-    setValue(newValue);
-  }, []);
-  return /* @__PURE__ */ jsxs31(NodeContainer34, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx37(node_value_input_default, { value, onChange: onValueChange }),
-    /* @__PURE__ */ jsx37(NodeTrackConnections29, { handles: data.handles, nodeId: id, type: "source" })
-  ] });
-}
-var variable_value_node_default = VariableValueNode;
-
-// src/nodes/groups/node-module-group.tsx
-import { NodeContainer as NodeContainer35, NodeCollapse } from "@awesome-flow/core/layout";
-import { NodeResizer, useStore, useUpdateNodeInternals } from "@xyflow/react";
-import { FlowContext } from "@awesome-flow/core/abstract";
-import { useCallback as useCallback21, useContext, useEffect as useEffect29, useMemo as useMemo14 } from "react";
-import { shallow } from "zustand/shallow";
-import { Badge as Badge2, Group as Group18 } from "@mantine/core";
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
-function ModuleGroupNode({
-  id,
-  selected,
-  data,
-  type,
-  width,
-  height
-}) {
-  const context = useContext(FlowContext);
-  const updateNodeInternals = useUpdateNodeInternals();
-  const triggerNodeChanges = useStore((s) => s.triggerNodeChanges);
-  const { groupNodes, setGroupCollapsed } = context.useFlowStore(
-    useCallback21(
-      (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
-      []
-    )
-  );
-  const intersectingNode = context.useInteractivityStore(
-    useCallback21((state) => state.nodeIntersectionTargets[id], [id]),
-    shallow
-  );
-  useEffect29(() => {
-    updateNodeInternals(id);
-  }, [width, height]);
-  useEffect29(() => {
-    triggerNodeChanges([
-      {
-        id,
-        type: "select",
-        selected: !!intersectingNode
-      }
-    ]);
-  }, [intersectingNode]);
-  const onCollapsed = useCallback21((collapsed) => {
-    setGroupCollapsed(id, collapsed);
-  }, []);
-  const size = useMemo14(() => {
-    return {
-      width: data.initialSize?.width || 100,
-      height: data.initialSize?.height || 50
-    };
-  }, [data.initialSize]);
-  return /* @__PURE__ */ jsx38(
-    NodeContainer35,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ jsx38(Group18, { justify: "space-between", children: /* @__PURE__ */ jsxs32(Group18, { gap: "xs", children: [
-        /* @__PURE__ */ jsx38(Badge2, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
-        /* @__PURE__ */ jsx38(NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
-      ] }) }),
-      type,
-      children: /* @__PURE__ */ jsx38(
-        NodeResizer,
-        {
-          nodeId: id,
-          minWidth: size.width,
-          minHeight: size.height,
-          isVisible: selected && !data.isCollapsed
-        }
-      )
-    }
-  );
-}
-var node_module_group_default = ModuleGroupNode;
+// src/abstract/templates.ts
+var NoiseTemplateGroup = /* @__PURE__ */ ((NoiseTemplateGroup2) => {
+  NoiseTemplateGroup2["positions"] = "Positions";
+  NoiseTemplateGroup2["output"] = "Output";
+  NoiseTemplateGroup2["noiseGenerators"] = "Noise Generators";
+  NoiseTemplateGroup2["noiseModifiers"] = "Noise Modifiers";
+  NoiseTemplateGroup2["noiseSelectors"] = "Noise Selectors";
+  NoiseTemplateGroup2["noiseTransformers"] = "Noise Transformers";
+  return NoiseTemplateGroup2;
+})(NoiseTemplateGroup || {});
 
 // src/templates/generators/noise-checkerboard-template.ts
-import { IDGenerator } from "@awesome-flow/core/utils";
-import { Position } from "@xyflow/system";
 var NoiseCheckerboardNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator.template(),
-      type: "noise-checkerboard" /* noiseCheckerboard */,
-      removable: false,
-      data: {
-        title: "Checkerboard Noise"
-      },
-      handles: [
-        {
-          position: Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+  template = {
+    type: "noise-checkerboard" /* noiseCheckerboard */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Checkerboard Noise"
+    },
+    handles: [
+      {
+        position: Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-const-template.ts
-import { IDGenerator as IDGenerator2 } from "@awesome-flow/core/utils";
 import { Position as Position2 } from "@xyflow/system";
 var NoiseConstNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator2.template(),
-      type: "noise-constant" /* noiseConst */,
-      removable: false,
-      data: {
-        title: "Const Value Noise",
-        noise: 0,
-        min: -1,
-        max: 1
-      },
-      handles: [
-        {
-          position: Position2.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+  template = {
+    type: "noise-constant" /* noiseConst */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Const Value Noise",
+      noise: 0,
+      min: -1,
+      max: 1
+    },
+    handles: [
+      {
+        position: Position2.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-cylinders-template.ts
-import { IDGenerator as IDGenerator3 } from "@awesome-flow/core/utils";
+import { CoreHandleType } from "@awesome-flow/core/abstract";
 import { Position as Position3 } from "@xyflow/system";
 var NoiseCylindersNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator3.template(),
-      type: "noise-cylinders" /* noiseCylinders */,
-      removable: false,
-      data: {
-        title: "Cylinders Noise",
-        frequency: 0.1
+  template = {
+    type: "noise-cylinders" /* noiseCylinders */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Cylinders Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: Position3.Left,
+        dataType: CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position3.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position3.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position3.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-perlin-template.ts
-import { IDGenerator as IDGenerator4 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType2 } from "@awesome-flow/core/abstract";
 import { Position as Position4 } from "@xyflow/system";
 var NoisePerlinNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator4.template(),
-      type: "noise-perlin" /* noisePerlin */,
-      removable: false,
-      data: {
-        title: "Perlin Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 5,
-        persistence: 0.5,
-        seed: 0
+  template = {
+    type: "noise-perlin" /* noisePerlin */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Perlin Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 5,
+      persistence: 0.5,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position4.Left,
+        dataType: CoreHandleType2.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position4.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position4.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position4.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-ridgedmulti-template.ts
-import { IDGenerator as IDGenerator5 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType3 } from "@awesome-flow/core/abstract";
 import { Position as Position5 } from "@xyflow/system";
 var NoiseRidgedMultiNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator5.template(),
-      type: "noise-ridged-multi" /* noiseRidgedMulti */,
-      removable: false,
-      data: {
-        title: "Ridged Multi Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 6,
-        offset: 1,
-        gain: 2,
-        seed: 0
+  template = {
+    type: "noise-ridged-multi" /* noiseRidgedMulti */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Ridged Multi Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 6,
+      offset: 1,
+      gain: 2,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position5.Left,
+        dataType: CoreHandleType3.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position5.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position5.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position5.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-simplex-template.ts
-import { IDGenerator as IDGenerator6 } from "@awesome-flow/core/utils";
+import {
+  CoreHandleType as CoreHandleType4
+} from "@awesome-flow/core/abstract";
 import { Position as Position6 } from "@xyflow/system";
 var NoiseSimplexNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator6.template(),
-      type: "noise-simplex" /* noiseSimplex */,
-      removable: false,
-      data: {
-        title: "Simplex Noise"
+  template = {
+    type: "noise-simplex" /* noiseSimplex */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Simplex Noise"
+    },
+    handles: [
+      {
+        position: Position6.Left,
+        dataType: CoreHandleType4.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position6.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position6.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position6.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-spheres-template.ts
-import { IDGenerator as IDGenerator7 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType5 } from "@awesome-flow/core/abstract";
 import { Position as Position7 } from "@xyflow/system";
 var NoiseSpheresNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator7.template(),
-      type: "noise-spheres" /* noiseSpheres */,
-      removable: false,
-      data: {
-        title: "Spheres Noise",
-        frequency: 0.1
+  template = {
+    type: "noise-spheres" /* noiseSpheres */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Spheres Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: Position7.Left,
+        dataType: CoreHandleType5.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position7.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position7.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position7.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-voronoi-template.ts
-import { IDGenerator as IDGenerator8 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType6 } from "@awesome-flow/core/abstract";
 import { Position as Position8 } from "@xyflow/system";
 var NoiseVoronoiNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator8.template(),
-      type: "noise-voronoi" /* noiseVoronoi */,
-      removable: false,
-      data: {
-        title: "Voronoi Noise",
-        frequency: 0.1,
-        displacement: 1,
-        distance: true,
-        seed: 0
+  template = {
+    type: "noise-voronoi" /* noiseVoronoi */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Voronoi Noise",
+      frequency: 0.1,
+      displacement: 1,
+      distance: true,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position8.Left,
+        dataType: CoreHandleType6.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position8.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position8.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position8.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/position-const-template.ts
-import { IDGenerator as IDGenerator9 } from "@awesome-flow/core/utils";
 import { Position as Position9 } from "@xyflow/system";
 var PositionConstNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator9.template(),
-      type: "position" /* position */,
-      removable: false,
-      data: {
-        title: "Position Output",
-        position: { x: 0, y: 0, z: 0 }
-      },
-      handles: [
-        {
-          position: Position9.Right,
-          dataType: 4 /* position */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "position" /* position */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Position Output",
+      position: { x: 0, y: 0, z: 0 }
+    },
+    handles: [
+      {
+        position: Position9.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/position-grid-template.ts
-import { IDGenerator as IDGenerator10 } from "@awesome-flow/core/utils";
 import { Position as Position10 } from "@xyflow/system";
 var PositionGridNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator10.template(),
-      type: "grid" /* grid */,
-      removable: false,
-      data: {
-        title: "Grid Output",
-        center: { x: 0, y: 0, z: 0 },
-        radius: 1
-      },
-      handles: [
-        {
-          position: Position10.Right,
-          dataType: 4 /* position */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "grid" /* grid */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Grid Output",
+      center: { x: 0, y: 0, z: 0 },
+      radius: 1
+    },
+    handles: [
+      {
+        position: Position10.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-normalize-template.ts
-import { IDGenerator as IDGenerator11 } from "@awesome-flow/core/utils";
+import { IDGenerator } from "@awesome-flow/core/utils";
 import { Position as Position11 } from "@xyflow/system";
 var NoiseNormalizeNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator11.template(),
-      type: "noise-normalize" /* noiseNormalize */,
-      data: {
-        title: "Normalize Noise",
-        intervalStart: -1,
-        intervalEnd: 1
+  template = {
+    id: IDGenerator.template(),
+    type: "noise-normalize" /* noiseNormalize */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Normalize Noise",
+      intervalStart: -1,
+      intervalEnd: 1
+    },
+    handles: [
+      {
+        position: Position11.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position11.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position11.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position11.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-logger-template.ts
-import { IDGenerator as IDGenerator12 } from "@awesome-flow/core/utils";
 import { Position as Position12 } from "@xyflow/system";
 var NoiseLoggerNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator12.template(),
-      type: "noise-logger" /* noiseLogger */,
-      removable: false,
-      data: {
-        title: "Noise Logger"
-      },
-      handles: [
-        {
-          position: Position12.Left,
-          dataType: 2 /* noise */,
-          connection: "target"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "target";
-  }
-  getHandleAllowedDataType(type) {
-    return 2 /* noise */;
-  }
+  template = {
+    type: "noise-logger" /* noiseLogger */,
+    group: "Output" /* output */,
+    data: {
+      title: "Noise Logger"
+    },
+    handles: [
+      {
+        position: Position12.Left,
+        dataType: "noise" /* noise */,
+        connection: "target"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-raw-texture-template.ts
-import { IDGenerator as IDGenerator13 } from "@awesome-flow/core/utils";
 import { Position as Position13 } from "@xyflow/system";
 var NoiseRawTextureTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator13.template(),
-      type: "texture-data" /* textureData */,
-      removable: false,
-      data: {
-        title: "Texture Data"
+  template = {
+    type: "texture-data" /* textureData */,
+    group: "Output" /* output */,
+    data: {
+      title: "Texture Data"
+    },
+    handles: [
+      {
+        position: Position13.Left,
+        dataType: "noise" /* noise */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position13.Left,
-          dataType: 2 /* noise */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position13.Right,
-          dataType: 1 /* texture */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 1 /* texture */;
-      case "target":
-        return 2 /* noise */;
-    }
-  }
+      {
+        position: Position13.Right,
+        dataType: "texture" /* texture */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/position-logger-template.ts
-import { IDGenerator as IDGenerator14 } from "@awesome-flow/core/utils";
 import { Position as Position14 } from "@xyflow/system";
 var PositionLoggerNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator14.template(),
-      type: "position-logger" /* positionLogger */,
-      removable: false,
-      data: {
-        title: "Position Logger"
-      },
-      handles: [
-        {
-          position: Position14.Left,
-          dataType: 4 /* position */,
-          connection: "target"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "target";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "position-logger" /* positionLogger */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Position Logger"
+    },
+    handles: [
+      {
+        position: Position14.Left,
+        dataType: "position" /* position */,
+        connection: "target"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-combine-template.ts
-import { IDGenerator as IDGenerator15 } from "@awesome-flow/core/utils";
 import { Position as Position15 } from "@xyflow/system";
 var NoiseCombineNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator15.template(),
-      type: "noise-combiner" /* noiseCombine */,
-      removable: false,
-      data: {
-        title: "Combine Noise",
-        operation: "add" /* add */
+  template = {
+    type: "noise-combiner" /* noiseCombine */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Combine Noise",
+      operation: "add" /* add */
+    },
+    handles: [
+      {
+        position: Position15.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 2
       },
-      handles: [
-        {
-          position: Position15.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 2
-        },
-        {
-          position: Position15.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position15.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-clamp-template.ts
-import { IDGenerator as IDGenerator16 } from "@awesome-flow/core/utils";
 import { Position as Position16 } from "@xyflow/system";
 var NoiseClampNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator16.template(),
-      type: "noise-clamp" /* noiseClamp */,
-      removable: false,
-      data: {
-        title: "Clamp Noise",
-        lowerBound: -1,
-        upperBound: 1
+  template = {
+    type: "noise-clamp" /* noiseClamp */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Clamp Noise",
+      lowerBound: -1,
+      upperBound: 1
+    },
+    handles: [
+      {
+        position: Position16.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position16.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position16.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position16.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-abs-template.ts
-import { IDGenerator as IDGenerator17 } from "@awesome-flow/core/utils";
 import { Position as Position17 } from "@xyflow/system";
 var NoiseAbsNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator17.template(),
-      type: "noise-abs" /* noiseAbs */,
-      removable: false,
-      data: {
-        title: "Abs Noise"
+  template = {
+    type: "noise-abs" /* noiseAbs */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Abs Noise"
+    },
+    handles: [
+      {
+        position: Position17.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position17.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position17.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position17.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-output-template.ts
-import { IDGenerator as IDGenerator18 } from "@awesome-flow/core/utils";
 import { Position as Position18 } from "@xyflow/system";
 var NoiseOutputNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator18.template(),
-      type: "noise-output" /* noiseOutput */,
-      removable: false,
-      data: {
-        title: "Noise Output"
+  template = {
+    type: "noise-output" /* noiseOutput */,
+    group: "Output" /* output */,
+    data: {
+      title: "Noise Output"
+    },
+    handles: [
+      {
+        position: Position18.Left,
+        dataType: "position" /* position */,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position18.Left,
-          dataType: 4 /* position */,
-          connection: "target"
-        },
-        {
-          position: Position18.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position18.Right,
-          dataType: 2 /* noise */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 2 /* noise */;
-      case "target":
-        return 8 /* module */ & 4 /* position */;
-    }
-  }
+      {
+        position: Position18.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: Position18.Right,
+        dataType: "noise" /* noise */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-curve-template.ts
-import { IDGenerator as IDGenerator19 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType7 } from "@awesome-flow/core/abstract";
 import { Position as Position19 } from "@xyflow/system";
 var NoiseCurveNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator19.template(),
-      type: "noise-curve" /* noiseCurve */,
-      removable: false,
-      data: {
-        title: "Noise Curve",
-        points: []
+  template = {
+    type: "noise-curve" /* noiseCurve */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Curve",
+      points: []
+    },
+    handles: [
+      {
+        position: Position19.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position19.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position19.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position19.Left,
+        dataType: CoreHandleType7.variableProperty,
+        connection: "target"
+      },
+      {
+        position: Position19.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-exponent-template.ts
-import { IDGenerator as IDGenerator20 } from "@awesome-flow/core/utils";
 import { Position as Position20 } from "@xyflow/system";
 var NoiseExponentNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator20.template(),
-      type: "noise-exponent" /* noiseExponent */,
-      removable: false,
-      data: {
-        title: "Noise Exponent",
-        exponent: 1
+  template = {
+    type: "noise-exponent" /* noiseExponent */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Exponent",
+      exponent: 1
+    },
+    handles: [
+      {
+        position: Position20.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position20.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position20.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position20.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-invert-template.ts
-import { IDGenerator as IDGenerator21 } from "@awesome-flow/core/utils";
 import { Position as Position21 } from "@xyflow/system";
 var NoiseInvertNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator21.template(),
-      type: "noise-invert" /* noiseInvert */,
-      removable: false,
-      data: {
-        title: "Invert Noise"
+  template = {
+    type: "noise-invert" /* noiseInvert */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Invert Noise"
+    },
+    handles: [
+      {
+        position: Position21.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position21.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position21.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position21.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-scalebias-template.ts
-import { IDGenerator as IDGenerator22 } from "@awesome-flow/core/utils";
 import { Position as Position22 } from "@xyflow/system";
 var NoiseScaleBiasNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator22.template(),
-      type: "noise-scale-bias" /* noiseScaleBias */,
-      removable: false,
-      data: {
-        title: "Scale/Bias Noise",
-        scale: 1,
-        bias: 0
+  template = {
+    type: "noise-scale-bias" /* noiseScaleBias */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Scale/Bias Noise",
+      scale: 1,
+      bias: 0
+    },
+    handles: [
+      {
+        position: Position22.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position22.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position22.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position22.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-terrace-template.ts
-import { IDGenerator as IDGenerator23 } from "@awesome-flow/core/utils";
 import { Position as Position23 } from "@xyflow/system";
 var NoiseTerraceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator23.template(),
-      type: "noise-terrace" /* noiseTerrace */,
-      removable: false,
-      data: {
-        title: "Noise Terrace",
-        points: []
+  template = {
+    type: "noise-terrace" /* noiseTerrace */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Terrace",
+      points: []
+    },
+    handles: [
+      {
+        position: Position23.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position23.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position23.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position23.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/selectors/noise-blend-template.ts
-import { IDGenerator as IDGenerator24 } from "@awesome-flow/core/utils";
-import { Position as Position24 } from "@xyflow/system";
-var NoiseBlendNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator24.template(),
-      type: "noise-blend" /* noiseBlend */,
-      removable: false,
-      data: {
-        title: "Noise Blend"
-      },
-      handles: [
-        {
-          position: Position24.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Modules",
-          maxConnections: 2
-        },
-        {
-          position: Position24.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Control Module",
-          maxConnections: 1
-        },
-        {
-          position: Position24.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+import { Position as Position24 } from "@xyflow/system";
+var NoiseBlendNodeTemplateFactory = class {
+  template = {
+    type: "noise-blend" /* noiseBlend */,
+    group: "Noise Selectors" /* noiseSelectors */,
+    data: {
+      title: "Noise Blend"
+    },
+    handles: [
+      {
+        position: Position24.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Modules",
+        dataId: "source" /* source */,
+        maxConnections: 2,
+        minConnections: 2
+      },
+      {
+        position: Position24.Left,
+        dataType: "module" /* module */,
+        dataId: "control" /* control */,
+        connection: "target",
+        label: "Control Module",
+        maxConnections: 1
+      },
+      {
+        position: Position24.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/selectors/noise-select-template.ts
-import { IDGenerator as IDGenerator25 } from "@awesome-flow/core/utils";
 import { Position as Position25 } from "@xyflow/system";
 var NoiseSelectNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator25.template(),
-      type: "noise-select" /* noiseSelect */,
-      removable: false,
-      data: {
-        title: "Noise Select",
-        edgeFalloff: 0,
-        lowerBound: -1,
-        upperBound: 1
+  template = {
+    type: "noise-select" /* noiseSelect */,
+    group: "Noise Selectors" /* noiseSelectors */,
+    data: {
+      title: "Noise Select",
+      edgeFalloff: 0,
+      lowerBound: -1,
+      upperBound: 1
+    },
+    handles: [
+      {
+        position: Position25.Left,
+        dataType: "module" /* module */,
+        dataId: "source" /* source */,
+        connection: "target",
+        label: "Source Modules",
+        maxConnections: 2,
+        minConnections: 2
       },
-      handles: [
-        {
-          position: Position25.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Modules",
-          maxConnections: 2
-        },
-        {
-          position: Position25.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Control Module",
-          maxConnections: 1
-        },
-        {
-          position: Position25.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position25.Left,
+        dataType: "module" /* module */,
+        dataId: "control" /* control */,
+        connection: "target",
+        label: "Control Module",
+        maxConnections: 1
+      },
+      {
+        position: Position25.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-displace-template.ts
-import { IDGenerator as IDGenerator26 } from "@awesome-flow/core/utils";
 import { Position as Position26 } from "@xyflow/system";
 var NoiseDisplaceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator26.template(),
-      type: "noise-displace" /* noiseDisplace */,
-      data: {
-        title: "Noise Displace"
+  template = {
+    type: "noise-displace" /* noiseDisplace */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Displace"
+    },
+    handles: [
+      {
+        position: Position26.Left,
+        connection: "target",
+        label: "Source Module",
+        dataType: "module" /* module */,
+        dataId: "source" /* sourceModule */,
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position26.Left,
-          connection: "target",
-          label: "Source Module",
-          dataType: 8 /* module */,
-          dataId: "source" /* sourceModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position26.Left,
-          connection: "target",
-          label: "X Module",
-          dataType: 8 /* module */,
-          dataId: "x-module" /* xModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position26.Left,
-          connection: "target",
-          label: "Y Module",
-          dataType: 8 /* module */,
-          dataId: "y-module" /* yModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position26.Left,
-          connection: "target",
-          label: "Z Module",
-          dataType: 8 /* module */,
-          dataId: "z-module" /* zModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position26.Right,
-          dataType: 8 /* module */,
-          dataId: "output" /* output */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position26.Left,
+        connection: "target",
+        label: "X Module",
+        dataType: "module" /* module */,
+        dataId: "x-module" /* xModule */,
+        maxConnections: 1
+      },
+      {
+        position: Position26.Left,
+        connection: "target",
+        label: "Y Module",
+        dataType: "module" /* module */,
+        dataId: "y-module" /* yModule */,
+        maxConnections: 1
+      },
+      {
+        position: Position26.Left,
+        connection: "target",
+        label: "Z Module",
+        dataType: "module" /* module */,
+        dataId: "z-module" /* zModule */,
+        maxConnections: 1
+      },
+      {
+        position: Position26.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-rotate-point-template.ts
-import { IDGenerator as IDGenerator27 } from "@awesome-flow/core/utils";
 import { Position as Position27 } from "@xyflow/system";
 var NoiseRotatePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator27.template(),
-      type: "noise-rotate-point" /* noiseRotatePoint */,
-      removable: false,
-      data: {
-        title: "Noise Rotate Point",
-        xAngle: 0,
-        yAngle: 0,
-        zAngle: 0
+  template = {
+    type: "noise-rotate-point" /* noiseRotatePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Rotate Point",
+      xAngle: 0,
+      yAngle: 0,
+      zAngle: 0
+    },
+    handles: [
+      {
+        position: Position27.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position27.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position27.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position27.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-scale-point-template.ts
-import { IDGenerator as IDGenerator28 } from "@awesome-flow/core/utils";
 import { Position as Position28 } from "@xyflow/system";
 var NoiseScalePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator28.template(),
-      type: "noise-scale-point" /* noiseScalePoint */,
-      data: {
-        title: "Noise Scale Point",
-        xScale: 1,
-        yScale: 1,
-        zScale: 1
+  template = {
+    type: "noise-scale-point" /* noiseScalePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Scale Point",
+      xScale: 1,
+      yScale: 1,
+      zScale: 1
+    },
+    handles: [
+      {
+        position: Position28.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position28.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position28.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position28.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-translate-point-template.ts
-import { IDGenerator as IDGenerator29 } from "@awesome-flow/core/utils";
 import { Position as Position29 } from "@xyflow/system";
 var NoiseTranslatePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator29.template(),
-      type: "noise-translate-point" /* noiseTranslatePoint */,
-      data: {
-        title: "Noise Translate Point",
-        translateX: 0,
-        translateY: 0,
-        translateZ: 0
+  template = {
+    type: "noise-translate-point" /* noiseTranslatePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Translate Point",
+      translateX: 0,
+      translateY: 0,
+      translateZ: 0
+    },
+    handles: [
+      {
+        position: Position29.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position29.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position29.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position29.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-turbulence-template.ts
-import { IDGenerator as IDGenerator30 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType8 } from "@awesome-flow/core/abstract";
 import { Position as Position30 } from "@xyflow/system";
 var NoiseTurbulenceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator30.template(),
-      type: "noise-turbulence" /* noiseTurbulence */,
-      data: {
-        title: "Noise Turbulence",
-        frequency: 1,
-        power: 1,
-        roughness: 1,
-        seed: 0
+  template = {
+    type: "noise-turbulence" /* noiseTurbulence */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Turbulence",
+      frequency: 1,
+      power: 1,
+      roughness: 1,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position30.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position30.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position30.Left,
-          dataType: 16 /* variableProperty */,
-          label: "Variable Properties",
-          connection: "target"
-        },
-        {
-          position: Position30.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position30.Left,
+        dataType: CoreHandleType8.variableProperty,
+        label: "Variable Properties",
+        connection: "target"
+      },
+      {
+        position: Position30.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
-// src/templates/generators/variable-property-template.ts
-import { IDGenerator as IDGenerator31 } from "@awesome-flow/core/utils";
+// src/templates/generators/noise-billow-template.ts
+import { CoreHandleType as CoreHandleType9 } from "@awesome-flow/core/abstract";
+import { IDGenerator as IDGenerator2 } from "@awesome-flow/core/utils";
 import { Position as Position31 } from "@xyflow/system";
-var VariablePropertyNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator31.template(),
-      type: "variable-property" /* variableProperty */,
-      data: {
-        title: "Variable Property",
-        property: null
+var NoiseBillowNodeTemplateFactory = class {
+  template = {
+    id: IDGenerator2.template(),
+    type: "noise-billow" /* noiseBillow */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Billow Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 5,
+      persistence: 0.5,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position31.Left,
+        dataType: CoreHandleType9.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position31.Left,
-          dataType: 32 /* variableValue */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position31.Right,
-          dataType: 16 /* variableProperty */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 16 /* variableProperty */;
-      case "target":
-        return 32 /* variableValue */;
-    }
-  }
+      {
+        position: Position31.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
-// src/templates/modifiers/variable-combine-template.ts
-import { IDGenerator as IDGenerator32 } from "@awesome-flow/core/utils";
+// src/templates/groups/module-group-template.ts
+import {
+  CoreTemplateGroup
+} from "@awesome-flow/core/abstract";
+import { IDGenerator as IDGenerator3 } from "@awesome-flow/core/utils";
 import { Position as Position32 } from "@xyflow/system";
-var VariableCombineNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator32.template(),
-      type: "variable-combine" /* variableCombine */,
-      removable: false,
-      data: {
-        title: "Combine Values",
-        operation: "add" /* add */,
-        value: null
+var ModuleGroupNodeTemplateFactory = class {
+  template = {
+    id: IDGenerator3.template(),
+    type: "group-module" /* groupModule */,
+    group: CoreTemplateGroup.groups,
+    data: {
+      title: "Modules Group",
+      isGroup: true,
+      initialSize: {
+        width: 300,
+        height: 200
       },
-      handles: [
-        {
-          position: Position32.Left,
-          dataType: 32 /* variableValue */,
-          connection: "target"
-        },
-        {
-          position: Position32.Right,
-          dataType: 32 /* variableValue */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/variable-value-template.ts
-import { IDGenerator as IDGenerator33 } from "@awesome-flow/core/utils";
-import { Position as Position33 } from "@xyflow/system";
-var VariableValueNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator33.template(),
-      type: "variable-value" /* variableValue */,
-      data: {
-        title: "Variable Value",
-        value: null
+      collapsedSize: {
+        width: 300,
+        height: 80
+      }
+    },
+    handles: [
+      {
+        position: Position32.Bottom,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1,
+        hideOnCollapse: true
       },
-      handles: [
-        {
-          position: Position33.Right,
-          dataType: 32 /* variableValue */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 32 /* variableValue */;
-  }
+      {
+        position: Position32.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
-// src/templates/groups/module-group-template.ts
-import { IDGenerator as IDGenerator34 } from "@awesome-flow/core/utils";
-import { Position as Position34 } from "@xyflow/system";
-var ModuleGroupNodeTemplateFactory = class {
-  create() {
+// src/nodes/groups/module-group-node.tsx
+import { NodeContainer as NodeContainer32, NodeCollapse, NodeTrackConnections as NodeTrackConnections27 } from "@awesome-flow/core/layout";
+import { NodeResizer, useStore, useUpdateNodeInternals } from "@xyflow/react";
+import { FlowContext } from "@awesome-flow/core/abstract";
+import { useCallback as useCallback21, useContext, useEffect as useEffect23, useMemo as useMemo12 } from "react";
+import { shallow } from "zustand/shallow";
+import { Badge, Group as Group15 } from "@mantine/core";
+import { useIncomingComputedData as useIncomingComputedData17, useUpdateNodeComputedData as useUpdateNodeComputedData30 } from "@awesome-flow/core/hooks";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+function ModuleGroupNode({
+  id,
+  selected,
+  data,
+  type,
+  width,
+  height
+}) {
+  const context = useContext(FlowContext);
+  const updateNodeInternals = useUpdateNodeInternals();
+  const triggerNodeChanges = useStore((s) => s.triggerNodeChanges);
+  const { groupNodes, setGroupCollapsed } = context.useFlowStore(
+    useCallback21(
+      (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
+      []
+    )
+  );
+  const intersectingNode = context.useInteractivityStore(
+    useCallback21((state) => state.nodeIntersectionTargets[id], [id]),
+    shallow
+  );
+  useEffect23(() => {
+    updateNodeInternals(id);
+  }, [width, height]);
+  useEffect23(() => {
+    triggerNodeChanges([
+      {
+        id,
+        type: "select",
+        selected: !!intersectingNode
+      }
+    ]);
+  }, [intersectingNode]);
+  const onCollapsed = useCallback21((collapsed) => {
+    setGroupCollapsed(id, collapsed);
+  }, []);
+  const size = useMemo12(() => {
     return {
-      id: IDGenerator34.template(),
-      type: "group-module" /* groupModule */,
-      data: {
-        title: "Modules Group",
-        isGroup: true,
-        initialSize: {
-          width: 300,
-          height: 200
-        },
-        collapsedSize: {
-          width: 300,
-          height: 80
-        }
-      },
-      handles: [
-        {
-          position: Position34.Bottom,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1,
-          hideOnCollapse: true
-        },
-        {
-          position: Position34.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
+      width: data.initialSize?.width || 100,
+      height: data.initialSize?.height || 50
     };
-  }
-  isHandleAllowed(type) {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/noise-billow-template.ts
-import { IDGenerator as IDGenerator35 } from "@awesome-flow/core/utils";
-import { Position as Position35 } from "@xyflow/system";
-var NoiseBillowNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator35.template(),
-      type: "noise-billow" /* noiseBillow */,
-      removable: false,
-      data: {
-        title: "Billow Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 5,
-        persistence: 0.5,
-        seed: 0
-      },
-      handles: [
-        {
-          position: Position35.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position35.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
+  }, [data.initialSize]);
+  const incomingModules = useIncomingComputedData17(id);
+  const updateComputedData = useUpdateNodeComputedData30();
+  useEffect23(() => {
+    if (incomingModules?.length) {
+      const { module } = incomingModules[0];
+      updateComputedData(id, { module });
+    }
+  }, [incomingModules]);
+  return /* @__PURE__ */ jsxs28(
+    NodeContainer32,
+    {
+      id,
+      selected,
+      data,
+      title: /* @__PURE__ */ jsx32(Group15, { justify: "space-between", children: /* @__PURE__ */ jsxs28(Group15, { gap: "xs", children: [
+        /* @__PURE__ */ jsx32(Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
+        /* @__PURE__ */ jsx32(NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
+      ] }) }),
+      type,
+      children: [
+        /* @__PURE__ */ jsx32(
+          NodeResizer,
+          {
+            nodeId: id,
+            minWidth: size.width,
+            minHeight: size.height,
+            isVisible: selected && !data.isCollapsed
+          }
+        ),
+        /* @__PURE__ */ jsx32(NodeTrackConnections27, { handles: data.handles, nodeId: id, type: "target" })
       ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
-};
+    }
+  );
+}
+var module_group_node_default = ModuleGroupNode;
 
 // src/abstract/node-types.ts
 var NoiseNodeType = /* @__PURE__ */ ((NoiseNodeType2) => {
   NoiseNodeType2["position"] = "position";
   NoiseNodeType2["grid"] = "grid";
+  NoiseNodeType2["textureData"] = "texture-data";
+  NoiseNodeType2["groupModule"] = "group-module";
+  NoiseNodeType2["positionLogger"] = "position-logger";
+  NoiseNodeType2["noiseLogger"] = "noise-logger";
   NoiseNodeType2["noiseOutput"] = "noise-output";
   NoiseNodeType2["noiseConst"] = "noise-constant";
   NoiseNodeType2["noiseSimplex"] = "noise-simplex";
@@ -4160,9 +3491,6 @@ var NoiseNodeType = /* @__PURE__ */ ((NoiseNodeType2) => {
   NoiseNodeType2["noiseRidgedMulti"] = "noise-ridged-multi";
   NoiseNodeType2["noiseSpheres"] = "noise-spheres";
   NoiseNodeType2["noiseVoronoi"] = "noise-voronoi";
-  NoiseNodeType2["textureData"] = "texture-data";
-  NoiseNodeType2["noiseLogger"] = "noise-logger";
-  NoiseNodeType2["positionLogger"] = "position-logger";
   NoiseNodeType2["noiseCombine"] = "noise-combiner";
   NoiseNodeType2["noiseClamp"] = "noise-clamp";
   NoiseNodeType2["noiseAbs"] = "noise-abs";
@@ -4178,17 +3506,10 @@ var NoiseNodeType = /* @__PURE__ */ ((NoiseNodeType2) => {
   NoiseNodeType2["noiseScalePoint"] = "noise-scale-point";
   NoiseNodeType2["noiseTranslatePoint"] = "noise-translate-point";
   NoiseNodeType2["noiseTurbulence"] = "noise-turbulence";
-  NoiseNodeType2["variableProperty"] = "variable-property";
-  NoiseNodeType2["variableValue"] = "variable-value";
-  NoiseNodeType2["variableCombine"] = "variable-combine";
-  NoiseNodeType2["groupModule"] = "group-module";
   return NoiseNodeType2;
 })(NoiseNodeType || {});
 var noiseNodeTypes = {
-  ["variable-value" /* variableValue */]: variable_value_node_default,
-  ["variable-property" /* variableProperty */]: variable_property_node_default,
-  ["variable-combine" /* variableCombine */]: variable_combine_node_default,
-  ["group-module" /* groupModule */]: node_module_group_default,
+  ["group-module" /* groupModule */]: module_group_node_default,
   ["position" /* position */]: position_const_node_default,
   ["grid" /* grid */]: position_grid_node_default,
   ["noise-output" /* noiseOutput */]: noise_output_node_default,
@@ -4253,17 +3574,15 @@ var noiseNodeTemplates = {
   ["noise-scale-point" /* noiseScalePoint */]: new NoiseScalePointNodeTemplateFactory(),
   ["noise-translate-point" /* noiseTranslatePoint */]: new NoiseTranslatePointNodeTemplateFactory(),
   ["noise-turbulence" /* noiseTurbulence */]: new NoiseTurbulenceNodeTemplateFactory(),
-  ["variable-property" /* variableProperty */]: new VariablePropertyNodeTemplateFactory(),
-  ["variable-combine" /* variableCombine */]: new VariableCombineNodeTemplateFactory(),
-  ["variable-value" /* variableValue */]: new VariableValueNodeTemplateFactory(),
   ["group-module" /* groupModule */]: new ModuleGroupNodeTemplateFactory()
 };
 export {
-  DisplacementModule,
+  DisplacementHandle,
   NoiseCombineType,
-  NoiseHandleFlag,
+  NoiseHandleType,
   NoiseNodeType,
-  VariableCombineType,
+  NoiseSourceControlHandle,
+  NoiseTemplateGroup,
   noiseCombineModuleMap,
   noiseNodeTemplates,
   noiseNodeTypes