@awesome-flow/noise 0.3.0 → 0.4.0

package/dist/templates/output/index.js

@@ -1,6 +1,5 @@
 // src/templates/output/noise-logger-template.ts
-import { IDGenerator as IDGenerator35 } from "@awesome-flow/core/utils";
-import { Position as Position35 } from "@xyflow/system";
+import { Position as Position32 } from "@xyflow/system";
 
 // src/nodes/generators/noise-simplex-node.tsx
 import { NodeContainer } from "@awesome-flow/core/layout";
@@ -54,101 +53,87 @@ import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 
 // src/nodes/generators/noise-billow-node.tsx
 import { NodeContainer as NodeContainer6, NodeTrackConnections as NodeTrackConnections2 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback2, useMemo as useMemo4 } from "react";
+import { useCallback, useMemo as useMemo3 } from "react";
 import { Billow } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData6 } from "@awesome-flow/core/hooks";
-import { nodeDataPropertyExcept as nodeDataPropertyExcept2 } from "@awesome-flow/core/abstract";
-
-// src/layout/node-property-variables.tsx
-import { useIncomingNodeData, useUpdateNodeData as useUpdateNodeData5 } from "@awesome-flow/core/hooks";
-import { useCallback, useEffect as useEffect6, useMemo as useMemo3, useState as useState5 } from "react";
-import { Group as Group5, Stack as Stack5 } from "@mantine/core";
-import { getObjectKeys } from "@awesome-flow/core/utils";
-import { nodeDataPropertyExcept } from "@awesome-flow/core/abstract";
-
-// src/layout/node-value-input.tsx
-import { Input, NumberInput as NumberInput5, Switch } from "@mantine/core";
-import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
-
-// src/layout/node-property-input.tsx
-import { Fragment as Fragment2, jsx as jsx7 } from "react/jsx-runtime";
-
-// src/layout/node-property-variables.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-
-// src/nodes/generators/noise-billow-node.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { NodePropertyVariables } from "@awesome-flow/core/components";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/nodes/output/noise-logger-node.tsx
 import { NodeContainer as NodeContainer7, NodeTrackConnections as NodeTrackConnections3 } from "@awesome-flow/core/layout";
-import { useMemo as useMemo5 } from "react";
-import { Divider, Stack as Stack6, Text } from "@mantine/core";
+import { useMemo as useMemo4 } from "react";
+import { Divider, Stack as Stack5, Text } from "@mantine/core";
 import { useIncomingComputedData as useIncomingComputedData2 } from "@awesome-flow/core/hooks";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 
 // src/nodes/output/noise-raw-texture-node.tsx
 import { NodeContainer as NodeContainer8, NodeTrackConnections as NodeTrackConnections4 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect7, useMemo as useMemo6, useState as useState6 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo5, useState as useState5 } from "react";
 import { useIncomingComputedData as useIncomingComputedData3, useUpdateNodeComputedData as useUpdateNodeComputedData7 } from "@awesome-flow/core/hooks";
-import { Group as Group6, Stack as Stack7 } from "@mantine/core";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Group as Group5, Stack as Stack6 } from "@mantine/core";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 
 // src/nodes/generators/noise-checkerboard-node.tsx
 import { NodeContainer as NodeContainer9 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect8, useMemo as useMemo7 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo6 } from "react";
 import { Checkerboard } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData8 } from "@awesome-flow/core/hooks";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 
 // src/nodes/output/positions-logger-node.tsx
 import { NodeContainer as NodeContainer10, NodeTrackConnections as NodeTrackConnections5 } from "@awesome-flow/core/layout";
-import { useMemo as useMemo8 } from "react";
-import { Divider as Divider2, Stack as Stack8, Text as Text2 } from "@mantine/core";
+import { useMemo as useMemo7 } from "react";
+import { Divider as Divider2, Stack as Stack7, Text as Text2 } from "@mantine/core";
 import { useIncomingComputedData as useIncomingComputedData4 } from "@awesome-flow/core/hooks";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 
 // src/nodes/generators/noise-cylinders-node.tsx
 import { NodeContainer as NodeContainer11, NodeTrackConnections as NodeTrackConnections6 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback3, useMemo as useMemo9 } from "react";
