diff --git a/blog/2024-05-06-symfony-libs.mdx b/blog/2024-05-06-symfony-libs.mdx
index 92e7c5c..c8a90b7 100644
--- a/blog/2024-05-06-symfony-libs.mdx
+++ b/blog/2024-05-06-symfony-libs.mdx
@@ -22,7 +22,7 @@ Also the TS docs were updated:
 - [Dune DOM helpers] are now documented.
 
 
-[Dune DOM helpers]: /docs/ts-scss/dune/dom
+[Dune DOM helpers]: /docs/ts-scss/dune/helpers
 [HTML Builder]: /docs/php/library/html-builder
 [Simple Normalizer]: /docs/php/symfony/simple-normalizer
 [Task Manager]: /docs/php/symfony/task-manager
diff --git a/blog/2024-05-07-dune-docs.mdx b/blog/2024-05-07-dune-docs.mdx
index 8e189c0..355e697 100644
--- a/blog/2024-05-07-dune-docs.mdx
+++ b/blog/2024-05-07-dune-docs.mdx
@@ -7,6 +7,10 @@ tags: [dune]
 The [Dune] docs were finalized:
 
 - [DOM Attribute helpers] are now documented.
+- [JSON helpers] are now documented.
+- [Network helpers] are now documented.
+- [Popup Interaction helpers] are now documented.
+- [Timing helpers] are now documented.
 - [Usercentrics] component and hooks is documented.
 - [HTTP Basic Auth middleware] is documented.
 - [Media Query Hooks] are documented.
@@ -14,8 +18,12 @@ The [Dune] docs were finalized:
 
 
 [Debounce Hook]: /docs/ts-scss/dune/react/debounce
+[DOM Attribute helpers]: /docs/ts-scss/dune/helpers#dom-attribute
 [Dune]: /docs/ts-scss/dune
-[DOM Attribute helpers]: /docs/ts-scss/dune/dom#html-attributes
 [HTTP Basic Auth middleware]: /docs/ts-scss/dune/react/http-auth
+[JSON helpers]: /docs/ts-scss/dune/helpers#json
 [Media Query Hooks]: /docs/ts-scss/dune/react/media-query
+[Network helpers]: /docs/ts-scss/dune/helpers#network
+[Popup Interaction helpers]: /docs/ts-scss/dune/helpers#popup-interaction
+[Timing helpers]: /docs/ts-scss/dune/helpers#timing
 [Usercentrics]: /docs/ts-scss/dune/react/usercentrics
diff --git a/docs/ts-scss/dune/dom.mdx b/docs/ts-scss/dune/helpers.mdx
similarity index 57%
rename from docs/ts-scss/dune/dom.mdx
rename to docs/ts-scss/dune/helpers.mdx
index dadb736..a7f380e 100644
--- a/docs/ts-scss/dune/dom.mdx
+++ b/docs/ts-scss/dune/helpers.mdx
@@ -1,8 +1,7 @@
-# DOM Helpers
+# Helpers
 
-The library contains several helper functions for working with the DOM.
 
-## HTML Attributes
+## DOM Attribute
 
 ### `toggleClass()`
 
@@ -17,7 +16,77 @@ A helper, where you can control via the `addClass` parameter whether to add or r
 
 
 
-## Events
+## DOM Traversal
+
+### `findFirst()`
+
+```typescript
+findFirst(selector, context)
+```
+
+Small wrapper around `querySelector()`. Pass the container as `context` you want to search in, by default `document` is used.
+
+
+### `find()`
+
+```typescript
+find(selector, context)
+```
+
+Wrapper around `querySelectorAll`, always returns a (real) array. Pass the container as `context` you want to search in, by default `document` is used.
+
+
+### `children()`
+
+```typescript
+children(parent, selector = null)
+```
+
+Returns all children elements of the given `parent`. Can be directly filtered by the given selector.
+
+
+### `prev()`
+
+```typescript
+prev(element, selector = null)
+```
+
+Returns all previous siblings, optionally only those matching a given selector. Excludes the `element` itself.
+
+
+### `next()`
+
+```typescript
+next(element, selector = null)
+```
+
+Returns all following siblings, optionally only those matching a given selector. Excludes the `element` itself.
+
+
+### `closest()`
+
+```typescript
+closest(element, selector, rootElement = null)
+```
+
+Finds the nearest parent that matches the given selector. The element itself is **included**, if it matches.
+
+You can optionally pass a maximum root element, where the search should stop, so that you can contain the search to a specific subtree.
+
+
+### `isChildOf()`
+
+```typescript
+isChildOf(parent, node)
+```
+
+Checks, whether the given `node` is a child of the `parent`.
+
+Will return `true` if both parameters are the same node.
+
+
+
+## Event
 
 ### `on()`
 
