@awesome-flow/noise 0.3.0 → 0.4.0

package/dist/nodes/index.cjs

@@ -77,7 +77,7 @@ var require_fast_deep_equal = __commonJS({
 // src/nodes/index.ts
 var nodes_exports = {};
 __export(nodes_exports, {
-  ModuleGroupNode: () => node_module_group_default,
+  ModuleGroupNode: () => module_group_node_default,
   NoiseAbsNode: () => noise_abs_node_default,
   NoiseBillowNode: () => noise_billow_node_default,
   NoiseBlendNode: () => noise_blend_node_default,
@@ -108,159 +108,21 @@ __export(nodes_exports, {
   NoiseVoronoiNode: () => noise_voronoi_node_default,
   PositionConstNode: () => position_const_node_default,
   PositionGridNode: () => position_grid_node_default,
-  PositionsLoggerNode: () => positions_logger_node_default,
-  VariableCombineNode: () => variable_combine_node_default,
-  VariablePropertyNode: () => variable_property_node_default,
-  VariableValueNode: () => variable_value_node_default
+  PositionsLoggerNode: () => positions_logger_node_default
 });
 module.exports = __toCommonJS(nodes_exports);
 
 // src/nodes/generators/noise-billow-node.tsx
 var import_layout = require("@awesome-flow/core/layout");
-var import_react2 = require("react");
+var import_react = require("react");
 var import_generator = require("libnoise-ts/module/generator");
-var import_hooks2 = require("@awesome-flow/core/hooks");
-var import_abstract2 = require("@awesome-flow/core/abstract");
-
-// src/layout/node-property-variables.tsx
 var import_hooks = require("@awesome-flow/core/hooks");
-var import_react = require("react");
-var import_core2 = require("@mantine/core");
-var import_utils = require("@awesome-flow/core/utils");
-var import_abstract = require("@awesome-flow/core/abstract");
-
-// src/layout/node-value-input.tsx
-var import_core = require("@mantine/core");
+var import_components = require("@awesome-flow/core/components");
 var import_jsx_runtime = require("react/jsx-runtime");
-function NodeValueInput({ value, disabled, step, onChange }) {
-  if (value === void 0 || value === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
-  }
-  switch (typeof value) {
-    case "boolean": {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_core.Switch,
-        {
-          checked: value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.checked)
-        }
-      );
-    }
-    case "number": {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.NumberInput, { value, disabled, step, onChange: (e) => onChange(e) });
-    }
-    case "string": {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_core.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
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function NodePropertyInput({ property, onChange }) {
-  if (!property) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {});
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    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
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function NodePropertyVariables({
-  data,
-  nodeId,
-  onPropertiesChange,
-  except = import_abstract.nodeDataPropertyExcept
-}) {
-  const [properties, setProperties] = (0, import_react.useState)(() => {
-    const keys = (0, import_utils.getObjectKeys)(data, except);
-    const dataProps = {};
-    for (const key of keys) {
-      dataProps[key] = {
-        name: key,
-        value: data[key]
-      };
-    }
-    return dataProps;
-  });
-  const updateNodeData = (0, import_hooks.useUpdateNodeData)();
-  const incoming = (0, import_hooks.useIncomingNodeData)(nodeId);
-  const resetAllDisabled = (0, import_react.useCallback)(() => {
-    const keys = Object.keys(properties);
-    keys.forEach((k) => {
-      properties[k].disabled = false;
-    });
-    setProperties(properties);
-  }, []);
-  const updatePropertyValue = (0, import_react.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 });
-  }, []);
-  (0, import_react.useEffect)(() => {
-    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]);
-  (0, import_react.useEffect)(() => {
-    if (onPropertiesChange) {
-      onPropertiesChange(properties);
-    }
-  }, [onPropertiesChange, properties]);
-  const nodes = (0, import_react.useMemo)(() => {
-    return Object.keys(properties).map((key) => {
-      const property = properties[key];
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Group, { children: [
-        property.name,
-        ":",
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(node_property_input_default, { property, onChange: updatePropertyValue })
-      ] }, key);
-    });
-  }, [properties, updatePropertyValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Stack, { children: nodes });
-}
-var node_property_variables_default = NodePropertyVariables;
-
-// src/nodes/generators/noise-billow-node.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
 function NoiseBillowNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks2.useUpdateNodeComputedData)();