+import { useCallback as useCallback2, useMemo as useMemo8 } from "react";
 import { Cylinders } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData9 } from "@awesome-flow/core/hooks";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables2 } from "@awesome-flow/core/components";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // src/nodes/generators/noise-perlin-node.tsx
 import { NodeContainer as NodeContainer12, NodeTrackConnections as NodeTrackConnections7 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback4, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo9 } from "react";
 import { Perlin } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData10 } from "@awesome-flow/core/hooks";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables3 } from "@awesome-flow/core/components";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 
 // src/nodes/generators/noise-ridgedmulti-node.tsx
 import { NodeContainer as NodeContainer13, NodeTrackConnections as NodeTrackConnections8 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback5, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo10 } from "react";
 import { RidgedMulti } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData11 } from "@awesome-flow/core/hooks";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables4 } from "@awesome-flow/core/components";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 
 // src/nodes/generators/noise-spheres-node.tsx
 import { NodeContainer as NodeContainer14, NodeTrackConnections as NodeTrackConnections9 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback6, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo11 } from "react";
 import { Spheres } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData12 } from "@awesome-flow/core/hooks";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables5 } from "@awesome-flow/core/components";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 
 // src/nodes/generators/noise-voronoi-node.tsx
 import { NodeContainer as NodeContainer15, NodeTrackConnections as NodeTrackConnections10 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback6 } from "react";
 import { Voronoi } from "libnoise-ts/module/generator";
 import { useUpdateNodeComputedData as useUpdateNodeComputedData13 } from "@awesome-flow/core/hooks";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables6 } from "@awesome-flow/core/components";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-combine-node.tsx
 import { NodeCombobox, NodeContainer as NodeContainer16, NodeTrackConnections as NodeTrackConnections11 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback8, useEffect as useEffect9 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8 } from "react";
 import {
   useIncomingComputedData as useIncomingComputedData5,
   useUpdateNodeComputedData as useUpdateNodeComputedData14,
-  useUpdateNodeData as useUpdateNodeData6
+  useUpdateNodeData as useUpdateNodeData5
 } from "@awesome-flow/core/hooks";
 import {
   IconAsterisk,
@@ -162,1484 +147,1069 @@ import {
 import { Add, Max, Min, Multiply, Power } from "libnoise-ts/module/combiner";
 
 // src/nodes/modifiers/noise-combine-node.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-clamp-node.tsx
 import { NodeContainer as NodeContainer17, NodeTrackConnections as NodeTrackConnections12 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect10, useState as useState7 } from "react";
-import { Group as Group7, NumberInput as NumberInput6, Stack as Stack9 } from "@mantine/core";
+import { useEffect as useEffect9, useState as useState6 } from "react";
+import { Group as Group6, NumberInput as NumberInput5, Stack as Stack8 } from "@mantine/core";
 import {
   useIncomingComputedData as useIncomingComputedData6,
   useUpdateNodeComputedData as useUpdateNodeComputedData15,
-  useUpdateNodeData as useUpdateNodeData7
+  useUpdateNodeData as useUpdateNodeData6
 } from "@awesome-flow/core/hooks";
 import { Clamp } from "libnoise-ts/module/modifier";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-abs-node.tsx
 import { NodeContainer as NodeContainer18, NodeTrackConnections as NodeTrackConnections13 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect10 } from "react";
 import { useIncomingComputedData as useIncomingComputedData7, useUpdateNodeComputedData as useUpdateNodeComputedData16 } from "@awesome-flow/core/hooks";
 import { Abs } from "libnoise-ts/module/modifier";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 
 // src/nodes/output/noise-output-node.tsx
 import { NodeContainer as NodeContainer19, NodeTrackConnections as NodeTrackConnections14 } from "@awesome-flow/core/layout";
-import { useIncomingComputedData as useIncomingComputedData8, useUpdateNodeComputedData as useUpdateNodeComputedData17 } from "@awesome-flow/core/hooks";
-import { Box, Group as Group8, LoadingOverlay, Stack as Stack10 } from "@mantine/core";
-import { useEffect as useEffect12, useState as useState8 } from "react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback8, useState as useState7 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData17 } from "@awesome-flow/core/hooks";
+import { HandlesIncomingDataStatus } from "@awesome-flow/core/components";
+import { Text as Text3 } from "@mantine/core";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-curve-node.tsx
 import { NodeContainer as NodeContainer20, NodeTrackConnections as NodeTrackConnections15 } from "@awesome-flow/core/layout";
-import { ActionIcon, Button, Group as Group9, NumberInput as NumberInput7, Space } from "@mantine/core";
+import { ActionIcon, Button, Group as Group7, NumberInput as NumberInput6, Space } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData9,
+  useIncomingComputedData as useIncomingComputedData8,
   useUpdateNodeComputedData as useUpdateNodeComputedData18,
-  useUpdateNodeData as useUpdateNodeData8
+  useUpdateNodeData as useUpdateNodeData7
 } from "@awesome-flow/core/hooks";
-import { useCallback as useCallback9, useEffect as useEffect13, useState as useState9 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect11, useState as useState8 } from "react";
 import { Curve } from "libnoise-ts/module/modifier";
 import { Tuple } from "libnoise-ts/util";
 import { IconX } from "@tabler/icons-react";
 import { randomId } from "@mantine/hooks";
 import { NodeState } from "@awesome-flow/core/abstract";
-import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-exponent-node.tsx
 import { NodeContainer as NodeContainer21, NodeTrackConnections as NodeTrackConnections16 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect14, useState as useState10 } from "react";
-import { Group as Group10, NumberInput as NumberInput8, Stack as Stack11 } from "@mantine/core";
+import { useEffect as useEffect12, useState as useState9 } from "react";
+import { Group as Group8, NumberInput as NumberInput7, Stack as Stack9 } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData10,
+  useIncomingComputedData as useIncomingComputedData9,
   useUpdateNodeComputedData as useUpdateNodeComputedData19,
-  useUpdateNodeData as useUpdateNodeData9
+  useUpdateNodeData as useUpdateNodeData8
 } from "@awesome-flow/core/hooks";
 import { Exponent } from "libnoise-ts/module/modifier";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-invert-node.tsx
 import { NodeContainer as NodeContainer22, NodeTrackConnections as NodeTrackConnections17 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect15 } from "react";
-import { useIncomingComputedData as useIncomingComputedData11, useUpdateNodeComputedData as useUpdateNodeComputedData20 } from "@awesome-flow/core/hooks";
+import { useEffect as useEffect13 } from "react";
+import { useIncomingComputedData as useIncomingComputedData10, useUpdateNodeComputedData as useUpdateNodeComputedData20 } from "@awesome-flow/core/hooks";
 import { Invert } from "libnoise-ts/module/modifier";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-scale-bias-node.tsx
 import { NodeContainer as NodeContainer23, NodeTrackConnections as NodeTrackConnections18 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect16, useState as useState11 } from "react";
-import { Group as Group11, NumberInput as NumberInput9, Stack as Stack12 } from "@mantine/core";
+import { useEffect as useEffect14, useState as useState10 } from "react";
+import { Group as Group9, NumberInput as NumberInput8, Stack as Stack10 } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData12,
+  useIncomingComputedData as useIncomingComputedData11,
   useUpdateNodeComputedData as useUpdateNodeComputedData21,
