@awesome-flow/noise 0.3.0 → 0.5.0

package/dist/abstract/index.cjs

@@ -77,11 +77,12 @@ var require_fast_deep_equal = __commonJS({
 // src/abstract/index.ts
 var abstract_exports = {};
 __export(abstract_exports, {
-  DisplacementModule: () => DisplacementModule,
+  DisplacementHandle: () => DisplacementHandle,
   NoiseCombineType: () => NoiseCombineType,
-  NoiseHandleFlag: () => NoiseHandleFlag,
+  NoiseHandleType: () => NoiseHandleType,
   NoiseNodeType: () => NoiseNodeType,
-  VariableCombineType: () => VariableCombineType,
+  NoiseSourceControlHandle: () => NoiseSourceControlHandle,
+  NoiseTemplateGroup: () => NoiseTemplateGroup,
   noiseCombineModuleMap: () => noiseCombineModuleMap,
   noiseNodeTemplates: () => noiseNodeTemplates,
   noiseNodeTypes: () => noiseNodeTypes
@@ -89,23 +90,27 @@ __export(abstract_exports, {
 module.exports = __toCommonJS(abstract_exports);
 
 // src/abstract/handle-types.ts
-var NoiseHandleFlag = /* @__PURE__ */ ((NoiseHandleFlag2) => {
-  NoiseHandleFlag2[NoiseHandleFlag2["texture"] = 1] = "texture";
-  NoiseHandleFlag2[NoiseHandleFlag2["noise"] = 2] = "noise";
-  NoiseHandleFlag2[NoiseHandleFlag2["position"] = 4] = "position";
-  NoiseHandleFlag2[NoiseHandleFlag2["module"] = 8] = "module";
-  NoiseHandleFlag2[NoiseHandleFlag2["variableProperty"] = 16] = "variableProperty";
-  NoiseHandleFlag2[NoiseHandleFlag2["variableValue"] = 32] = "variableValue";
-  return NoiseHandleFlag2;
-})(NoiseHandleFlag || {});
-var DisplacementModule = /* @__PURE__ */ ((DisplacementModule2) => {
-  DisplacementModule2["sourceModule"] = "source";
-  DisplacementModule2["xModule"] = "x-module";
-  DisplacementModule2["yModule"] = "y-module";
-  DisplacementModule2["zModule"] = "z-module";
-  DisplacementModule2["output"] = "output";
-  return DisplacementModule2;
-})(DisplacementModule || {});
+var NoiseHandleType = /* @__PURE__ */ ((NoiseHandleType2) => {
+  NoiseHandleType2["texture"] = "texture";
+  NoiseHandleType2["noise"] = "noise";
+  NoiseHandleType2["position"] = "position";
+  NoiseHandleType2["module"] = "module";
+  return NoiseHandleType2;
+})(NoiseHandleType || {});
+var DisplacementHandle = /* @__PURE__ */ ((DisplacementHandle2) => {
+  DisplacementHandle2["sourceModule"] = "source";
+  DisplacementHandle2["xModule"] = "x-module";
+  DisplacementHandle2["yModule"] = "y-module";
+  DisplacementHandle2["zModule"] = "z-module";
+  DisplacementHandle2["output"] = "output";
+  return DisplacementHandle2;
+})(DisplacementHandle || {});
+var NoiseSourceControlHandle = /* @__PURE__ */ ((NoiseSourceControlHandle2) => {
+  NoiseSourceControlHandle2["source"] = "source";
+  NoiseSourceControlHandle2["control"] = "control";
+  NoiseSourceControlHandle2["output"] = "output";
+  return NoiseSourceControlHandle2;
+})(NoiseSourceControlHandle || {});
 
 // src/nodes/generators/noise-simplex-node.tsx
 var import_layout = require("@awesome-flow/core/layout");
@@ -340,150 +345,15 @@ var noise_const_node_default = NoiseConstNode;
 
 // src/nodes/generators/noise-billow-node.tsx
 var import_layout6 = require("@awesome-flow/core/layout");
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_generator2 = require("libnoise-ts/module/generator");
-var import_hooks7 = require("@awesome-flow/core/hooks");
-var import_abstract2 = require("@awesome-flow/core/abstract");
-
-// src/layout/node-property-variables.tsx
 var import_hooks6 = require("@awesome-flow/core/hooks");
-var import_react6 = require("react");
-var import_core6 = 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_core5 = require("@mantine/core");
+var import_components = require("@awesome-flow/core/components");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-function NodeValueInput({ value, disabled, step, onChange }) {
-  if (value === void 0 || value === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
-  }
-  switch (typeof value) {
-    case "boolean": {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_core5.Switch,
-        {
-          checked: value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.checked)
-        }
-      );
-    }
-    case "number": {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core5.NumberInput, { value, disabled, step, onChange: (e) => onChange(e) });
-    }
-    case "string": {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_core5.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_runtime7 = require("react/jsx-runtime");
-function NodePropertyInput({ property, onChange }) {
-  if (!property) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, {});
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime8 = require("react/jsx-runtime");
-function NodePropertyVariables({
-  data,
-  nodeId,
-  onPropertiesChange,
-  except = import_abstract.nodeDataPropertyExcept
-}) {
-  const [properties, setProperties] = (0, import_react6.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_hooks6.useUpdateNodeData)();
-  const incoming = (0, import_hooks6.useIncomingNodeData)(nodeId);
-  const resetAllDisabled = (0, import_react6.useCallback)(() => {
-    const keys = Object.keys(properties);
-    keys.forEach((k) => {
-      properties[k].disabled = false;
-    });
-    setProperties(properties);
-  }, []);
-  const updatePropertyValue = (0, import_react6.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_react6.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_react6.useEffect)(() => {
-    if (onPropertiesChange) {
-      onPropertiesChange(properties);
-    }
-  }, [onPropertiesChange, properties]);
-  const nodes = (0, import_react6.useMemo)(() => {
-    return Object.keys(properties).map((key) => {
-      const property = properties[key];
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core6.Group, { children: [
-        property.name,
-        ":",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(node_property_input_default, { property, onChange: updatePropertyValue })
-      ] }, key);
-    });
-  }, [properties, updatePropertyValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core6.Stack, { children: nodes });
-}
-var node_property_variables_default = NodePropertyVariables;
-
-// src/nodes/generators/noise-billow-node.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
 function NoiseBillowNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks7.useUpdateNodeComputedData)();
-  const module2 = (0, import_react7.useMemo)(() => new import_generator2.Billow(), []);
-  const onPropertiesChange = (0, import_react7.useCallback)(
+  const updateComputedData = (0, import_hooks6.useUpdateNodeComputedData)();
+  const module2 = (0, import_react6.useMemo)(() => new import_generator2.Billow(), []);
+  const onPropertiesChange = (0, import_react6.useCallback)(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module2[k] = properties[k].value;
@@ -492,37 +362,29 @@ function NoiseBillowNode({ id, selected, data, type }) {
     },
     [id, module2, updateComputedData]
   );
-  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,
-        except: import_abstract2.nodeDataPropertyExcept,
-        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_components.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_layout6.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_billow_node_default = NoiseBillowNode;
 
 // src/nodes/output/noise-logger-node.tsx
 var import_layout7 = require("@awesome-flow/core/layout");
-var import_react8 = require("react");
-var import_core7 = require("@mantine/core");
-var import_hooks8 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_core5 = require("@mantine/core");
+var import_hooks7 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function NoiseLoggerNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks8.useIncomingComputedData)(id);
-  const noise = (0, import_react8.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_layout7.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core7.Text, { children: [
+  const incoming = (0, import_hooks7.useIncomingComputedData)(id);
+  const noise = (0, import_react7.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_layout7.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core5.Text, { children: [
       "Size: ",
       noise?.length || 0
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core7.Divider, { h: 5 }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core7.Stack, { children: noise?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core7.Text, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core5.Divider, { h: 5 }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core5.Stack, { children: noise?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_core5.Text, { children: [
       v.position?.x,
       ":",
       v.position?.y,
@@ -531,24 +393,24 @@ function NoiseLoggerNode({ id, selected, data, type }) {
       ": ",
       v.value
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_layout7.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_layout7.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_logger_node_default = NoiseLoggerNode;
 
 // src/nodes/output/noise-raw-texture-node.tsx
 var import_layout8 = require("@awesome-flow/core/layout");
-var import_react9 = require("react");
-var import_hooks9 = require("@awesome-flow/core/hooks");
-var import_core8 = require("@mantine/core");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_hooks8 = require("@awesome-flow/core/hooks");
+var import_core6 = require("@mantine/core");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function NoiseRawTextureNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks9.useUpdateNodeComputedData)();
-  const [dataLength, setDataLength] = (0, import_react9.useState)(0);
-  const [resolution, setResolution] = (0, import_react9.useState)(0);
-  const incoming = (0, import_hooks9.useIncomingComputedData)(id);
-  const noise = (0, import_react9.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
-  (0, import_react9.useEffect)(() => {
+  const updateComputedData = (0, import_hooks8.useUpdateNodeComputedData)();
+  const [dataLength, setDataLength] = (0, import_react8.useState)(0);
+  const [resolution, setResolution] = (0, import_react8.useState)(0);
+  const incoming = (0, import_hooks8.useIncomingComputedData)(id);
+  const noise = (0, import_react8.useMemo)(() => incoming?.map((p) => p.noise).flat(), [incoming]);
+  (0, import_react8.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();
@@ -559,19 +421,19 @@ function NoiseRawTextureNode({ id, selected, data, type }) {
       updateComputedData(id, { textureData: dataArray, textureResolution: size });
     }
   }, [noise]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_layout8.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core8.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core8.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_layout8.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core6.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core6.Group, { children: [
         "Resolution: ",
         resolution,
         "x",
         resolution
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core8.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core6.Group, { children: [
         "Input Length: ",
         noise?.length || 0
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core8.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_core6.Group, { children: [
         "Output Length (",
         resolution,
         "*",
@@ -580,66 +442,67 @@ function NoiseRawTextureNode({ id, selected, data, type }) {
         dataLength
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_layout8.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_layout8.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_raw_texture_node_default = NoiseRawTextureNode;
 
 // src/nodes/generators/noise-checkerboard-node.tsx
 var import_layout9 = require("@awesome-flow/core/layout");
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_generator3 = 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_jsx_runtime9 = require("react/jsx-runtime");
 function NoiseCheckerboardNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks10.useUpdateNodeComputedData)();
-  const module2 = (0, import_react10.useMemo)(() => new import_generator3.Checkerboard(), []);
-  (0, import_react10.useEffect)(() => {
+  const updateComputedData = (0, import_hooks9.useUpdateNodeComputedData)();
+  const module2 = (0, import_react9.useMemo)(() => new import_generator3.Checkerboard(), []);
+  (0, import_react9.useEffect)(() => {
     updateComputedData(id, { module: module2 });
   }, [id, module2, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_layout9.NodeContainer, { id, selected, data, type });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_layout9.NodeContainer, { id, selected, data, type });
 }
 var noise_checkerboard_node_default = NoiseCheckerboardNode;
 
 // src/nodes/output/positions-logger-node.tsx
 var import_layout10 = require("@awesome-flow/core/layout");
-var import_react11 = require("react");
-var import_core9 = 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_core7 = require("@mantine/core");
+var import_hooks10 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function PositionsLoggerNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks11.useIncomingComputedData)(id);
-  const positions = (0, import_react11.useMemo)(() => {
+  const incoming = (0, import_hooks10.useIncomingComputedData)(id);
+  const positions = (0, import_react10.useMemo)(() => {
     return incoming?.map((p) => p.positions).flat();
   }, [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_layout10.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core9.Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_layout10.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core7.Text, { children: [
       "Size: ",
       positions?.length || 0
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core9.Divider, { h: 5 }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core9.Stack, { children: positions?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core9.Text, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core7.Divider, { h: 5 }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core7.Stack, { children: positions?.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core7.Text, { children: [
       v.x,
       ":",
       v.y,
       ":",
       v.z
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_layout10.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_layout10.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var positions_logger_node_default = PositionsLoggerNode;
 
 // src/nodes/generators/noise-cylinders-node.tsx
 var import_layout11 = require("@awesome-flow/core/layout");
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_generator4 = require("libnoise-ts/module/generator");
-var import_hooks12 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_hooks11 = require("@awesome-flow/core/hooks");
+var import_components2 = require("@awesome-flow/core/components");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function NoiseCylindersNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks12.useUpdateNodeComputedData)();
-  const module2 = (0, import_react12.useMemo)(() => new import_generator4.Cylinders(), []);
-  const onPropertiesChange = (0, import_react12.useCallback)(
+  const updateComputedData = (0, import_hooks11.useUpdateNodeComputedData)();
+  const module2 = (0, import_react11.useMemo)(() => new import_generator4.Cylinders(), []);
+  const onPropertiesChange = (0, import_react11.useCallback)(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module2[k] = properties[k].value;
@@ -648,23 +511,24 @@ function NoiseCylindersNode({ id, selected, data, type }) {
     },
     [id, module2, updateComputedData]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_layout11.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_layout11.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_layout11.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_components2.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_layout11.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_cylinders_node_default = NoiseCylindersNode;
 
 // src/nodes/generators/noise-perlin-node.tsx
 var import_layout12 = require("@awesome-flow/core/layout");
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_generator5 = require("libnoise-ts/module/generator");
-var import_hooks13 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_hooks12 = require("@awesome-flow/core/hooks");
+var import_components3 = require("@awesome-flow/core/components");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function NoisePerlinNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks13.useUpdateNodeComputedData)();
-  const module2 = (0, import_react13.useMemo)(() => new import_generator5.Perlin(), []);
-  const onPropertiesChange = (0, import_react13.useCallback)(
+  const updateComputedData = (0, import_hooks12.useUpdateNodeComputedData)();
+  const module2 = (0, import_react12.useMemo)(() => new import_generator5.Perlin(), []);
+  const onPropertiesChange = (0, import_react12.useCallback)(
     (properties) => {
       Object.keys(properties).forEach((k) => {
         module2[k] = properties[k].value;
@@ -673,62 +537,65 @@ function NoisePerlinNode({ id, selected, data, type }) {
     },
     [id, module2, updateComputedData]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_layout12.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_layout12.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_layout12.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_components3.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_layout12.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_perlin_node_default = NoisePerlinNode;
 
 // src/nodes/generators/noise-ridgedmulti-node.tsx
 var import_layout13 = require("@awesome-flow/core/layout");
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_generator6 = require("libnoise-ts/module/generator");
-var import_hooks14 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_hooks13 = require("@awesome-flow/core/hooks");
+var import_components4 = require("@awesome-flow/core/components");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function NoiseRidgedMultiNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks14.useUpdateNodeComputedData)();
-  const module2 = (0, import_react14.useMemo)(() => new import_generator6.RidgedMulti(), []);
-  const onPropertiesChange = (0, import_react14.useCallback)((properties) => {
+  const updateComputedData = (0, import_hooks13.useUpdateNodeComputedData)();
+  const module2 = (0, import_react13.useMemo)(() => new import_generator6.RidgedMulti(), []);
+  const onPropertiesChange = (0, import_react13.useCallback)((properties) => {
     Object.keys(properties).forEach((k) => module2[k] = properties[k].value);
     updateComputedData(id, { module: module2 });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_layout13.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_layout13.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_layout13.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_components4.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_layout13.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_ridgedmulti_node_default = NoiseRidgedMultiNode;
 
 // src/nodes/generators/noise-spheres-node.tsx
 var import_layout14 = require("@awesome-flow/core/layout");
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_generator7 = require("libnoise-ts/module/generator");
-var import_hooks15 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_hooks14 = require("@awesome-flow/core/hooks");
+var import_components5 = require("@awesome-flow/core/components");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function NoiseSpheresNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks15.useUpdateNodeComputedData)();
-  const module2 = (0, import_react15.useMemo)(() => new import_generator7.Spheres(), []);
-  const onPropertiesChange = (0, import_react15.useCallback)((properties) => {
+  const updateComputedData = (0, import_hooks14.useUpdateNodeComputedData)();
+  const module2 = (0, import_react14.useMemo)(() => new import_generator7.Spheres(), []);
+  const onPropertiesChange = (0, import_react14.useCallback)((properties) => {
     Object.keys(properties).forEach((k) => module2[k] = properties[k].value);
     updateComputedData(id, { module: module2 });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_layout14.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_layout14.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_layout14.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_components5.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_layout14.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_spheres_node_default = NoiseSpheresNode;
 
 // src/nodes/generators/noise-voronoi-node.tsx
 var import_layout15 = require("@awesome-flow/core/layout");
-var import_react16 = require("react");
+var import_react15 = require("react");
 var import_generator8 = require("libnoise-ts/module/generator");
-var import_hooks16 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_hooks15 = require("@awesome-flow/core/hooks");
+var import_components6 = require("@awesome-flow/core/components");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function NoiseVoronoiNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks16.useUpdateNodeComputedData)();
-  const onPropertiesChange = (0, import_react16.useCallback)(
+  const updateComputedData = (0, import_hooks15.useUpdateNodeComputedData)();
+  const onPropertiesChange = (0, import_react15.useCallback)(
     (properties) => {
       const module2 = new import_generator8.Voronoi(
         properties.frequency.value,
@@ -740,17 +607,17 @@ function NoiseVoronoiNode({ id, selected, data, type }) {
     },
     []
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_layout15.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_layout15.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_components6.NodePropertyVariables, { data, nodeId: id, onPropertiesChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_layout15.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_voronoi_node_default = NoiseVoronoiNode;
 
 // src/nodes/modifiers/noise-combine-node.tsx
 var import_layout16 = require("@awesome-flow/core/layout");
-var import_react17 = require("react");
-var import_hooks17 = require("@awesome-flow/core/hooks");
+var import_react16 = require("react");
+var import_hooks16 = require("@awesome-flow/core/hooks");
 var import_icons_react = require("@tabler/icons-react");
 
 // src/abstract/operations.ts
@@ -763,15 +630,6 @@ var NoiseCombineType = /* @__PURE__ */ ((NoiseCombineType3) => {
   NoiseCombineType3["power"] = "power";
   return NoiseCombineType3;
 })(NoiseCombineType || {});
-var VariableCombineType = /* @__PURE__ */ ((VariableCombineType2) => {
-  VariableCombineType2["add"] = "add";
-  VariableCombineType2["divide"] = "divide";
-  VariableCombineType2["max"] = "max";
-  VariableCombineType2["min"] = "min";
-  VariableCombineType2["multiply"] = "multiply";
-  VariableCombineType2["power"] = "power";
-  return VariableCombineType2;
-})(VariableCombineType || {});
 var noiseCombineModuleMap = {
   ["add" /* add */]: import_combiner.Add,
   ["max" /* max */]: import_combiner.Max,
@@ -781,59 +639,59 @@ var noiseCombineModuleMap = {
 };
 
 // src/nodes/modifiers/noise-combine-node.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var options = {
-  add: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react.IconPlus, {}),
-  min: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react.IconChevronLeft, {}),
-  max: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react.IconChevronRight, {}),
-  multiply: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react.IconAsterisk, {}),
-  power: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react.IconChevronUp, {})
+  add: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons_react.IconPlus, {}),
+  min: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons_react.IconChevronLeft, {}),
+  max: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons_react.IconChevronRight, {}),
+  multiply: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons_react.IconAsterisk, {}),
+  power: /* @__PURE__ */ (0, import_jsx_runtime16.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_react17.useEffect)(() => {
+  const updateNodeData = (0, import_hooks16.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks16.useUpdateNodeComputedData)();
+  const incoming = (0, import_hooks16.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_react17.useCallback)((operation) => {
+  const onChange = (0, import_react16.useCallback)((operation) => {
     updateNodeData(id, { operation });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_layout16.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_layout16.NodeCombobox, { options, selected: data.operation, onChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_layout16.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_layout16.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_layout16.NodeCombobox, { options, selected: data.operation, onChange, width: 150 }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_layout16.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
 var noise_combine_node_default = NoiseCombineNode;
 
 // src/nodes/modifiers/noise-clamp-node.tsx
 var import_layout17 = require("@awesome-flow/core/layout");
-var import_react18 = require("react");
-var import_core10 = require("@mantine/core");
-var import_hooks18 = require("@awesome-flow/core/hooks");
+var import_react17 = require("react");
+var import_core8 = require("@mantine/core");
+var import_hooks17 = require("@awesome-flow/core/hooks");
 var import_modifier2 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime17 = 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_hooks18.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks18.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks18.useUpdateNodeComputedData)();
-  (0, import_react18.useEffect)(() => {
+  const [lowerBound, setLowerBound] = (0, import_react17.useState)(data.lowerBound);
+  const [upperBound, setUpperBound] = (0, import_react17.useState)(data.upperBound);
+  const incoming = (0, import_hooks17.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks17.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks17.useUpdateNodeComputedData)();
+  (0, import_react17.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_runtime20.jsxs)(import_layout17.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core10.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core10.Group, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_core10.NumberInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_layout17.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core8.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core8.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_core8.NumberInput,
         {
           size: "xs",
           w: 100,
@@ -842,8 +700,8 @@ function NoiseClampNode({ id, selected, data, type }) {
           step: 0.1
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_core10.NumberInput,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_core8.NumberInput,
         {
           size: "xs",
           w: 100,
@@ -853,56 +711,46 @@ function NoiseClampNode({ id, selected, data, type }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_layout17.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_clamp_node_default = NoiseClampNode;
 
 // src/nodes/modifiers/noise-abs-node.tsx
 var import_layout18 = require("@awesome-flow/core/layout");
-var import_react19 = require("react");
-var import_hooks19 = require("@awesome-flow/core/hooks");
+var import_react18 = require("react");
+var import_hooks18 = require("@awesome-flow/core/hooks");
 var import_modifier3 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function NoiseAbsNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks19.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks19.useUpdateNodeComputedData)();
-  (0, import_react19.useEffect)(() => {
+  const incoming = (0, import_hooks18.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks18.useUpdateNodeComputedData)();
+  (0, import_react18.useEffect)(() => {
     if (incoming?.length > 0) {
       const module2 = new import_modifier3.Abs(incoming[0].module);
       updateComputedData(id, { module: module2 });
     }
   }, [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_layout18.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_layout18.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_abs_node_default = NoiseAbsNode;
 
 // src/nodes/output/noise-output-node.tsx
 var import_layout19 = require("@awesome-flow/core/layout");
-var import_hooks20 = require("@awesome-flow/core/hooks");
-var import_core11 = require("@mantine/core");
-var import_react20 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_hooks19 = require("@awesome-flow/core/hooks");
+var import_components7 = require("@awesome-flow/core/components");
+var import_core9 = require("@mantine/core");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function NoiseOutputNode({ id, selected, data, type }) {
-  const [generating, setGenerating] = (0, import_react20.useState)(false);
-  const updateComputedData = (0, import_hooks20.useUpdateNodeComputedData)();
-  const incomingModules = (0, import_hooks20.useIncomingComputedData)(id, 8 /* module */);
-  const incomingPositions = (0, import_hooks20.useIncomingComputedData)(
-    id,
-    4 /* position */
-  );
-  (0, import_react20.useEffect)(() => {
-    if (incomingPositions?.length && incomingModules?.length) {
-      const { module: module2 } = incomingModules[0];
-      if (module2) {
-        setGenerating(true);
-      }
-    }
-  }, [incomingModules, incomingPositions]);
-  (0, import_react20.useEffect)(() => {
-    if (incomingPositions?.length && incomingModules?.length) {
-      const { module: module2 } = incomingModules[0];
-      if (module2 && generating) {
+  const [size, setSize] = (0, import_react19.useState)(0);
+  const updateComputedData = (0, import_hooks19.useUpdateNodeComputedData)();
+  const onDataUpdated = (0, import_react19.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) {
@@ -913,48 +761,43 @@ function NoiseOutputNode({ id, selected, data, type }) {
             });
           }
         }
-        console.log("SET COMPUTED DATA");
         updateComputedData(id, { noise, module: module2 });
-        setGenerating(false);
+        setSize(noise.length);
       }
-    }
-  }, [generating]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_layout19.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core11.Box, { pos: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        import_core11.LoadingOverlay,
-        {
-          visible: generating,
-          zIndex: 1e3,
-          overlayProps: { radius: "sm", blur: 2 }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core11.Stack, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core11.Group, { children: [
-          "Position Inputs: ",
-          incomingPositions?.length
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core11.Group, { children: [
-          "Module Inputs: ",
-          incomingModules?.length
-        ] })
-      ] })
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_layout19.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_components7.HandlesIncomingDataStatus,
+      {
+        nodeId: id,
+        handles: data.handles,
+        handleKey: "dataType",
+        onDataUpdated,
+        type: "target",
+        resetComputedData: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core9.Text, { mt: 5, children: [
+      "Noise points: ",
+      size
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_layout19.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_output_node_default = NoiseOutputNode;
 
 // src/nodes/modifiers/noise-curve-node.tsx
 var import_layout20 = require("@awesome-flow/core/layout");
-var import_core12 = require("@mantine/core");
-var import_hooks21 = require("@awesome-flow/core/hooks");
+var import_core10 = require("@mantine/core");
+var import_hooks20 = require("@awesome-flow/core/hooks");
 
 // ../../node_modules/@mantine/form/esm/use-form.mjs
-var import_react27 = require("react");
+var import_react26 = require("react");
 
 // ../../node_modules/@mantine/form/esm/actions/actions.mjs
-var import_react21 = require("react");
+var import_react20 = require("react");
 function validateFormName(name) {
   if (!/^[0-9a-zA-Z-]+$/.test(name)) {
     throw new Error(
@@ -962,7 +805,7 @@ function validateFormName(name) {
     );
   }
 }
-var useIsomorphicEffect = typeof window !== "undefined" ? import_react21.useLayoutEffect : import_react21.useEffect;
+var useIsomorphicEffect = typeof window !== "undefined" ? import_react20.useLayoutEffect : import_react20.useEffect;
 function useFormEvent(eventKey, handler) {
   useIsomorphicEffect(() => {
     if (eventKey) {
@@ -1059,7 +902,7 @@ function getInputOnChange(setValue) {
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/use-form-errors.mjs
-var import_react22 = require("react");
+var import_react21 = require("react");
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-errors/filter-errors/filter-errors.mjs
 function filterErrors(errors) {
@@ -1077,14 +920,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_react22.useState)(filterErrors(initialErrors));
-  const setErrors = (0, import_react22.useCallback)((errors) => {
+  const [errorsState, setErrorsState] = (0, import_react21.useState)(filterErrors(initialErrors));
+  const setErrors = (0, import_react21.useCallback)((errors) => {
     setErrorsState(
       (current) => filterErrors(typeof errors === "function" ? errors(current) : errors)
     );
   }, []);
-  const clearErrors = (0, import_react22.useCallback)(() => setErrorsState({}), []);
-  const clearFieldError = (0, import_react22.useCallback)(
+  const clearErrors = (0, import_react21.useCallback)(() => setErrorsState({}), []);
+  const clearFieldError = (0, import_react21.useCallback)(
     (path) => {
       if (errorsState[path] === void 0) {
         return;
@@ -1097,7 +940,7 @@ function useFormErrors(initialErrors) {
     },
     [errorsState]
   );
-  const setFieldError = (0, import_react22.useCallback)(
+  const setFieldError = (0, import_react21.useCallback)(
     (path, error) => {
       if (error == null || error === false) {
         clearFieldError(path);
@@ -1117,7 +960,7 @@ function useFormErrors(initialErrors) {
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-list/use-form-list.mjs
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // ../../node_modules/@mantine/form/esm/lists/clear-list-state.mjs
 function clearListState(field, state) {
@@ -1341,7 +1184,7 @@ function useFormList({
   $errors,
   $status
 }) {
-  const reorderListItem = (0, import_react23.useCallback)((path, payload) => {
+  const reorderListItem = (0, import_react22.useCallback)((path, payload) => {
     $status.clearFieldDirty(path);
     $errors.setErrors((errs) => reorderErrors(path, payload, errs));
     $values.setValues({
@@ -1349,7 +1192,7 @@ function useFormList({
       updateState: true
     });
   }, []);
-  const removeListItem = (0, import_react23.useCallback)((path, index) => {
+  const removeListItem = (0, import_react22.useCallback)((path, index) => {
     $status.clearFieldDirty(path);
     $errors.setErrors((errs) => changeErrorIndices(path, index, errs, -1));
     $values.setValues({
@@ -1357,7 +1200,7 @@ function useFormList({
       updateState: true
     });
   }, []);
-  const insertListItem = (0, import_react23.useCallback)((path, item, index) => {
+  const insertListItem = (0, import_react22.useCallback)((path, item, index) => {
     $status.clearFieldDirty(path);
     $errors.setErrors((errs) => changeErrorIndices(path, index, errs, 1));
     $values.setValues({
@@ -1369,7 +1212,7 @@ function useFormList({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-status/use-form-status.mjs
-var import_react24 = require("react");
+var import_react23 = require("react");
 var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1);
 
 // ../../node_modules/@mantine/form/esm/get-status/get-status.mjs
@@ -1389,31 +1232,31 @@ function useFormStatus({
   mode,
   $values
 }) {
-  const [touchedState, setTouchedState] = (0, import_react24.useState)(initialTouched);
-  const [dirtyState, setDirtyState] = (0, import_react24.useState)(initialDirty);
-  const touchedRef = (0, import_react24.useRef)(initialTouched);
-  const dirtyRef = (0, import_react24.useRef)(initialDirty);
-  const setTouched = (0, import_react24.useCallback)((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 resolvedValues = typeof values === "function" ? values(touchedRef.current) : values;
     touchedRef.current = resolvedValues;
     if (mode === "controlled") {
       setTouchedState(resolvedValues);
     }
   }, []);
-  const setDirty = (0, import_react24.useCallback)((values) => {
+  const setDirty = (0, import_react23.useCallback)((values) => {
     const resolvedValues = typeof values === "function" ? values(dirtyRef.current) : values;
     dirtyRef.current = resolvedValues;
     if (mode === "controlled") {
       setDirtyState(resolvedValues);
     }
   }, []);
-  const resetTouched = (0, import_react24.useCallback)(() => setTouched({}), []);
+  const resetTouched = (0, import_react23.useCallback)(() => setTouched({}), []);
   const resetDirty = (values) => {
     const newSnapshot = values ? { ...values, ...$values.refValues.current } : $values.refValues.current;
     $values.setValuesSnapshot(newSnapshot);
     setDirty({});
   };
-  const setFieldTouched = (0, import_react24.useCallback)((path, touched) => {
+  const setFieldTouched = (0, import_react23.useCallback)((path, touched) => {
     setTouched((currentTouched) => {
       if (getStatus(currentTouched, path) === touched) {
         return currentTouched;
@@ -1421,7 +1264,7 @@ function useFormStatus({
       return { ...currentTouched, [path]: touched };
     });
   }, []);
-  const setFieldDirty = (0, import_react24.useCallback)((path, dirty) => {
+  const setFieldDirty = (0, import_react23.useCallback)((path, dirty) => {
     setDirty((currentDirty) => {
       if (getStatus(currentDirty, path) === dirty) {
         return currentDirty;
@@ -1429,11 +1272,11 @@ function useFormStatus({
       return { ...currentDirty, [path]: dirty };
     });
   }, []);
-  const isTouched = (0, import_react24.useCallback)(
+  const isTouched = (0, import_react23.useCallback)(
     (path) => getStatus(touchedRef.current, path),
     []
   );
-  const clearFieldDirty = (0, import_react24.useCallback)(
+  const clearFieldDirty = (0, import_react23.useCallback)(
     (path) => setDirty((current) => {
       if (typeof path !== "string") {
         return current;
@@ -1447,7 +1290,7 @@ function useFormStatus({
     }),
     []
   );
-  const isDirty = (0, import_react24.useCallback)((path) => {
+  const isDirty = (0, import_react23.useCallback)((path) => {
     if (path) {
       const overriddenValue = getPath(path, dirtyRef.current);
       if (typeof overriddenValue === "boolean") {
@@ -1463,8 +1306,8 @@ function useFormStatus({
     }
     return !(0, import_fast_deep_equal.default)($values.refValues.current, $values.valuesSnapshot.current);
   }, []);
-  const getDirty = (0, import_react24.useCallback)(() => dirtyRef.current, []);
-  const getTouched = (0, import_react24.useCallback)(() => touchedRef.current, []);
+  const getDirty = (0, import_react23.useCallback)(() => dirtyRef.current, []);
+  const getTouched = (0, import_react23.useCallback)(() => touchedRef.current, []);
   return {
     touchedState,
     dirtyState,
@@ -1487,17 +1330,17 @@ function useFormStatus({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-values/use-form-values.mjs
-var import_react25 = require("react");
+var import_react24 = require("react");
 function useFormValues({
   initialValues,
   onValuesChange,
   mode
 }) {
-  const initialized = (0, import_react25.useRef)(false);
-  const [stateValues, setStateValues] = (0, import_react25.useState)(initialValues || {});
-  const refValues = (0, import_react25.useRef)(stateValues);
-  const valuesSnapshot = (0, import_react25.useRef)(stateValues);
-  const setValues = (0, import_react25.useCallback)(
+  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)(
     ({
       values,
       subscribers,
@@ -1514,7 +1357,7 @@ function useFormValues({
     },
     [onValuesChange]
   );
-  const setFieldValue = (0, import_react25.useCallback)((payload) => {
+  const setFieldValue = (0, import_react24.useCallback)((payload) => {
     const currentValue = getPath(payload.path, refValues.current);
     const updatedValue = payload.value instanceof Function ? payload.value(currentValue) : payload.value;
     if (currentValue !== updatedValue) {
@@ -1526,10 +1369,10 @@ function useFormValues({
       );
     }
   }, []);
-  const setValuesSnapshot = (0, import_react25.useCallback)((payload) => {
+  const setValuesSnapshot = (0, import_react24.useCallback)((payload) => {
     valuesSnapshot.current = payload;
   }, []);
-  const initialize = (0, import_react25.useCallback)((values, onInitialize) => {
+  const initialize = (0, import_react24.useCallback)((values, onInitialize) => {
     if (!initialized.current) {
       initialized.current = true;
       setValues({ values, updateState: mode === "controlled" });
@@ -1537,14 +1380,14 @@ function useFormValues({
       onInitialize();
     }
   }, []);
-  const resetValues = (0, import_react25.useCallback)(() => {
+  const resetValues = (0, import_react24.useCallback)(() => {
     setValues({
       values: valuesSnapshot.current,
       updateState: true,
       mergeWithPreviousValues: false
     });
   }, []);
-  const getValues = (0, import_react25.useCallback)(() => refValues.current, []);
+  const getValues = (0, import_react24.useCallback)(() => refValues.current, []);
   return {
     initialized,
     stateValues,
@@ -1560,15 +1403,15 @@ function useFormValues({
 }
 
 // ../../node_modules/@mantine/form/esm/hooks/use-form-watch/use-form-watch.mjs
-var import_react26 = require("react");
+var import_react25 = require("react");
 function useFormWatch({
   $status
 }) {
-  const subscribers = (0, import_react26.useRef)(
+  const subscribers = (0, import_react25.useRef)(
     {}
   );
-  const watch = (0, import_react26.useCallback)((path, callback) => {
-    (0, import_react26.useEffect)(() => {
+  const watch = (0, import_react25.useCallback)((path, callback) => {
+    (0, import_react25.useEffect)(() => {
       subscribers.current[path] = subscribers.current[path] || [];
       subscribers.current[path].push(callback);
       return () => {
@@ -1576,7 +1419,7 @@ function useFormWatch({
       };
     }, [callback]);
   }, []);
-  const getFieldSubscribers = (0, import_react26.useCallback)((path) => {
+  const getFieldSubscribers = (0, import_react25.useCallback)((path) => {
     if (!subscribers.current[path]) {
       return [];
     }
@@ -1596,6 +1439,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);
@@ -1684,20 +1532,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_react27.useState)(0);
-  const [fieldKeys, setFieldKeys] = (0, import_react27.useState)({});
-  const reset = (0, import_react27.useCallback)(() => {
+  const [formKey, setFormKey] = (0, import_react26.useState)(0);
+  const [fieldKeys, setFieldKeys] = (0, import_react26.useState)({});
+  const reset = (0, import_react26.useCallback)(() => {
     $values.resetValues();
     $errors.clearErrors();
     $status.resetDirty();
     $status.resetTouched();
     mode === "uncontrolled" && setFormKey((key2) => key2 + 1);
   }, []);
-  const initialize = (0, import_react27.useCallback)((values) => {
+  const initialize = (0, import_react26.useCallback)((values) => {
     $values.initialize(values, () => mode === "uncontrolled" && setFormKey((key2) => key2 + 1));
   }, []);
-  const setFieldValue = (0, import_react27.useCallback)(
-    (path, value, options3) => {
+  const setFieldValue = (0, import_react26.useCallback)(
+    (path, value, options2) => {
       const shouldValidate = shouldValidateOnChange(path, validateInputOnChange);
       $status.clearFieldDirty(path);
       $status.setFieldTouched(path, true);
@@ -1712,7 +1560,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
@@ -1721,7 +1569,7 @@ function useForm({
     },
     [onValuesChange, rules]
   );
-  const setValues = (0, import_react27.useCallback)(
+  const setValues = (0, import_react26.useCallback)(
     (values) => {
       const previousValues = $values.refValues.current;
       $values.setValues({ values, updateState: mode === "controlled" });
@@ -1737,12 +1585,12 @@ function useForm({
     },
     [onValuesChange, clearInputErrorOnChange]
   );
-  const validate = (0, import_react27.useCallback)(() => {
+  const validate = (0, import_react26.useCallback)(() => {
     const results = validateValues(rules, $values.refValues.current);
     $errors.setErrors(results.errors);
     return results;
   }, [rules]);
-  const validateField = (0, import_react27.useCallback)(
+  const validateField = (0, import_react26.useCallback)(
     (path) => {
       const results = validateFieldValue(path, rules, $values.refValues.current);
       results.hasError ? $errors.setFieldError(path, results.error) : $errors.clearFieldError(path);
@@ -1754,7 +1602,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];
     }
@@ -1798,15 +1646,19 @@ function useForm({
     }
   };
   const getTransformedValues = (input) => transformValues(input || $values.refValues.current);
-  const onReset = (0, import_react27.useCallback)((event) => {
+  const onReset = (0, import_react26.useCallback)((event) => {
     event.preventDefault();
     reset();
   }, []);
-  const isValid = (0, import_react27.useCallback)(
+  const isValid = (0, import_react26.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_react26.useCallback)(
+    (path) => document.querySelector(`[data-path="${getDataPath(name, path)}"]`),
+    []
+  );
   const form = {
     watch: $watch.watch,
     initialized: $values.initialized.current,
@@ -1840,25 +1692,26 @@ function useForm({
     onReset,
     isValid,
     getTransformedValues,
-    key
+    key,
+    getInputNode
   };
   useFormActions(name, form);
   return form;
 }
 
 // src/nodes/modifiers/noise-curve-node.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_modifier4 = require("libnoise-ts/module/modifier");
 var import_util = require("libnoise-ts/util");
 var import_icons_react2 = require("@tabler/icons-react");
-var import_hooks22 = require("@mantine/hooks");
-var import_abstract3 = require("@awesome-flow/core/abstract");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_hooks21 = require("@mantine/hooks");
+var import_abstract2 = require("@awesome-flow/core/abstract");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function NoiseCurveNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks21.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks21.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks21.useUpdateNodeComputedData)();
-  const [values, setValues] = (0, import_react28.useState)([]);
+  const incoming = (0, import_hooks20.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks20.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks20.useUpdateNodeComputedData)();
+  const [values, setValues] = (0, import_react27.useState)([]);
   const form = useForm({
     mode: "uncontrolled",
     initialValues: {
@@ -1877,7 +1730,7 @@ function NoiseCurveNode({ id, selected, data, type }) {
         }
       }
     },
-    onValuesChange: (0, import_react28.useCallback)((values2) => {
+    onValuesChange: (0, import_react27.useCallback)((values2) => {
       if (form.isValid()) {
         const points = values2.points.map((v) => ({ input: v.input, output: v.output }));
         setValues(points);
@@ -1886,11 +1739,11 @@ function NoiseCurveNode({ id, selected, data, type }) {
       form.validate();
     }, [])
   });
-  (0, import_react28.useEffect)(() => {
-    const points = data.points?.length ? data.points.map((v) => ({ input: v.input, output: v.output, key: (0, import_hooks22.randomId)() })) : [1, 2, 3, 4].map(() => ({ input: 0, output: 0, key: (0, import_hooks22.randomId)() }));
+  (0, import_react27.useEffect)(() => {
+    const points = data.points?.length ? data.points.map((v) => ({ input: v.input, output: v.output, key: (0, import_hooks21.randomId)() })) : [1, 2, 3, 4].map(() => ({ input: 0, output: 0, key: (0, import_hooks21.randomId)() }));
     form.initialize({ points });
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (incoming?.length && values?.length >= 4) {
       const module2 = new import_modifier4.Curve(
         incoming[0].module,
@@ -1899,9 +1752,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_runtime23.jsxs)(import_core12.Group, { mt: "xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_core12.NumberInput,
+  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core10.Group, { mt: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_core10.NumberInput,
       {
         size: "xs",
         w: 100,
@@ -1911,8 +1764,8 @@ function NoiseCurveNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.input`)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_core12.NumberInput,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_core10.NumberInput,
       {
         size: "xs",
         w: 100,
@@ -1922,61 +1775,61 @@ function NoiseCurveNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.output`)
     ),
-    data.state === import_abstract3.NodeState.edit && values.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_core12.ActionIcon,
+    data.state === import_abstract2.NodeState.edit && values.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_core10.ActionIcon,
       {
         color: "red",
         variant: "outline",
         size: "sm",
         onClick: () => form.removeListItem("points", index),
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_icons_react2.IconX, { size: "1rem" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react2.IconX, { size: "1rem" })
       }
     )
   ] }, item.key));
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_layout20.NodeContainer, { id, selected, type, data, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_layout20.NodeContainer, { id, selected, type, data, children: [
     fields,
-    data.state === import_abstract3.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core12.Space, { h: 10 }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_core12.Button,
+    data.state === import_abstract2.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core10.Space, { h: 10 }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_core10.Button,
         {
           variant: "outline",
           size: "xs",
           fullWidth: true,
-          onClick: () => form.insertListItem("points", { input: 0, output: 0, key: (0, import_hooks22.randomId)() }),
+          onClick: () => form.insertListItem("points", { input: 0, output: 0, key: (0, import_hooks21.randomId)() }),
           children: "Add control point"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_layout20.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_curve_node_default = NoiseCurveNode;
 
 // src/nodes/modifiers/noise-exponent-node.tsx
 var import_layout21 = require("@awesome-flow/core/layout");
-var import_react29 = require("react");
-var import_core13 = require("@mantine/core");
-var import_hooks23 = require("@awesome-flow/core/hooks");
+var import_react28 = require("react");
+var import_core11 = require("@mantine/core");
+var import_hooks22 = require("@awesome-flow/core/hooks");
 var import_modifier5 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function NoiseExponentNode({ id, selected, data, type }) {
-  const [exponent, setExponent] = (0, import_react29.useState)(data.exponent);
-  const incoming = (0, import_hooks23.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks23.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks23.useUpdateNodeComputedData)();
-  (0, import_react29.useEffect)(() => {
+  const [exponent, setExponent] = (0, import_react28.useState)(data.exponent);
+  const incoming = (0, import_hooks22.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks22.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks22.useUpdateNodeComputedData)();
+  (0, import_react28.useEffect)(() => {
     if (incoming?.length > 0) {
       const module2 = new import_modifier5.Exponent(incoming[0].module, exponent);
       updateComputedData(id, { module: module2 });
     }
     updateNodeData(id, { exponent });
   }, [incoming, exponent]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_layout21.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core13.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core13.Group, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_layout21.NodeContainer, { id, selected, data, type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core11.Stack, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core11.Group, { children: [
       "Exponent:",
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        import_core13.NumberInput,
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_core11.NumberInput,
         {
           size: "xs",
           value: exponent,
@@ -1985,56 +1838,56 @@ function NoiseExponentNode({ id, selected, data, type }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_layout21.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_exponent_node_default = NoiseExponentNode;
 
 // src/nodes/modifiers/noise-invert-node.tsx
 var import_layout22 = require("@awesome-flow/core/layout");
-var import_react30 = require("react");
-var import_hooks24 = require("@awesome-flow/core/hooks");
+var import_react29 = require("react");
+var import_hooks23 = require("@awesome-flow/core/hooks");
 var import_modifier6 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function NoiseInvertNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks24.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks24.useUpdateNodeComputedData)();
-  (0, import_react30.useEffect)(() => {
+  const incoming = (0, import_hooks23.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks23.useUpdateNodeComputedData)();
+  (0, import_react29.useEffect)(() => {
     if (incoming?.length > 0) {
       const module2 = new import_modifier6.Invert(incoming[0].module);
       updateComputedData(id, { module: module2 });
     }
   }, [incoming]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_layout22.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_layout22.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_layout22.NodeContainer, { id, selected, data, type, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_layout22.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" }) });
 }
 var noise_invert_node_default = NoiseInvertNode;
 
 // src/nodes/modifiers/noise-scale-bias-node.tsx
 var import_layout23 = require("@awesome-flow/core/layout");
-var import_react31 = require("react");
-var import_core14 = require("@mantine/core");
-var import_hooks25 = require("@awesome-flow/core/hooks");
+var import_react30 = require("react");
+var import_core12 = require("@mantine/core");
+var import_hooks24 = require("@awesome-flow/core/hooks");
 var import_modifier7 = require("libnoise-ts/module/modifier");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime23 = 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_hooks25.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks25.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks25.useUpdateNodeComputedData)();
-  (0, import_react31.useEffect)(() => {
+  const [scale, setScale] = (0, import_react30.useState)(data.scale);
+  const [bias, setBias] = (0, import_react30.useState)(data.bias);
+  const incoming = (0, import_hooks24.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks24.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks24.useUpdateNodeComputedData)();
+  (0, import_react30.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_runtime26.jsxs)(import_layout23.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: [
+  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: [
         "Scale:",
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_core14.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_core12.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2044,10 +1897,10 @@ function NoiseScaleBiasNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core14.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core12.Group, { children: [
         "Bias:",
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_core14.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_core12.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2058,26 +1911,26 @@ function NoiseScaleBiasNode({ id, selected, data, type }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_layout23.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_scale_bias_node_default = NoiseScaleBiasNode;
 
 // src/nodes/modifiers/noise-terrace-node.tsx
 var import_layout24 = require("@awesome-flow/core/layout");
-var import_core15 = require("@mantine/core");
-var import_hooks26 = require("@awesome-flow/core/hooks");
-var import_react32 = require("react");
+var import_core13 = require("@mantine/core");
+var import_hooks25 = require("@awesome-flow/core/hooks");
+var import_react31 = require("react");
 var import_modifier8 = require("libnoise-ts/module/modifier");
 var import_icons_react3 = require("@tabler/icons-react");
-var import_hooks27 = require("@mantine/hooks");
-var import_abstract4 = require("@awesome-flow/core/abstract");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_hooks26 = require("@mantine/hooks");
+var import_abstract3 = require("@awesome-flow/core/abstract");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function NoiseTerraceNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks26.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks26.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks26.useUpdateNodeComputedData)();
-  const [values, setValues] = (0, import_react32.useState)([]);
+  const incoming = (0, import_hooks25.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks25.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks25.useUpdateNodeComputedData)();
+  const [values, setValues] = (0, import_react31.useState)([]);
   const form = useForm({
     mode: "uncontrolled",
     initialValues: {
@@ -2085,7 +1938,7 @@ function NoiseTerraceNode({ id, selected, data, type }) {
     },
     validateInputOnChange: [`points.${FORM_INDEX}.input`],
     clearInputErrorOnChange: true,
-    onValuesChange: (0, import_react32.useCallback)((values2) => {
+    onValuesChange: (0, import_react31.useCallback)((values2) => {
       if (form.isValid()) {
         const points = values2.points.map((v) => v.value);
         setValues(points);
@@ -2094,19 +1947,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_hooks27.randomId)() })) : [1, 2].map(() => ({ value: 0, key: (0, import_hooks27.randomId)() }));
+  (0, import_react31.useEffect)(() => {
+    const points = data.points?.length ? data.points.map((v) => ({ value: v, key: (0, import_hooks26.randomId)() })) : [1, 2].map(() => ({ value: 0, key: (0, import_hooks26.randomId)() }));
     form.initialize({ points });
   }, []);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.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_runtime27.jsxs)(import_core15.Group, { mt: "xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      import_core15.NumberInput,
+  const fields = form.getValues().points.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core13.Group, { mt: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_core13.NumberInput,
       {
         size: "xs",
         placeholder: "Input Value",
@@ -2115,97 +1968,119 @@ function NoiseTerraceNode({ id, selected, data, type }) {
       },
       form.key(`points.${index}.value`)
     ),
-    data.state === import_abstract4.NodeState.edit && values.length > 2 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      import_core15.ActionIcon,
+    data.state === import_abstract3.NodeState.edit && values.length > 2 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_core13.ActionIcon,
       {
         color: "red",
         variant: "outline",
         size: "sm",
         onClick: () => form.removeListItem("points", index),
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react3.IconX, { size: "1rem" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons_react3.IconX, { size: "1rem" })
       }
     )
   ] }, item.key));
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_layout24.NodeContainer, { id, selected, type, data, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_layout24.NodeContainer, { id, selected, type, data, children: [
     fields,
-    data.state === import_abstract4.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core15.Space, { h: 10 }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        import_core15.Button,
+    data.state === import_abstract3.NodeState.edit && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core13.Space, { h: 10 }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        import_core13.Button,
         {
           variant: "outline",
           size: "xs",
           fullWidth: true,
-          onClick: () => form.insertListItem("points", { value: 0, key: (0, import_hooks27.randomId)() }),
+          onClick: () => form.insertListItem("points", { value: 0, key: (0, import_hooks26.randomId)() }),
           children: "Add control point"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_layout24.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 noise_terrace_node_default = NoiseTerraceNode;
 
 // src/nodes/selectors/noise-blend-node.tsx
 var import_layout25 = require("@awesome-flow/core/layout");
-var import_react33 = require("react");
-var import_hooks28 = require("@awesome-flow/core/hooks");
+var import_react32 = require("react");
+var import_hooks27 = require("@awesome-flow/core/hooks");
 var import_selector = require("libnoise-ts/module/selector");
-var import_core16 = require("@mantine/core");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_components8 = require("@awesome-flow/core/components");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function NoiseBlendNode({ id, selected, data, type }) {
-  const incoming = (0, import_hooks28.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks28.useUpdateNodeComputedData)();
-  (0, import_react33.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_runtime28.jsxs)(import_layout25.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core16.Group, { children: [
-      "Modules: ",
-      incoming?.length
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_layout25.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  const updateComputedData = (0, import_hooks27.useUpdateNodeComputedData)();
+  const onDataUpdated = (0, import_react32.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_components8.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_layout26 = require("@awesome-flow/core/layout");
-var import_react34 = require("react");
-var import_hooks29 = require("@awesome-flow/core/hooks");
+var import_react33 = require("react");
+var import_hooks28 = require("@awesome-flow/core/hooks");
 var import_selector2 = require("libnoise-ts/module/selector");
-var import_core17 = require("@mantine/core");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_core14 = require("@mantine/core");
+var import_components9 = require("@awesome-flow/core/components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function NoiseSelectNode({ id, selected, data, type }) {
-  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 incoming = (0, import_hooks29.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks29.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks29.useUpdateNodeComputedData)();
-  (0, import_react34.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_react33.useState)(data.edgeFalloff);
+  const [lowerBound, setLowerBound] = (0, import_react33.useState)(data.lowerBound);
+  const [upperBound, setUpperBound] = (0, import_react33.useState)(data.upperBound);
+  const updateNodeData = (0, import_hooks28.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks28.useUpdateNodeComputedData)();
+  (0, import_react33.useEffect)(() => {
     updateNodeData(id, { edgeFalloff, lowerBound, upperBound });
-  }, [incoming, edgeFalloff, lowerBound, upperBound, updateNodeData, id, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_layout26.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core17.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core17.Group, { children: [
+  }, [edgeFalloff, lowerBound, upperBound]);
+  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_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_runtime29.jsx)(
-          import_core17.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_core14.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2215,10 +2090,10 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core17.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core14.Group, { children: [
         "Lower Bound:",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          import_core17.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_core14.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2228,10 +2103,10 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core17.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core14.Group, { children: [
         "Upper Bound:",
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          import_core17.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_core14.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2241,97 +2116,99 @@ function NoiseSelectNode({ id, selected, data, type }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core17.Group, { children: [
-        "Modules: ",
-        incoming?.length
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_components9.HandlesIncomingDataStatus,
+        {
+          nodeId: id,
+          handles: data.handles,
+          handleKey: "dataId",
+          onDataUpdated,
+          type: "target",
+          resetComputedData: true
+        }
+      )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_layout26.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_layout27 = require("@awesome-flow/core/layout");
-var import_react35 = require("react");
-var import_hooks30 = require("@awesome-flow/core/hooks");
+var import_react34 = require("react");
+var import_hooks29 = require("@awesome-flow/core/hooks");
 var import_transformer = require("libnoise-ts/module/transformer");
-var import_core18 = require("@mantine/core");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_components10 = require("@awesome-flow/core/components");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function NoiseDisplaceNode({ id, selected, data, type }) {
-  const updateComputedData = (0, import_hooks30.useUpdateNodeComputedData)();
-  const incomingHandleData = (0, import_hooks30.useIncomingHandleData)(id, data.handles);
-  const { sourceModule, xModule, yModule, zModule } = (0, import_react35.useMemo)(() => {
-    return {
-      sourceModule: incomingHandleData["source" /* sourceModule */],
-      xModule: incomingHandleData["x-module" /* xModule */],
-      yModule: incomingHandleData["y-module" /* yModule */],
-      zModule: incomingHandleData["z-module" /* zModule */]
-    };
-  }, [incomingHandleData]);
-  (0, import_react35.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_react35.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_runtime30.jsxs)(import_layout27.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core18.Stack, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core18.Badge, { color: sourceColor, children: "Source Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core18.Badge, { color: xColor, children: "X Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core18.Badge, { color: yColor, children: "Y Module" }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core18.Badge, { color: zColor, children: "Z Module" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_layout27.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
+  const updateComputedData = (0, import_hooks29.useUpdateNodeComputedData)();
+  const onDataUpdated = (0, import_react34.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_components10.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_layout28 = require("@awesome-flow/core/layout");
-var import_react36 = require("react");
-var import_hooks31 = require("@awesome-flow/core/hooks");
-var import_core19 = require("@mantine/core");
+var import_react35 = 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_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function NoiseRotatePointNode({
   id,
   selected,
   data,
   type
 }) {
-  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_hooks31.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks31.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks31.useUpdateNodeComputedData)();
-  (0, import_react36.useEffect)(() => {
+  const [xAngle, setXAngle] = (0, import_react35.useState)(data.xAngle);
+  const [yAngle, setYAngle] = (0, import_react35.useState)(data.yAngle);
+  const [zAngle, setZAngle] = (0, import_react35.useState)(data.zAngle);
+  const incoming = (0, import_hooks30.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks30.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks30.useUpdateNodeComputedData)();
+  (0, import_react35.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_runtime31.jsxs)(import_layout28.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core19.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core19.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_runtime31.jsx)(
-          import_core19.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_core15.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2341,10 +2218,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core19.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core15.Group, { children: [
         "Y Angle:",
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_core19.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_core15.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2354,10 +2231,10 @@ function NoiseRotatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core19.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core15.Group, { children: [
         "Z Angle:",
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_core19.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_core15.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2368,43 +2245,43 @@ function NoiseRotatePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_layout28.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_layout29 = require("@awesome-flow/core/layout");
-var import_react37 = require("react");
-var import_hooks32 = require("@awesome-flow/core/hooks");
-var import_core20 = require("@mantine/core");
+var import_react36 = 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_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function NoiseScalePointNode({
   id,
   selected,
   data,
   type
 }) {
-  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_hooks32.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks32.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks32.useUpdateNodeComputedData)();
-  (0, import_react37.useEffect)(() => {
+  const [xScale, setXScale] = (0, import_react36.useState)(data.xScale);
+  const [yScale, setYScale] = (0, import_react36.useState)(data.yScale);
+  const [zScale, setZScale] = (0, import_react36.useState)(data.zScale);
+  const incoming = (0, import_hooks31.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks31.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks31.useUpdateNodeComputedData)();
+  (0, import_react36.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_runtime32.jsxs)(import_layout29.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core20.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core20.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_runtime32.jsx)(
-          import_core20.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_core16.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2414,10 +2291,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core20.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core16.Group, { children: [
         "Y Scale:",
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_core20.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_core16.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2427,10 +2304,10 @@ function NoiseScalePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core20.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core16.Group, { children: [
         "Z Scale:",
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_core20.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_core16.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2441,43 +2318,43 @@ function NoiseScalePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_layout29.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_layout30 = require("@awesome-flow/core/layout");
-var import_react38 = require("react");
-var import_hooks33 = require("@awesome-flow/core/hooks");
-var import_core21 = require("@mantine/core");
+var import_react37 = 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_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function NoiseTranslatePointNode({
   id,
   selected,
   data,
   type
 }) {
-  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_hooks33.useIncomingComputedData)(id);
-  const updateNodeData = (0, import_hooks33.useUpdateNodeData)();
-  const updateComputedData = (0, import_hooks33.useUpdateNodeComputedData)();
-  (0, import_react38.useEffect)(() => {
+  const [translateX, setTranslateX] = (0, import_react37.useState)(data.translateX);
+  const [translateY, setTranslateY] = (0, import_react37.useState)(data.translateY);
+  const [translateZ, setTranslateZ] = (0, import_react37.useState)(data.translateZ);
+  const incoming = (0, import_hooks32.useIncomingComputedData)(id);
+  const updateNodeData = (0, import_hooks32.useUpdateNodeData)();
+  const updateComputedData = (0, import_hooks32.useUpdateNodeComputedData)();
+  (0, import_react37.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_runtime33.jsxs)(import_layout30.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core21.Stack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core21.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_runtime33.jsx)(
-          import_core21.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_core17.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2487,10 +2364,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core21.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core17.Group, { children: [
         "Translate Y:",
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_core21.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_core17.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2500,10 +2377,10 @@ function NoiseTranslatePointNode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core21.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core17.Group, { children: [
         "Translate Z:",
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-          import_core21.NumberInput,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_core17.NumberInput,
           {
             size: "xs",
             w: 100,
@@ -2514,31 +2391,32 @@ function NoiseTranslatePointNode({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_layout30.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_layout31 = require("@awesome-flow/core/layout");
-var import_react39 = require("react");
-var import_hooks34 = require("@awesome-flow/core/hooks");
+var import_react38 = require("react");
+var import_hooks33 = require("@awesome-flow/core/hooks");
 var import_transformer5 = require("libnoise-ts/module/transformer");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_components11 = require("@awesome-flow/core/components");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function NoiseTurbulenceNode({
   id,
   selected,
   data,
   type
 }) {
-  const [properties, setProperties] = (0, import_react39.useState)(null);
-  const incoming = (0, import_hooks34.useIncomingComputedData)(id);
-  const updateComputedData = (0, import_hooks34.useUpdateNodeComputedData)();
-  const onPropertiesChange = (0, import_react39.useCallback)((props) => {
+  const [properties, setProperties] = (0, import_react38.useState)(null);
+  const incoming = (0, import_hooks33.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks33.useUpdateNodeComputedData)();
+  const onPropertiesChange = (0, import_react38.useCallback)((props) => {
     setProperties(props);
   }, []);
-  (0, import_react39.useEffect)(() => {
-    if (incoming?.length) {
+  (0, import_react38.useEffect)(() => {
+    if (incoming?.length && properties) {
       const module2 = new import_transformer5.Turbulence(
         incoming[0].module,
         properties.frequency.value,
@@ -2548,1569 +2426,1028 @@ function NoiseTurbulenceNode({
       );
       updateComputedData(id, { module: module2 });
     }
-  }, [id, incoming, properties, updateComputedData]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_layout31.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(node_property_variables_default, { data, nodeId: id, onPropertiesChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_layout31.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_components11.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/nodes/generators/variable-property-node.tsx
-var import_layout32 = require("@awesome-flow/core/layout");
-var import_react40 = require("react");
-var import_core22 = require("@mantine/core");
-var import_hooks35 = require("@awesome-flow/core/hooks");
-var import_utils2 = require("@awesome-flow/core/utils");
-var import_abstract5 = require("@awesome-flow/core/abstract");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-function VariablePropertyNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [options3, setOptions] = (0, import_react40.useState)({});
-  const [selectedProperty, setSelectedProperty] = (0, import_react40.useState)(data.property);
-  const updateNodeData = (0, import_hooks35.useUpdateNodeData)();
-  const outgoing = (0, import_hooks35.useOutgoingNodes)(id);
-  const incoming = (0, import_hooks35.useIncomingNodeData)(id);
-  (0, import_react40.useEffect)(() => {
-    if (outgoing?.length) {
-      const { data: data2 } = outgoing[0];
-      const properties = (0, import_utils2.getObjectPropertyMap)(data2, import_abstract5.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_react40.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_react40.useEffect)(() => {
-    if (selectedProperty) {
-      updateNodeData(id, { property: selectedProperty });
-    }
-  }, [selectedProperty]);
-  const onPropertyChange = (0, import_react40.useCallback)(
-    (selected2) => {
-      setSelectedProperty({
-        name: selected2,
-        value: options3[selected2]
-      });
-    },
-    [options3]
-  );
-  const onValueChange = (0, import_react40.useCallback)((name, value) => {
-    setSelectedProperty({
-      name,
-      value
-    });
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_layout32.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core22.Stack, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        import_layout32.NodeCombobox,
-        {
-          options: options3,
-          onChange: onPropertyChange,
-          selected: selectedProperty?.name,
-          hideListValues: true
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(node_property_input_default, { property: selectedProperty, onChange: onValueChange })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_layout32.NodeTrackConnections, { handles: data.handles, nodeId: id })
-  ] });
-}
-var variable_property_node_default = VariablePropertyNode;
+// src/templates/generators/noise-checkerboard-template.ts
+var import_system = require("@xyflow/system");
+
+// src/abstract/templates.ts
+var NoiseTemplateGroup = /* @__PURE__ */ ((NoiseTemplateGroup2) => {
+  NoiseTemplateGroup2["positions"] = "Positions";
+  NoiseTemplateGroup2["output"] = "Output";
+  NoiseTemplateGroup2["noiseGenerators"] = "Noise Generators";
+  NoiseTemplateGroup2["noiseModifiers"] = "Noise Modifiers";
+  NoiseTemplateGroup2["noiseSelectors"] = "Noise Selectors";
+  NoiseTemplateGroup2["noiseTransformers"] = "Noise Transformers";
+  return NoiseTemplateGroup2;
+})(NoiseTemplateGroup || {});
 
-// src/nodes/modifiers/variable-combine-node.tsx
-var import_layout33 = require("@awesome-flow/core/layout");
-var import_react41 = require("react");
-var import_hooks36 = require("@awesome-flow/core/hooks");
-var import_icons_react4 = require("@tabler/icons-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var options2 = {
-  add: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_icons_react4.IconPlus, {}),
-  divide: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_icons_react4.IconDivide, {}),
-  min: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_icons_react4.IconChevronLeft, {}),
-  max: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_icons_react4.IconChevronRight, {}),
-  multiply: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_icons_react4.IconAsterisk, {}),
-  power: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_icons_react4.IconChevronUp, {})
+// src/templates/generators/noise-checkerboard-template.ts
+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"
+      }
+    ]
+  };
 };
-function VariableCombineNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [operation, setOperation] = (0, import_react41.useState)(data.operation);
-  const [value, setValue] = (0, import_react41.useState)(data.value);
-  const updateNodeData = (0, import_hooks36.useUpdateNodeData)();
-  const incoming = (0, import_hooks36.useIncomingNodeData)(id);
-  (0, import_react41.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_react41.useCallback)((op) => {
-    updateNodeData(id, { operation: op });
-    setOperation(op);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_layout33.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_layout33.NodeCombobox, { options: options2, selected: operation, onChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(node_value_input_default, { value, onChange: () => {
-    }, disabled: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_layout33.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/generators/variable-value-node.tsx
-var import_layout35 = require("@awesome-flow/core/layout");
-var import_react42 = require("react");
-var import_hooks37 = require("@awesome-flow/core/hooks");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-function VariableValueNode({ id, selected, data, type }) {
-  const [value, setValue] = (0, import_react42.useState)(data.value || 0);
-  const updateNodeData = (0, import_hooks37.useUpdateNodeData)();
-  const onValueChange = (0, import_react42.useCallback)((newValue) => {
-    updateNodeData(id, { value: newValue });
-    setValue(newValue);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_layout35.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(node_value_input_default, { value, onChange: onValueChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_layout35.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "source" })
-  ] });
-}
-var variable_value_node_default = VariableValueNode;
+// 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/nodes/groups/node-module-group.tsx
-var import_layout36 = require("@awesome-flow/core/layout");
-var import_react43 = require("@xyflow/react");
+// src/templates/generators/noise-cylinders-template.ts
 var import_abstract6 = require("@awesome-flow/core/abstract");
-var import_react44 = require("react");
-var import_shallow = require("zustand/shallow");
-var import_core23 = require("@mantine/core");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-function ModuleGroupNode({
-  id,
-  selected,
-  data,
-  type,
-  width,
-  height
-}) {
-  const context = (0, import_react44.useContext)(import_abstract6.FlowContext);
-  const updateNodeInternals = (0, import_react43.useUpdateNodeInternals)();
-  const triggerNodeChanges = (0, import_react43.useStore)((s) => s.triggerNodeChanges);
-  const { groupNodes, setGroupCollapsed } = context.useFlowStore(
-    (0, import_react44.useCallback)(
-      (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
-      []
-    )
-  );
-  const intersectingNode = context.useInteractivityStore(
-    (0, import_react44.useCallback)((state) => state.nodeIntersectionTargets[id], [id]),
-    import_shallow.shallow
-  );
-  (0, import_react44.useEffect)(() => {
-    updateNodeInternals(id);
-  }, [width, height]);
-  (0, import_react44.useEffect)(() => {
-    triggerNodeChanges([
-      {
-        id,
-        type: "select",
-        selected: !!intersectingNode
-      }
-    ]);
-  }, [intersectingNode]);
-  const onCollapsed = (0, import_react44.useCallback)((collapsed) => {
-    setGroupCollapsed(id, collapsed);
-  }, []);
-  const size = (0, import_react44.useMemo)(() => {
-    return {
-      width: data.initialSize?.width || 100,
-      height: data.initialSize?.height || 50
-    };
-  }, [data.initialSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_layout36.NodeContainer,
-    {
-      id,
-      selected,
-      data,
-      title: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core23.Group, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_core23.Group, { gap: "xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core23.Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_layout36.NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
-      ] }) }),
-      type,
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-        import_react43.NodeResizer,
-        {
-          nodeId: id,
-          minWidth: size.width,
-          minHeight: size.height,
-          isVisible: selected && !data.isCollapsed
-        }
-      )
-    }
-  );
-}
-var node_module_group_default = ModuleGroupNode;
-
-// src/templates/generators/noise-checkerboard-template.ts
-var import_utils3 = require("@awesome-flow/core/utils");
-var import_system = require("@xyflow/system");
-var NoiseCheckerboardNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils3.IDGenerator.template(),
-      type: "noise-checkerboard" /* noiseCheckerboard */,
-      removable: false,
-      data: {
-        title: "Checkerboard Noise"
-      },
-      handles: [
-        {
-          position: import_system.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/noise-const-template.ts
-var import_utils4 = require("@awesome-flow/core/utils");
-var import_system2 = require("@xyflow/system");
-var NoiseConstNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils4.IDGenerator.template(),
-      type: "noise-constant" /* noiseConst */,
-      removable: false,
-      data: {
-        title: "Const Value Noise",
-        noise: 0,
-        min: -1,
-        max: 1
-      },
-      handles: [
-        {
-          position: import_system2.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/noise-cylinders-template.ts
-var import_utils5 = require("@awesome-flow/core/utils");
 var import_system3 = require("@xyflow/system");
 var NoiseCylindersNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils5.IDGenerator.template(),
-      type: "noise-cylinders" /* noiseCylinders */,
-      removable: false,
-      data: {
-        title: "Cylinders Noise",
-        frequency: 0.1
+  template = {
+    type: "noise-cylinders" /* noiseCylinders */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Cylinders Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: import_system3.Position.Left,
+        dataType: import_abstract6.CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: import_system3.Position.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: import_system3.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system3.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-perlin-template.ts
-var import_utils6 = require("@awesome-flow/core/utils");
+var import_abstract7 = require("@awesome-flow/core/abstract");
 var import_system4 = require("@xyflow/system");
 var NoisePerlinNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils6.IDGenerator.template(),
-      type: "noise-perlin" /* noisePerlin */,
-      removable: false,
-      data: {
-        title: "Perlin Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 5,
-        persistence: 0.5,
-        seed: 0
+  template = {
+    type: "noise-perlin" /* noisePerlin */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Perlin Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 5,
+      persistence: 0.5,
+      seed: 0
+    },
+    handles: [
+      {
+        position: import_system4.Position.Left,
+        dataType: import_abstract7.CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: import_system4.Position.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: import_system4.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system4.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-ridgedmulti-template.ts
-var import_utils7 = require("@awesome-flow/core/utils");
+var import_abstract8 = require("@awesome-flow/core/abstract");
 var import_system5 = require("@xyflow/system");
 var NoiseRidgedMultiNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils7.IDGenerator.template(),
-      type: "noise-ridged-multi" /* noiseRidgedMulti */,
-      removable: false,
-      data: {
-        title: "Ridged Multi Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 6,
-        offset: 1,
-        gain: 2,
-        seed: 0
+  template = {
+    type: "noise-ridged-multi" /* noiseRidgedMulti */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Ridged Multi Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 6,
+      offset: 1,
+      gain: 2,
+      seed: 0
+    },
+    handles: [
+      {
+        position: import_system5.Position.Left,
+        dataType: import_abstract8.CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: import_system5.Position.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: import_system5.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system5.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-simplex-template.ts
-var import_utils8 = require("@awesome-flow/core/utils");
+var import_abstract9 = require("@awesome-flow/core/abstract");
 var import_system6 = require("@xyflow/system");
 var NoiseSimplexNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils8.IDGenerator.template(),
-      type: "noise-simplex" /* noiseSimplex */,
-      removable: false,
-      data: {
-        title: "Simplex Noise"
+  template = {
+    type: "noise-simplex" /* noiseSimplex */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Simplex Noise"
+    },
+    handles: [
+      {
+        position: import_system6.Position.Left,
+        dataType: import_abstract9.CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: import_system6.Position.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: import_system6.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system6.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-spheres-template.ts
-var import_utils9 = require("@awesome-flow/core/utils");
+var import_abstract10 = require("@awesome-flow/core/abstract");
 var import_system7 = require("@xyflow/system");
 var NoiseSpheresNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils9.IDGenerator.template(),
-      type: "noise-spheres" /* noiseSpheres */,
-      removable: false,
-      data: {
-        title: "Spheres Noise",
-        frequency: 0.1
+  template = {
+    type: "noise-spheres" /* noiseSpheres */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Spheres Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: import_system7.Position.Left,
+        dataType: import_abstract10.CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: import_system7.Position.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: import_system7.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system7.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-voronoi-template.ts
-var import_utils10 = require("@awesome-flow/core/utils");
+var import_abstract11 = require("@awesome-flow/core/abstract");
 var import_system8 = require("@xyflow/system");
 var NoiseVoronoiNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils10.IDGenerator.template(),
-      type: "noise-voronoi" /* noiseVoronoi */,
-      removable: false,
-      data: {
-        title: "Voronoi Noise",
-        frequency: 0.1,
-        displacement: 1,
-        distance: true,
-        seed: 0
+  template = {
+    type: "noise-voronoi" /* noiseVoronoi */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Voronoi Noise",
+      frequency: 0.1,
+      displacement: 1,
+      distance: true,
+      seed: 0
+    },
+    handles: [
+      {
+        position: import_system8.Position.Left,
+        dataType: import_abstract11.CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: import_system8.Position.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: import_system8.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system8.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/position-const-template.ts
-var import_utils11 = require("@awesome-flow/core/utils");
 var import_system9 = require("@xyflow/system");
 var PositionConstNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils11.IDGenerator.template(),
-      type: "position" /* position */,
-      removable: false,
-      data: {
-        title: "Position Output",
-        position: { x: 0, y: 0, z: 0 }
-      },
-      handles: [
-        {
-          position: import_system9.Position.Right,
-          dataType: 4 /* position */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "position" /* position */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Position Output",
+      position: { x: 0, y: 0, z: 0 }
+    },
+    handles: [
+      {
+        position: import_system9.Position.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/position-grid-template.ts
-var import_utils12 = require("@awesome-flow/core/utils");
 var import_system10 = require("@xyflow/system");
 var PositionGridNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils12.IDGenerator.template(),
-      type: "grid" /* grid */,
-      removable: false,
-      data: {
-        title: "Grid Output",
-        center: { x: 0, y: 0, z: 0 },
-        radius: 1
-      },
-      handles: [
-        {
-          position: import_system10.Position.Right,
-          dataType: 4 /* position */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "grid" /* grid */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Grid Output",
+      center: { x: 0, y: 0, z: 0 },
+      radius: 1
+    },
+    handles: [
+      {
+        position: import_system10.Position.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-normalize-template.ts
-var import_utils13 = require("@awesome-flow/core/utils");
+var import_utils = require("@awesome-flow/core/utils");
 var import_system11 = require("@xyflow/system");
 var NoiseNormalizeNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils13.IDGenerator.template(),
-      type: "noise-normalize" /* noiseNormalize */,
-      data: {
-        title: "Normalize Noise",
-        intervalStart: -1,
-        intervalEnd: 1
+  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
       },
-      handles: [
-        {
-          position: import_system11.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system11.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system11.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-logger-template.ts
-var import_utils14 = require("@awesome-flow/core/utils");
 var import_system12 = require("@xyflow/system");
 var NoiseLoggerNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils14.IDGenerator.template(),
-      type: "noise-logger" /* noiseLogger */,
-      removable: false,
-      data: {
-        title: "Noise Logger"
-      },
-      handles: [
-        {
-          position: import_system12.Position.Left,
-          dataType: 2 /* noise */,
-          connection: "target"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "target";
-  }
-  getHandleAllowedDataType(type) {
-    return 2 /* noise */;
-  }
+  template = {
+    type: "noise-logger" /* noiseLogger */,
+    group: "Output" /* output */,
+    data: {
+      title: "Noise Logger"
+    },
+    handles: [
+      {
+        position: import_system12.Position.Left,
+        dataType: "noise" /* noise */,
+        connection: "target"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-raw-texture-template.ts
-var import_utils15 = require("@awesome-flow/core/utils");
 var import_system13 = require("@xyflow/system");
 var NoiseRawTextureTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils15.IDGenerator.template(),
-      type: "texture-data" /* textureData */,
-      removable: false,
-      data: {
-        title: "Texture Data"
+  template = {
+    type: "texture-data" /* textureData */,
+    group: "Output" /* output */,
+    data: {
+      title: "Texture Data"
+    },
+    handles: [
+      {
+        position: import_system13.Position.Left,
+        dataType: "noise" /* noise */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system13.Position.Left,
-          dataType: 2 /* noise */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system13.Position.Right,
-          dataType: 1 /* texture */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 1 /* texture */;
-      case "target":
-        return 2 /* noise */;
-    }
-  }
+      {
+        position: import_system13.Position.Right,
+        dataType: "texture" /* texture */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/position-logger-template.ts
-var import_utils16 = require("@awesome-flow/core/utils");
 var import_system14 = require("@xyflow/system");
 var PositionLoggerNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils16.IDGenerator.template(),
-      type: "position-logger" /* positionLogger */,
-      removable: false,
-      data: {
-        title: "Position Logger"
-      },
-      handles: [
-        {
-          position: import_system14.Position.Left,
-          dataType: 4 /* position */,
-          connection: "target"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "target";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "position-logger" /* positionLogger */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Position Logger"
+    },
+    handles: [
+      {
+        position: import_system14.Position.Left,
+        dataType: "position" /* position */,
+        connection: "target"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-combine-template.ts
-var import_utils17 = require("@awesome-flow/core/utils");
 var import_system15 = require("@xyflow/system");
 var NoiseCombineNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils17.IDGenerator.template(),
-      type: "noise-combiner" /* noiseCombine */,
-      removable: false,
-      data: {
-        title: "Combine Noise",
-        operation: "add" /* add */
+  template = {
+    type: "noise-combiner" /* noiseCombine */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Combine Noise",
+      operation: "add" /* add */
+    },
+    handles: [
+      {
+        position: import_system15.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 2
       },
-      handles: [
-        {
-          position: import_system15.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 2
-        },
-        {
-          position: import_system15.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system15.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-clamp-template.ts
-var import_utils18 = require("@awesome-flow/core/utils");
 var import_system16 = require("@xyflow/system");
 var NoiseClampNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils18.IDGenerator.template(),
-      type: "noise-clamp" /* noiseClamp */,
-      removable: false,
-      data: {
-        title: "Clamp Noise",
-        lowerBound: -1,
-        upperBound: 1
+  template = {
+    type: "noise-clamp" /* noiseClamp */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Clamp Noise",
+      lowerBound: -1,
+      upperBound: 1
+    },
+    handles: [
+      {
+        position: import_system16.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system16.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system16.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system16.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-abs-template.ts
-var import_utils19 = require("@awesome-flow/core/utils");
 var import_system17 = require("@xyflow/system");
 var NoiseAbsNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils19.IDGenerator.template(),
-      type: "noise-abs" /* noiseAbs */,
-      removable: false,
-      data: {
-        title: "Abs Noise"
+  template = {
+    type: "noise-abs" /* noiseAbs */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Abs Noise"
+    },
+    handles: [
+      {
+        position: import_system17.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system17.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system17.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system17.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-output-template.ts
-var import_utils20 = require("@awesome-flow/core/utils");
 var import_system18 = require("@xyflow/system");
 var NoiseOutputNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils20.IDGenerator.template(),
-      type: "noise-output" /* noiseOutput */,
-      removable: false,
-      data: {
-        title: "Noise Output"
+  template = {
+    type: "noise-output" /* noiseOutput */,
+    group: "Output" /* output */,
+    data: {
+      title: "Noise Output"
+    },
+    handles: [
+      {
+        position: import_system18.Position.Left,
+        dataType: "position" /* position */,
+        connection: "target"
       },
-      handles: [
-        {
-          position: import_system18.Position.Left,
-          dataType: 4 /* position */,
-          connection: "target"
-        },
-        {
-          position: import_system18.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system18.Position.Right,
-          dataType: 2 /* noise */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 2 /* noise */;
-      case "target":
-        return 8 /* module */ & 4 /* position */;
-    }
-  }
+      {
+        position: 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_utils21 = require("@awesome-flow/core/utils");
+var import_abstract20 = require("@awesome-flow/core/abstract");
 var import_system19 = require("@xyflow/system");
 var NoiseCurveNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils21.IDGenerator.template(),
-      type: "noise-curve" /* noiseCurve */,
-      removable: false,
-      data: {
-        title: "Noise Curve",
-        points: []
+  template = {
+    type: "noise-curve" /* noiseCurve */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Curve",
+      points: []
+    },
+    handles: [
+      {
+        position: import_system19.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system19.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system19.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        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_utils22 = require("@awesome-flow/core/utils");
 var import_system20 = require("@xyflow/system");
 var NoiseExponentNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils22.IDGenerator.template(),
-      type: "noise-exponent" /* noiseExponent */,
-      removable: false,
-      data: {
-        title: "Noise Exponent",
-        exponent: 1
+  template = {
+    type: "noise-exponent" /* noiseExponent */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Exponent",
+      exponent: 1
+    },
+    handles: [
+      {
+        position: import_system20.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system20.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system20.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system20.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-invert-template.ts
-var import_utils23 = require("@awesome-flow/core/utils");
 var import_system21 = require("@xyflow/system");
 var NoiseInvertNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils23.IDGenerator.template(),
-      type: "noise-invert" /* noiseInvert */,
-      removable: false,
-      data: {
-        title: "Invert Noise"
+  template = {
+    type: "noise-invert" /* noiseInvert */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Invert Noise"
+    },
+    handles: [
+      {
+        position: import_system21.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system21.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system21.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system21.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-scalebias-template.ts
-var import_utils24 = require("@awesome-flow/core/utils");
 var import_system22 = require("@xyflow/system");
 var NoiseScaleBiasNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils24.IDGenerator.template(),
-      type: "noise-scale-bias" /* noiseScaleBias */,
-      removable: false,
-      data: {
-        title: "Scale/Bias Noise",
-        scale: 1,
-        bias: 0
+  template = {
+    type: "noise-scale-bias" /* noiseScaleBias */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Scale/Bias Noise",
+      scale: 1,
+      bias: 0
+    },
+    handles: [
+      {
+        position: import_system22.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system22.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system22.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system22.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-terrace-template.ts
-var import_utils25 = require("@awesome-flow/core/utils");
 var import_system23 = require("@xyflow/system");
 var NoiseTerraceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils25.IDGenerator.template(),
-      type: "noise-terrace" /* noiseTerrace */,
-      removable: false,
-      data: {
-        title: "Noise Terrace",
-        points: []
+  template = {
+    type: "noise-terrace" /* noiseTerrace */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Noise Terrace",
+      points: []
+    },
+    handles: [
+      {
+        position: import_system23.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system23.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system23.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: import_system23.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/selectors/noise-blend-template.ts
-var import_utils26 = require("@awesome-flow/core/utils");
 var import_system24 = require("@xyflow/system");
 var NoiseBlendNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils26.IDGenerator.template(),
-      type: "noise-blend" /* noiseBlend */,
-      removable: false,
-      data: {
-        title: "Noise Blend"
+  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
       },
-      handles: [
-        {
-          position: import_system24.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Modules",
-          maxConnections: 2
-        },
-        {
-          position: import_system24.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Control Module",
-          maxConnections: 1
-        },
-        {
-          position: import_system24.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        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_utils27 = require("@awesome-flow/core/utils");
 var import_system25 = require("@xyflow/system");
 var NoiseSelectNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils27.IDGenerator.template(),
-      type: "noise-select" /* noiseSelect */,
-      removable: false,
-      data: {
-        title: "Noise Select",
-        edgeFalloff: 0,
-        lowerBound: -1,
-        upperBound: 1
+  template = {
+    type: "noise-select" /* noiseSelect */,
+    group: "Noise Selectors" /* noiseSelectors */,
+    data: {
+      title: "Noise Select",
+      edgeFalloff: 0,
+      lowerBound: -1,
+      upperBound: 1
+    },
+    handles: [
+      {
+        position: import_system25.Position.Left,
+        dataType: "module" /* module */,
+        dataId: "source" /* source */,
+        connection: "target",
+        label: "Source Modules",
+        maxConnections: 2,
+        minConnections: 2
       },
-      handles: [
-        {
-          position: import_system25.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Modules",
-          maxConnections: 2
-        },
-        {
-          position: import_system25.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Control Module",
-          maxConnections: 1
-        },
-        {
-          position: import_system25.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        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_utils28 = require("@awesome-flow/core/utils");
 var import_system26 = require("@xyflow/system");
 var NoiseDisplaceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils28.IDGenerator.template(),
-      type: "noise-displace" /* noiseDisplace */,
-      data: {
-        title: "Noise Displace"
+  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
       },
-      handles: [
-        {
-          position: import_system26.Position.Left,
-          connection: "target",
-          label: "Source Module",
-          dataType: 8 /* module */,
-          dataId: "source" /* sourceModule */,
-          maxConnections: 1
-        },
-        {
-          position: import_system26.Position.Left,
-          connection: "target",
-          label: "X Module",
-          dataType: 8 /* module */,
-          dataId: "x-module" /* xModule */,
-          maxConnections: 1
-        },
-        {
-          position: import_system26.Position.Left,
-          connection: "target",
-          label: "Y Module",
-          dataType: 8 /* module */,
-          dataId: "y-module" /* yModule */,
-          maxConnections: 1
-        },
-        {
-          position: import_system26.Position.Left,
-          connection: "target",
-          label: "Z Module",
-          dataType: 8 /* module */,
-          dataId: "z-module" /* zModule */,
-          maxConnections: 1
-        },
-        {
-          position: import_system26.Position.Right,
-          dataType: 8 /* module */,
-          dataId: "output" /* output */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        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_utils29 = require("@awesome-flow/core/utils");
 var import_system27 = require("@xyflow/system");
 var NoiseRotatePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils29.IDGenerator.template(),
-      type: "noise-rotate-point" /* noiseRotatePoint */,
-      removable: false,
-      data: {
-        title: "Noise Rotate Point",
-        xAngle: 0,
-        yAngle: 0,
-        zAngle: 0
+  template = {
+    type: "noise-rotate-point" /* noiseRotatePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Rotate Point",
+      xAngle: 0,
+      yAngle: 0,
+      zAngle: 0
+    },
+    handles: [
+      {
+        position: import_system27.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system27.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: import_system27.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system27.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-scale-point-template.ts
-var import_utils30 = require("@awesome-flow/core/utils");
 var import_system28 = require("@xyflow/system");
 var NoiseScalePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils30.IDGenerator.template(),
-      type: "noise-scale-point" /* noiseScalePoint */,
-      data: {
-        title: "Noise Scale Point",
-        xScale: 1,
-        yScale: 1,
-        zScale: 1
+  template = {
+    type: "noise-scale-point" /* noiseScalePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Scale Point",
+      xScale: 1,
+      yScale: 1,
+      zScale: 1
+    },
+    handles: [
+      {
+        position: import_system28.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system28.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: import_system28.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system28.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-translate-point-template.ts
-var import_utils31 = require("@awesome-flow/core/utils");
 var import_system29 = require("@xyflow/system");
 var NoiseTranslatePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils31.IDGenerator.template(),
-      type: "noise-translate-point" /* noiseTranslatePoint */,
-      data: {
-        title: "Noise Translate Point",
-        translateX: 0,
-        translateY: 0,
-        translateZ: 0
+  template = {
+    type: "noise-translate-point" /* noiseTranslatePoint */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Translate Point",
+      translateX: 0,
+      translateY: 0,
+      translateZ: 0
+    },
+    handles: [
+      {
+        position: import_system29.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system29.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: import_system29.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: import_system29.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-turbulence-template.ts
-var import_utils32 = require("@awesome-flow/core/utils");
+var import_abstract32 = require("@awesome-flow/core/abstract");
 var import_system30 = require("@xyflow/system");
 var NoiseTurbulenceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils32.IDGenerator.template(),
-      type: "noise-turbulence" /* noiseTurbulence */,
-      data: {
-        title: "Noise Turbulence",
-        frequency: 1,
-        power: 1,
-        roughness: 1,
-        seed: 0
+  template = {
+    type: "noise-turbulence" /* noiseTurbulence */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Turbulence",
+      frequency: 1,
+      power: 1,
+      roughness: 1,
+      seed: 0
+    },
+    handles: [
+      {
+        position: import_system30.Position.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: import_system30.Position.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: import_system30.Position.Left,
-          dataType: 16 /* variableProperty */,
-          label: "Variable Properties",
-          connection: "target"
-        },
-        {
-          position: import_system30.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        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/variable-property-template.ts
-var import_utils33 = require("@awesome-flow/core/utils");
+// 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 VariablePropertyNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils33.IDGenerator.template(),
-      type: "variable-property" /* variableProperty */,
-      data: {
-        title: "Variable Property",
-        property: null
+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"
       },
-      handles: [
-        {
-          position: import_system31.Position.Left,
-          dataType: 32 /* variableValue */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: import_system31.Position.Right,
-          dataType: 16 /* variableProperty */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 16 /* variableProperty */;
-      case "target":
-        return 32 /* variableValue */;
-    }
-  }
+      {
+        position: import_system31.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
-// src/templates/modifiers/variable-combine-template.ts
-var import_utils34 = require("@awesome-flow/core/utils");
+// 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 VariableCombineNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils34.IDGenerator.template(),
-      type: "variable-combine" /* variableCombine */,
-      removable: false,
-      data: {
-        title: "Combine Values",
-        operation: "add" /* add */,
-        value: null
+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
       },
-      handles: [
-        {
-          position: import_system32.Position.Left,
-          dataType: 32 /* variableValue */,
-          connection: "target"
-        },
-        {
-          position: import_system32.Position.Right,
-          dataType: 32 /* variableValue */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/variable-value-template.ts
-var import_utils35 = require("@awesome-flow/core/utils");
-var import_system33 = require("@xyflow/system");
-var VariableValueNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils35.IDGenerator.template(),
-      type: "variable-value" /* variableValue */,
-      data: {
-        title: "Variable Value",
-        value: null
+      collapsedSize: {
+        width: 300,
+        height: 80
+      }
+    },
+    handles: [
+      {
+        position: import_system32.Position.Bottom,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1,
+        hideOnCollapse: true
       },
-      handles: [
-        {
-          position: import_system33.Position.Right,
-          dataType: 32 /* variableValue */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 32 /* variableValue */;
-  }
+      {
+        position: import_system32.Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
-// src/templates/groups/module-group-template.ts
-var import_utils36 = require("@awesome-flow/core/utils");
-var import_system34 = require("@xyflow/system");
-var ModuleGroupNodeTemplateFactory = class {
-  create() {
+// src/nodes/groups/module-group-node.tsx
+var import_layout32 = require("@awesome-flow/core/layout");
+var import_react39 = require("@xyflow/react");
+var import_react40 = require("react");
+var import_shallow = require("zustand/shallow");
+var import_core18 = require("@mantine/core");
+var import_hooks34 = require("@awesome-flow/core/hooks");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function ModuleGroupNode({
+  id,
+  selected,
+  data,
+  type,
+  width,
+  height
+}) {
+  const updateNodeInternals = (0, import_react39.useUpdateNodeInternals)();
+  const triggerNodeChanges = (0, import_react39.useStore)((s) => s.triggerNodeChanges);
+  const { groupNodes, setGroupCollapsed } = (0, import_hooks34.useFlowStore)(
+    (0, import_react40.useCallback)(
+      (state) => ({ groupNodes: state.groups[id], setGroupCollapsed: state.setGroupCollapsed }),
+      []
+    )
+  );
+  const intersectingNode = (0, import_hooks34.useInteractiveStore)(
+    (0, import_react40.useCallback)((state) => state.nodeIntersectionTargets[id], [id]),
+    import_shallow.shallow
+  );
+  (0, import_react40.useEffect)(() => {
+    updateNodeInternals(id);
+  }, [width, height]);
+  (0, import_react40.useEffect)(() => {
+    triggerNodeChanges([
+      {
+        id,
+        type: "select",
+        selected: !!intersectingNode
+      }
+    ]);
+  }, [intersectingNode]);
+  const onCollapsed = (0, import_react40.useCallback)((collapsed) => {
+    setGroupCollapsed(id, collapsed);
+  }, []);
+  const size = (0, import_react40.useMemo)(() => {
     return {
-      id: import_utils36.IDGenerator.template(),
-      type: "group-module" /* groupModule */,
-      data: {
-        title: "Modules Group",
-        isGroup: true,
-        initialSize: {
-          width: 300,
-          height: 200
-        },
-        collapsedSize: {
-          width: 300,
-          height: 80
-        }
-      },
-      handles: [
-        {
-          position: import_system34.Position.Bottom,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1,
-          hideOnCollapse: true
-        },
-        {
-          position: import_system34.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
+      width: data.initialSize?.width || 100,
+      height: data.initialSize?.height || 50
     };
-  }
-  isHandleAllowed(type) {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/noise-billow-template.ts
-var import_utils37 = require("@awesome-flow/core/utils");
-var import_system35 = require("@xyflow/system");
-var NoiseBillowNodeTemplateFactory = class {
-  create() {
-    return {
-      id: import_utils37.IDGenerator.template(),
-      type: "noise-billow" /* noiseBillow */,
-      removable: false,
-      data: {
-        title: "Billow Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 5,
-        persistence: 0.5,
-        seed: 0
-      },
-      handles: [
-        {
-          position: import_system35.Position.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: import_system35.Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
+  }, [data.initialSize]);
+  const incomingModules = (0, import_hooks34.useIncomingComputedData)(id);
+  const updateComputedData = (0, import_hooks34.useUpdateNodeComputedData)();
+  (0, import_react40.useEffect)(() => {
+    if (incomingModules?.length) {
+      const { module: module2 } = incomingModules[0];
+      updateComputedData(id, { module: module2 });
+    }
+  }, [incomingModules]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    import_layout32.NodeContainer,
+    {
+      id,
+      selected,
+      data,
+      title: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core18.Group, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core18.Group, { gap: "xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core18.Badge, { size: "xs", variant: "outline", radius: "xs", color: "gray", children: groupNodes?.length || 0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_layout32.NodeCollapse, { nodeId: id, isCollapsed: data.isCollapsed, onCollapsed })
+      ] }) }),
+      type,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_react39.NodeResizer,
+          {
+            nodeId: id,
+            minWidth: size.width,
+            minHeight: size.height,
+            isVisible: selected && !data.isCollapsed
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_layout32.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
       ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
-};
+    }
+  );
+}
+var module_group_node_default = ModuleGroupNode;
 
 // src/abstract/node-types.ts
 var NoiseNodeType = /* @__PURE__ */ ((NoiseNodeType2) => {
   NoiseNodeType2["position"] = "position";
   NoiseNodeType2["grid"] = "grid";
+  NoiseNodeType2["textureData"] = "texture-data";
+  NoiseNodeType2["groupModule"] = "group-module";
+  NoiseNodeType2["positionLogger"] = "position-logger";
+  NoiseNodeType2["noiseLogger"] = "noise-logger";
   NoiseNodeType2["noiseOutput"] = "noise-output";
   NoiseNodeType2["noiseConst"] = "noise-constant";
   NoiseNodeType2["noiseSimplex"] = "noise-simplex";
@@ -4122,9 +3459,6 @@ var NoiseNodeType = /* @__PURE__ */ ((NoiseNodeType2) => {
   NoiseNodeType2["noiseRidgedMulti"] = "noise-ridged-multi";
   NoiseNodeType2["noiseSpheres"] = "noise-spheres";
   NoiseNodeType2["noiseVoronoi"] = "noise-voronoi";
-  NoiseNodeType2["textureData"] = "texture-data";
-  NoiseNodeType2["noiseLogger"] = "noise-logger";
-  NoiseNodeType2["positionLogger"] = "position-logger";
   NoiseNodeType2["noiseCombine"] = "noise-combiner";
   NoiseNodeType2["noiseClamp"] = "noise-clamp";
   NoiseNodeType2["noiseAbs"] = "noise-abs";
@@ -4140,17 +3474,10 @@ var NoiseNodeType = /* @__PURE__ */ ((NoiseNodeType2) => {
   NoiseNodeType2["noiseScalePoint"] = "noise-scale-point";
   NoiseNodeType2["noiseTranslatePoint"] = "noise-translate-point";
   NoiseNodeType2["noiseTurbulence"] = "noise-turbulence";
-  NoiseNodeType2["variableProperty"] = "variable-property";
-  NoiseNodeType2["variableValue"] = "variable-value";
-  NoiseNodeType2["variableCombine"] = "variable-combine";
-  NoiseNodeType2["groupModule"] = "group-module";
   return NoiseNodeType2;
 })(NoiseNodeType || {});
 var noiseNodeTypes = {
-  ["variable-value" /* variableValue */]: variable_value_node_default,
-  ["variable-property" /* variableProperty */]: variable_property_node_default,
-  ["variable-combine" /* variableCombine */]: variable_combine_node_default,
-  ["group-module" /* groupModule */]: node_module_group_default,
+  ["group-module" /* groupModule */]: module_group_node_default,
   ["position" /* position */]: position_const_node_default,
   ["grid" /* grid */]: position_grid_node_default,
   ["noise-output" /* noiseOutput */]: noise_output_node_default,
@@ -4215,20 +3542,17 @@ var noiseNodeTemplates = {
   ["noise-scale-point" /* noiseScalePoint */]: new NoiseScalePointNodeTemplateFactory(),
   ["noise-translate-point" /* noiseTranslatePoint */]: new NoiseTranslatePointNodeTemplateFactory(),
   ["noise-turbulence" /* noiseTurbulence */]: new NoiseTurbulenceNodeTemplateFactory(),
-  ["variable-property" /* variableProperty */]: new VariablePropertyNodeTemplateFactory(),
-  ["variable-combine" /* variableCombine */]: new VariableCombineNodeTemplateFactory(),
-  ["variable-value" /* variableValue */]: new VariableValueNodeTemplateFactory(),
   ["group-module" /* groupModule */]: new ModuleGroupNodeTemplateFactory()
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DisplacementModule,
+  DisplacementHandle,
   NoiseCombineType,
-  NoiseHandleFlag,
+  NoiseHandleType,
   NoiseNodeType,
-  VariableCombineType,
+  NoiseSourceControlHandle,
+  NoiseTemplateGroup,
   noiseCombineModuleMap,
   noiseNodeTemplates,
   noiseNodeTypes
 });
-//# sourceMappingURL=index.cjs.map