-  const module2 = (0, import_react2.useMemo)(() => new import_generator.Billow(), []);
-  const onPropertiesChange = (0, import_react2.useCallback)(
+  const updateComputedData = (0, import_hooks.useUpdateNodeComputedData)();
+  const module2 = (0, import_react.useMemo)(() => new import_generator.Billow(), []);
+  const onPropertiesChange = (0, import_react.useCallback)(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module2[k] = properties[k].value;
@@ -269,65 +131,57 @@ function NoiseBillowNode({ id, selected, data, type }) {
     },
     [id, module2, updateComputedData]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_layout.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      node_property_variables_default,
-      {
-        data,
-        except: import_abstract2.nodeDataPropertyExcept,
-        nodeId: id,
-        onPropertiesChange
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_layout.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_layout.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_billow_node_default = NoiseBillowNode;
 
 // src/nodes/generators/noise-checkerboard-node.tsx
 var import_layout2 = require("@awesome-flow/core/layout");
-var import_react3 = require("react");
+var import_react2 = require("react");
 var import_generator2 = require("libnoise-ts/module/generator");
-var import_hooks3 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_hooks2 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function NoiseCheckerboardNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks3.useUpdateNodeComputedData)();
-  const module2 = (0, import_react3.useMemo)(() => new import_generator2.Checkerboard(), []);
-  (0, import_react3.useEffect)(() => {
+  const updateComputedData = (0, import_hooks2.useUpdateNodeComputedData)();
+  const module2 = (0, import_react2.useMemo)(() => new import_generator2.Checkerboard(), []);
+  (0, import_react2.useEffect)(() => {
     updateComputedData(id, { module: module2 });
   }, [id, module2, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_layout2.NodeContainer, { id, selected, data, type });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_layout2.NodeContainer, { id, selected, data, type });
 }
 var noise_checkerboard_node_default = NoiseCheckerboardNode;
 
 // src/nodes/generators/noise-const-node.tsx
 var import_layout3 = require("@awesome-flow/core/layout");
-var import_react4 = require("react");
-var import_core3 = require("@mantine/core");
-var import_hooks4 = require("@awesome-flow/core/hooks");
+var import_react3 = require("react");
+var import_core = require("@mantine/core");
+var import_hooks3 = require("@awesome-flow/core/hooks");
 var import_generator3 = require("libnoise-ts/module/generator");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function NoiseConstNode({ id, selected, data, type }) {
-  const [min, setMin] = (0, import_react4.useState)(data.min);
-  const [max, setMax] = (0, import_react4.useState)(data.max);
-  const [noise, setNoise] = (0, import_react4.useState)(data.noise);
-  const updateNodeData = (0, import_hooks4.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks4.useUpdateNodeComputedData)();
-  const module2 = (0, import_react4.useMemo)(() => new import_generator3.Const(), []);
-  (0, import_react4.useEffect)(() => {
+  const [min, setMin] = (0, import_react3.useState)(data.min);
+  const [max, setMax] = (0, import_react3.useState)(data.max);
+  const [noise, setNoise] = (0, import_react3.useState)(data.noise);
+  const updateNodeData = (0, import_hooks3.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks3.useUpdateNodeComputedData)();
+  const module2 = (0, import_react3.useMemo)(() => new import_generator3.Const(), []);
+  (0, import_react3.useEffect)(() => {
     module2.value = noise;
     updateNodeData(id, { noise, min, max });
     updateComputedData(id, { module: module2 });
   }, [noise, min, max, module2, updateNodeData, id, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_layout3.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core3.Stack, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core3.Group, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core3.NumberInput, { size: "xs", w: 100, value: min, onChange: (e) => setMin(Number(e)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core3.NumberInput, { size: "xs", w: 100, value: max, onChange: (e) => setMax(Number(e)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_layout3.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core.Stack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core.NumberInput, { size: "xs", w: 100, value: min, onChange: (e) => setMin(Number(e)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core.NumberInput, { size: "xs", w: 100, value: max, onChange: (e) => setMax(Number(e)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core3.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core.Group, { children: [
       "noise:",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_core3.NumberInput,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_core.NumberInput,
         {
           size: "xs",
           value: noise,
@@ -344,14 +198,15 @@ var noise_const_node_default = NoiseConstNode;
 
 // src/nodes/generators/noise-cylinders-node.tsx
 var import_layout4 = require("@awesome-flow/core/layout");
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_generator4 = require("libnoise-ts/module/generator");
-var import_hooks5 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_hooks4 = require("@awesome-flow/core/hooks");
+var import_components2 = require("@awesome-flow/core/components");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function NoiseCylindersNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks5.useUpdateNodeComputedData)();
-  const module2 = (0, import_react5.useMemo)(() => new import_generator4.Cylinders(), []);
-  const onPropertiesChange = (0, import_react5.useCallback)(
+  const updateComputedData = (0, import_hooks4.useUpdateNodeComputedData)();
+  const module2 = (0, import_react4.useMemo)(() => new import_generator4.Cylinders(), []);
+  const onPropertiesChange = (0, import_react4.useCallback)(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module2[k] = properties[k].value;
@@ -360,23 +215,24 @@ function NoiseCylindersNode({ id, selected, data, type }) {
     },
     [id, module2, updateComputedData]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_layout4.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_layout4.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_layout4.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_components2.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_layout4.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_cylinders_node_default = NoiseCylindersNode;
 
 // src/nodes/generators/noise-perlin-node.tsx
 var import_layout5 = require("@awesome-flow/core/layout");
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_generator5 = require("libnoise-ts/module/generator");
-var import_hooks6 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_hooks5 = require("@awesome-flow/core/hooks");
+var import_components3 = require("@awesome-flow/core/components");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function NoisePerlinNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks6.useUpdateNodeComputedData)();
-  const module2 = (0, import_react6.useMemo)(() => new import_generator5.Perlin(), []);
-  const onPropertiesChange = (0, import_react6.useCallback)(
+  const updateComputedData = (0, import_hooks5.useUpdateNodeComputedData)();
+  const module2 = (0, import_react5.useMemo)(() => new import_generator5.Perlin(), []);
+  const onPropertiesChange = (0, import_react5.useCallback)(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module2[k] = properties[k].value;
@@ -385,37 +241,38 @@ function NoisePerlinNode({ id, selected, data, type }) {
     },
     [id, module2, updateComputedData]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_layout5.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_layout5.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_layout5.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_components3.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_layout5.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_perlin_node_default = NoisePerlinNode;
 
 // src/nodes/generators/noise-ridgedmulti-node.tsx
 var import_layout6 = require("@awesome-flow/core/layout");
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_generator6 = require("libnoise-ts/module/generator");
-var import_hooks7 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_hooks6 = require("@awesome-flow/core/hooks");
+var import_components4 = require("@awesome-flow/core/components");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function NoiseRidgedMultiNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks7.useUpdateNodeComputedData)();
-  const module2 = (0, import_react7.useMemo)(() => new import_generator6.RidgedMulti(), []);
-  const onPropertiesChange = (0, import_react7.useCallback)((properties) => {
+  const updateComputedData = (0, import_hooks6.useUpdateNodeComputedData)();
+  const module2 = (0, import_react6.useMemo)(() => new import_generator6.RidgedMulti(), []);
+  const onPropertiesChange = (0, import_react6.useCallback)((properties) => {
     Object.keys(properties).forEach((k) => module2[k] = properties[k].value);
     updateComputedData(id, { module: module2 });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_layout6.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_layout6.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_layout6.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_components4.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_layout6.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_ridgedmulti_node_default = NoiseRidgedMultiNode;
 
 // src/nodes/generators/noise-simplex-node.tsx
 var import_layout7 = require("@awesome-flow/core/layout");
-var import_react8 = require("react");
-var import_hooks8 = require("@awesome-flow/core/hooks");
+var import_react7 = require("react");
+var import_hooks7 = require("@awesome-flow/core/hooks");
 
 // src/modules/simplex-module.ts
 var import_Module = __toESM(require("libnoise-ts/module/Module"), 1);
@@ -432,46 +289,48 @@ var SimplexModule = class extends import_Module.default {
 };
 
 // src/nodes/generators/noise-simplex-node.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function NoiseSimplexNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks8.useUpdateNodeComputedData)();
-  const module2 = (0, import_react8.useMemo)(() => new SimplexModule(), []);
-  (0, import_react8.useEffect)(() => {
+  const updateComputedData = (0, import_hooks7.useUpdateNodeComputedData)();
+  const module2 = (0, import_react7.useMemo)(() => new SimplexModule(), []);
+  (0, import_react7.useEffect)(() => {
     updateComputedData(id, { module: module2 });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_layout7.NodeContainer, { id, selected, data, type });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_layout7.NodeContainer, { id, selected, data, type });
 }
 var noise_simplex_node_default = NoiseSimplexNode;
 
 // src/nodes/generators/noise-spheres-node.tsx
 var import_layout8 = require("@awesome-flow/core/layout");
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_generator7 = require("libnoise-ts/module/generator");
-var import_hooks9 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_hooks8 = require("@awesome-flow/core/hooks");
+var import_components5 = require("@awesome-flow/core/components");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function NoiseSpheresNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks9.useUpdateNodeComputedData)();
-  const module2 = (0, import_react9.useMemo)(() => new import_generator7.Spheres(), []);
-  const onPropertiesChange = (0, import_react9.useCallback)((properties) => {
+  const updateComputedData = (0, import_hooks8.useUpdateNodeComputedData)();
+  const module2 = (0, import_react8.useMemo)(() => new import_generator7.Spheres(), []);
+  const onPropertiesChange = (0, import_react8.useCallback)((properties) => {
     Object.keys(properties).forEach((k) => module2[k] = properties[k].value);
     updateComputedData(id, { module: module2 });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_layout8.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_layout8.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_layout8.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_components5.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_layout8.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_spheres_node_default = NoiseSpheresNode;
 
 // src/nodes/generators/noise-voronoi-node.tsx
 var import_layout9 = require("@awesome-flow/core/layout");
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_generator8 = require("libnoise-ts/module/generator");
-var import_hooks10 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_hooks9 = require("@awesome-flow/core/hooks");
+var import_components6 = require("@awesome-flow/core/components");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function NoiseVoronoiNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks10.useUpdateNodeComputedData)();
-  const onPropertiesChange = (0, import_react10.useCallback)(
+  const updateComputedData = (0, import_hooks9.useUpdateNodeComputedData)();
+  const onPropertiesChange = (0, import_react9.useCallback)(
     (properties) => {
       const module2 = new import_generator8.Voronoi(
         properties.frequency.value,
@@ -483,27 +342,27 @@ function NoiseVoronoiNode({ id, selected, data, type }) {
     },
     []
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_layout9.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_layout9.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_layout9.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_components6.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_layout9.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_voronoi_node_default = NoiseVoronoiNode;
 
 // src/nodes/generators/position-const-node.tsx
 var import_layout10 = require("@awesome-flow/core/layout");
-var import_react11 = require("react");
-var import_core4 = require("@mantine/core");
-var import_hooks11 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_core2 = require("@mantine/core");
+var import_hooks10 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function PositionConstNode({ id, selected, data, type }) {
   const position = data.position ?? { x: 0, y: 0, z: 0 };
-  const [x, setX] = (0, import_react11.useState)(position.x);
-  const [y, setY] = (0, import_react11.useState)(position.y);
-  const [z, setZ] = (0, import_react11.useState)(position.z);
-  const updateNodeData = (0, import_hooks11.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks11.useUpdateNodeComputedData)();
-  (0, import_react11.useEffect)(() => {
+  const [x, setX] = (0, import_react10.useState)(position.x);
+  const [y, setY] = (0, import_react10.useState)(position.y);
+  const [z, setZ] = (0, import_react10.useState)(position.z);
+  const updateNodeData = (0, import_hooks10.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks10.useUpdateNodeComputedData)();
+  (0, import_react10.useEffect)(() => {
     const position2 = { x, y, z };
     updateNodeData(id, {
       position: position2
@@ -512,18 +371,18 @@ function PositionConstNode({ id, selected, data, type }) {
       positions: [position2]
     });
   }, [x, y, z]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_layout10.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core4.Stack, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core4.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_layout10.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core2.Stack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core2.Group, { children: [
       "x: ",
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core4.NumberInput, { size: "xs", w: 100, value: x, onChange: (e) => setX(Number(e)) })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core2.NumberInput, { size: "xs", w: 100, value: x, onChange: (e) => setX(Number(e)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core4.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core2.Group, { children: [
       "y: ",
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core4.NumberInput, { size: "xs", w: 100, value: y, onChange: (e) => setY(Number(e)) })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core2.NumberInput, { size: "xs", w: 100, value: y, onChange: (e) => setY(Number(e)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core4.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core2.Group, { children: [
       "z: ",
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core4.NumberInput, { size: "xs", w: 100, value: z, onChange: (e) => setZ(Number(e)) })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core2.NumberInput, { size: "xs", w: 100, value: z, onChange: (e) => setZ(Number(e)) })
     ] })
   ] }) });
 }
@@ -531,28 +390,28 @@ var position_const_node_default = PositionConstNode;
 
 // src/nodes/generators/position-grid-node.tsx
 var import_layout11 = require("@awesome-flow/core/layout");
-var import_react12 = require("react");
-var import_core5 = require("@mantine/core");
-var import_hooks12 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_core3 = require("@mantine/core");
+var import_hooks11 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function PositionGridNode({ id, selected, data, type }) {
-  const [x, setX] = (0, import_react12.useState)(data.center?.x);
-  const [y, setY] = (0, import_react12.useState)(data.center?.y);
-  const [z, setZ] = (0, import_react12.useState)(data.center?.z);
-  const [radius, setRadius] = (0, import_react12.useState)(data.radius);
-  const updateNodeData = (0, import_hooks12.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks12.useUpdateNodeComputedData)();
-  (0, import_react12.useEffect)(() => {
+  const [x, setX] = (0, import_react11.useState)(data.center?.x);
+  const [y, setY] = (0, import_react11.useState)(data.center?.y);
+  const [z, setZ] = (0, import_react11.useState)(data.center?.z);
+  const [radius, setRadius] = (0, import_react11.useState)(data.radius);
+  const updateNodeData = (0, import_hooks11.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks11.useUpdateNodeComputedData)();
+  (0, import_react11.useEffect)(() => {
     updateNodeData(id, {
       center: { x, y, z }
     });
   }, [x, y, z]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     updateNodeData(id, {
       radius
     });
   }, [radius]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const positions = [];
     for (let i = -radius; i < radius; i++) {
       for (let j = -radius; j < radius; j++) {
@@ -563,143 +422,36 @@ function PositionGridNode({ id, selected, data, type }) {
       positions
     });
   }, [x, y, z, radius]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_layout11.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core5.Stack, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core5.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_layout11.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core3.Stack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core3.Group, { children: [
       "x: ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core5.NumberInput, { size: "xs", w: 100, value: x, onChange: (e) => setX(Number(e)) })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core3.NumberInput, { size: "xs", w: 100, value: x, onChange: (e) => setX(Number(e)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core5.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core3.Group, { children: [
       "y: ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core5.NumberInput, { size: "xs", w: 100, value: y, onChange: (e) => setY(Number(e)) })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core3.NumberInput, { size: "xs", w: 100, value: y, onChange: (e) => setY(Number(e)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core5.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core3.Group, { children: [
       "z: ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core5.NumberInput, { size: "xs", w: 100, value: z, onChange: (e) => setZ(Number(e)) })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core3.NumberInput, { size: "xs", w: 100, value: z, onChange: (e) => setZ(Number(e)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core5.Group, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core3.Group, { children: [
       "r: ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core5.NumberInput, { size: "xs", w: 100, value: radius, onChange: (e) => setRadius(Number(e)) })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core3.NumberInput, { size: "xs", w: 100, value: radius, onChange: (e) => setRadius(Number(e)) })
     ] })
   ] }) });
 }
 var position_grid_node_default = PositionGridNode;
 
-// src/nodes/generators/variable-property-node.tsx
+// src/nodes/groups/module-group-node.tsx
 var import_layout12 = require("@awesome-flow/core/layout");
+var import_react12 = require("@xyflow/react");
+var import_abstract = require("@awesome-flow/core/abstract");
 var import_react13 = require("react");
-var import_core6 = require("@mantine/core");
-var import_hooks13 = require("@awesome-flow/core/hooks");
-var import_utils2 = require("@awesome-flow/core/utils");
-var import_abstract3 = require("@awesome-flow/core/abstract");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function VariablePropertyNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [options3, setOptions] = (0, import_react13.useState)({});
-  const [selectedProperty, setSelectedProperty] = (0, import_react13.useState)(data.property);
-  const updateNodeData = (0, import_hooks13.useUpdateNodeData)();
-  const outgoing = (0, import_hooks13.useOutgoingNodes)(id);
-  const incoming = (0, import_hooks13.useIncomingNodeData)(id);
-  (0, import_react13.useEffect)(() => {
-    if (outgoing?.length) {
-      const { data: data2 } = outgoing[0];
-      const properties = (0, import_utils2.getObjectPropertyMap)(data2, import_abstract3.nodeDataPropertyExcept);
-      setOptions(properties);
-      if (!selectedProperty) {
-        const keys = Object.keys(properties);
-        if (keys.length) {
-          setSelectedProperty({
-            name: keys[0],
-            value: properties[keys[0]]
-          });
-        }
-      }
-    } else {
-      setSelectedProperty(null);
-    }
-  }, [outgoing]);
-  (0, import_react13.useEffect)(() => {
-    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]);
-  (0, import_react13.useEffect)(() => {
-    if (selectedProperty) {
-      updateNodeData(id, { property: selectedProperty });
-    }
-  }, [selectedProperty]);
-  const onPropertyChange = (0, import_react13.useCallback)(
-    (selected2) => {
-      setSelectedProperty({
-        name: selected2,
-        value: options3[selected2]
-      });
-    },
-    [options3]
-  );
-  const onValueChange = (0, import_react13.useCallback)((name, value) => {
-    setSelectedProperty({
-      name,
-      value
-    });
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_layout12.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core6.Stack, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_layout12.NodeCombobox,
-        {
-          options: options3,
-          onChange: onPropertyChange,
-          selected: selectedProperty?.name,
-          hideListValues: true
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(node_property_input_default, { property: selectedProperty, onChange: onValueChange })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_layout12.NodeTrackConnections, { handles: data.handles, nodeId: id })
-  ] });
-}
-var variable_property_node_default = VariablePropertyNode;
-
-// src/nodes/generators/variable-value-node.tsx
-var import_layout13 = require("@awesome-flow/core/layout");
-var import_react14 = require("react");
-var import_hooks14 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function VariableValueNode({ id, selected, data, type }) {
-  const [value, setValue] = (0, import_react14.useState)(data.value || 0);
-  const updateNodeData = (0, import_hooks14.useUpdateNodeData)();
-  const onValueChange = (0, import_react14.useCallback)((newValue) => {
-    updateNodeData(id, { value: newValue });
-    setValue(newValue);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_layout13.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(node_value_input_default, { value, onChange: onValueChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_layout13.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "source" })
-  ] });
-}
-var variable_value_node_default = VariableValueNode;
-
-// src/nodes/groups/node-module-group.tsx
-var import_layout14 = require("@awesome-flow/core/layout");
-var import_react15 = require("@xyflow/react");
-var import_abstract4 = require("@awesome-flow/core/abstract");
-var import_react16 = require("react");
 var import_shallow = require("zustand/shallow");
-var import_core7 = require("@mantine/core");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_core4 = require("@mantine/core");
+var import_hooks12 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function ModuleGroupNode({
   id,
   selected,
@@ -708,23 +460,23 @@ function ModuleGroupNode({
   width,
   height
 }) {
-  const context = (0, import_react16.useContext)(import_abstract4.FlowContext);
-  const updateNodeInternals = (0, import_react15.useUpdateNodeInternals)();
-  const triggerNodeChanges = (0, import_react15.useStore)((s) => s.triggerNodeChanges);
+  const context = (0, import_react13.useContext)(import_abstract.FlowContext);
+  const updateNodeInternals = (0, import_react12.useUpdateNodeInternals)();
+  const triggerNodeChanges = (0, import_react12.useStore)((s) => s.triggerNodeChanges);
   const { groupNodes, setGroupCollapsed } = context.useFlowStore(
-    (0, import_react16.useCallback)(
+    (0, import_react13.useCallback)(
       (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
       []
     )
   );
   const intersectingNode = context.useInteractivityStore(
-    (0, import_react16.useCallback)((state) => state.nodeIntersectionTargets[id], [id]),
+    (0, import_react13.useCallback)((state) => state.nodeIntersectionTargets[id], [id]),
     import_shallow.shallow
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     updateNodeInternals(id);
   }, [width, height]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     triggerNodeChanges([
       {
         id,
@@ -733,83 +485,94 @@ function ModuleGroupNode({
       }
     ]);
   }, [intersectingNode]);
-  const onCollapsed = (0, import_react16.useCallback)((collapsed) => {
+  const onCollapsed = (0, import_react13.useCallback)((collapsed) => {
     setGroupCollapsed(id, collapsed);
   }, []);
-  const size = (0, import_react16.useMemo)(() => {
+  const size = (0, import_react13.useMemo)(() => {
     return {
       width: data.initialSize?.width || 100,
       height: data.initialSize?.height || 50
     };
   }, [data.initialSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_layout14.NodeContainer,
+  const incomingModules = (0, import_hooks12.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks12.useUpdateNodeComputedData)();
+  (0, import_react13.useEffect)(() => {
+    if (incomingModules?.length) {
+      const { module: module2 } = incomingModules[0];
+      updateComputedData(id, { module: module2 });
+    }
+  }, [incomingModules]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_layout12.NodeContainer,
     {
       id,
       selected,
       data,
-      title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core7.Group, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core7.Group, { gap: "xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core7.Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_layout14.NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
+      title: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core4.Group, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_core4.Group, { gap: "xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core4.Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_layout12.NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
       ] }) }),
       type,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        import_react15.NodeResizer,
-        {
-          nodeId: id,
-          minWidth: size.width,
-          minHeight: size.height,
-          isVisible: selected && !data.isCollapsed
-        }
-      )
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react12.NodeResizer,
+          {
+            nodeId: id,
+            minWidth: size.width,
+            minHeight: size.height,
+            isVisible: selected && !data.isCollapsed
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_layout12.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+      ]
     }
   );
 }
-var node_module_group_default = ModuleGroupNode;
+var module_group_node_default = ModuleGroupNode;
 
 // src/nodes/modifiers/noise-abs-node.tsx
-var import_layout15 = require("@awesome-flow/core/layout");
-var import_react17 = require("react");
-var import_hooks15 = require("@awesome-flow/core/hooks");
+var import_layout13 = require("@awesome-flow/core/layout");
+var import_react14 = require("react");
+var import_hooks13 = require("@awesome-flow/core/hooks");
 var import_modifier = require("libnoise-ts/module/modifier");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function NoiseAbsNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks15.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks15.useUpdateNodeComputedData)();
-  (0, import_react17.useEffect)(() => {
+  const incoming = (0, import_hooks13.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks13.useUpdateNodeComputedData)();
+  (0, import_react14.useEffect)(() => {
     if (incoming?.length > 0) {
       const module2 = new import_modifier.Abs(incoming[0].module);
       updateComputedData(id, { module: module2 });
     }
   }, [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_layout15.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_layout15.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_layout13.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_layout13.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" }) });
 }
 var noise_abs_node_default = NoiseAbsNode;
 
 // src/nodes/modifiers/noise-clamp-node.tsx
-var import_layout16 = require("@awesome-flow/core/layout");
-var import_react18 = require("react");
-var import_core8 = require("@mantine/core");
-var import_hooks16 = require("@awesome-flow/core/hooks");
+var import_layout14 = require("@awesome-flow/core/layout");
+var import_react15 = require("react");
+var import_core5 = require("@mantine/core");
+var import_hooks14 = require("@awesome-flow/core/hooks");
 var import_modifier2 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function NoiseClampNode({ id, selected, data, type }) {
-  const [lowerBound, setLowerBound] = (0, import_react18.useState)(data.lowerBound);
-  const [upperBound, setUpperBound] = (0, import_react18.useState)(data.upperBound);
-  const incoming = (0, import_hooks16.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks16.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks16.useUpdateNodeComputedData)();
-  (0, import_react18.useEffect)(() => {
+  const [lowerBound, setLowerBound] = (0, import_react15.useState)(data.lowerBound);
+  const [upperBound, setUpperBound] = (0, import_react15.useState)(data.upperBound);
+  const incoming = (0, import_hooks14.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks14.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks14.useUpdateNodeComputedData)();
+  (0, import_react15.useEffect)(() => {
     if (incoming?.length) {
       const module2 = new import_modifier2.Clamp(incoming[0].module, lowerBound, upperBound);
       updateComputedData(id, { module: module2 });
     }
     updateNodeData(id, { lowerBound, upperBound });
   }, [incoming, lowerBound, upperBound]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_layout16.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core8.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core8.Group, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_core8.NumberInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_layout14.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core5.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core5.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_core5.NumberInput,
         {
           size: "xs",
           w: 100,
@@ -818,8 +581,8 @@ function NoiseClampNode({ id, selected, data, type }) {
           step: 0.1
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_core8.NumberInput,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_core5.NumberInput,
         {
           size: "xs",
           w: 100,
@@ -829,15 +592,15 @@ function NoiseClampNode({ id, selected, data, type }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_layout16.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_layout14.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_clamp_node_default = NoiseClampNode;
 
 // src/nodes/modifiers/noise-combine-node.tsx
-var import_layout17 = require("@awesome-flow/core/layout");
-var import_react19 = require("react");
-var import_hooks17 = require("@awesome-flow/core/hooks");
+var import_layout15 = require("@awesome-flow/core/layout");
+var import_react16 = require("react");
+var import_hooks15 = require("@awesome-flow/core/hooks");
 var import_icons_react = require("@tabler/icons-react");
 
 // src/abstract/operations.ts
@@ -851,45 +614,45 @@ var noiseCombineModuleMap = {
 };
 
 // src/nodes/modifiers/noise-combine-node.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var options = {
-  add: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react.IconPlus, {}),
-  min: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react.IconChevronLeft, {}),
-  max: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react.IconChevronRight, {}),
-  multiply: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react.IconAsterisk, {}),
-  power: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react.IconChevronUp, {})
+  add: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_react.IconPlus, {}),
+  min: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_react.IconChevronLeft, {}),
+  max: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_react.IconChevronRight, {}),
+  multiply: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_react.IconAsterisk, {}),
+  power: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_react.IconChevronUp, {})
 };
 function NoiseCombineNode({ id, selected, data, type }) {
-  const updateNodeData = (0, import_hooks17.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks17.useUpdateNodeComputedData)();
-  const incoming = (0, import_hooks17.useIncomingComputedData)(id);
-  (0, import_react19.useEffect)(() => {
-    const ModuleFactory = noiseCombineModuleMap[data.operation];
+  const updateNodeData = (0, import_hooks15.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks15.useUpdateNodeComputedData)();
+  const incoming = (0, import_hooks15.useIncomingComputedData)(id);
+  (0, import_react16.useEffect)(() => {
+    const ModuleFactory = noiseCombineModuleMap[data.operation];
     if (incoming?.length > 1) {
       const module2 = new ModuleFactory(incoming[0].module, incoming[1].module);
       updateComputedData(id, { module: module2 });
     }
   }, [data.operation, incoming]);
-  const onChange = (0, import_react19.useCallback)((operation) => {
+  const onChange = (0, import_react16.useCallback)((operation) => {
     updateNodeData(id, { operation });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_layout17.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_layout17.NodeCombobox, { options, selected: data.operation, onChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_layout17.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_layout15.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_layout15.NodeCombobox, { options, selected: data.operation, onChange, width: 150 }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_layout15.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_combine_node_default = NoiseCombineNode;
 
 // src/nodes/modifiers/noise-curve-node.tsx
-var import_layout18 = require("@awesome-flow/core/layout");
-var import_core9 = require("@mantine/core");
-var import_hooks18 = require("@awesome-flow/core/hooks");
+var import_layout16 = require("@awesome-flow/core/layout");
+var import_core6 = require("@mantine/core");
+var import_hooks16 = require("@awesome-flow/core/hooks");
 
 // ../../node_modules/@mantine/form/esm/use-form.mjs
-var import_react26 = require("react");
+var import_react23 = require("react");
 
 // ../../node_modules/@mantine/form/esm/actions/actions.mjs
-var import_react20 = require("react");
+var import_react17 = require("react");
 function validateFormName(name) {
   if (!/^[0-9a-zA-Z-]+$/.test(name)) {
     throw new Error(
@@ -897,7 +660,7 @@ function validateFormName(name) {
     );
   }
 }
-var useIsomorphicEffect = typeof window !== "undefined" ? import_react20.useLayoutEffect : import_react20.useEffect;
+var useIsomorphicEffect = typeof window !== "undefined" ? import_react17.useLayoutEffect : import_react17.useEffect;
 function useFormEvent(eventKey, handler) {
   useIsomorphicEffect(() => {
     if (eventKey) {
@@ -994,7 +757,7 @@ function getInputOnChange(setValue) {
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/use-form-errors.mjs
-var import_react21 = require("react");
+var import_react18 = require("react");
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/filter-errors/filter-errors.mjs
 function filterErrors(errors) {
@@ -1012,14 +775,14 @@ function filterErrors(errors) {
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/use-form-errors.mjs
 function useFormErrors(initialErrors) {
-  const [errorsState, setErrorsState] = (0, import_react21.useState)(filterErrors(initialErrors));
-  const setErrors = (0, import_react21.useCallback)((errors) => {
+  const [errorsState, setErrorsState] = (0, import_react18.useState)(filterErrors(initialErrors));
+  const setErrors = (0, import_react18.useCallback)((errors) => {
     setErrorsState(
       (current) => filterErrors(typeof errors === "function" ? errors(current) : errors)
     );
   }, []);
-  const clearErrors = (0, import_react21.useCallback)(() => setErrorsState({}), []);
-  const clearFieldError = (0, import_react21.useCallback)(
+  const clearErrors = (0, import_react18.useCallback)(() => setErrorsState({}), []);
+  const clearFieldError = (0, import_react18.useCallback)(
     (path) => {
       if (errorsState[path] === void 0) {
         return;
@@ -1032,7 +795,7 @@ function useFormErrors(initialErrors) {
     },
     [errorsState]
   );
-  const setFieldError = (0, import_react21.useCallback)(
+  const setFieldError = (0, import_react18.useCallback)(
     (path, error) => {
       if (error == null || error === false) {
         clearFieldError(path);
@@ -1052,7 +815,7 @@ function useFormErrors(initialErrors) {
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-list/use-form-list.mjs
-var import_react22 = require("react");
+var import_react19 = require("react");
 
 // ../../node_modules/@mantine/form/esm/lists/clear-list-state.mjs
 function clearListState(field, state) {
@@ -1276,7 +1039,7 @@ function useFormList({
   $errors,
   $status
 }) {
-  const reorderListItem = (0, import_react22.useCallback)((path, payload) => {
+  const reorderListItem = (0, import_react19.useCallback)((path, payload) => {
     $status.clearFieldDirty(path);
     $errors.setErrors((errs) => reorderErrors(path, payload, errs));
     $values.setValues({
@@ -1284,7 +1047,7 @@ function useFormList({
       updateState: true
     });
   }, []);
-  const removeListItem = (0, import_react22.useCallback)((path, index) => {
+  const removeListItem = (0, import_react19.useCallback)((path, index) => {
     $status.clearFieldDirty(path);
     $errors.setErrors((errs) => changeErrorIndices(path, index, errs, -1));
     $values.setValues({
@@ -1292,7 +1055,7 @@ function useFormList({
       updateState: true
     });
   }, []);
-  const insertListItem = (0, import_react22.useCallback)((path, item, index) => {
+  const insertListItem = (0, import_react19.useCallback)((path, item, index) => {
     $status.clearFieldDirty(path);
     $errors.setErrors((errs) => changeErrorIndices(path, index, errs, 1));
     $values.setValues({
@@ -1304,7 +1067,7 @@ function useFormList({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-status/use-form-status.mjs
-var import_react23 = require("react");
+var import_react20 = require("react");
 var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1);
 
 // ../../node_modules/@mantine/form/esm/get-status/get-status.mjs
@@ -1324,31 +1087,31 @@ function useFormStatus({
   mode,
   $values
 }) {
-  const [touchedState, setTouchedState] = (0, import_react23.useState)(initialTouched);
-  const [dirtyState, setDirtyState] = (0, import_react23.useState)(initialDirty);
-  const touchedRef = (0, import_react23.useRef)(initialTouched);
-  const dirtyRef = (0, import_react23.useRef)(initialDirty);
-  const setTouched = (0, import_react23.useCallback)((values) => {
+  const [touchedState, setTouchedState] = (0, import_react20.useState)(initialTouched);
+  const [dirtyState, setDirtyState] = (0, import_react20.useState)(initialDirty);
+  const touchedRef = (0, import_react20.useRef)(initialTouched);
+  const dirtyRef = (0, import_react20.useRef)(initialDirty);
+  const setTouched = (0, import_react20.useCallback)((values) => {
     const resolvedValues = typeof values === "function" ? values(touchedRef.current) : values;
     touchedRef.current = resolvedValues;
     if (mode === "controlled") {
       setTouchedState(resolvedValues);
     }
   }, []);
-  const setDirty = (0, import_react23.useCallback)((values) => {
+  const setDirty = (0, import_react20.useCallback)((values) => {
     const resolvedValues = typeof values === "function" ? values(dirtyRef.current) : values;
     dirtyRef.current = resolvedValues;
     if (mode === "controlled") {
       setDirtyState(resolvedValues);
     }
   }, []);
-  const resetTouched = (0, import_react23.useCallback)(() => setTouched({}), []);
+  const resetTouched = (0, import_react20.useCallback)(() => setTouched({}), []);
   const resetDirty = (values) => {
     const newSnapshot = values ? { ...values, ...$values.refValues.current } : $values.refValues.current;
     $values.setValuesSnapshot(newSnapshot);
     setDirty({});
   };
-  const setFieldTouched = (0, import_react23.useCallback)((path, touched) => {
+  const setFieldTouched = (0, import_react20.useCallback)((path, touched) => {
     setTouched((currentTouched) => {
       if (getStatus(currentTouched, path) === touched) {
         return currentTouched;
@@ -1356,7 +1119,7 @@ function useFormStatus({
       return { ...currentTouched, [path]: touched };
     });
   }, []);
-  const setFieldDirty = (0, import_react23.useCallback)((path, dirty) => {
+  const setFieldDirty = (0, import_react20.useCallback)((path, dirty) => {
     setDirty((currentDirty) => {
       if (getStatus(currentDirty, path) === dirty) {
         return currentDirty;
@@ -1364,11 +1127,11 @@ function useFormStatus({
       return { ...currentDirty, [path]: dirty };
     });
   }, []);
-  const isTouched = (0, import_react23.useCallback)(
+  const isTouched = (0, import_react20.useCallback)(
     (path) => getStatus(touchedRef.current, path),
     []
   );
-  const clearFieldDirty = (0, import_react23.useCallback)(
+  const clearFieldDirty = (0, import_react20.useCallback)(
     (path) => setDirty((current) => {
       if (typeof path !== "string") {
         return current;
@@ -1382,7 +1145,7 @@ function useFormStatus({
     }),
     []
   );
-  const isDirty = (0, import_react23.useCallback)((path) => {
+  const isDirty = (0, import_react20.useCallback)((path) => {
     if (path) {
       const overriddenValue = getPath(path, dirtyRef.current);
       if (typeof overriddenValue === "boolean") {
@@ -1398,8 +1161,8 @@ function useFormStatus({
     }
     return !(0, import_fast_deep_equal.default)($values.refValues.current, $values.valuesSnapshot.current);
   }, []);
-  const getDirty = (0, import_react23.useCallback)(() => dirtyRef.current, []);
-  const getTouched = (0, import_react23.useCallback)(() => touchedRef.current, []);
+  const getDirty = (0, import_react20.useCallback)(() => dirtyRef.current, []);
+  const getTouched = (0, import_react20.useCallback)(() => touchedRef.current, []);
   return {
     touchedState,
     dirtyState,
@@ -1422,17 +1185,17 @@ function useFormStatus({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-values/use-form-values.mjs
-var import_react24 = require("react");
+var import_react21 = require("react");
 function useFormValues({
   initialValues,
   onValuesChange,
   mode
 }) {
-  const initialized = (0, import_react24.useRef)(false);
-  const [stateValues, setStateValues] = (0, import_react24.useState)(initialValues || {});
-  const refValues = (0, import_react24.useRef)(stateValues);
-  const valuesSnapshot = (0, import_react24.useRef)(stateValues);
-  const setValues = (0, import_react24.useCallback)(
+  const initialized = (0, import_react21.useRef)(false);
+  const [stateValues, setStateValues] = (0, import_react21.useState)(initialValues || {});
+  const refValues = (0, import_react21.useRef)(stateValues);
+  const valuesSnapshot = (0, import_react21.useRef)(stateValues);
+  const setValues = (0, import_react21.useCallback)(
     ({
       values,
       subscribers,
@@ -1449,7 +1212,7 @@ function useFormValues({
     },
     [onValuesChange]
   );
-  const setFieldValue = (0, import_react24.useCallback)((payload) => {
+  const setFieldValue = (0, import_react21.useCallback)((payload) => {
     const currentValue = getPath(payload.path, refValues.current);
     const updatedValue = payload.value instanceof Function ? payload.value(currentValue) : payload.value;
     if (currentValue !== updatedValue) {
@@ -1461,10 +1224,10 @@ function useFormValues({
       );
     }
   }, []);
-  const setValuesSnapshot = (0, import_react24.useCallback)((payload) => {
+  const setValuesSnapshot = (0, import_react21.useCallback)((payload) => {
     valuesSnapshot.current = payload;
   }, []);
-  const initialize = (0, import_react24.useCallback)((values, onInitialize) => {
+  const initialize = (0, import_react21.useCallback)((values, onInitialize) => {
     if (!initialized.current) {
       initialized.current = true;
       setValues({ values, updateState: mode === "controlled" });
@@ -1472,14 +1235,14 @@ function useFormValues({
       onInitialize();
     }
   }, []);
-  const resetValues = (0, import_react24.useCallback)(() => {
+  const resetValues = (0, import_react21.useCallback)(() => {
     setValues({
       values: valuesSnapshot.current,
       updateState: true,
       mergeWithPreviousValues: false
     });
   }, []);
-  const getValues = (0, import_react24.useCallback)(() => refValues.current, []);
+  const getValues = (0, import_react21.useCallback)(() => refValues.current, []);
   return {
     initialized,
     stateValues,
@@ -1495,15 +1258,15 @@ function useFormValues({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-watch/use-form-watch.mjs
-var import_react25 = require("react");
+var import_react22 = require("react");
 function useFormWatch({
   $status
 }) {
-  const subscribers = (0, import_react25.useRef)(
+  const subscribers = (0, import_react22.useRef)(
     {}
   );
-  const watch = (0, import_react25.useCallback)((path, callback) => {
-    (0, import_react25.useEffect)(() => {
+  const watch = (0, import_react22.useCallback)((path, callback) => {
+    (0, import_react22.useEffect)(() => {
       subscribers.current[path] = subscribers.current[path] || [];
       subscribers.current[path].push(callback);
       return () => {
@@ -1511,7 +1274,7 @@ function useFormWatch({
       };
     }, [callback]);
   }, []);
-  const getFieldSubscribers = (0, import_react25.useCallback)((path) => {
+  const getFieldSubscribers = (0, import_react22.useCallback)((path) => {
     if (!subscribers.current[path]) {
       return [];
     }
@@ -1531,6 +1294,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);
@@ -1619,20 +1387,20 @@ function useForm({
   const $status = useFormStatus({ initialDirty, initialTouched, $values, mode });
   const $list = useFormList({ $values, $errors, $status });
   const $watch = useFormWatch({ $status });
-  const [formKey, setFormKey] = (0, import_react26.useState)(0);
-  const [fieldKeys, setFieldKeys] = (0, import_react26.useState)({});
-  const reset = (0, import_react26.useCallback)(() => {
+  const [formKey, setFormKey] = (0, import_react23.useState)(0);
+  const [fieldKeys, setFieldKeys] = (0, import_react23.useState)({});
+  const reset = (0, import_react23.useCallback)(() => {
     $values.resetValues();
     $errors.clearErrors();
     $status.resetDirty();
     $status.resetTouched();
     mode === "uncontrolled" && setFormKey((key2) => key2 + 1);
   }, []);
-  const initialize = (0, import_react26.useCallback)((values) => {
+  const initialize = (0, import_react23.useCallback)((values) => {
     $values.initialize(values, () => mode === "uncontrolled" && setFormKey((key2) => key2 + 1));
   }, []);
-  const setFieldValue = (0, import_react26.useCallback)(
-    (path, value, options3) => {
+  const setFieldValue = (0, import_react23.useCallback)(
+    (path, value, options2) => {
       const shouldValidate = shouldValidateOnChange(path, validateInputOnChange);
       $status.clearFieldDirty(path);
       $status.setFieldTouched(path, true);
@@ -1647,7 +1415,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
@@ -1656,7 +1424,7 @@ function useForm({
     },
     [onValuesChange, rules]
   );
-  const setValues = (0, import_react26.useCallback)(
+  const setValues = (0, import_react23.useCallback)(
     (values) => {
       const previousValues = $values.refValues.current;
       $values.setValues({ values, updateState: mode === "controlled" });
@@ -1672,12 +1440,12 @@ function useForm({
     },
     [onValuesChange, clearInputErrorOnChange]
   );
-  const validate = (0, import_react26.useCallback)(() => {
+  const validate = (0, import_react23.useCallback)(() => {
     const results = validateValues(rules, $values.refValues.current);
     $errors.setErrors(results.errors);
     return results;
   }, [rules]);
-  const validateField = (0, import_react26.useCallback)(
+  const validateField = (0, import_react23.useCallback)(
     (path) => {
       const results = validateFieldValue(path, rules, $values.refValues.current);
       results.hasError ? $errors.setFieldError(path, results.error) : $errors.clearFieldError(path);
@@ -1689,7 +1457,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];
     }
@@ -1733,15 +1501,19 @@ function useForm({
     }
   };
   const getTransformedValues = (input) => transformValues(input || $values.refValues.current);
-  const onReset = (0, import_react26.useCallback)((event) => {
+  const onReset = (0, import_react23.useCallback)((event) => {
     event.preventDefault();
     reset();
   }, []);
-  const isValid = (0, import_react26.useCallback)(
+  const isValid = (0, import_react23.useCallback)(
     (path) => path ? !validateFieldValue(path, rules, $values.refValues.current).hasError : !validateValues(rules, $values.refValues.current).hasErrors,
     [rules]
   );
   const key = (path) => `${formKey}-${path}-${fieldKeys[path] || 0}`;
+  const getInputNode = (0, import_react23.useCallback)(
+    (path) => document.querySelector(`[data-path="${getDataPath(name, path)}"]`),
+    []
+  );
   const form = {
     watch: $watch.watch,
     initialized: $values.initialized.current,
@@ -1775,25 +1547,26 @@ function useForm({
     onReset,
     isValid,
     getTransformedValues,
-    key
+    key,
+    getInputNode
   };
   useFormActions(name, form);
   return form;
 }
 
 // src/nodes/modifiers/noise-curve-node.tsx
-var import_react27 = require("react");
+var import_react24 = require("react");
 var import_modifier3 = require("libnoise-ts/module/modifier");
 var import_util = require("libnoise-ts/util");
 var import_icons_react2 = require("@tabler/icons-react");
-var import_hooks19 = require("@mantine/hooks");
-var import_abstract5 = require("@awesome-flow/core/abstract");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_hooks17 = require("@mantine/hooks");
+var import_abstract2 = require("@awesome-flow/core/abstract");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function NoiseCurveNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks18.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks18.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks18.useUpdateNodeComputedData)();
-  const [values, setValues] = (0, import_react27.useState)([]);
+  const incoming = (0, import_hooks16.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks16.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks16.useUpdateNodeComputedData)();
+  const [values, setValues] = (0, import_react24.useState)([]);
   const form = useForm({
     mode: "uncontrolled",
     initialValues: {
@@ -1812,7 +1585,7 @@ function NoiseCurveNode({ id, selected, data, type }) {
         }
       }
     },
-    onValuesChange: (0, import_react27.useCallback)((values2) => {
+    onValuesChange: (0, import_react24.useCallback)((values2) => {
       if (form.isValid()) {
         const points = values2.points.map((v) => ({ input: v.input, output: v.output }));
         setValues(points);
@@ -1821,11 +1594,11 @@ function NoiseCurveNode({ id, selected, data, type }) {
       form.validate();
     }, [])
   });
-  (0, import_react27.useEffect)(() => {
-    const points = data.points?.length ? data.points.map((v) => ({ input: v.input, output: v.output, key: (0, import_hooks19.randomId)() })) : [1, 2, 3, 4].map(() => ({ input: 0, output: 0, key: (0, import_hooks19.randomId)() }));
+  (0, import_react24.useEffect)(() => {
+    const points = data.points?.length ? data.points.map((v) => ({ input: v.input, output: v.output, key: (0, import_hooks17.randomId)() })) : [1, 2, 3, 4].map(() => ({ input: 0, output: 0, key: (0, import_hooks17.randomId)() }));
     form.initialize({ points });
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (incoming?.length && values?.length >= 4) {
       const module2 = new import_modifier3.Curve(
         incoming[0].module,
@@ -1834,9 +1607,9 @@ function NoiseCurveNode({ id, selected, data, type }) {
       updateComputedData(id, { module: module2 });
     }
   }, [values, incoming]);
-  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core9.Group, { mt: "xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_core9.NumberInput,
+  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core6.Group, { mt: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_core6.NumberInput,
       {
         size: "xs",
         w: 100,
@@ -1846,8 +1619,8 @@ function NoiseCurveNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.input`)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_core9.NumberInput,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_core6.NumberInput,
       {
         size: "xs",
         w: 100,
@@ -1857,61 +1630,61 @@ function NoiseCurveNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.output`)
     ),
-    data.state === import_abstract5.NodeState.edit && values.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_core9.ActionIcon,
+    data.state === import_abstract2.NodeState.edit && values.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_core6.ActionIcon,
       {
         color: "red",
         variant: "outline",
         size: "sm",
         onClick: () => form.removeListItem("points", index),
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_react2.IconX, { size: "1rem" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons_react2.IconX, { size: "1rem" })
       }
     )
   ] }, item.key));
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_layout18.NodeContainer, { id, selected, type, data, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_layout16.NodeContainer, { id, selected, type, data, children: [
     fields,
-    data.state === import_abstract5.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core9.Space, { h: 10 }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        import_core9.Button,
+    data.state === import_abstract2.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core6.Space, { h: 10 }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_core6.Button,
         {
           variant: "outline",
           size: "xs",
           fullWidth: true,
-          onClick: () => form.insertListItem("points", { input: 0, output: 0, key: (0, import_hooks19.randomId)() }),
+          onClick: () => form.insertListItem("points", { input: 0, output: 0, key: (0, import_hooks17.randomId)() }),
           children: "Add control point"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_layout18.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_layout16.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_curve_node_default = NoiseCurveNode;
 
 // src/nodes/modifiers/noise-exponent-node.tsx
-var import_layout19 = require("@awesome-flow/core/layout");
-var import_react28 = require("react");
-var import_core10 = require("@mantine/core");
-var import_hooks20 = require("@awesome-flow/core/hooks");
+var import_layout17 = require("@awesome-flow/core/layout");
+var import_react25 = require("react");
+var import_core7 = require("@mantine/core");
+var import_hooks18 = require("@awesome-flow/core/hooks");
 var import_modifier4 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function NoiseExponentNode({ id, selected, data, type }) {
-  const [exponent, setExponent] = (0, import_react28.useState)(data.exponent);
-  const incoming = (0, import_hooks20.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks20.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks20.useUpdateNodeComputedData)();
-  (0, import_react28.useEffect)(() => {
+  const [exponent, setExponent] = (0, import_react25.useState)(data.exponent);
+  const incoming = (0, import_hooks18.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks18.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks18.useUpdateNodeComputedData)();
+  (0, import_react25.useEffect)(() => {
     if (incoming?.length > 0) {
       const module2 = new import_modifier4.Exponent(incoming[0].module, exponent);
       updateComputedData(id, { module: module2 });
     }
     updateNodeData(id, { exponent });
   }, [incoming, exponent]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_layout19.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core10.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core10.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_layout17.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core7.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core7.Group, { children: [
       "Exponent:",
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        import_core10.NumberInput,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_core7.NumberInput,
         {
           size: "xs",
           value: exponent,
@@ -1920,35 +1693,35 @@ function NoiseExponentNode({ id, selected, data, type }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_layout19.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_layout17.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_exponent_node_default = NoiseExponentNode;
 
 // src/nodes/modifiers/noise-invert-node.tsx
-var import_layout20 = require("@awesome-flow/core/layout");
-var import_react29 = require("react");
-var import_hooks21 = require("@awesome-flow/core/hooks");
+var import_layout18 = require("@awesome-flow/core/layout");
+var import_react26 = require("react");
+var import_hooks19 = require("@awesome-flow/core/hooks");
 var import_modifier5 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function NoiseInvertNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks21.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks21.useUpdateNodeComputedData)();
-  (0, import_react29.useEffect)(() => {
+  const incoming = (0, import_hooks19.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks19.useUpdateNodeComputedData)();
+  (0, import_react26.useEffect)(() => {
     if (incoming?.length > 0) {
       const module2 = new import_modifier5.Invert(incoming[0].module);
       updateComputedData(id, { module: module2 });
     }
   }, [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_layout20.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_layout20.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_layout18.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_layout18.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" }) });
 }
 var noise_invert_node_default = NoiseInvertNode;
 
 // src/nodes/modifiers/noise-normalize-node.tsx
-var import_layout21 = require("@awesome-flow/core/layout");
-var import_react30 = require("react");
-var import_core11 = require("@mantine/core");
-var import_hooks22 = require("@awesome-flow/core/hooks");
+var import_layout19 = require("@awesome-flow/core/layout");
+var import_react27 = require("react");
+var import_core8 = require("@mantine/core");
+var import_hooks20 = require("@awesome-flow/core/hooks");
 
 // src/modules/normalize-noise-module.ts
 var import_modifier6 = __toESM(require("libnoise-ts/module/modifier"), 1);
@@ -1967,14 +1740,14 @@ function normalize(value, min, max) {
 }
 
 // src/nodes/modifiers/noise-normalize-node.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function NoiseNormalizeNode({ id, selected, data, type }) {
-  const [intervalStart, setIntervalStart] = (0, import_react30.useState)(data.intervalStart);
-  const [intervalEnd, setIntervalEnd] = (0, import_react30.useState)(data.intervalEnd);
-  const incoming = (0, import_hooks22.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks22.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks22.useUpdateNodeComputedData)();
-  (0, import_react30.useEffect)(() => {
+  const [intervalStart, setIntervalStart] = (0, import_react27.useState)(data.intervalStart);
+  const [intervalEnd, setIntervalEnd] = (0, import_react27.useState)(data.intervalEnd);
+  const incoming = (0, import_hooks20.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks20.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks20.useUpdateNodeComputedData)();
+  (0, import_react27.useEffect)(() => {
     if (incoming?.length) {
       const source = incoming[0].module;
       const module2 = new NormalizeNoiseModule(source, intervalStart, intervalEnd);
@@ -1982,10 +1755,10 @@ function NoiseNormalizeNode({ id, selected, data, type }) {
     }
     updateNodeData(id, { intervalStart, intervalEnd });
   }, [incoming, intervalStart, intervalEnd]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_layout21.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core11.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core11.Group, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        import_core11.NumberInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_layout19.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core8.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core8.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_core8.NumberInput,
         {
           size: "xs",
           w: 100,
@@ -1993,8 +1766,8 @@ function NoiseNormalizeNode({ id, selected, data, type }) {
           onChange: (e) => setIntervalStart(Number(e))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        import_core11.NumberInput,
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_core8.NumberInput,
         {
           size: "xs",
           w: 100,
@@ -2003,37 +1776,37 @@ function NoiseNormalizeNode({ id, selected, data, type }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_layout21.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_layout19.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_normalize_node_default = NoiseNormalizeNode;
 
 // src/nodes/modifiers/noise-scale-bias-node.tsx
-var import_layout22 = require("@awesome-flow/core/layout");
-var import_react31 = require("react");
-var import_core12 = require("@mantine/core");
-var import_hooks23 = require("@awesome-flow/core/hooks");
+var import_layout20 = require("@awesome-flow/core/layout");
+var import_react28 = require("react");
+var import_core9 = require("@mantine/core");
+var import_hooks21 = require("@awesome-flow/core/hooks");
 var import_modifier7 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function NoiseScaleBiasNode({ id, selected, data, type }) {
-  const [scale, setScale] = (0, import_react31.useState)(data.scale);
-  const [bias, setBias] = (0, import_react31.useState)(data.bias);
-  const incoming = (0, import_hooks23.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks23.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks23.useUpdateNodeComputedData)();
-  (0, import_react31.useEffect)(() => {
+  const [scale, setScale] = (0, import_react28.useState)(data.scale);
+  const [bias, setBias] = (0, import_react28.useState)(data.bias);
+  const incoming = (0, import_hooks21.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks21.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks21.useUpdateNodeComputedData)();
+  (0, import_react28.useEffect)(() => {
     if (incoming?.length > 0) {
       const module2 = new import_modifier7.ScaleBias(incoming[0].module, scale, bias);
       updateComputedData(id, { module: module2 });
     }
     updateNodeData(id, { scale, bias });
   }, [incoming, scale, bias]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_layout22.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core12.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core12.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_layout20.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core9.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core9.Group, { children: [
         "Scale:",
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_core12.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_core9.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2043,10 +1816,10 @@ function NoiseScaleBiasNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core12.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core9.Group, { children: [
         "Bias:",
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_core12.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_core9.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2057,26 +1830,26 @@ function NoiseScaleBiasNode({ id, selected, data, type }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_layout22.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_layout20.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_scale_bias_node_default = NoiseScaleBiasNode;
 
 // src/nodes/modifiers/noise-terrace-node.tsx
-var import_layout23 = require("@awesome-flow/core/layout");
-var import_core13 = require("@mantine/core");
-var import_hooks24 = require("@awesome-flow/core/hooks");
-var import_react32 = require("react");
+var import_layout21 = require("@awesome-flow/core/layout");
+var import_core10 = require("@mantine/core");
+var import_hooks22 = require("@awesome-flow/core/hooks");
+var import_react29 = require("react");
 var import_modifier8 = require("libnoise-ts/module/modifier");
 var import_icons_react3 = require("@tabler/icons-react");
-var import_hooks25 = require("@mantine/hooks");
-var import_abstract6 = require("@awesome-flow/core/abstract");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_hooks23 = require("@mantine/hooks");
+var import_abstract3 = require("@awesome-flow/core/abstract");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function NoiseTerraceNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks24.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks24.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks24.useUpdateNodeComputedData)();
-  const [values, setValues] = (0, import_react32.useState)([]);
+  const incoming = (0, import_hooks22.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks22.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks22.useUpdateNodeComputedData)();
+  const [values, setValues] = (0, import_react29.useState)([]);
   const form = useForm({
     mode: "uncontrolled",
     initialValues: {
@@ -2084,7 +1857,7 @@ function NoiseTerraceNode({ id, selected, data, type }) {
     },
     validateInputOnChange: [`points.${FORM_INDEX}.input`],
     clearInputErrorOnChange: true,
-    onValuesChange: (0, import_react32.useCallback)((values2) => {
+    onValuesChange: (0, import_react29.useCallback)((values2) => {
       if (form.isValid()) {
         const points = values2.points.map((v) => v.value);
         setValues(points);
@@ -2093,19 +1866,19 @@ function NoiseTerraceNode({ id, selected, data, type }) {
       form.validate();
     }, [])
   });
-  (0, import_react32.useEffect)(() => {
-    const points = data.points?.length ? data.points.map((v) => ({ value: v, key: (0, import_hooks25.randomId)() })) : [1, 2].map(() => ({ value: 0, key: (0, import_hooks25.randomId)() }));
+  (0, import_react29.useEffect)(() => {
+    const points = data.points?.length ? data.points.map((v) => ({ value: v, key: (0, import_hooks23.randomId)() })) : [1, 2].map(() => ({ value: 0, key: (0, import_hooks23.randomId)() }));
     form.initialize({ points });
   }, []);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (incoming?.length && values?.length >= 2) {
       const module2 = new import_modifier8.Terrace(incoming[0].module, values);
       updateComputedData(id, { module: module2 });
     }
   }, [values, incoming]);
-  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core13.Group, { mt: "xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      import_core13.NumberInput,
+  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core10.Group, { mt: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_core10.NumberInput,
       {
         size: "xs",
         placeholder: "Input Value",
@@ -2114,113 +1887,53 @@ function NoiseTerraceNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.value`)
     ),
-    data.state === import_abstract6.NodeState.edit && values.length > 2 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      import_core13.ActionIcon,
+    data.state === import_abstract3.NodeState.edit && values.length > 2 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_core10.ActionIcon,
       {
         color: "red",
         variant: "outline",
         size: "sm",
         onClick: () => form.removeListItem("points", index),
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_icons_react3.IconX, { size: "1rem" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_react3.IconX, { size: "1rem" })
       }
     )
   ] }, item.key));
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_layout23.NodeContainer, { id, selected, type, data, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_layout21.NodeContainer, { id, selected, type, data, children: [
     fields,
-    data.state === import_abstract6.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core13.Space, { h: 10 }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_core13.Button,
+    data.state === import_abstract3.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core10.Space, { h: 10 }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_core10.Button,
         {
           variant: "outline",
           size: "xs",
           fullWidth: true,
-          onClick: () => form.insertListItem("points", { value: 0, key: (0, import_hooks25.randomId)() }),
+          onClick: () => form.insertListItem("points", { value: 0, key: (0, import_hooks23.randomId)() }),
           children: "Add control point"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_layout23.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_layout21.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_terrace_node_default = NoiseTerraceNode;
 
-// src/nodes/modifiers/variable-combine-node.tsx
-var import_layout24 = require("@awesome-flow/core/layout");
-var import_react33 = require("react");
-var import_hooks26 = require("@awesome-flow/core/hooks");
-var import_icons_react4 = require("@tabler/icons-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var options2 = {
-  add: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconPlus, {}),
-  divide: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconDivide, {}),
-  min: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconChevronLeft, {}),
-  max: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconChevronRight, {}),
-  multiply: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconAsterisk, {}),
-  power: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconChevronUp, {})
-};
-function VariableCombineNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [operation, setOperation] = (0, import_react33.useState)(data.operation);
-  const [value, setValue] = (0, import_react33.useState)(data.value);
-  const updateNodeData = (0, import_hooks26.useUpdateNodeData)();
-  const incoming = (0, import_hooks26.useIncomingNodeData)(id);
-  (0, import_react33.useEffect)(() => {
-    if (incoming?.length > 1) {
-      const result = getOperationResult(operation, incoming[0].value, incoming[1].value);
-      setValue(result);
-      updateNodeData(id, { value: result });
-    }
-  }, [operation, incoming]);
-  const onChange = (0, import_react33.useCallback)((op) => {
-    updateNodeData(id, { operation: op });
-    setOperation(op);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_layout24.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_layout24.NodeCombobox, { options: options2, selected: operation, onChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(node_value_input_default, { value, onChange: () => {
-    }, disabled: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_layout24.NodeTrackConnections, { 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/nodes/output/noise-logger-node.tsx
-var import_layout26 = require("@awesome-flow/core/layout");
-var import_react34 = require("react");
-var import_core14 = require("@mantine/core");
-var import_hooks27 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_layout22 = require("@awesome-flow/core/layout");
+var import_react30 = require("react");
+var import_core11 = require("@mantine/core");
+var import_hooks24 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function NoiseLoggerNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks27.useIncomingComputedData)(id);
-  const noise = (0, import_react34.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_layout26.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core14.Text, { children: [
+  const incoming = (0, import_hooks24.useIncomingComputedData)(id);
+  const noise = (0, import_react30.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_layout22.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core11.Text, { children: [
       "Size: ",
       noise?.length || 0
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core14.Divider, { h: 5 }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core14.Stack, { children: noise?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core14.Text, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core11.Divider, { h: 5 }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core11.Stack, { children: noise?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core11.Text, { children: [
       v.position?.x,
       ":",
       v.position?.y,
@@ -2229,92 +1942,31 @@ function NoiseLoggerNode({ id, selected, data, type }) {
       ": ",
       v.value
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_layout26.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_layout22.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_logger_node_default = NoiseLoggerNode;
 
 // src/nodes/output/noise-output-node.tsx
-var import_layout27 = require("@awesome-flow/core/layout");
-var import_hooks28 = require("@awesome-flow/core/hooks");
-var import_core15 = require("@mantine/core");
-var import_react35 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-function NoiseOutputNode({ id, selected, data, type }) {
-  const [generating, setGenerating] = (0, import_react35.useState)(false);
-  const updateComputedData = (0, import_hooks28.useUpdateNodeComputedData)();
-  const incomingModules = (0, import_hooks28.useIncomingComputedData)(id, 8 /* module */);
-  const incomingPositions = (0, import_hooks28.useIncomingComputedData)(
-    id,
-    4 /* position */
-  );
-  (0, import_react35.useEffect)(() => {
-    if (incomingPositions?.length && incomingModules?.length) {
-      const { module: module2 } = incomingModules[0];
-      if (module2) {
-        setGenerating(true);
-      }
-    }
-  }, [incomingModules, incomingPositions]);
-  (0, import_react35.useEffect)(() => {
-    if (incomingPositions?.length && incomingModules?.length) {
-      const { module: module2 } = incomingModules[0];
-      if (module2 && generating) {
-        const noise = [];
-        for (const input of incomingPositions) {
-          for (const position of input.positions) {
-            const value = module2.getValue(position.x, position.y, position.z);
-            noise.push({
-              position,
-              value
-            });
-          }
-        }
-        console.log("SET COMPUTED DATA");
-        updateComputedData(id, { noise, module: module2 });
-        setGenerating(false);
-      }
-    }
-  }, [generating]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_layout27.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core15.Box, { pos: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        import_core15.LoadingOverlay,
-        {
-          visible: generating,
-          zIndex: 1e3,
-          overlayProps: { radius: "sm", blur: 2 }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core15.Stack, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core15.Group, { children: [
-          "Position Inputs: ",
-          incomingPositions?.length
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core15.Group, { children: [
-          "Module Inputs: ",
-          incomingModules?.length
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_layout27.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-var noise_output_node_default = NoiseOutputNode;
+var import_layout32 = require("@awesome-flow/core/layout");
+var import_react40 = require("react");
+var import_hooks34 = require("@awesome-flow/core/hooks");
+var import_components11 = require("@awesome-flow/core/components");
+var import_core18 = require("@mantine/core");
 
 // src/nodes/output/noise-raw-texture-node.tsx
-var import_layout28 = require("@awesome-flow/core/layout");
-var import_react36 = require("react");
-var import_hooks29 = require("@awesome-flow/core/hooks");
-var import_core16 = require("@mantine/core");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_layout23 = require("@awesome-flow/core/layout");
+var import_react31 = require("react");
+var import_hooks25 = require("@awesome-flow/core/hooks");
+var import_core12 = require("@mantine/core");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function NoiseRawTextureNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks29.useUpdateNodeComputedData)();
-  const [dataLength, setDataLength] = (0, import_react36.useState)(0);
-  const [resolution, setResolution] = (0, import_react36.useState)(0);
-  const incoming = (0, import_hooks29.useIncomingComputedData)(id);
-  const noise = (0, import_react36.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
-  (0, import_react36.useEffect)(() => {
+  const updateComputedData = (0, import_hooks25.useUpdateNodeComputedData)();
+  const [dataLength, setDataLength] = (0, import_react31.useState)(0);
+  const [resolution, setResolution] = (0, import_react31.useState)(0);
+  const incoming = (0, import_hooks25.useIncomingComputedData)(id);
+  const noise = (0, import_react31.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
+  (0, import_react31.useEffect)(() => {
     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();
@@ -2325,19 +1977,19 @@ function NoiseRawTextureNode({ id, selected, data, type }) {
       updateComputedData(id, { textureData: dataArray, textureResolution: size });
     }
   }, [noise]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_layout28.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core16.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core16.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_layout23.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core12.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core12.Group, { children: [
         "Resolution: ",
         resolution,
         "x",
         resolution
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core16.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core12.Group, { children: [
         "Input Length: ",
         noise?.length || 0
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core16.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core12.Group, { children: [
         "Output Length (",
         resolution,
         "*",
@@ -2346,100 +1998,122 @@ function NoiseRawTextureNode({ id, selected, data, type }) {
         dataLength
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_layout28.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_layout23.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_raw_texture_node_default = NoiseRawTextureNode;
 
 // src/nodes/output/positions-logger-node.tsx
-var import_layout29 = require("@awesome-flow/core/layout");
-var import_react37 = require("react");
-var import_core17 = require("@mantine/core");
-var import_hooks30 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_layout24 = require("@awesome-flow/core/layout");
+var import_react32 = require("react");
+var import_core13 = require("@mantine/core");
+var import_hooks26 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function PositionsLoggerNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks30.useIncomingComputedData)(id);
-  const positions = (0, import_react37.useMemo)(() => {
+  const incoming = (0, import_hooks26.useIncomingComputedData)(id);
+  const positions = (0, import_react32.useMemo)(() => {
     return incoming?.map((p) => p.positions).flat();
   }, [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_layout29.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core17.Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_layout24.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core13.Text, { children: [
       "Size: ",
       positions?.length || 0
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core17.Divider, { h: 5 }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core17.Stack, { children: positions?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core17.Text, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core13.Divider, { h: 5 }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core13.Stack, { children: positions?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core13.Text, { children: [
       v.x,
       ":",
       v.y,
       ":",
       v.z
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_layout29.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_layout24.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var positions_logger_node_default = PositionsLoggerNode;
 
 // src/nodes/selectors/noise-blend-node.tsx
-var import_layout30 = require("@awesome-flow/core/layout");
-var import_react38 = require("react");
-var import_hooks31 = require("@awesome-flow/core/hooks");
+var import_layout25 = require("@awesome-flow/core/layout");
+var import_react33 = require("react");
+var import_hooks27 = require("@awesome-flow/core/hooks");
 var import_selector = require("libnoise-ts/module/selector");
-var import_core18 = require("@mantine/core");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_components7 = require("@awesome-flow/core/components");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function NoiseBlendNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks31.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks31.useUpdateNodeComputedData)();
-  (0, import_react38.useEffect)(() => {
-    if (incoming?.length > 2) {
-      const module2 = new import_selector.Blend(incoming[0].module, incoming[1].module, incoming[2].module);
-      updateComputedData(id, { module: module2 });
-    }
-  }, [id, incoming, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_layout30.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core18.Group, { children: [
-      "Modules: ",
-      incoming?.length
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_layout30.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  const updateComputedData = (0, import_hooks27.useUpdateNodeComputedData)();
+  const onDataUpdated = (0, import_react33.useCallback)(
+    (incomingData) => {
+      const incomingSources = incomingData["source" /* source */];
+      const incomingControl = incomingData["control" /* control */];
+      if (incomingSources?.length >= 2 && incomingControl?.length) {
+        const module2 = new import_selector.Blend(
+          incomingSources[0].module,
+          incomingSources[1].module,
+          incomingControl[0].module
+        );
+        updateComputedData(id, { module: module2 });
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_layout25.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_components7.HandlesIncomingDataStatus,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataId",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_layout25.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_blend_node_default = NoiseBlendNode;
 
 // src/nodes/selectors/noise-select-node.tsx
-var import_layout31 = require("@awesome-flow/core/layout");
-var import_react39 = require("react");
-var import_hooks32 = require("@awesome-flow/core/hooks");
+var import_layout26 = require("@awesome-flow/core/layout");
+var import_react34 = require("react");
+var import_hooks28 = require("@awesome-flow/core/hooks");
 var import_selector2 = require("libnoise-ts/module/selector");
-var import_core19 = require("@mantine/core");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_core14 = require("@mantine/core");
+var import_components8 = require("@awesome-flow/core/components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function NoiseSelectNode({ id, selected, data, type }) {
-  const [edgeFalloff, setEdgeFalloff] = (0, import_react39.useState)(data.edgeFalloff);
-  const [lowerBound, setLowerBound] = (0, import_react39.useState)(data.lowerBound);
-  const [upperBound, setUpperBound] = (0, import_react39.useState)(data.upperBound);
-  const incoming = (0, import_hooks32.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks32.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks32.useUpdateNodeComputedData)();
-  (0, import_react39.useEffect)(() => {
-    if (incoming?.length > 2) {
-      const module2 = new import_selector2.Select(
-        incoming[0].module,
-        incoming[1].module,
-        incoming[2].module,
-        edgeFalloff,
-        lowerBound,
-        upperBound
-      );
-      updateComputedData(id, { module: module2 });
-    }
+  const [edgeFalloff, setEdgeFalloff] = (0, import_react34.useState)(data.edgeFalloff);
+  const [lowerBound, setLowerBound] = (0, import_react34.useState)(data.lowerBound);
+  const [upperBound, setUpperBound] = (0, import_react34.useState)(data.upperBound);
+  const updateNodeData = (0, import_hooks28.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks28.useUpdateNodeComputedData)();
+  (0, import_react34.useEffect)(() => {
     updateNodeData(id, { edgeFalloff, lowerBound, upperBound });
-  }, [incoming, edgeFalloff, lowerBound, upperBound, updateNodeData, id, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_layout31.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core19.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core19.Group, { children: [
-        "Edge Falloff:",
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_core19.NumberInput,
+  }, [edgeFalloff, lowerBound, upperBound]);
+  const onDataUpdated = (0, import_react34.useCallback)(
+    (incomingData) => {
+      const incomingSources = incomingData["source" /* source */];
+      const incomingControl = incomingData["control" /* control */];
+      if (incomingSources?.length >= 2 && incomingControl?.length) {
+        const module2 = new import_selector2.Select(
+          incomingSources[0].module,
+          incomingSources[1].module,
+          incomingControl[0].module,
+          edgeFalloff,
+          lowerBound,
+          upperBound
+        );
+        updateComputedData(id, { module: module2 });
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_layout26.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core14.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core14.Group, { children: [
+        "Edge Falloff:",
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_core14.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2449,10 +2123,10 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core19.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core14.Group, { children: [
         "Lower Bound:",
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_core19.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_core14.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2462,10 +2136,10 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core19.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core14.Group, { children: [
         "Upper Bound:",
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_core19.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_core14.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2475,97 +2149,99 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core19.Group, { children: [
-        "Modules: ",
-        incoming?.length
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_components8.HandlesIncomingDataStatus,
+        {
+          nodeId: id,
+          handles: data.handles,
+          handleKey: "dataId",
+          onDataUpdated,
+          type: "target",
+          resetComputedData: true
+        }
+      )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_layout31.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_layout26.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_select_node_default = NoiseSelectNode;
 
 // src/nodes/transformers/noise-displace-node.tsx
-var import_layout32 = require("@awesome-flow/core/layout");
-var import_react40 = require("react");
-var import_hooks33 = require("@awesome-flow/core/hooks");
+var import_layout27 = require("@awesome-flow/core/layout");
+var import_react35 = require("react");
+var import_hooks29 = require("@awesome-flow/core/hooks");
 var import_transformer = require("libnoise-ts/module/transformer");
-var import_core20 = require("@mantine/core");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_components9 = require("@awesome-flow/core/components");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function NoiseDisplaceNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks33.useUpdateNodeComputedData)();
-  const incomingHandleData = (0, import_hooks33.useIncomingHandleData)(id, data.handles);
-  const { sourceModule, xModule, yModule, zModule } = (0, import_react40.useMemo)(() => {
-    return {
-      sourceModule: incomingHandleData["source" /* sourceModule */],
-      xModule: incomingHandleData["x-module" /* xModule */],
-      yModule: incomingHandleData["y-module" /* yModule */],
-      zModule: incomingHandleData["z-module" /* zModule */]
-    };
-  }, [incomingHandleData]);
-  (0, import_react40.useEffect)(() => {
-    if (sourceModule && xModule && yModule && zModule) {
-      const module2 = new import_transformer.Displace(
-        sourceModule[0].module,
-        xModule[0].module,
-        yModule[0].module,
-        zModule[0].module
-      );
-      updateComputedData(id, { module: module2 });
-    }
-  }, [id, updateComputedData, sourceModule, xModule, yModule, zModule]);
-  const { sourceColor, xColor, yColor, zColor } = (0, import_react40.useMemo)(() => {
-    return {
-      sourceColor: sourceModule ? "green" : "orange",
-      xColor: xModule ? "green" : "orange",
-      yColor: yModule ? "green" : "orange",
-      zColor: zModule ? "green" : "orange"
-    };
-  }, [sourceModule, xModule, yModule, zModule]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_layout32.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core20.Stack, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core20.Badge, { color: sourceColor, children: "Source Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core20.Badge, { color: xColor, children: "X Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core20.Badge, { color: yColor, children: "Y Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core20.Badge, { color: zColor, children: "Z Module" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_layout32.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  const updateComputedData = (0, import_hooks29.useUpdateNodeComputedData)();
+  const onDataUpdated = (0, import_react35.useCallback)(
+    (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 module2 = new import_transformer.Displace(
+          sourceModule[0].module,
+          xModule[0].module,
+          yModule[0].module,
+          zModule[0].module
+        );
+        updateComputedData(id, { module: module2 });
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_layout27.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      import_components9.HandlesIncomingDataStatus,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataId",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_layout27.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_displace_node_default = NoiseDisplaceNode;
 
 // src/nodes/transformers/noise-rotate-point-node.tsx
-var import_layout33 = require("@awesome-flow/core/layout");
-var import_react41 = require("react");
-var import_hooks34 = require("@awesome-flow/core/hooks");
-var import_core21 = require("@mantine/core");
+var import_layout28 = require("@awesome-flow/core/layout");
+var import_react36 = require("react");
+var import_hooks30 = require("@awesome-flow/core/hooks");
+var import_core15 = require("@mantine/core");
 var import_transformer2 = require("libnoise-ts/module/transformer");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function NoiseRotatePointNode({
   id,
   selected,
   data,
   type
 }) {
-  const [xAngle, setXAngle] = (0, import_react41.useState)(data.xAngle);
-  const [yAngle, setYAngle] = (0, import_react41.useState)(data.yAngle);
-  const [zAngle, setZAngle] = (0, import_react41.useState)(data.zAngle);
-  const incoming = (0, import_hooks34.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks34.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks34.useUpdateNodeComputedData)();
-  (0, import_react41.useEffect)(() => {
+  const [xAngle, setXAngle] = (0, import_react36.useState)(data.xAngle);
+  const [yAngle, setYAngle] = (0, import_react36.useState)(data.yAngle);
+  const [zAngle, setZAngle] = (0, import_react36.useState)(data.zAngle);
+  const incoming = (0, import_hooks30.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks30.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks30.useUpdateNodeComputedData)();
+  (0, import_react36.useEffect)(() => {
     if (incoming?.length) {
       const module2 = new import_transformer2.RotatePoint(incoming[0].module, xAngle, yAngle, zAngle);
       updateComputedData(id, { module: module2 });
     }
     updateNodeData(id, { xAngle, yAngle, zAngle });
   }, [id, updateComputedData, updateNodeData, incoming, xAngle, yAngle, zAngle]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_layout33.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core21.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core21.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_layout28.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core15.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core15.Group, { children: [
         "X Angle:",
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-          import_core21.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_core15.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2575,10 +2251,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core21.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core15.Group, { children: [
         "Y Angle:",
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-          import_core21.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_core15.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2588,10 +2264,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core21.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core15.Group, { children: [
         "Z Angle:",
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-          import_core21.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_core15.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2602,43 +2278,43 @@ function NoiseRotatePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_layout33.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_layout28.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_rotate_point_node_default = NoiseRotatePointNode;
 
 // src/nodes/transformers/noise-scale-point-node.tsx
-var import_layout34 = require("@awesome-flow/core/layout");
-var import_react42 = require("react");
-var import_hooks35 = require("@awesome-flow/core/hooks");
-var import_core22 = require("@mantine/core");
+var import_layout29 = require("@awesome-flow/core/layout");
+var import_react37 = require("react");
+var import_hooks31 = require("@awesome-flow/core/hooks");
+var import_core16 = require("@mantine/core");
 var import_transformer3 = require("libnoise-ts/module/transformer");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function NoiseScalePointNode({
   id,
   selected,
   data,
   type
 }) {
-  const [xScale, setXScale] = (0, import_react42.useState)(data.xScale);
-  const [yScale, setYScale] = (0, import_react42.useState)(data.yScale);
-  const [zScale, setZScale] = (0, import_react42.useState)(data.zScale);
-  const incoming = (0, import_hooks35.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks35.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks35.useUpdateNodeComputedData)();
-  (0, import_react42.useEffect)(() => {
+  const [xScale, setXScale] = (0, import_react37.useState)(data.xScale);
+  const [yScale, setYScale] = (0, import_react37.useState)(data.yScale);
+  const [zScale, setZScale] = (0, import_react37.useState)(data.zScale);
+  const incoming = (0, import_hooks31.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks31.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks31.useUpdateNodeComputedData)();
+  (0, import_react37.useEffect)(() => {
     if (incoming?.length) {
       const module2 = new import_transformer3.ScalePoint(incoming[0].module, xScale, yScale, zScale);
       updateComputedData(id, { module: module2 });
     }
     updateNodeData(id, { xScale, yScale, zScale });
   }, [id, incoming, updateComputedData, updateNodeData, xScale, yScale, zScale]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_layout34.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core22.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core22.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_layout29.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core16.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core16.Group, { children: [
         "X Scale:",
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          import_core22.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_core16.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2648,10 +2324,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core22.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core16.Group, { children: [
         "Y Scale:",
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          import_core22.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_core16.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2661,10 +2337,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_core22.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core16.Group, { children: [
         "Z Scale:",
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          import_core22.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_core16.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2675,43 +2351,43 @@ function NoiseScalePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_layout34.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_layout29.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_scale_point_node_default = NoiseScalePointNode;
 
 // src/nodes/transformers/noise-translate-point-node.tsx
-var import_layout35 = require("@awesome-flow/core/layout");
-var import_react43 = require("react");
-var import_hooks36 = require("@awesome-flow/core/hooks");
-var import_core23 = require("@mantine/core");
+var import_layout30 = require("@awesome-flow/core/layout");
+var import_react38 = require("react");
+var import_hooks32 = require("@awesome-flow/core/hooks");
+var import_core17 = require("@mantine/core");
 var import_transformer4 = require("libnoise-ts/module/transformer");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function NoiseTranslatePointNode({
   id,
   selected,
   data,
   type
 }) {
-  const [translateX, setTranslateX] = (0, import_react43.useState)(data.translateX);
-  const [translateY, setTranslateY] = (0, import_react43.useState)(data.translateY);
-  const [translateZ, setTranslateZ] = (0, import_react43.useState)(data.translateZ);
-  const incoming = (0, import_hooks36.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks36.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks36.useUpdateNodeComputedData)();
-  (0, import_react43.useEffect)(() => {
+  const [translateX, setTranslateX] = (0, import_react38.useState)(data.translateX);
+  const [translateY, setTranslateY] = (0, import_react38.useState)(data.translateY);
+  const [translateZ, setTranslateZ] = (0, import_react38.useState)(data.translateZ);
+  const incoming = (0, import_hooks32.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks32.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks32.useUpdateNodeComputedData)();
+  (0, import_react38.useEffect)(() => {
     if (incoming?.length) {
       const module2 = new import_transformer4.TranslatePoint(incoming[0].module, translateX, translateY, translateZ);
       updateComputedData(id, { module: module2 });
     }
     updateNodeData(id, { translateX, translateY, translateZ });
   }, [id, incoming, translateX, translateY, translateZ, updateComputedData, updateNodeData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_layout35.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core23.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core23.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_layout30.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core17.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core17.Group, { children: [
         "Translate X:",
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_core23.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_core17.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2721,10 +2397,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core23.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core17.Group, { children: [
         "Translate Y:",
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_core23.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_core17.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2734,10 +2410,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_core23.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core17.Group, { children: [
         "Translate Z:",
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_core23.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_core17.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2748,31 +2424,32 @@ function NoiseTranslatePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_layout35.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_layout30.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_translate_point_node_default = NoiseTranslatePointNode;
 
 // src/nodes/transformers/noise-turbulence-node .tsx
-var import_layout36 = require("@awesome-flow/core/layout");
-var import_react44 = require("react");
-var import_hooks37 = require("@awesome-flow/core/hooks");
+var import_layout31 = require("@awesome-flow/core/layout");
+var import_react39 = require("react");
+var import_hooks33 = require("@awesome-flow/core/hooks");
 var import_transformer5 = require("libnoise-ts/module/transformer");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_components10 = require("@awesome-flow/core/components");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function NoiseTurbulenceNode({
   id,
   selected,
   data,
   type
 }) {
-  const [properties, setProperties] = (0, import_react44.useState)(null);
-  const incoming = (0, import_hooks37.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks37.useUpdateNodeComputedData)();
-  const onPropertiesChange = (0, import_react44.useCallback)((props) => {
+  const [properties, setProperties] = (0, import_react39.useState)(null);
+  const incoming = (0, import_hooks33.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks33.useUpdateNodeComputedData)();
+  const onPropertiesChange = (0, import_react39.useCallback)((props) => {
     setProperties(props);
   }, []);
-  (0, import_react44.useEffect)(() => {
-    if (incoming?.length) {
+  (0, import_react39.useEffect)(() => {
+    if (incoming?.length && properties) {
       const module2 = new import_transformer5.Turbulence(
         incoming[0].module,
         properties.frequency.value,
@@ -2782,13 +2459,1005 @@ function NoiseTurbulenceNode({
       );
       updateComputedData(id, { module: module2 });
     }
-  }, [id, incoming, properties, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_layout36.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_layout36.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  }, [id, incoming, properties]);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_layout31.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_components10.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_layout31.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_turbulence_node_default = NoiseTurbulenceNode;
+
+// src/templates/generators/noise-checkerboard-template.ts
+var import_system = require("@xyflow/system");
+var NoiseCheckerboardNodeTemplateFactory = class {
+  template = {
+    type: "noise-checkerboard" /* noiseCheckerboard */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Checkerboard Noise"
+    },
+    handles: [
+      {
+        position: import_system.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-const-template.ts
+var import_system2 = require("@xyflow/system");
+var NoiseConstNodeTemplateFactory = class {
+  template = {
+    type: "noise-constant" /* noiseConst */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Const Value Noise",
+      noise: 0,
+      min: -1,
+      max: 1
+    },
+    handles: [
+      {
+        position: import_system2.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-cylinders-template.ts
+var import_abstract6 = require("@awesome-flow/core/abstract");
+var import_system3 = require("@xyflow/system");
+var NoiseCylindersNodeTemplateFactory = class {
+  template = {
+    type: "noise-cylinders" /* noiseCylinders */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Cylinders Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: import_system3.Position.Left,
+        dataType: import_abstract6.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system3.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-perlin-template.ts
+var import_abstract7 = require("@awesome-flow/core/abstract");
+var import_system4 = require("@xyflow/system");
+var NoisePerlinNodeTemplateFactory = class {
+  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: import_system4.Position.Left,
+        dataType: import_abstract7.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system4.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-ridgedmulti-template.ts
+var import_abstract8 = require("@awesome-flow/core/abstract");
+var import_system5 = require("@xyflow/system");
+var NoiseRidgedMultiNodeTemplateFactory = class {
+  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: import_system5.Position.Left,
+        dataType: import_abstract8.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system5.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-simplex-template.ts
+var import_abstract9 = require("@awesome-flow/core/abstract");
+var import_system6 = require("@xyflow/system");
+var NoiseSimplexNodeTemplateFactory = class {
+  template = {
+    type: "noise-simplex" /* noiseSimplex */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Simplex Noise"
+    },
+    handles: [
+      {
+        position: import_system6.Position.Left,
+        dataType: import_abstract9.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system6.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-spheres-template.ts
+var import_abstract10 = require("@awesome-flow/core/abstract");
+var import_system7 = require("@xyflow/system");
+var NoiseSpheresNodeTemplateFactory = class {
+  template = {
+    type: "noise-spheres" /* noiseSpheres */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Spheres Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: import_system7.Position.Left,
+        dataType: import_abstract10.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system7.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-voronoi-template.ts
+var import_abstract11 = require("@awesome-flow/core/abstract");
+var import_system8 = require("@xyflow/system");
+var NoiseVoronoiNodeTemplateFactory = class {
+  template = {
+    type: "noise-voronoi" /* noiseVoronoi */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Voronoi Noise",
+      frequency: 0.1,
+      displacement: 1,
+      distance: true,
+      seed: 0
+    },
+    handles: [
+      {
+        position: import_system8.Position.Left,
+        dataType: import_abstract11.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system8.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/position-const-template.ts
+var import_system9 = require("@xyflow/system");
+var PositionConstNodeTemplateFactory = class {
+  template = {
+    type: "position" /* position */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Position Output",
+      position: { x: 0, y: 0, z: 0 }
+    },
+    handles: [
+      {
+        position: import_system9.Position.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/position-grid-template.ts
+var import_system10 = require("@xyflow/system");
+var PositionGridNodeTemplateFactory = class {
+  template = {
+    type: "grid" /* grid */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Grid Output",
+      center: { x: 0, y: 0, z: 0 },
+      radius: 1
+    },
+    handles: [
+      {
+        position: import_system10.Position.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-normalize-template.ts
+var import_utils = require("@awesome-flow/core/utils");
+var import_system11 = require("@xyflow/system");
+var NoiseNormalizeNodeTemplateFactory = class {
+  template = {
+    id: import_utils.IDGenerator.template(),
+    type: "noise-normalize" /* noiseNormalize */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Normalize Noise",
+      intervalStart: -1,
+      intervalEnd: 1
+    },
+    handles: [
+      {
+        position: import_system11.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system11.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/output/noise-logger-template.ts
+var import_system12 = require("@xyflow/system");
+var NoiseLoggerNodeTemplateFactory = class {
+  template = {
+    type: "noise-logger" /* noiseLogger */,
+    group: "Output" /* output */,
+    data: {
+      title: "Noise Logger"
+    },
+    handles: [
+      {
+        position: import_system12.Position.Left,
+        dataType: "noise" /* noise */,
+        connection: "target"
+      }
+    ]
+  };
+};
+
+// src/templates/output/noise-raw-texture-template.ts
+var import_system13 = require("@xyflow/system");
+var NoiseRawTextureTemplateFactory = class {
+  template = {
+    type: "texture-data" /* textureData */,
+    group: "Output" /* output */,
+    data: {
+      title: "Texture Data"
+    },
+    handles: [
+      {
+        position: import_system13.Position.Left,
+        dataType: "noise" /* noise */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system13.Position.Right,
+        dataType: "texture" /* texture */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/output/position-logger-template.ts
+var import_system14 = require("@xyflow/system");
+var PositionLoggerNodeTemplateFactory = class {
+  template = {
+    type: "position-logger" /* positionLogger */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Position Logger"
+    },
+    handles: [
+      {
+        position: import_system14.Position.Left,
+        dataType: "position" /* position */,
+        connection: "target"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-combine-template.ts
+var import_system15 = require("@xyflow/system");
+var NoiseCombineNodeTemplateFactory = class {
+  template = {
+    type: "noise-combiner" /* noiseCombine */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Combine Noise",
+      operation: "add" /* add */
+    },
+    handles: [
+      {
+        position: import_system15.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 2
+      },
+      {
+        position: import_system15.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-clamp-template.ts
+var import_system16 = require("@xyflow/system");
+var NoiseClampNodeTemplateFactory = class {
+  template = {
+    type: "noise-clamp" /* noiseClamp */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Clamp Noise",
+      lowerBound: -1,
+      upperBound: 1
+    },
+    handles: [
+      {
+        position: import_system16.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system16.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-abs-template.ts
+var import_system17 = require("@xyflow/system");
+var NoiseAbsNodeTemplateFactory = class {
+  template = {
+    type: "noise-abs" /* noiseAbs */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Abs Noise"
+    },
+    handles: [
+      {
+        position: import_system17.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system17.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/output/noise-output-template.ts
+var import_system18 = require("@xyflow/system");
+var NoiseOutputNodeTemplateFactory = class {
+  template = {
+    type: "noise-output" /* noiseOutput */,
+    group: "Output" /* output */,
+    data: {
+      title: "Noise Output"
+    },
+    handles: [
+      {
+        position: import_system18.Position.Left,
+        dataType: "position" /* position */,
+        connection: "target"
+      },
+      {
+        position: import_system18.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system18.Position.Right,
+        dataType: "noise" /* noise */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-curve-template.ts
+var import_abstract20 = require("@awesome-flow/core/abstract");
+var import_system19 = require("@xyflow/system");
+var NoiseCurveNodeTemplateFactory = class {
+  template = {
+    type: "noise-curve" /* noiseCurve */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Curve",
+      points: []
+    },
+    handles: [
+      {
+        position: import_system19.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system19.Position.Left,
+        dataType: import_abstract20.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system19.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-exponent-template.ts
+var import_system20 = require("@xyflow/system");
+var NoiseExponentNodeTemplateFactory = class {
+  template = {
+    type: "noise-exponent" /* noiseExponent */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Exponent",
+      exponent: 1
+    },
+    handles: [
+      {
+        position: import_system20.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system20.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-invert-template.ts
+var import_system21 = require("@xyflow/system");
+var NoiseInvertNodeTemplateFactory = class {
+  template = {
+    type: "noise-invert" /* noiseInvert */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Invert Noise"
+    },
+    handles: [
+      {
+        position: import_system21.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system21.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-scalebias-template.ts
+var import_system22 = require("@xyflow/system");
+var NoiseScaleBiasNodeTemplateFactory = class {
+  template = {
+    type: "noise-scale-bias" /* noiseScaleBias */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Scale/Bias Noise",
+      scale: 1,
+      bias: 0
+    },
+    handles: [
+      {
+        position: import_system22.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system22.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/modifiers/noise-terrace-template.ts
+var import_system23 = require("@xyflow/system");
+var NoiseTerraceNodeTemplateFactory = class {
+  template = {
+    type: "noise-terrace" /* noiseTerrace */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Terrace",
+      points: []
+    },
+    handles: [
+      {
+        position: import_system23.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
+      },
+      {
+        position: import_system23.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/selectors/noise-blend-template.ts
+var import_system24 = require("@xyflow/system");
+var NoiseBlendNodeTemplateFactory = class {
+  template = {
+    type: "noise-blend" /* noiseBlend */,
+    group: "Noise Selectors" /* noiseSelectors */,
+    data: {
+      title: "Noise Blend"
+    },
+    handles: [
+      {
+        position: import_system24.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Modules",
+        dataId: "source" /* source */,
+        maxConnections: 2,
+        minConnections: 2
+      },
+      {
+        position: import_system24.Position.Left,
+        dataType: "module" /* module */,
+        dataId: "control" /* control */,
+        connection: "target",
+        label: "Control Module",
+        maxConnections: 1
+      },
+      {
+        position: import_system24.Position.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/selectors/noise-select-template.ts
+var import_system25 = require("@xyflow/system");
+var NoiseSelectNodeTemplateFactory = class {
+  template = {
+    type: "noise-select" /* noiseSelect */,
+    group: "Noise Selectors" /* noiseSelectors */,
+    data: {
+      title: "Noise Select",
+      edgeFalloff: 0,
+      lowerBound: -1,
+      upperBound: 1
+    },
+    handles: [
+      {
+        position: import_system25.Position.Left,
+        dataType: "module" /* module */,
+        dataId: "source" /* source */,
+        connection: "target",
+        label: "Source Modules",
+        maxConnections: 2,
+        minConnections: 2
+      },
+      {
+        position: import_system25.Position.Left,
+        dataType: "module" /* module */,
+        dataId: "control" /* control */,
+        connection: "target",
+        label: "Control Module",
+        maxConnections: 1
+      },
+      {
+        position: import_system25.Position.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/transformers/noise-displace-template.ts
+var import_system26 = require("@xyflow/system");
+var NoiseDisplaceNodeTemplateFactory = class {
+  template = {
+    type: "noise-displace" /* noiseDisplace */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Displace"
+    },
+    handles: [
+      {
+        position: import_system26.Position.Left,
+        connection: "target",
+        label: "Source Module",
+        dataType: "module" /* module */,
+        dataId: "source" /* sourceModule */,
+        maxConnections: 1
+      },
+      {
+        position: import_system26.Position.Left,
+        connection: "target",
+        label: "X Module",
+        dataType: "module" /* module */,
+        dataId: "x-module" /* xModule */,
+        maxConnections: 1
+      },
+      {
+        position: import_system26.Position.Left,
+        connection: "target",
+        label: "Y Module",
+        dataType: "module" /* module */,
+        dataId: "y-module" /* yModule */,
+        maxConnections: 1
+      },
+      {
+        position: import_system26.Position.Left,
+        connection: "target",
+        label: "Z Module",
+        dataType: "module" /* module */,
+        dataId: "z-module" /* zModule */,
+        maxConnections: 1
+      },
+      {
+        position: import_system26.Position.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/transformers/noise-rotate-point-template.ts
+var import_system27 = require("@xyflow/system");
+var NoiseRotatePointNodeTemplateFactory = class {
+  template = {
+    type: "noise-rotate-point" /* noiseRotatePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Rotate Point",
+      xAngle: 0,
+      yAngle: 0,
+      zAngle: 0
+    },
+    handles: [
+      {
+        position: import_system27.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
+      },
+      {
+        position: import_system27.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/transformers/noise-scale-point-template.ts
+var import_system28 = require("@xyflow/system");
+var NoiseScalePointNodeTemplateFactory = class {
+  template = {
+    type: "noise-scale-point" /* noiseScalePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Scale Point",
+      xScale: 1,
+      yScale: 1,
+      zScale: 1
+    },
+    handles: [
+      {
+        position: import_system28.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
+      },
+      {
+        position: import_system28.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/transformers/noise-translate-point-template.ts
+var import_system29 = require("@xyflow/system");
+var NoiseTranslatePointNodeTemplateFactory = class {
+  template = {
+    type: "noise-translate-point" /* noiseTranslatePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Translate Point",
+      translateX: 0,
+      translateY: 0,
+      translateZ: 0
+    },
+    handles: [
+      {
+        position: import_system29.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
+      },
+      {
+        position: import_system29.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/transformers/noise-turbulence-template.ts
+var import_abstract32 = require("@awesome-flow/core/abstract");
+var import_system30 = require("@xyflow/system");
+var NoiseTurbulenceNodeTemplateFactory = class {
+  template = {
+    type: "noise-turbulence" /* noiseTurbulence */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Turbulence",
+      frequency: 1,
+      power: 1,
+      roughness: 1,
+      seed: 0
+    },
+    handles: [
+      {
+        position: import_system30.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
+      },
+      {
+        position: import_system30.Position.Left,
+        dataType: import_abstract32.CoreHandleType.variableProperty,
+        label: "Variable Properties",
+        connection: "target"
+      },
+      {
+        position: import_system30.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/generators/noise-billow-template.ts
+var import_abstract34 = require("@awesome-flow/core/abstract");
+var import_utils2 = require("@awesome-flow/core/utils");
+var import_system31 = require("@xyflow/system");
+var NoiseBillowNodeTemplateFactory = class {
+  template = {
+    id: import_utils2.IDGenerator.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: import_system31.Position.Left,
+        dataType: import_abstract34.CoreHandleType.variableProperty,
+        connection: "target"
+      },
+      {
+        position: import_system31.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/templates/groups/module-group-template.ts
+var import_abstract35 = require("@awesome-flow/core/abstract");
+var import_utils3 = require("@awesome-flow/core/utils");
+var import_system32 = require("@xyflow/system");
+var ModuleGroupNodeTemplateFactory = class {
+  template = {
+    id: import_utils3.IDGenerator.template(),
+    type: "group-module" /* groupModule */,
+    group: import_abstract35.CoreTemplateGroup.groups,
+    data: {
+      title: "Modules Group",
+      isGroup: true,
+      initialSize: {
+        width: 300,
+        height: 200
+      },
+      collapsedSize: {
+        width: 300,
+        height: 80
+      }
+    },
+    handles: [
+      {
+        position: import_system32.Position.Bottom,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1,
+        hideOnCollapse: true
+      },
+      {
+        position: import_system32.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
+};
+
+// src/abstract/node-types.ts
+var noiseNodeTemplates = {
+  ["noise-output" /* noiseOutput */]: new NoiseOutputNodeTemplateFactory(),
+  ["noise-simplex" /* noiseSimplex */]: new NoiseSimplexNodeTemplateFactory(),
+  ["noise-billow" /* noiseBillow */]: new NoiseBillowNodeTemplateFactory(),
+  ["noise-checkerboard" /* noiseCheckerboard */]: new NoiseCheckerboardNodeTemplateFactory(),
+  ["noise-normalize" /* noiseNormalize */]: new NoiseNormalizeNodeTemplateFactory(),
+  ["noise-logger" /* noiseLogger */]: new NoiseLoggerNodeTemplateFactory(),
+  ["noise-constant" /* noiseConst */]: new NoiseConstNodeTemplateFactory(),
+  ["position" /* position */]: new PositionConstNodeTemplateFactory(),
+  ["position-logger" /* positionLogger */]: new PositionLoggerNodeTemplateFactory(),
+  ["grid" /* grid */]: new PositionGridNodeTemplateFactory(),
+  ["texture-data" /* textureData */]: new NoiseRawTextureTemplateFactory(),
+  ["noise-cylinders" /* noiseCylinders */]: new NoiseCylindersNodeTemplateFactory(),
+  ["noise-perlin" /* noisePerlin */]: new NoisePerlinNodeTemplateFactory(),
+  ["noise-ridged-multi" /* noiseRidgedMulti */]: new NoiseRidgedMultiNodeTemplateFactory(),
+  ["noise-spheres" /* noiseSpheres */]: new NoiseSpheresNodeTemplateFactory(),
+  ["noise-voronoi" /* noiseVoronoi */]: new NoiseVoronoiNodeTemplateFactory(),
+  ["noise-combiner" /* noiseCombine */]: new NoiseCombineNodeTemplateFactory(),
+  ["noise-clamp" /* noiseClamp */]: new NoiseClampNodeTemplateFactory(),
+  ["noise-abs" /* noiseAbs */]: new NoiseAbsNodeTemplateFactory(),
+  ["noise-curve" /* noiseCurve */]: new NoiseCurveNodeTemplateFactory(),
+  ["noise-exponent" /* noiseExponent */]: new NoiseExponentNodeTemplateFactory(),
+  ["noise-invert" /* noiseInvert */]: new NoiseInvertNodeTemplateFactory(),
+  ["noise-scale-bias" /* noiseScaleBias */]: new NoiseScaleBiasNodeTemplateFactory(),
+  ["noise-terrace" /* noiseTerrace */]: new NoiseTerraceNodeTemplateFactory(),
+  ["noise-blend" /* noiseBlend */]: new NoiseBlendNodeTemplateFactory(),
+  ["noise-select" /* noiseSelect */]: new NoiseSelectNodeTemplateFactory(),
+  ["noise-displace" /* noiseDisplace */]: new NoiseDisplaceNodeTemplateFactory(),
+  ["noise-rotate-point" /* noiseRotatePoint */]: new NoiseRotatePointNodeTemplateFactory(),
+  ["noise-scale-point" /* noiseScalePoint */]: new NoiseScalePointNodeTemplateFactory(),
+  ["noise-translate-point" /* noiseTranslatePoint */]: new NoiseTranslatePointNodeTemplateFactory(),
+  ["noise-turbulence" /* noiseTurbulence */]: new NoiseTurbulenceNodeTemplateFactory(),
+  ["group-module" /* groupModule */]: new ModuleGroupNodeTemplateFactory()
+};
+
+// src/nodes/output/noise-output-node.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function NoiseOutputNode({ id, selected, data, type }) {
+  const [size, setSize] = (0, import_react40.useState)(0);
+  const updateComputedData = (0, import_hooks34.useUpdateNodeComputedData)();
+  const onDataUpdated = (0, import_react40.useCallback)(
+    (handleData) => {
+      const incomingPositions = handleData["position" /* position */];
+      const incomingModule = handleData["module" /* module */];
+      if (incomingPositions?.length && incomingModule?.length && incomingModule[0]?.module) {
+        const { module: module2 } = incomingModule[0];
+        const noise = [];
+        for (const input of incomingPositions) {
+          for (const position of input.positions) {
+            const value = module2.getValue(position.x, position.y, position.z);
+            noise.push({
+              position,
+              value
+            });
+          }
+        }
+        updateComputedData(id, { noise, module: module2 });
+        setSize(noise.length);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_layout32.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      import_components11.HandlesIncomingDataStatus,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataType",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core18.Text, { mt: 5, children: [
+      "Noise points: ",
+      size
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_layout32.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  ] });
+}
+var noise_output_node_default = NoiseOutputNode;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ModuleGroupNode,
@@ -2822,9 +3491,6 @@ var noise_turbulence_node_default = NoiseTurbulenceNode;
   NoiseVoronoiNode,
   PositionConstNode,
   PositionGridNode,
-  PositionsLoggerNode,
-  VariableCombineNode,
-  VariablePropertyNode,
-  VariableValueNode
+  PositionsLoggerNode
 });
 //# sourceMappingURL=index.cjs.map