-  useUpdateNodeData as useUpdateNodeData10
+  useUpdateNodeData as useUpdateNodeData9
 } from "@awesome-flow/core/hooks";
 import { ScaleBias } from "libnoise-ts/module/modifier";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // src/nodes/modifiers/noise-terrace-node.tsx
 import { NodeContainer as NodeContainer24, NodeTrackConnections as NodeTrackConnections19 } from "@awesome-flow/core/layout";
-import { ActionIcon as ActionIcon2, Button as Button2, Group as Group12, NumberInput as NumberInput10, Space as Space2 } from "@mantine/core";
+import { ActionIcon as ActionIcon2, Button as Button2, Group as Group10, NumberInput as NumberInput9, Space as Space2 } from "@mantine/core";
 import {
-  useIncomingComputedData as useIncomingComputedData13,
+  useIncomingComputedData as useIncomingComputedData12,
   useUpdateNodeComputedData as useUpdateNodeComputedData22,
-  useUpdateNodeData as useUpdateNodeData11
+  useUpdateNodeData as useUpdateNodeData10
 } from "@awesome-flow/core/hooks";
-import { useCallback as useCallback10, useEffect as useEffect17, useState as useState12 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect15, useState as useState11 } from "react";
 import { Terrace } from "libnoise-ts/module/modifier";
 import { IconX as IconX2 } from "@tabler/icons-react";
 import { randomId as randomId2 } from "@mantine/hooks";
 import { NodeState as NodeState2 } from "@awesome-flow/core/abstract";
-import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 
 // src/nodes/selectors/noise-blend-node.tsx
 import { NodeContainer as NodeContainer25, NodeTrackConnections as NodeTrackConnections20 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect18 } from "react";
-import { useIncomingComputedData as useIncomingComputedData14, useUpdateNodeComputedData as useUpdateNodeComputedData23 } from "@awesome-flow/core/hooks";
+import { useCallback as useCallback11 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData23 } from "@awesome-flow/core/hooks";
 import { Blend } from "libnoise-ts/module/selector";
-import { Group as Group13 } from "@mantine/core";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { HandlesIncomingDataStatus as HandlesIncomingDataStatus2 } from "@awesome-flow/core/components";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 
 // src/nodes/selectors/noise-select-node.tsx
 import { NodeContainer as NodeContainer26, NodeTrackConnections as NodeTrackConnections21 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect19, useState as useState13 } from "react";
-import {
-  useIncomingComputedData as useIncomingComputedData15,
-  useUpdateNodeComputedData as useUpdateNodeComputedData24,
-  useUpdateNodeData as useUpdateNodeData12
-} from "@awesome-flow/core/hooks";
+import { useCallback as useCallback12, useEffect as useEffect16, useState as useState12 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData24, useUpdateNodeData as useUpdateNodeData11 } from "@awesome-flow/core/hooks";
 import { Select } from "libnoise-ts/module/selector";
-import { Group as Group14, NumberInput as NumberInput11, Stack as Stack13 } from "@mantine/core";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Group as Group11, NumberInput as NumberInput10, Stack as Stack11 } from "@mantine/core";
+import { HandlesIncomingDataStatus as HandlesIncomingDataStatus3 } from "@awesome-flow/core/components";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 
 // src/nodes/transformers/noise-displace-node.tsx
 import { NodeContainer as NodeContainer27, NodeTrackConnections as NodeTrackConnections22 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect20, useMemo as useMemo13 } from "react";
-import { useIncomingHandleData, useUpdateNodeComputedData as useUpdateNodeComputedData25 } from "@awesome-flow/core/hooks";
+import { useCallback as useCallback13 } from "react";
+import { useUpdateNodeComputedData as useUpdateNodeComputedData25 } from "@awesome-flow/core/hooks";
 import { Displace } from "libnoise-ts/module/transformer";
-import { Badge, Stack as Stack14 } from "@mantine/core";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { HandlesIncomingDataStatus as HandlesIncomingDataStatus4 } from "@awesome-flow/core/components";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 
 // src/nodes/transformers/noise-rotate-point-node.tsx
 import { NodeContainer as NodeContainer28, NodeTrackConnections as NodeTrackConnections23 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect21, useState as useState14 } from "react";
+import { useEffect as useEffect17, useState as useState13 } from "react";
 import {
-  useIncomingComputedData as useIncomingComputedData16,
+  useIncomingComputedData as useIncomingComputedData13,
   useUpdateNodeComputedData as useUpdateNodeComputedData26,
-  useUpdateNodeData as useUpdateNodeData13
+  useUpdateNodeData as useUpdateNodeData12
 } from "@awesome-flow/core/hooks";
-import { Group as Group15, NumberInput as NumberInput12, Stack as Stack15 } from "@mantine/core";
+import { Group as Group12, NumberInput as NumberInput11, Stack as Stack12 } from "@mantine/core";
 import { RotatePoint } from "libnoise-ts/module/transformer";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 
 // src/nodes/transformers/noise-scale-point-node.tsx
 import { NodeContainer as NodeContainer29, NodeTrackConnections as NodeTrackConnections24 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect22, useState as useState15 } from "react";
+import { useEffect as useEffect18, useState as useState14 } from "react";
 import {
-  useIncomingComputedData as useIncomingComputedData17,
+  useIncomingComputedData as useIncomingComputedData14,
   useUpdateNodeComputedData as useUpdateNodeComputedData27,
-  useUpdateNodeData as useUpdateNodeData14
+  useUpdateNodeData as useUpdateNodeData13
 } from "@awesome-flow/core/hooks";
