@@ -415,6 +415,17 @@ The `wp-on` directive is executed each time the associated event is triggered.
 
 The callback passed as the reference receives [the event](https://developer.mozilla.org/en-US/docs/Web/API/Event) (`event`), and the returned value by this callback is ignored.
 
+You can attach several callbacks to the same event of a DOM element by using the syntax `data-wp-on--[event]---[unique-id]` (note the three hyphens before the unique ID). Everything between `data-wp-on--` and the three hyphens is used as the event name, so `data-wp-on--click--counter` listens for an event named `click--counter`, not for `click`.
+
+```html
+<button
+	data-wp-on--click="actions.logTime"
+	data-wp-on--click---counter="actions.countClick"
+>
+	Click Me!
+</button>
+```
+
 ### `wp-on-window`
 
 <div class="callout callout-info">
@@ -448,6 +459,8 @@ store( 'myPlugin', {
 
 The callback passed as the reference receives [the event](https://developer.mozilla.org/en-US/docs/Web/API/Event) (`event`), and the returned value by this callback is ignored. When the element is removed from the DOM, the event listener is also removed.
 
+You can attach several callbacks to the same window event by using the syntax `data-wp-on-window--[window-event]---[unique-id]` (note the three hyphens before the unique ID), like `data-wp-on-window--resize---log-width`.
+
 ### `wp-on-document`
 
 <div class="callout callout-info">
@@ -481,14 +494,14 @@ store( 'myPlugin', {
 
 The callback passed as the reference receives [the event](https://developer.mozilla.org/en-US/docs/Web/API/Event) (`event`), and the returned value by this callback is ignored. When the element is removed from the DOM, the event listener is also removed.
 
+You can attach several callbacks to the same document event by using the syntax `data-wp-on-document--[document-event]---[unique-id]` (note the three hyphens before the unique ID), like `data-wp-on-document--keydown---log-key`.
+
 ### `wp-watch`
 
 It runs a callback **when the node is created and runs it again when the state or context changes**.
 
 You can attach several side effects to the same DOM element by using the syntax `data-wp-watch---[unique-id]` (note the three hyphens before the unique ID).
 
-> **Deprecation notice:** The two-hyphen syntax `data-wp-watch--[unique-id]` is deprecated and will stop working in WordPress 7.1. Use three hyphens (`---`) for unique IDs.
-
 The `unique-id` doesn't need to be unique globally. It just needs to be different from the other unique IDs of the `wp-watch` directives of that DOM element.
 
 ```html
@@ -547,8 +560,6 @@ This directive runs a callback **only when the node is created**.
 
 You can attach several `wp-init` to the same DOM element by using the syntax `data-wp-init---[unique-id]` (note the three hyphens before the unique ID).
 
-> **Deprecation notice:** The two-hyphen syntax `data-wp-init--[unique-id]` is deprecated and will stop working in WordPress 7.1. Use three hyphens (`---`) for unique IDs.
-
 The `unique-id` doesn't need to be unique globally. It just needs to be different from the other unique IDs of the `wp-init` directives of that DOM element.
 
 ```html
@@ -597,8 +608,6 @@ You can use and compose hooks like `useState`, `useWatch`, or `useEffect` inside
 
 You can attach several `wp-run` to the same DOM element by using the syntax `data-wp-run---[unique-id]` (note the three hyphens before the unique ID).
 
-> **Deprecation notice:** The two-hyphen syntax `data-wp-run--[unique-id]` is deprecated and will stop working in WordPress 7.1. Use three hyphens (`---`) for unique IDs.
-
 The `unique-id` doesn't need to be unique globally. It just needs to be different from the other unique IDs of the `wp-run` directives of that DOM element.
 
 ```html
@@ -776,6 +785,8 @@ And then, the string value `"state.isPlaying"` is used to assign the result of t
 </div>
 ```
 
+The `!` operator negates the referenced value. It only works with values, such as state, context, or derived state defined with a getter. If the reference points to a function, such as an action or a callback, the function is not called and the directive receives `undefined` instead (with a warning when `SCRIPT_DEBUG` is enabled). To negate the result of a computation, define it as derived state with a getter and negate that.
+
 These values assigned to directives are **references** to a particular property in the store. They are wired to the directives automatically so that each directive “knows” what store element refers to, without any additional configuration.
 
 Note that, by default, references point to properties in the current namespace, which is the one specified by the closest ancestor with a `data-wp-interactive` attribute. If you need to access a property from a different namespace, you can explicitly set the namespace where the property accessed is defined. The syntax is `namespace::reference`, replacing `namespace` with the appropriate value.
@@ -1025,7 +1036,7 @@ This approach enables some functionalities that make directives flexible and pow
 
 #### On the client side
 
-_In the `view.js` file of each block_ the developer can define both the state and the elements of the store referencing functions like actions, side effects or derived state.
+*In the `view.js` file of each block* the developer can define both the state and the elements of the store referencing functions like actions, side effects or derived state.
 
 The `store` method used to set the store in JavaScript can be imported from `@wordpress/interactivity`.
 
@@ -1058,7 +1069,7 @@ The state defined on the server with `wp_interactivity_state()` gets merged with
 
 The `wp_interactivity_state` function receives two arguments, a `string` with the namespace that will be used as a reference and an [associative array](https://www.php.net/manual/en/language.types.array.php) containing the values.
 
-_Example of store initialized from the server with a `state` = `{ someValue: 123 }`_
+*Example of store initialized from the server with a `state` = `{ someValue: 123 }`*
 
 ```php
 // render.php
 
@@ -19,7 +19,7 @@
 	<div
 		data-testid="multiple inits"
 		data-wp-context='{"isReady":[false,false],"calls":[0,0]}'
-		data-wp-init--one="actions.initOne"
+		data-wp-init---one="actions.initOne"
 		data-wp-init---two="actions.initTwo"
 	>
 		<p data-wp-text="state.isReady" data-testid="isReady">false,false</p>
 
@@ -26,7 +26,7 @@
 	</div>
 	<div
 		data-wp-on-document--keydown="actions.keydownHandler"
-		data-wp-on-document--keydown--second="actions.keydownSecondHandler"
+		data-wp-on-document--keydown---second="actions.keydownSecondHandler"
 		data-wp-on-document--keydown---third="actions.keydownThirdHandler"
 	>
 		<p data-wp-text="state.keydownHandler" data-testid="keydownHandler">no</p>
 
@@ -23,7 +23,7 @@
 	</div>
 	<div
 		data-wp-on-window--resize="actions.resizeHandler"
-		data-wp-on-window--resize--second="actions.resizeSecondHandler"
+		data-wp-on-window--resize---second="actions.resizeSecondHandler"
 		data-wp-on-window--resize---third="actions.resizeThirdHandler"
 	>
 		<p data-wp-text="state.resizeHandler" data-testid="resizeHandler">no</p>
 
@@ -66,7 +66,7 @@
 		<button
 			data-testid="multiple handlers button"
 			data-wp-on--click="actions.setClicked"
-			data-wp-on--click--counter="actions.countClick"
+			data-wp-on--click---counter="actions.countClick"
 			data-wp-on--click---toggle="actions.toggle"
 		>Click me!</button>
 	</div>
 
@@ -43,7 +43,7 @@
 		data-watch=""
 	>
 		<div
-			data-wp-run--mounted="callbacks.updateIsMounted"
+			data-wp-run---mounted="callbacks.updateIsMounted"
 			data-wp-run---hooks="callbacks.useHooks"
 		>
 			Element with wp-run using hooks
 
@@ -39,8 +39,8 @@ const html = `
 	<div data-testid="navigated">yes</div>
 
 	<div
-		data-wp-run--hydrated="callbacks.updateIsHydrated"
-		data-wp-run--renderCount="callbacks.updateRenderCount"
+		data-wp-run---hydrated="callbacks.updateIsHydrated"
+		data-wp-run---renderCount="callbacks.updateRenderCount"
 		data-wp-text="state.clickCount"
 	></div>
 </div>
 
@@ -31,7 +31,7 @@
 
 	<div
 		data-testid="multiple watches"
-		data-wp-watch--one="callbacks.watch1"
+		data-wp-watch---one="callbacks.watch1"
 		data-wp-watch---two="callbacks.watch2"
 		data-wp-bind--data-watch-one="state.watch1"
 		data-wp-bind--data-watch-two="state.watch2"
 
@@ -32,11 +32,9 @@
 	<div data-wp-interactive="tovdom-islands">
 		<div data-wp-ignore>
 			<div data-wp-show-mock="state.falseValue">
-				<span
-					data-testid="inside an inner block of an isolated island"
-				>
-					This should be shown because it is inside an inner
-					block of an isolated island.
+				<span data-testid="inside an element with data-wp-ignore">
+					This should not be shown because data-wp-ignore no
+					longer prevents hydration.
 				</span>
 			</div>
 		</div>
@@ -60,15 +58,14 @@
 		<div>
 			<div
 				data-wp-interactive="tovdom-islands"
-				data-wp-ignore
 			>
 				<div data-wp-show-mock="state.falseValue">
 					<span
-						data-testid="island inside inner block of isolated island"
+						data-testid="island inside an inner element of another island"
 					>
-						This should not be shown because even though it
-						is inside an inner block of an isolated island,
-						it's inside an new island.
+						This should not be shown because it is inside a
+						new island nested in an inner element of another
+						island.
 					</span>
 				</div>
 			</div>
 
@@ -6,7 +6,7 @@
  */
 ?>
 
-<div data-wp-interactive="with-scope" data-wp-context='{"asyncCounter": 0, "syncCounter": 0}' data-wp-init--a='callbacks.asyncInit' data-wp-init--b='callbacks.syncInit'>
+<div data-wp-interactive="with-scope" data-wp-context='{"asyncCounter": 0, "syncCounter": 0}' data-wp-init---a='callbacks.asyncInit' data-wp-init---b='callbacks.syncInit'>
 		<p data-wp-text="context.asyncCounter" data-testid="asyncCounter">0</p>
 		<p data-wp-text="context.syncCounter" data-testid="syncCounter">0</p>
 </div>
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@`
`19`	`19`	`<div`
`20`	`20`	`data-testid="multiple inits"`
`21`	`21`	`data-wp-context='{"isReady":[false,false],"calls":[0,0]}'`
`22`		`- data-wp-init--one="actions.initOne"`
	`22`	`+ data-wp-init---one="actions.initOne"`
`23`	`23`	`data-wp-init---two="actions.initTwo"`
`24`	`24`	`>`
`25`	`25`	`<p data-wp-text="state.isReady" data-testid="isReady">false,false</p>`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`</div>`
`27`	`27`	`<div`
`28`	`28`	`data-wp-on-document--keydown="actions.keydownHandler"`
`29`		`- data-wp-on-document--keydown--second="actions.keydownSecondHandler"`
	`29`	`+ data-wp-on-document--keydown---second="actions.keydownSecondHandler"`
`30`	`30`	`data-wp-on-document--keydown---third="actions.keydownThirdHandler"`
`31`	`31`	`>`
`32`	`32`	`<p data-wp-text="state.keydownHandler" data-testid="keydownHandler">no</p>`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`</div>`
`24`	`24`	`<div`
`25`	`25`	`data-wp-on-window--resize="actions.resizeHandler"`
`26`		`- data-wp-on-window--resize--second="actions.resizeSecondHandler"`
	`26`	`+ data-wp-on-window--resize---second="actions.resizeSecondHandler"`
`27`	`27`	`data-wp-on-window--resize---third="actions.resizeThirdHandler"`
`28`	`28`	`>`
`29`	`29`	`<p data-wp-text="state.resizeHandler" data-testid="resizeHandler">no</p>`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@`
`43`	`43`	`data-watch=""`
`44`	`44`	`>`
`45`	`45`	`<div`
`46`		`- data-wp-run--mounted="callbacks.updateIsMounted"`
	`46`	`+ data-wp-run---mounted="callbacks.updateIsMounted"`
`47`	`47`	`data-wp-run---hooks="callbacks.useHooks"`
`48`	`48`	`>`
`49`	`49`	`Element with wp-run using hooks`