@@ -150,70 +219,145 @@ trigger(button, "click", {
 ```
 
 
-## DOM Traversal
 
-### `findFirst()`
+## JSON
+
+### `safeParseJson()`
 
 ```typescript
-findFirst(selector, context)
+safeParseJson<DataType>(value)
 ```
 
-Small wrapper around `querySelector()`. Pass the container as `context` you want to search in, by default `document` is used.
+Parses the given value as JSON and returns it cast as the `DataType`.
 
+:::caution
+This function doesn't validate the data in any way. It is recommended to use zod to validate the schema.
+:::
 
-### `find()`
+
+### `parseElementContentAsJson()`
 
 ```typescript
-find(selector, context)
+parseElementContentAsJson<DataType>(element)
 ```
 
-Wrapper around `querySelectorAll`, always returns a (real) array. Pass the container as `context` you want to search in, by default `document` is used.
+Uses the text content of the given element, parses it as JSON and returns the parsed json.
 
+This is especially useful when hydrating `<script type="application/json">` tags.
+
+:::caution
+This function doesn't validate the data in any way. It is recommended to use zod to validate the schema.
+:::
 
-### `children()`
+
+
+## Network
+
+### `isAbortError()`
 
 ```typescript
-children(parent, selector = null)
+isAbortError(error)
 ```
 
-Returns all children elements of the given `parent`. Can be directly filtered by the given selector.
+A helper to help when catching fetch failures. They occur frequently when fetching in an effect in React and eagerly aborting the request when rerunning the effect.
 
+```typescript
+import {isAbortError} from "@21torr/dune/network";
 
-### `prev()`
+useEffect(() =>
+{
+	const controller = new AbortController();
+
+	fetch(..., {
+		signal: controller.signal,
+	})
+		.then(...)
+		.catch(error =>
+		{
+			if (isAbortError(error))
+			{
+				// don't do anything for abort errors
+				return;
+			}
+
+			// ...
+		});
+
+	return () =>
+	{
+		controller.abort();
+	};
+}, [...]);
+```
+
+:::best-practice
+Always properly abort your `fetch()` requests in effects when rerunning.
+:::
+
+
+
+## Popup Interaction
+
+These helpers provide support for overlay integrations.
+
+### `registerBodyClickHandler()`
 
 ```typescript
-prev(element, selector = null)
+registerBodyClickHandler(allowedClickTargets, onInvalidTargetClick) : UnregisterCallback
 ```
 
-Returns all previous siblings, optionally only those matching a given selector. Excludes the `element` itself.
+Registers a global click handler, that checks for every click if it is in one of the `allowedClickTargets`. If it isn't, the `onInvalidTargetClick` callback is triggered.
 
+Returns an unregister callback to remove the global click listener.
 
-### `next()`
+> This is useful for implementing overlays: you can detect clicks outside the overlay, but add the overlay itself as allowed click target.
+
+
+### `initDismissibleContainer()`
 
 ```typescript
-next(element, selector = null)
+initDismissibleContainer(
+	trigger,
+	allowedContainers,
+	callback,
+) : DismissibleContainerDirector
 ```
 
-Returns all following siblings, optionally only those matching a given selector. Excludes the `element` itself.
+It takes a list of `triggers` and a list of `allowedContainers`. To integrate the interaction, you pass a `callback`.
 
+The integration does the following things:
 
-### `closest()`
+- if the status changes, the `callback` is called with a boolean parameter, that tells you whether it is active or not
+- A click on a trigger toggles the active state
+- When active, a click outside the `triggers` / the `allowedContainers` sets the state to inactive.
+
+It returns a director, that can be called directly to set the state to inactive, and has an additional `destroy()` helper:
 
 ```typescript
-closest(element, selector, rootElement = null)
+const director = initDismissibleContainer(...);
+
+// set the state to inactive
+director();
+
+// destroy the integration (= removes all listeners etc)
+directory.destroy();
 ```
 
-Finds the nearest parent that matches the given selector. The element itself is **included**, if it matches.
 
-You can optionally pass a maximum root element, where the search should stop, so that you can contain the search to a specific sub tree.
+> This helps you to implement an overview, just like [`registerBodyClickHandler()`](#registerbodyclickhandler). The additional feature here is the automatic integration of external triggers.
+>
+> So in this example the overlay might be a navigation drawer, that can be toggled by a hamburger button somewhere in the page.
 
 
-### `isChildOf()`
+
+## Timing
+
+### `onNextAnimationFrame()`
 
 ```typescript
-isChildOf(parent, node)
+onNextAnimationFrame(callback)
 ```
 
-Checks, whether the given `node` is a child of the `parent`.
+Helper to integrate in animation frames. This will combine multiple calls during the same frame to a single call.
 
-Will return `true` if both parameters are the same node.
+> This is useful to debounce fast triggering events, like `mousemove`, `scroll` or `resize`.
diff --git a/docs/ts-scss/dune/index.mdx b/docs/ts-scss/dune/index.mdx
index 366f4cb..f334a7d 100644
--- a/docs/ts-scss/dune/index.mdx
+++ b/docs/ts-scss/dune/index.mdx
@@ -16,26 +16,26 @@ It provides standalone functions, React components and Next.js-integrated compon
 ## DOM + JS Helpers
 
 - [`addConsecutiveClasses()`](/docs/ts-scss/dune/js#addconsecutiveclasses)
-- [`children()`](/docs/ts-scss/dune/dom#children)
-- [`closest()`](/docs/ts-scss/dune/dom#closest)
-- [`delegate()`](/docs/ts-scss/dune/dom#delegate)
-- [`find()`](/docs/ts-scss/dune/dom#find)
-- [`findFirst()`](/docs/ts-scss/dune/dom#findfirst)
+- [`children()`](/docs/ts-scss/dune/helpers#children)
+- [`closest()`](/docs/ts-scss/dune/helpers#closest)
+- [`delegate()`](/docs/ts-scss/dune/helpers#delegate)
+- [`find()`](/docs/ts-scss/dune/helpers#find)
+- [`findFirst()`](/docs/ts-scss/dune/helpers#findfirst)
 - [`initDismissibleContainer()`](/docs/ts-scss/dune/js#initdismissiblecontainer)
 - [`isAbortError()`](/docs/ts-scss/dune/js#isaborterror)
-- [`isChildOf()`](/docs/ts-scss/dune/dom#ischildof)
-- [`next()`](/docs/ts-scss/dune/dom#next)
-- [`off()`](/docs/ts-scss/dune/dom#off)
-- [`on()`](/docs/ts-scss/dune/dom#on)
-- [`once()`](/docs/ts-scss/dune/dom#once)
-- [`onNextAnimationFrame()`](/docs/ts-scss/dune/dom#onnextanimationframe)
-- [`onOff()`](/docs/ts-scss/dune/dom#onoff)
+- [`isChildOf()`](/docs/ts-scss/dune/helpers#ischildof)
+- [`next()`](/docs/ts-scss/dune/helpers#next)
+- [`off()`](/docs/ts-scss/dune/helpers#off)
+- [`on()`](/docs/ts-scss/dune/helpers#on)
+- [`once()`](/docs/ts-scss/dune/helpers#once)
+- [`onNextAnimationFrame()`](/docs/ts-scss/dune/helpers#onnextanimationframe)
+- [`onOff()`](/docs/ts-scss/dune/helpers#onoff)
 - [`parseElementContentAsJson()`](/docs/ts-scss/dune/js#parseelementcontentasjson)
-- [`prev()`](/docs/ts-scss/dune/dom#prev)
+- [`prev()`](/docs/ts-scss/dune/helpers#prev)
 - [`registerBodyClickHandler()`](/docs/ts-scss/dune/js#registerbodyclickhandler)
 - [`safeParseJson()`](/docs/ts-scss/dune/js#safeparsejson)
-- [`toggleClass()`](/docs/ts-scss/dune/dom#toggleclass)
-- [`trigger()`](/docs/ts-scss/dune/dom#trigger)
+- [`toggleClass()`](/docs/ts-scss/dune/helpers#toggleclass)
+- [`trigger()`](/docs/ts-scss/dune/helpers#trigger)
 
 
 
diff --git a/docs/ts-scss/dune/js.mdx b/docs/ts-scss/dune/js.mdx
deleted file mode 100644
index 29b8d0d..0000000
--- a/docs/ts-scss/dune/js.mdx
+++ /dev/null
@@ -1,139 +0,0 @@
-# JS Helpers
-
-## JSON
-
-### `safeParseJson()`
-
-```typescript
-safeParseJson<DataType>(value)
-```
-
-Parses the given value as JSON and returns it cast as the `DataType`.
-
-:::caution
-This function doesn't validate the data in any way. It is recommended to use zod to validate the schema.
-:::
-
-
-### `parseElementContentAsJson()`
-
-```typescript
-parseElementContentAsJson<DataType>(element)
-```
-
-Uses the text content of the given element, parses it as JSON and returns the parsed json.
-
-This is especially useful when hydrating `<script type="application/json">` tags.
-
-:::caution
-This function doesn't validate the data in any way. It is recommended to use zod to validate the schema.
-:::
-
-## Network
-
-### `isAbortError()`
-
-```typescript
-isAbortError(error)
-```
-
-A helper to help when catching fetch failures. They occur frequently when fetching in an effect in React and eagerly aborting the request when rerunning the effect.
-
-```typescript
-import {isAbortError} from "@21torr/dune/network";
-
-useEffect(() =>
-{
-	const controller = new AbortController();
-
-	fetch(..., {
-		signal: controller.signal,
-	})
-		.then(...)
-		.catch(error =>
-		{
-			if (isAbortError(error))
-			{
-				// don't do anything for abort errors
-				return;
-			}
-
-			// ...
-		});
-
-	return () =>
-	{
-		controller.abort();
-	};
-}, [...]);
-```
-
-:::best-practice
-Always properly abort your `fetch()` requests in effects when rerunning.
-:::
-
-
-## Popup Interaction
-
-These helpers provide support for overlay integrations.
-
-### `registerBodyClickHandler()`
-
-```typescript
-registerBodyClickHandler(allowedClickTargets, onInvalidTargetClick) : UnregisterCallback
-```
-
-Registers a global click handler, that checks for every click if it is in one of the `allowedClickTargets`. If it isn't, the `onInvalidTargetClick` callback is triggered.
-
-Returns an unregister callback to remove the global click listener.
-
-> This is useful for implementing overlays: you can detect clicks outside the overlay, but add the overlay itself as allowed click target.
-
-
-### `initDismissibleContainer()`
-
-```typescript
-initDismissibleContainer(
-	trigger,
-	allowedContainers,
-	callback,
-) : DismissibleContainerDirector
-```
-
-It takes a list of `triggers` and a list of `allowedContainers`. To integrate the interaction, you pass a `callback`.
-
-The integration does the following things:
-
-- if the status changes, the `callback` is called with a boolean parameter, that tells you whether it is active or not
-- A click on a trigger toggles the active state
-- When active, a click outside the `triggers` / the `allowedContainers` sets the state to inactive.
-
-It returns a director, that can be called directly to set the state to inactive, and has an additional `destroy()` helper:
-
-```typescript
-const director = initDismissibleContainer(...);
-
-// set the state to inactive
-director();
-
-// destroy the integration (= removes all listeners etc)
-directory.destroy();
-```
-
-
-> This helps you to implement an overview, just like [`registerBodyClickHandler()`](#registerbodyclickhandler). The additional feature here is the automatic integration of external triggers.
->
-> So in this example the overlay might be a navigation drawer, that can be toggled by a hamburger button somewhere in the page.
-
-
-## Timing
-
-### `onNextAnimationFrame()`
-
-```typescript
-onNextAnimationFrame(callback)
-```
-
-Helper to integrate in animation frames. This will combine multiple calls during the same frame to a single call.
-
-> This is useful to debounce fast triggering events, like `mousemove`, `scroll` or `resize`.