-import { Group as Group16, NumberInput as NumberInput13, Stack as Stack16 } from "@mantine/core";
+import { Group as Group13, NumberInput as NumberInput12, Stack as Stack13 } from "@mantine/core";
 import { ScalePoint } from "libnoise-ts/module/transformer";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 
 // src/nodes/transformers/noise-translate-point-node.tsx
 import { NodeContainer as NodeContainer30, NodeTrackConnections as NodeTrackConnections25 } from "@awesome-flow/core/layout";
-import { useEffect as useEffect23, useState as useState16 } from "react";
+import { useEffect as useEffect19, useState as useState15 } from "react";
 import {
-  useIncomingComputedData as useIncomingComputedData18,
+  useIncomingComputedData as useIncomingComputedData15,
   useUpdateNodeComputedData as useUpdateNodeComputedData28,
-  useUpdateNodeData as useUpdateNodeData15
+  useUpdateNodeData as useUpdateNodeData14
 } from "@awesome-flow/core/hooks";
-import { Group as Group17, NumberInput as NumberInput14, Stack as Stack17 } from "@mantine/core";
+import { Group as Group14, NumberInput as NumberInput13, Stack as Stack14 } from "@mantine/core";
 import { TranslatePoint } from "libnoise-ts/module/transformer";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 
 // src/nodes/transformers/noise-turbulence-node .tsx
 import { NodeContainer as NodeContainer31, NodeTrackConnections as NodeTrackConnections26 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback11, useEffect as useEffect24, useState as useState17 } from "react";
-import { useIncomingComputedData as useIncomingComputedData19, useUpdateNodeComputedData as useUpdateNodeComputedData29 } from "@awesome-flow/core/hooks";
+import { useCallback as useCallback14, useEffect as useEffect20, useState as useState16 } from "react";
+import { useIncomingComputedData as useIncomingComputedData16, useUpdateNodeComputedData as useUpdateNodeComputedData29 } from "@awesome-flow/core/hooks";
 import { Turbulence } from "libnoise-ts/module/transformer";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
-
-// src/nodes/generators/variable-property-node.tsx
-import { NodeCombobox as NodeCombobox2, NodeContainer as NodeContainer32, NodeTrackConnections as NodeTrackConnections27 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback12, useEffect as useEffect25, useState as useState18 } from "react";
-import { Stack as Stack18 } from "@mantine/core";
-import { useIncomingNodeData as useIncomingNodeData2, useOutgoingNodes, useUpdateNodeData as useUpdateNodeData16 } from "@awesome-flow/core/hooks";
-import { getObjectPropertyMap } from "@awesome-flow/core/utils";
-import { nodeDataPropertyExcept as nodeDataPropertyExcept3 } from "@awesome-flow/core/abstract";
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
-
-// src/nodes/modifiers/variable-combine-node.tsx
-import { NodeCombobox as NodeCombobox3, NodeContainer as NodeContainer33, NodeTrackConnections as NodeTrackConnections28 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback13, useEffect as useEffect26, useState as useState19 } from "react";
-import { useIncomingNodeData as useIncomingNodeData3, useUpdateNodeData as useUpdateNodeData17 } from "@awesome-flow/core/hooks";
-import {
-  IconAsterisk as IconAsterisk2,
-  IconChevronLeft as IconChevronLeft2,
-  IconChevronRight as IconChevronRight2,
-  IconChevronUp as IconChevronUp2,
-  IconDivide,
-  IconPlus as IconPlus2
-} from "@tabler/icons-react";
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
-
-// src/nodes/generators/variable-value-node.tsx
-import { NodeContainer as NodeContainer34, NodeTrackConnections as NodeTrackConnections29 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback14, useState as useState20 } from "react";
-import { useUpdateNodeData as useUpdateNodeData18 } from "@awesome-flow/core/hooks";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
-
-// src/nodes/groups/node-module-group.tsx
-import { NodeContainer as NodeContainer35, NodeCollapse } from "@awesome-flow/core/layout";
-import { NodeResizer, useStore, useUpdateNodeInternals } from "@xyflow/react";
-import { FlowContext } from "@awesome-flow/core/abstract";
-import { useCallback as useCallback15, useContext, useEffect as useEffect27, useMemo as useMemo14 } from "react";
-import { shallow } from "zustand/shallow";
-import { Badge as Badge2, Group as Group18 } from "@mantine/core";
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { NodePropertyVariables as NodePropertyVariables7 } from "@awesome-flow/core/components";
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 
 // src/templates/generators/noise-checkerboard-template.ts
-import { IDGenerator } from "@awesome-flow/core/utils";
 import { Position } from "@xyflow/system";
 var NoiseCheckerboardNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator.template(),
-      type: "noise-checkerboard" /* noiseCheckerboard */,
-      removable: false,
-      data: {
-        title: "Checkerboard Noise"
-      },
-      handles: [
-        {
-          position: Position.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+  template = {
+    type: "noise-checkerboard" /* noiseCheckerboard */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Checkerboard Noise"
+    },
+    handles: [
+      {
+        position: Position.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-const-template.ts
-import { IDGenerator as IDGenerator2 } from "@awesome-flow/core/utils";
 import { Position as Position2 } from "@xyflow/system";
 var NoiseConstNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator2.template(),
-      type: "noise-constant" /* noiseConst */,
-      removable: false,
-      data: {
-        title: "Const Value Noise",
-        noise: 0,
-        min: -1,
-        max: 1
-      },
-      handles: [
-        {
-          position: Position2.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+  template = {
+    type: "noise-constant" /* noiseConst */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Const Value Noise",
+      noise: 0,
+      min: -1,
+      max: 1
+    },
+    handles: [
+      {
+        position: Position2.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-cylinders-template.ts
-import { IDGenerator as IDGenerator3 } from "@awesome-flow/core/utils";
+import { CoreHandleType } from "@awesome-flow/core/abstract";
 import { Position as Position3 } from "@xyflow/system";
 var NoiseCylindersNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator3.template(),
-      type: "noise-cylinders" /* noiseCylinders */,
-      removable: false,
-      data: {
-        title: "Cylinders Noise",
-        frequency: 0.1
+  template = {
+    type: "noise-cylinders" /* noiseCylinders */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Cylinders Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: Position3.Left,
+        dataType: CoreHandleType.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position3.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position3.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position3.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-perlin-template.ts
-import { IDGenerator as IDGenerator4 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType2 } from "@awesome-flow/core/abstract";
 import { Position as Position4 } from "@xyflow/system";
 var NoisePerlinNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator4.template(),
-      type: "noise-perlin" /* noisePerlin */,
-      removable: false,
-      data: {
-        title: "Perlin Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 5,
-        persistence: 0.5,
-        seed: 0
+  template = {
+    type: "noise-perlin" /* noisePerlin */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Perlin Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 5,
+      persistence: 0.5,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position4.Left,
+        dataType: CoreHandleType2.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position4.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position4.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position4.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-ridgedmulti-template.ts
-import { IDGenerator as IDGenerator5 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType3 } from "@awesome-flow/core/abstract";
 import { Position as Position5 } from "@xyflow/system";
 var NoiseRidgedMultiNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator5.template(),
-      type: "noise-ridged-multi" /* noiseRidgedMulti */,
-      removable: false,
-      data: {
-        title: "Ridged Multi Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 6,
-        offset: 1,
-        gain: 2,
-        seed: 0
+  template = {
+    type: "noise-ridged-multi" /* noiseRidgedMulti */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Ridged Multi Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 6,
+      offset: 1,
+      gain: 2,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position5.Left,
+        dataType: CoreHandleType3.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position5.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position5.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position5.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-simplex-template.ts
-import { IDGenerator as IDGenerator6 } from "@awesome-flow/core/utils";
+import {
+  CoreHandleType as CoreHandleType4
+} from "@awesome-flow/core/abstract";
 import { Position as Position6 } from "@xyflow/system";
 var NoiseSimplexNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator6.template(),
-      type: "noise-simplex" /* noiseSimplex */,
-      removable: false,
-      data: {
-        title: "Simplex Noise"
+  template = {
+    type: "noise-simplex" /* noiseSimplex */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Simplex Noise"
+    },
+    handles: [
+      {
+        position: Position6.Left,
+        dataType: CoreHandleType4.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position6.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position6.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position6.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-spheres-template.ts
-import { IDGenerator as IDGenerator7 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType5 } from "@awesome-flow/core/abstract";
 import { Position as Position7 } from "@xyflow/system";
 var NoiseSpheresNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator7.template(),
-      type: "noise-spheres" /* noiseSpheres */,
-      removable: false,
-      data: {
-        title: "Spheres Noise",
-        frequency: 0.1
+  template = {
+    type: "noise-spheres" /* noiseSpheres */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Spheres Noise",
+      frequency: 0.1
+    },
+    handles: [
+      {
+        position: Position7.Left,
+        dataType: CoreHandleType5.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position7.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position7.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position7.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/noise-voronoi-template.ts
-import { IDGenerator as IDGenerator8 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType6 } from "@awesome-flow/core/abstract";
 import { Position as Position8 } from "@xyflow/system";
 var NoiseVoronoiNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator8.template(),
-      type: "noise-voronoi" /* noiseVoronoi */,
-      removable: false,
-      data: {
-        title: "Voronoi Noise",
-        frequency: 0.1,
-        displacement: 1,
-        distance: true,
-        seed: 0
+  template = {
+    type: "noise-voronoi" /* noiseVoronoi */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Voronoi Noise",
+      frequency: 0.1,
+      displacement: 1,
+      distance: true,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position8.Left,
+        dataType: CoreHandleType6.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position8.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position8.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position8.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/position-const-template.ts
-import { IDGenerator as IDGenerator9 } from "@awesome-flow/core/utils";
 import { Position as Position9 } from "@xyflow/system";
 var PositionConstNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator9.template(),
-      type: "position" /* position */,
-      removable: false,
-      data: {
-        title: "Position Output",
-        position: { x: 0, y: 0, z: 0 }
-      },
-      handles: [
-        {
-          position: Position9.Right,
-          dataType: 4 /* position */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "position" /* position */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Position Output",
+      position: { x: 0, y: 0, z: 0 }
+    },
+    handles: [
+      {
+        position: Position9.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/generators/position-grid-template.ts
-import { IDGenerator as IDGenerator10 } from "@awesome-flow/core/utils";
 import { Position as Position10 } from "@xyflow/system";
 var PositionGridNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator10.template(),
-      type: "grid" /* grid */,
-      removable: false,
-      data: {
-        title: "Grid Output",
-        center: { x: 0, y: 0, z: 0 },
-        radius: 1
-      },
-      handles: [
-        {
-          position: Position10.Right,
-          dataType: 4 /* position */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 4 /* position */;
-  }
+  template = {
+    type: "grid" /* grid */,
+    group: "Positions" /* positions */,
+    data: {
+      title: "Grid Output",
+      center: { x: 0, y: 0, z: 0 },
+      radius: 1
+    },
+    handles: [
+      {
+        position: Position10.Right,
+        dataType: "position" /* position */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-normalize-template.ts
-import { IDGenerator as IDGenerator11 } from "@awesome-flow/core/utils";
+import { IDGenerator } from "@awesome-flow/core/utils";
 import { Position as Position11 } from "@xyflow/system";
 var NoiseNormalizeNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator11.template(),
-      type: "noise-normalize" /* noiseNormalize */,
-      data: {
-        title: "Normalize Noise",
-        intervalStart: -1,
-        intervalEnd: 1
+  template = {
+    id: IDGenerator.template(),
+    type: "noise-normalize" /* noiseNormalize */,
+    group: "Noise Modifiers" /* noiseModifiers */,
+    data: {
+      title: "Normalize Noise",
+      intervalStart: -1,
+      intervalEnd: 1
+    },
+    handles: [
+      {
+        position: Position11.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position11.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position11.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position11.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-raw-texture-template.ts
-import { IDGenerator as IDGenerator12 } from "@awesome-flow/core/utils";
 import { Position as Position12 } from "@xyflow/system";
 var NoiseRawTextureTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator12.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: Position12.Left,
+        dataType: "noise" /* noise */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position12.Left,
-          dataType: 2 /* noise */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position12.Right,
-          dataType: 1 /* texture */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 1 /* texture */;
-      case "target":
-        return 2 /* noise */;
-    }
-  }
+      {
+        position: Position12.Right,
+        dataType: "texture" /* texture */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/position-logger-template.ts
-import { IDGenerator as IDGenerator13 } from "@awesome-flow/core/utils";
 import { Position as Position13 } from "@xyflow/system";
 var PositionLoggerNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator13.template(),
-      type: "position-logger" /* positionLogger */,
-      removable: false,
-      data: {
-        title: "Position Logger"
-      },
-      handles: [
-        {
-          position: Position13.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: Position13.Left,
+        dataType: "position" /* position */,
+        connection: "target"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-combine-template.ts
-import { IDGenerator as IDGenerator14 } from "@awesome-flow/core/utils";
 import { Position as Position14 } from "@xyflow/system";
 var NoiseCombineNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator14.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: Position14.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 2
       },
-      handles: [
-        {
-          position: Position14.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 2
-        },
-        {
-          position: Position14.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position14.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-clamp-template.ts
-import { IDGenerator as IDGenerator15 } from "@awesome-flow/core/utils";
 import { Position as Position15 } from "@xyflow/system";
 var NoiseClampNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator15.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: Position15.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position15.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position15.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position15.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-abs-template.ts
-import { IDGenerator as IDGenerator16 } from "@awesome-flow/core/utils";
 import { Position as Position16 } from "@xyflow/system";
 var NoiseAbsNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator16.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: Position16.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position16.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position16.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position16.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/output/noise-output-template.ts
-import { IDGenerator as IDGenerator17 } from "@awesome-flow/core/utils";
 import { Position as Position17 } from "@xyflow/system";
 var NoiseOutputNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator17.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: Position17.Left,
+        dataType: "position" /* position */,
+        connection: "target"
+      },
+      {
+        position: Position17.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position17.Left,
-          dataType: 4 /* position */,
-          connection: "target"
-        },
-        {
-          position: Position17.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position17.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: Position17.Right,
+        dataType: "noise" /* noise */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-curve-template.ts
-import { IDGenerator as IDGenerator18 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType7 } from "@awesome-flow/core/abstract";
 import { Position as Position18 } from "@xyflow/system";
 var NoiseCurveNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator18.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: Position18.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position18.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position18.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position18.Left,
+        dataType: CoreHandleType7.variableProperty,
+        connection: "target"
+      },
+      {
+        position: Position18.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-exponent-template.ts
-import { IDGenerator as IDGenerator19 } from "@awesome-flow/core/utils";
 import { Position as Position19 } from "@xyflow/system";
 var NoiseExponentNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator19.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: Position19.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position19.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position19.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position19.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-invert-template.ts
-import { IDGenerator as IDGenerator20 } from "@awesome-flow/core/utils";
 import { Position as Position20 } from "@xyflow/system";
 var NoiseInvertNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator20.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: Position20.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position20.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position20.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position20.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-scalebias-template.ts
-import { IDGenerator as IDGenerator21 } from "@awesome-flow/core/utils";
 import { Position as Position21 } from "@xyflow/system";
 var NoiseScaleBiasNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator21.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: Position21.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position21.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position21.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position21.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/modifiers/noise-terrace-template.ts
-import { IDGenerator as IDGenerator22 } from "@awesome-flow/core/utils";
 import { Position as Position22 } from "@xyflow/system";
 var NoiseTerraceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator22.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: Position22.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position22.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position22.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position22.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/selectors/noise-blend-template.ts
-import { IDGenerator as IDGenerator23 } from "@awesome-flow/core/utils";
 import { Position as Position23 } from "@xyflow/system";
 var NoiseBlendNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator23.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: Position23.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Modules",
+        dataId: "source" /* source */,
+        maxConnections: 2,
+        minConnections: 2
+      },
+      {
+        position: Position23.Left,
+        dataType: "module" /* module */,
+        dataId: "control" /* control */,
+        connection: "target",
+        label: "Control Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position23.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Modules",
-          maxConnections: 2
-        },
-        {
-          position: Position23.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Control Module",
-          maxConnections: 1
-        },
-        {
-          position: Position23.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position23.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/selectors/noise-select-template.ts
-import { IDGenerator as IDGenerator24 } from "@awesome-flow/core/utils";
 import { Position as Position24 } from "@xyflow/system";
 var NoiseSelectNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator24.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: Position24.Left,
+        dataType: "module" /* module */,
+        dataId: "source" /* source */,
+        connection: "target",
+        label: "Source Modules",
+        maxConnections: 2,
+        minConnections: 2
+      },
+      {
+        position: Position24.Left,
+        dataType: "module" /* module */,
+        dataId: "control" /* control */,
+        connection: "target",
+        label: "Control Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position24.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Modules",
-          maxConnections: 2
-        },
-        {
-          position: Position24.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Control Module",
-          maxConnections: 1
-        },
-        {
-          position: Position24.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position24.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-displace-template.ts
-import { IDGenerator as IDGenerator25 } from "@awesome-flow/core/utils";
 import { Position as Position25 } from "@xyflow/system";
 var NoiseDisplaceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator25.template(),
-      type: "noise-displace" /* noiseDisplace */,
-      data: {
-        title: "Noise Displace"
+  template = {
+    type: "noise-displace" /* noiseDisplace */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Displace"
+    },
+    handles: [
+      {
+        position: Position25.Left,
+        connection: "target",
+        label: "Source Module",
+        dataType: "module" /* module */,
+        dataId: "source" /* sourceModule */,
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position25.Left,
-          connection: "target",
-          label: "Source Module",
-          dataType: 8 /* module */,
-          dataId: "source" /* sourceModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position25.Left,
-          connection: "target",
-          label: "X Module",
-          dataType: 8 /* module */,
-          dataId: "x-module" /* xModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position25.Left,
-          connection: "target",
-          label: "Y Module",
-          dataType: 8 /* module */,
-          dataId: "y-module" /* yModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position25.Left,
-          connection: "target",
-          label: "Z Module",
-          dataType: 8 /* module */,
-          dataId: "z-module" /* zModule */,
-          maxConnections: 1
-        },
-        {
-          position: Position25.Right,
-          dataType: 8 /* module */,
-          dataId: "output" /* output */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position25.Left,
+        connection: "target",
+        label: "X Module",
+        dataType: "module" /* module */,
+        dataId: "x-module" /* xModule */,
+        maxConnections: 1
+      },
+      {
+        position: Position25.Left,
+        connection: "target",
+        label: "Y Module",
+        dataType: "module" /* module */,
+        dataId: "y-module" /* yModule */,
+        maxConnections: 1
+      },
+      {
+        position: Position25.Left,
+        connection: "target",
+        label: "Z Module",
+        dataType: "module" /* module */,
+        dataId: "z-module" /* zModule */,
+        maxConnections: 1
+      },
+      {
+        position: Position25.Right,
+        dataType: "module" /* module */,
+        dataId: "output" /* output */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-rotate-point-template.ts
-import { IDGenerator as IDGenerator26 } from "@awesome-flow/core/utils";
 import { Position as Position26 } from "@xyflow/system";
 var NoiseRotatePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator26.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: Position26.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position26.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position26.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position26.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-scale-point-template.ts
-import { IDGenerator as IDGenerator27 } from "@awesome-flow/core/utils";
 import { Position as Position27 } from "@xyflow/system";
 var NoiseScalePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator27.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: Position27.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position27.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position27.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position27.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-translate-point-template.ts
-import { IDGenerator as IDGenerator28 } from "@awesome-flow/core/utils";
 import { Position as Position28 } from "@xyflow/system";
 var NoiseTranslatePointNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator28.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: Position28.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position28.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position28.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position28.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/transformers/noise-turbulence-template.ts
-import { IDGenerator as IDGenerator29 } from "@awesome-flow/core/utils";
+import { CoreHandleType as CoreHandleType8 } from "@awesome-flow/core/abstract";
 import { Position as Position29 } from "@xyflow/system";
 var NoiseTurbulenceNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator29.template(),
-      type: "noise-turbulence" /* noiseTurbulence */,
-      data: {
-        title: "Noise Turbulence",
-        frequency: 1,
-        power: 1,
-        roughness: 1,
-        seed: 0
-      },
-      handles: [
-        {
-          position: Position29.Left,
-          dataType: 8 /* module */,
-          connection: "target",
-          label: "Source Module",
-          maxConnections: 1
-        },
-        {
-          position: Position29.Left,
-          dataType: 16 /* variableProperty */,
-          label: "Variable Properties",
-          connection: "target"
-        },
-        {
-          position: Position29.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/variable-property-template.ts
-import { IDGenerator as IDGenerator30 } from "@awesome-flow/core/utils";
-import { Position as Position30 } from "@xyflow/system";
-var VariablePropertyNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator30.template(),
-      type: "variable-property" /* variableProperty */,
-      data: {
-        title: "Variable Property",
-        property: null
+  template = {
+    type: "noise-turbulence" /* noiseTurbulence */,
+    group: "Noise Transformers" /* noiseTransformers */,
+    data: {
+      title: "Noise Turbulence",
+      frequency: 1,
+      power: 1,
+      roughness: 1,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position29.Left,
+        dataType: "module" /* module */,
+        connection: "target",
+        label: "Source Module",
+        maxConnections: 1
       },
-      handles: [
-        {
-          position: Position30.Left,
-          dataType: 32 /* variableValue */,
-          connection: "target",
-          maxConnections: 1
-        },
-        {
-          position: Position30.Right,
-          dataType: 16 /* variableProperty */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    switch (type) {
-      case "source":
-        return 16 /* variableProperty */;
-      case "target":
-        return 32 /* variableValue */;
-    }
-  }
-};
-
-// src/templates/modifiers/variable-combine-template.ts
-import { IDGenerator as IDGenerator31 } from "@awesome-flow/core/utils";
-import { Position as Position31 } from "@xyflow/system";
-var VariableCombineNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator31.template(),
-      type: "variable-combine" /* variableCombine */,
-      removable: false,
-      data: {
-        title: "Combine Values",
-        operation: "add" /* add */,
-        value: null
+      {
+        position: Position29.Left,
+        dataType: CoreHandleType8.variableProperty,
+        label: "Variable Properties",
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position31.Left,
-          dataType: 32 /* variableValue */,
-          connection: "target"
-        },
-        {
-          position: Position31.Right,
-          dataType: 32 /* variableValue */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed() {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
+      {
+        position: Position29.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
-// src/templates/generators/variable-value-template.ts
-import { IDGenerator as IDGenerator32 } from "@awesome-flow/core/utils";
-import { Position as Position32 } from "@xyflow/system";
-var VariableValueNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator32.template(),
-      type: "variable-value" /* variableValue */,
-      data: {
-        title: "Variable Value",
-        value: null
+// src/templates/generators/noise-billow-template.ts
+import { CoreHandleType as CoreHandleType9 } from "@awesome-flow/core/abstract";
+import { IDGenerator as IDGenerator2 } from "@awesome-flow/core/utils";
+import { Position as Position30 } from "@xyflow/system";
+var NoiseBillowNodeTemplateFactory = class {
+  template = {
+    id: IDGenerator2.template(),
+    type: "noise-billow" /* noiseBillow */,
+    group: "Noise Generators" /* noiseGenerators */,
+    data: {
+      title: "Billow Noise",
+      frequency: 0.1,
+      lacunarity: 2,
+      octaves: 5,
+      persistence: 0.5,
+      seed: 0
+    },
+    handles: [
+      {
+        position: Position30.Left,
+        dataType: CoreHandleType9.variableProperty,
+        connection: "target"
       },
-      handles: [
-        {
-          position: Position32.Right,
-          dataType: 32 /* variableValue */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType(type) {
-    return 32 /* variableValue */;
-  }
+      {
+        position: Position30.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
 // src/templates/groups/module-group-template.ts
-import { IDGenerator as IDGenerator33 } from "@awesome-flow/core/utils";
-import { Position as Position33 } from "@xyflow/system";
+import {
+  CoreTemplateGroup
+} from "@awesome-flow/core/abstract";
+import { IDGenerator as IDGenerator3 } from "@awesome-flow/core/utils";
+import { Position as Position31 } from "@xyflow/system";
 var ModuleGroupNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator33.template(),
-      type: "group-module" /* groupModule */,
-      data: {
-        title: "Modules Group",
-        isGroup: true,
-        initialSize: {
-          width: 300,
-          height: 200
-        },
-        collapsedSize: {
-          width: 300,
-          height: 80
-        }
+  template = {
+    id: IDGenerator3.template(),
+    type: "group-module" /* groupModule */,
+    group: CoreTemplateGroup.groups,
+    data: {
+      title: "Modules Group",
+      isGroup: true,
+      initialSize: {
+        width: 300,
+        height: 200
       },
-      handles: [
-        {
-          position: Position33.Bottom,
-          dataType: 8 /* module */,
-          connection: "target",
-          maxConnections: 1,
-          hideOnCollapse: true
-        },
-        {
-          position: Position33.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return true;
-  }
-  getHandleAllowedDataType(type) {
-    return 8 /* module */;
-  }
-};
-
-// src/templates/generators/noise-billow-template.ts
-import { IDGenerator as IDGenerator34 } from "@awesome-flow/core/utils";
-import { Position as Position34 } from "@xyflow/system";
-var NoiseBillowNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator34.template(),
-      type: "noise-billow" /* noiseBillow */,
-      removable: false,
-      data: {
-        title: "Billow Noise",
-        frequency: 0.1,
-        lacunarity: 2,
-        octaves: 5,
-        persistence: 0.5,
-        seed: 0
+      collapsedSize: {
+        width: 300,
+        height: 80
+      }
+    },
+    handles: [
+      {
+        position: Position31.Bottom,
+        dataType: "module" /* module */,
+        connection: "target",
+        maxConnections: 1,
+        hideOnCollapse: true
       },
-      handles: [
-        {
-          position: Position34.Left,
-          dataType: 16 /* variableProperty */,
-          connection: "target"
-        },
-        {
-          position: Position34.Right,
-          dataType: 8 /* module */,
-          connection: "source"
-        }
-      ]
-    };
-  }
-  isHandleAllowed(type) {
-    return type === "source";
-  }
-  getHandleAllowedDataType() {
-    return 8 /* module */;
-  }
+      {
+        position: Position31.Right,
+        dataType: "module" /* module */,
+        connection: "source"
+      }
+    ]
+  };
 };
 
+// src/nodes/groups/module-group-node.tsx
+import { NodeContainer as NodeContainer32, NodeCollapse, NodeTrackConnections as NodeTrackConnections27 } from "@awesome-flow/core/layout";
+import { NodeResizer, useStore, useUpdateNodeInternals } from "@xyflow/react";
+import { FlowContext } from "@awesome-flow/core/abstract";
+import { useCallback as useCallback15, useContext, useEffect as useEffect21, useMemo as useMemo12 } from "react";
+import { shallow } from "zustand/shallow";
+import { Badge, Group as Group15 } from "@mantine/core";
+import { useIncomingComputedData as useIncomingComputedData17, useUpdateNodeComputedData as useUpdateNodeComputedData30 } from "@awesome-flow/core/hooks";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+
 // src/abstract/node-types.ts
 var noiseNodeTemplates = {
   ["noise-output" /* noiseOutput */]: new NoiseOutputNodeTemplateFactory(),
@@ -1673,37 +1243,25 @@ 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()
 };
 
 // src/templates/output/noise-logger-template.ts
 var NoiseLoggerNodeTemplateFactory = class {
-  create() {
-    return {
-      id: IDGenerator35.template(),
-      type: "noise-logger" /* noiseLogger */,
-      removable: false,
-      data: {
-        title: "Noise Logger"
-      },
-      handles: [
-        {
-          position: Position35.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: Position32.Left,
+        dataType: "noise" /* noise */,
+        connection: "target"
+      }
+    ]
+  };
 };
 export {
   NoiseLoggerNodeTemplateFactory,