@wordpress/block-editor 17.0.0 → 17.0.2-next.v.202608281122.0

package/build-module/components/navigable-toolbar/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/navigable-toolbar/index.js
+// packages/block-editor/src/components/navigable-toolbar/index.jsx
 import { NavigableMenu, Toolbar } from "@wordpress/components";
 import {
   useState,

package/build-module/components/navigable-toolbar/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/navigable-toolbar/index.js"],
+  "sources": ["../../../src/components/navigable-toolbar/index.jsx"],
   "sourcesContent": ["import { NavigableMenu, Toolbar } from '@wordpress/components';\nimport {\n\tuseState,\n\tuseRef,\n\tuseContext,\n\tuseLayoutEffect,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { focus } from '@wordpress/dom';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockRefs } from '../provider/block-refs-provider';\nimport { unlock } from '../../lock-unlock';\n\nfunction hasOnlyToolbarItem( elements ) {\n\tconst dataProp = 'toolbarItem';\n\treturn ! elements.some( ( element ) => ! ( dataProp in element.dataset ) );\n}\n\nfunction getAllFocusableToolbarItemsIn( container ) {\n\treturn Array.from(\n\t\tcontainer.querySelectorAll( '[data-toolbar-item]:not([disabled])' )\n\t);\n}\n\nfunction hasFocusWithin( container ) {\n\treturn container.contains( container.ownerDocument.activeElement );\n}\n\nfunction focusFirstTabbableIn( container ) {\n\tconst [ firstTabbable ] = focus.tabbable.find( container );\n\n\tif ( firstTabbable ) {\n\t\tfirstTabbable.focus( {\n\t\t\t// When focusing newly mounted toolbars,\n\t\t\t// the position of the popover is often not right on the first render\n\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\tpreventScroll: true,\n\t\t} );\n\t}\n}\n\nfunction useIsAccessibleToolbar( toolbarRef ) {\n\t/*\n\t * By default, we'll assume the starting accessible state of the Toolbar\n\t * is true, as it seems to be the most common case.\n\t *\n\t * Transitioning from an (initial) false to true state causes the\n\t * <Toolbar /> component to mount twice, which is causing undesired\n\t * side-effects. These side-effects appear to only affect certain\n\t * E2E tests.\n\t *\n\t * This was initial discovered in this pull-request:\n\t * https://github.com/WordPress/gutenberg/pull/23425\n\t */\n\tconst initialAccessibleToolbarState = true;\n\n\t// By default, it's gonna render NavigableMenu. If all the tabbable elements\n\t// inside the toolbar are ToolbarItem components (or derived components like\n\t// ToolbarButton), then we can wrap them with the accessible Toolbar\n\t// component.\n\tconst [ isAccessibleToolbar, setIsAccessibleToolbar ] = useState(\n\t\tinitialAccessibleToolbarState\n\t);\n\n\tconst determineIsAccessibleToolbar = useCallback( () => {\n\t\tconst tabbables = focus.tabbable.find( toolbarRef.current );\n\t\tconst onlyToolbarItem = hasOnlyToolbarItem( tabbables );\n\t\tif ( ! onlyToolbarItem ) {\n\t\t\tdeprecated( 'Using custom components as toolbar controls', {\n\t\t\t\tsince: '5.6',\n\t\t\t\talternative:\n\t\t\t\t\t'ToolbarItem, ToolbarButton or ToolbarDropdownMenu components',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols',\n\t\t\t} );\n\t\t}\n\t\tsetIsAccessibleToolbar( onlyToolbarItem );\n\t}, [ toolbarRef ] );\n\n\tuseLayoutEffect( () => {\n\t\t// Toolbar buttons may be rendered asynchronously, so we use\n\t\t// MutationObserver to check if the toolbar subtree has been modified.\n\t\tconst observer = new window.MutationObserver(\n\t\t\tdetermineIsAccessibleToolbar\n\t\t);\n\t\tobserver.observe( toolbarRef.current, {\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t} );\n\t\treturn () => observer.disconnect();\n\t}, [ determineIsAccessibleToolbar, isAccessibleToolbar, toolbarRef ] );\n\n\treturn isAccessibleToolbar;\n}\n\nfunction useToolbarFocus( {\n\ttoolbarRef,\n\tfocusOnMount,\n\tisAccessibleToolbar,\n\tdefaultIndex,\n\tonIndexChange,\n\tshouldUseKeyboardFocusShortcut,\n\tfocusEditorOnEscape,\n} ) {\n\t// Make sure we don't use modified versions of this prop.\n\tconst [ initialFocusOnMount ] = useState( focusOnMount );\n\tconst [ initialIndex ] = useState( defaultIndex );\n\n\tconst { getLastFocus, getSelectedBlockClientId } = unlock(\n\t\tuseSelect( blockEditorStore )\n\t);\n\tconst { refsMap } = useContext( BlockRefs );\n\n\tconst focusToolbar = useCallback( () => {\n\t\tfocusFirstTabbableIn( toolbarRef.current );\n\t}, [ toolbarRef ] );\n\n\tconst focusToolbarViaShortcut = () => {\n\t\tif ( shouldUseKeyboardFocusShortcut ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t};\n\n\t// Focus on toolbar when pressing alt+F10 when the toolbar is visible.\n\tuseShortcut( 'core/block-editor/focus-toolbar', focusToolbarViaShortcut );\n\n\tuseEffect( () => {\n\t\tif ( initialFocusOnMount ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t}, [ isAccessibleToolbar, initialFocusOnMount, focusToolbar ] );\n\n\tuseEffect( () => {\n\t\t// Store ref so we have access on useEffect cleanup: https://legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html#effect-cleanup-timing\n\t\tconst navigableToolbarRef = toolbarRef.current;\n\t\t// If initialIndex is passed, we focus on that toolbar item when the\n\t\t// toolbar gets mounted and initial focus is not forced.\n\t\t// We have to wait for the next browser paint because block controls aren't\n\t\t// rendered right away when the toolbar gets mounted.\n\t\tlet raf = 0;\n\n\t\t// If the toolbar already had focus before the render, we don't want to move it.\n\t\t// https://github.com/WordPress/gutenberg/issues/58511\n\t\tif (\n\t\t\t! initialFocusOnMount &&\n\t\t\t! hasFocusWithin( navigableToolbarRef )\n\t\t) {\n\t\t\traf = window.requestAnimationFrame( () => {\n\t\t\t\tconst items =\n\t\t\t\t\tgetAllFocusableToolbarItemsIn( navigableToolbarRef );\n\t\t\t\tconst index = initialIndex || 0;\n\t\t\t\tif ( items[ index ] && hasFocusWithin( navigableToolbarRef ) ) {\n\t\t\t\t\titems[ index ].focus( {\n\t\t\t\t\t\t// When focusing newly mounted toolbars,\n\t\t\t\t\t\t// the position of the popover is often not right on the first render\n\t\t\t\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.cancelAnimationFrame( raf );\n\t\t\tif ( ! onIndexChange || ! navigableToolbarRef ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// When the toolbar element is unmounted and onIndexChange is passed, we\n\t\t\t// pass the focused toolbar item index so it can be hydrated later.\n\t\t\tconst items = getAllFocusableToolbarItemsIn( navigableToolbarRef );\n\t\t\tconst index = items.findIndex( ( item ) => item.tabIndex === 0 );\n\t\t\tonIndexChange( index );\n\t\t};\n\t}, [ initialIndex, initialFocusOnMount, onIndexChange, toolbarRef ] );\n\n\t/**\n\t * Handles returning focus to the block editor canvas when pressing escape.\n\t */\n\tuseEffect( () => {\n\t\tif ( ! focusEditorOnEscape ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst navigableToolbar = toolbarRef.current;\n\t\tconst handleKeyDown = ( event ) => {\n\t\t\tif ( event.keyCode !== ESCAPE ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// The last focused element is only recorded once focus has left\n\t\t\t// the canvas, so fall back to the selected block. Without it\n\t\t\t// escape leaves focus stranded in the toolbar, with no way back\n\t\t\t// to the canvas by keyboard.\n\t\t\tconst target =\n\t\t\t\tgetLastFocus()?.current ??\n\t\t\t\trefsMap.get( getSelectedBlockClientId() );\n\t\t\tif ( target ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttarget.focus();\n\t\t\t}\n\t\t};\n\t\tnavigableToolbar.addEventListener( 'keydown', handleKeyDown );\n\t\treturn () => {\n\t\t\tnavigableToolbar.removeEventListener( 'keydown', handleKeyDown );\n\t\t};\n\t}, [\n\t\tfocusEditorOnEscape,\n\t\tgetLastFocus,\n\t\tgetSelectedBlockClientId,\n\t\trefsMap,\n\t\ttoolbarRef,\n\t] );\n}\n\nexport default function NavigableToolbar( {\n\tchildren,\n\tfocusOnMount,\n\tfocusEditorOnEscape = false,\n\tshouldUseKeyboardFocusShortcut = true,\n\t__experimentalInitialIndex: initialIndex,\n\t__experimentalOnIndexChange: onIndexChange,\n\torientation = 'horizontal',\n\t...props\n} ) {\n\tconst toolbarRef = useRef();\n\tconst isAccessibleToolbar = useIsAccessibleToolbar( toolbarRef );\n\n\tuseToolbarFocus( {\n\t\ttoolbarRef,\n\t\tfocusOnMount,\n\t\tdefaultIndex: initialIndex,\n\t\tonIndexChange,\n\t\tisAccessibleToolbar,\n\t\tshouldUseKeyboardFocusShortcut,\n\t\tfocusEditorOnEscape,\n\t} );\n\n\tif ( isAccessibleToolbar ) {\n\t\treturn (\n\t\t\t<Toolbar\n\t\t\t\tlabel={ props[ 'aria-label' ] }\n\t\t\t\tref={ toolbarRef }\n\t\t\t\torientation={ orientation }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</Toolbar>\n\t\t);\n\t}\n\n\treturn (\n\t\t<NavigableMenu\n\t\t\torientation={ orientation }\n\t\t\trole=\"toolbar\"\n\t\t\tref={ toolbarRef }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</NavigableMenu>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/observe-typing/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/observe-typing/index.js
+// packages/block-editor/src/components/observe-typing/index.jsx
 import { useRefEffect, useMergeRefs } from "@wordpress/compose";
 import { useSelect, useDispatch } from "@wordpress/data";
 import { isTextField } from "@wordpress/dom";

package/build-module/components/observe-typing/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/observe-typing/index.js"],
+  "sources": ["../../../src/components/observe-typing/index.jsx"],
   "sourcesContent": ["import { useRefEffect, useMergeRefs } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isTextField } from '@wordpress/dom';\nimport {\n\tUP,\n\tRIGHT,\n\tDOWN,\n\tLEFT,\n\tENTER,\n\tBACKSPACE,\n\tESCAPE,\n\tTAB,\n} from '@wordpress/keycodes';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Set of key codes upon which typing is to be initiated on a keydown event.\n *\n * @type {Set<number>}\n */\nconst KEY_DOWN_ELIGIBLE_KEY_CODES = new Set( [\n\tUP,\n\tRIGHT,\n\tDOWN,\n\tLEFT,\n\tENTER,\n\tBACKSPACE,\n] );\n\n/**\n * Returns true if a given keydown event can be inferred as intent to start\n * typing, or false otherwise. A keydown is considered eligible if it is a\n * text navigation without shift active.\n *\n * @param {KeyboardEvent} event Keydown event to test.\n *\n * @return {boolean} Whether event is eligible to start typing.\n */\nfunction isKeyDownEligibleForStartTyping( event ) {\n\tconst { keyCode, shiftKey } = event;\n\treturn ! shiftKey && KEY_DOWN_ELIGIBLE_KEY_CODES.has( keyCode );\n}\n\n/**\n * Removes the `isTyping` flag when the mouse moves in the document of the given\n * element.\n */\nexport function useMouseMoveTypingReset() {\n\tconst isTyping = useSelect(\n\t\t( select ) => select( blockEditorStore ).isTyping(),\n\t\t[]\n\t);\n\tconst { stopTyping } = useDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isTyping ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tlet lastClientX;\n\t\t\tlet lastClientY;\n\n\t\t\t/**\n\t\t\t * On mouse move, unset typing flag if user has moved cursor.\n\t\t\t *\n\t\t\t * @param {MouseEvent} event Mousemove event.\n\t\t\t */\n\t\t\tfunction stopTypingOnMouseMove( event ) {\n\t\t\t\tconst { clientX, clientY } = event;\n\n\t\t\t\t// We need to check that the mouse really moved because Safari\n\t\t\t\t// triggers mousemove events when shift or ctrl are pressed.\n\t\t\t\tif (\n\t\t\t\t\tlastClientX &&\n\t\t\t\t\tlastClientY &&\n\t\t\t\t\t( lastClientX !== clientX || lastClientY !== clientY )\n\t\t\t\t) {\n\t\t\t\t\tstopTyping();\n\t\t\t\t}\n\n\t\t\t\tlastClientX = clientX;\n\t\t\t\tlastClientY = clientY;\n\t\t\t}\n\n\t\t\townerDocument.addEventListener(\n\t\t\t\t'mousemove',\n\t\t\t\tstopTypingOnMouseMove\n\t\t\t);\n\n\t\t\treturn () => {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'mousemove',\n\t\t\t\t\tstopTypingOnMouseMove\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\t[ isTyping, stopTyping ]\n\t);\n}\n\n/**\n * Sets and removes the `isTyping` flag based on user actions:\n *\n * - Sets the flag if the user types within the given element.\n * - Removes the flag when the user selects some text, focuses a non-text\n *   field, presses ESC or TAB, or moves the mouse in the document.\n */\nexport function useTypingObserver() {\n\tconst isTyping = useSelect(\n\t\t( select ) => select( blockEditorStore ).isTyping(),\n\t\t[]\n\t);\n\tconst { startTyping, stopTyping } = useDispatch( blockEditorStore );\n\n\tconst ref1 = useMouseMoveTypingReset();\n\tconst ref2 = useRefEffect(\n\t\t( node ) => {\n\t\t\t// Listeners to stop typing should only be added when typing.\n\t\t\t// Listeners to start typing should only be added when not typing.\n\t\t\tif ( isTyping ) {\n\t\t\t\tlet timerId;\n\n\t\t\t\t// Capture the window reference while the node is still\n\t\t\t\t// attached. Reusing the reference we held at mount keeps the\n\t\t\t\t// cleanup and the handlers working against the same window\n\t\t\t\t// we set things up on.\n\t\t\t\tconst { defaultView } = node.ownerDocument;\n\n\t\t\t\t/**\n\t\t\t\t * Stops typing when focus transitions to a non-text field element.\n\t\t\t\t *\n\t\t\t\t * @param {FocusEvent} event Focus event.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnNonTextField( event ) {\n\t\t\t\t\tconst { target } = event;\n\n\t\t\t\t\t// Since focus to a non-text field via arrow key will trigger\n\t\t\t\t\t// before the keydown event, wait until after current stack\n\t\t\t\t\t// before evaluating whether typing is to be stopped. Otherwise,\n\t\t\t\t\t// typing will re-start.\n\t\t\t\t\ttimerId = defaultView.setTimeout( () => {\n\t\t\t\t\t\tif ( ! isTextField( target ) ) {\n\t\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * Unsets typing flag if user presses Escape while typing flag is\n\t\t\t\t * active.\n\t\t\t\t *\n\t\t\t\t * @param {KeyboardEvent} event Keypress or keydown event to\n\t\t\t\t *                              interpret.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnEscapeKey( event ) {\n\t\t\t\t\tconst { keyCode } = event;\n\n\t\t\t\t\tif ( keyCode === ESCAPE || keyCode === TAB ) {\n\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * On selection change, unset typing flag if user has made an\n\t\t\t\t * uncollapsed (shift) selection.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnSelectionUncollapse() {\n\t\t\t\t\tconst selection = defaultView.getSelection();\n\t\t\t\t\tif ( ! selection.isCollapsed ) {\n\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tnode.addEventListener( 'focus', stopTypingOnNonTextField );\n\t\t\t\tnode.addEventListener( 'keydown', stopTypingOnEscapeKey );\n\n\t\t\t\tnode.ownerDocument.addEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tstopTypingOnSelectionUncollapse\n\t\t\t\t);\n\n\t\t\t\treturn () => {\n\t\t\t\t\tdefaultView.clearTimeout( timerId );\n\t\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t\t'focus',\n\t\t\t\t\t\tstopTypingOnNonTextField\n\t\t\t\t\t);\n\t\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t\t'keydown',\n\t\t\t\t\t\tstopTypingOnEscapeKey\n\t\t\t\t\t);\n\t\t\t\t\tnode.ownerDocument.removeEventListener(\n\t\t\t\t\t\t'selectionchange',\n\t\t\t\t\t\tstopTypingOnSelectionUncollapse\n\t\t\t\t\t);\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles a keypress or keydown event to infer intention to start\n\t\t\t * typing.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keypress or keydown event to interpret.\n\t\t\t */\n\t\t\tfunction startTypingInTextField( event ) {\n\t\t\t\tconst { type, target } = event;\n\n\t\t\t\t// Abort early if already typing, or key press is incurred outside a\n\t\t\t\t// text field (e.g. arrow-ing through toolbar buttons).\n\t\t\t\t// Ignore typing if outside the current DOM container\n\t\t\t\tif ( ! isTextField( target ) || ! node.contains( target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Special-case keydown because certain keys do not emit a keypress\n\t\t\t\t// event. Conversely avoid keydown as the canonical event since\n\t\t\t\t// there are many keydown which are explicitly not targeted for\n\t\t\t\t// typing.\n\t\t\t\tif (\n\t\t\t\t\ttype === 'keydown' &&\n\t\t\t\t\t! isKeyDownEligibleForStartTyping( event )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tstartTyping();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'keypress', startTypingInTextField );\n\t\t\tnode.addEventListener( 'keydown', startTypingInTextField );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'keypress', startTypingInTextField );\n\t\t\t\tnode.removeEventListener( 'keydown', startTypingInTextField );\n\t\t\t};\n\t\t},\n\t\t[ isTyping, startTyping, stopTyping ]\n\t);\n\n\treturn useMergeRefs( [ ref1, ref2 ] );\n}\n\nfunction ObserveTyping( { children } ) {\n\treturn <div ref={ useTypingObserver() }>{ children }</div>;\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/observe-typing/README.md\n */\nexport default ObserveTyping;\n"],
   "mappings": ";AAAA,SAAS,cAAc,oBAAoB;AAC3C,SAAS,WAAW,mBAAmB;AACvC,SAAS,mBAAmB;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,SAAS,wBAAwB;AAwOlC;AAjOR,IAAM,8BAA8B,oBAAI,IAAK;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,CAAE;AAWF,SAAS,gCAAiC,OAAQ;AACjD,QAAM,EAAE,SAAS,SAAS,IAAI;AAC9B,SAAO,CAAE,YAAY,4BAA4B,IAAK,OAAQ;AAC/D;AAMO,SAAS,0BAA0B;AACzC,QAAM,WAAW;AAAA,IAChB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,SAAS;AAAA,IAClD,CAAC;AAAA,EACF;AACA,QAAM,EAAE,WAAW,IAAI,YAAa,gBAAiB;AAErD,SAAO;AAAA,IACN,CAAE,SAAU;AACX,UAAK,CAAE,UAAW;AACjB;AAAA,MACD;AAEA,YAAM,EAAE,cAAc,IAAI;AAC1B,UAAI;AACJ,UAAI;AAOJ,eAAS,sBAAuB,OAAQ;AACvC,cAAM,EAAE,SAAS,QAAQ,IAAI;AAI7B,YACC,eACA,gBACE,gBAAgB,WAAW,gBAAgB,UAC5C;AACD,qBAAW;AAAA,QACZ;AAEA,sBAAc;AACd,sBAAc;AAAA,MACf;AAEA,oBAAc;AAAA,QACb;AAAA,QACA;AAAA,MACD;AAEA,aAAO,MAAM;AACZ,sBAAc;AAAA,UACb;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,UAAU,UAAW;AAAA,EACxB;AACD;AASO,SAAS,oBAAoB;AACnC,QAAM,WAAW;AAAA,IAChB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,SAAS;AAAA,IAClD,CAAC;AAAA,EACF;AACA,QAAM,EAAE,aAAa,WAAW,IAAI,YAAa,gBAAiB;AAElE,QAAM,OAAO,wBAAwB;AACrC,QAAM,OAAO;AAAA,IACZ,CAAE,SAAU;AAGX,UAAK,UAAW;AAcf,YAASA,4BAAT,SAAmC,OAAQ;AAC1C,gBAAM,EAAE,OAAO,IAAI;AAMnB,oBAAU,YAAY,WAAY,MAAM;AACvC,gBAAK,CAAE,YAAa,MAAO,GAAI;AAC9B,yBAAW;AAAA,YACZ;AAAA,UACD,CAAE;AAAA,QACH,GASSC,yBAAT,SAAgC,OAAQ;AACvC,gBAAM,EAAE,QAAQ,IAAI;AAEpB,cAAK,YAAY,UAAU,YAAY,KAAM;AAC5C,uBAAW;AAAA,UACZ;AAAA,QACD,GAMSC,mCAAT,WAA2C;AAC1C,gBAAM,YAAY,YAAY,aAAa;AAC3C,cAAK,CAAE,UAAU,aAAc;AAC9B,uBAAW;AAAA,UACZ;AAAA,QACD;AAtCS,uCAAAF,2BAqBA,wBAAAC,wBAYA,kCAAAC;AA9CT,YAAI;AAMJ,cAAM,EAAE,YAAY,IAAI,KAAK;AA+C7B,aAAK,iBAAkB,SAASF,yBAAyB;AACzD,aAAK,iBAAkB,WAAWC,sBAAsB;AAExD,aAAK,cAAc;AAAA,UAClB;AAAA,UACAC;AAAA,QACD;AAEA,eAAO,MAAM;AACZ,sBAAY,aAAc,OAAQ;AAClC,eAAK;AAAA,YACJ;AAAA,YACAF;AAAA,UACD;AACA,eAAK;AAAA,YACJ;AAAA,YACAC;AAAA,UACD;AACA,eAAK,cAAc;AAAA,YAClB;AAAA,YACAC;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAQA,eAAS,uBAAwB,OAAQ;AACxC,cAAM,EAAE,MAAM,OAAO,IAAI;AAKzB,YAAK,CAAE,YAAa,MAAO,KAAK,CAAE,KAAK,SAAU,MAAO,GAAI;AAC3D;AAAA,QACD;AAMA,YACC,SAAS,aACT,CAAE,gCAAiC,KAAM,GACxC;AACD;AAAA,QACD;AAEA,oBAAY;AAAA,MACb;AAEA,WAAK,iBAAkB,YAAY,sBAAuB;AAC1D,WAAK,iBAAkB,WAAW,sBAAuB;AAEzD,aAAO,MAAM;AACZ,aAAK,oBAAqB,YAAY,sBAAuB;AAC7D,aAAK,oBAAqB,WAAW,sBAAuB;AAAA,MAC7D;AAAA,IACD;AAAA,IACA,CAAE,UAAU,aAAa,UAAW;AAAA,EACrC;AAEA,SAAO,aAAc,CAAE,MAAM,IAAK,CAAE;AACrC;AAEA,SAAS,cAAe,EAAE,SAAS,GAAI;AACtC,SAAO,oBAAC,SAAI,KAAM,kBAAkB,GAAM,UAAU;AACrD;AAKA,IAAO,yBAAQ;",
   "names": ["stopTypingOnNonTextField", "stopTypingOnEscapeKey", "stopTypingOnSelectionUncollapse"]

package/build-module/components/panel-color-settings/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/panel-color-settings/index.js
+// packages/block-editor/src/components/panel-color-settings/index.jsx
 import PanelColorGradientSettings from "../colors-gradients/panel-color-gradient-settings.mjs";
 import { jsx } from "react/jsx-runtime";
 var PanelColorSettings = ({ colorSettings, ...props }) => {

package/build-module/components/panel-color-settings/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/panel-color-settings/index.js"],
+  "sources": ["../../../src/components/panel-color-settings/index.jsx"],
   "sourcesContent": ["import PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';\n\nconst PanelColorSettings = ( { colorSettings, ...props } ) => {\n\tconst settings = colorSettings.map( ( setting ) => {\n\t\tif ( ! setting ) {\n\t\t\treturn setting;\n\t\t}\n\t\tconst { value, onChange, ...otherSettings } = setting;\n\t\treturn {\n\t\t\t...otherSettings,\n\t\t\tcolorValue: value,\n\t\t\tonColorChange: onChange,\n\t\t};\n\t} );\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\tsettings={ settings }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\nexport default PanelColorSettings;\n"],
   "mappings": ";AAAA,OAAO,gCAAgC;AAerC;AAbF,IAAM,qBAAqB,CAAE,EAAE,eAAe,GAAG,MAAM,MAAO;AAC7D,QAAM,WAAW,cAAc,IAAK,CAAE,YAAa;AAClD,QAAK,CAAE,SAAU;AAChB,aAAO;AAAA,IACR;AACA,UAAM,EAAE,OAAO,UAAU,GAAG,cAAc,IAAI;AAC9C,WAAO;AAAA,MACN,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,eAAe;AAAA,IAChB;AAAA,EACD,CAAE;AACF,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAY,CAAC;AAAA,MACb,wBAAsB;AAAA,MACpB,GAAG;AAAA;AAAA,EACN;AAEF;AACA,IAAO,+BAAQ;",
   "names": []

package/build-module/components/plain-text/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/plain-text/index.js
+// packages/block-editor/src/components/plain-text/index.jsx
 import TextareaAutosize from "react-autosize-textarea";
 import clsx from "clsx";
 import { forwardRef } from "@wordpress/element";

package/build-module/components/plain-text/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/plain-text/index.js"],
+  "sources": ["../../../src/components/plain-text/index.jsx"],
   "sourcesContent": ["import TextareaAutosize from 'react-autosize-textarea';\nimport clsx from 'clsx';\nimport { forwardRef } from '@wordpress/element';\nimport EditableText from '../editable-text';\n\n/**\n * Render an auto-growing textarea allow users to fill any textual content.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md\n *\n * @example\n * ```jsx\n * import { registerBlockType } from '@wordpress/blocks';\n * import { PlainText } from '@wordpress/block-editor';\n *\n * registerBlockType( 'my-plugin/example-block', {\n *   // ...\n *\n *   attributes: {\n *     content: {\n *       type: 'string',\n *     },\n *   },\n *\n *   edit( { className, attributes, setAttributes } ) {\n *     return (\n *       <PlainText\n *         className={ className }\n *         value={ attributes.content }\n *         onChange={ ( content ) => setAttributes( { content } ) }\n *       />\n *     );\n *   },\n * } );\n * ````\n *\n * @param {Object}   props          Component props.\n * @param {string}   props.value    String value of the textarea.\n * @param {Function} props.onChange Function called when the text value changes.\n * @param {Object}   [props.ref]    The component forwards the `ref` property to the `TextareaAutosize` component.\n * @return {Element} Plain text component\n */\nconst PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {\n\tif ( __experimentalVersion === 2 ) {\n\t\treturn <EditableText ref={ ref } { ...props } />;\n\t}\n\n\tconst { className, onChange, ...remainingProps } = props;\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tref={ ref }\n\t\t\tclassName={ clsx( 'block-editor-plain-text', className ) }\n\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n} );\n\nexport default PlainText;\n"],
   "mappings": ";AAAA,OAAO,sBAAsB;AAC7B,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,OAAO,kBAAkB;AAyChB;AAFT,IAAM,YAAY,WAAY,CAAE,EAAE,uBAAuB,GAAG,MAAM,GAAG,QAAS;AAC7E,MAAK,0BAA0B,GAAI;AAClC,WAAO,oBAAC,gBAAa,KAAc,GAAG,OAAQ;AAAA,EAC/C;AAEA,QAAM,EAAE,WAAW,UAAU,GAAG,eAAe,IAAI;AAEnD,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAY,KAAM,2BAA2B,SAAU;AAAA,MACvD,UAAW,CAAE,UAAW,SAAU,MAAM,OAAO,KAAM;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEF,CAAE;AAEF,IAAO,qBAAQ;",
   "names": []

package/build-module/components/preset-input-control/custom-value-controls.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/preset-input-control/custom-value-controls.js
+// packages/block-editor/src/components/preset-input-control/custom-value-controls.jsx
 import {
   RangeControl,
   __experimentalUnitControl as UnitControl

package/build-module/components/preset-input-control/custom-value-controls.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/preset-input-control/custom-value-controls.js"],
+  "sources": ["../../../src/components/preset-input-control/custom-value-controls.jsx"],
   "sourcesContent": ["import {\n\tRangeControl,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { Tooltip } from '@wordpress/ui';\n\n/**\n * CustomValueControls component for handling custom value input.\n *\n * Renders a UnitControl and RangeControl for custom value input mode.\n * Handles conditional tooltip wrapping and drag event coordination.\n *\n * @param {Object}   props\n * @param {boolean}  props.allowNegativeOnDrag       Whether to allow negative values during drag operations.\n * @param {string}   props.ariaLabel                 Accessible label for the controls.\n * @param {string}   props.allPlaceholder            Placeholder text (e.g., \"Mixed\").\n * @param {number}   props.minValue                  Minimum allowed value.\n * @param {number}   props.parsedQuantity            The numeric part of the current value.\n * @param {string}   props.computedUnit              The unit part of the current value.\n * @param {Array}    props.units                     Array of available unit objects.\n * @param {boolean}  props.isMixed                   Whether the current value is mixed.\n * @param {number}   props.step                      Step value for the range control.\n * @param {number}   props.max                       Maximum value for the range control.\n * @param {boolean}  props.showTooltip               Whether to wrap UnitControl in a tooltip.\n * @param {string}   props.value                     Current value for drag event checks.\n * @param {number}   props.minimumCustomValue        Minimum custom value for drag end reset.\n * @param {Function} props.onCustomValueChange       Callback when UnitControl value changes.\n * @param {Function} props.onCustomValueSliderChange Callback when RangeControl value changes.\n * @param {Function} props.onUnitChange              Callback when unit changes.\n * @param {Function} props.onMouseOut                Mouse out event handler.\n * @param {Function} props.onMouseOver               Mouse over event handler.\n * @param {Function} props.setMinValue               Function to set minimum value state.\n *\n * @return {Element} The CustomValueControls component.\n */\nexport default function CustomValueControls( {\n\tallowNegativeOnDrag,\n\tariaLabel,\n\tallPlaceholder,\n\tminValue,\n\tparsedQuantity,\n\tcomputedUnit,\n\tunits,\n\tisMixed,\n\tstep,\n\tmax,\n\tshowTooltip,\n\tvalue,\n\tminimumCustomValue,\n\tonCustomValueChange,\n\tonCustomValueSliderChange,\n\tonUnitChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsetMinValue,\n} ) {\n\tconst unitControl = (\n\t\t<UnitControl\n\t\t\tclassName=\"preset-input-control__unit-control\"\n\t\t\tdisableUnits={ isMixed }\n\t\t\thideLabelFromVision\n\t\t\tlabel={ ariaLabel }\n\t\t\tmin={ minValue }\n\t\t\tonChange={ onCustomValueChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\tonBlur={ onMouseOut }\n\t\t\tonFocus={ onMouseOver }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tunits={ units }\n\t\t\tvalue={ [ parsedQuantity, computedUnit ].join( '' ) }\n\t\t\tplaceholder={ allPlaceholder }\n\t\t\tonDragStart={ () => {\n\t\t\t\tif ( allowNegativeOnDrag && value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonDrag={ () => {\n\t\t\t\tif ( allowNegativeOnDrag && value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tif ( allowNegativeOnDrag ) {\n\t\t\t\t\tsetMinValue( minimumCustomValue );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n\n\tconst wrappedUnitControl = showTooltip ? (\n\t\t<Tooltip.Root>\n\t\t\t<Tooltip.Trigger\n\t\t\t\trender={\n\t\t\t\t\t<div className=\"preset-input-control__tooltip-wrapper\">\n\t\t\t\t\t\t{ unitControl }\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Tooltip.Popup>{ ariaLabel }</Tooltip.Popup>\n\t\t</Tooltip.Root>\n\t) : (\n\t\tunitControl\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ wrappedUnitControl }\n\t\t\t<RangeControl\n\t\t\t\tclassName=\"preset-input-control__custom-value-range\"\n\t\t\t\thideLabelFromVision\n\t\t\t\tinitialPosition={ 0 }\n\t\t\t\tlabel={ ariaLabel }\n\t\t\t\tmax={ max }\n\t\t\t\tmin={ 0 }\n\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\tonChange={ onCustomValueSliderChange }\n\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\tstep={ step }\n\t\t\t\tvalue={ parsedQuantity }\n\t\t\t\twithInputField={ false }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],
   "mappings": ";AAAA;AAAA,EACC;AAAA,EACA,6BAA6B;AAAA,OACvB;AACP,SAAS,eAAe;AAqDtB,SAiDA,UAjDA,KAkCA,YAlCA;AAtBa,SAAR,oBAAsC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,cACL;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,cAAe;AAAA,MACf,qBAAmB;AAAA,MACnB,OAAQ;AAAA,MACR,KAAM;AAAA,MACN,UAAW;AAAA,MACX;AAAA,MACA,QAAS;AAAA,MACT,SAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,CAAE,gBAAgB,YAAa,EAAE,KAAM,EAAG;AAAA,MAClD,aAAc;AAAA,MACd,aAAc,MAAM;AACnB,YAAK,uBAAuB,OAAO,OAAQ,CAAE,MAAM,KAAM;AACxD,sBAAa,CAAE;AAAA,QAChB;AAAA,MACD;AAAA,MACA,QAAS,MAAM;AACd,YAAK,uBAAuB,OAAO,OAAQ,CAAE,MAAM,KAAM;AACxD,sBAAa,CAAE;AAAA,QAChB;AAAA,MACD;AAAA,MACA,WAAY,MAAM;AACjB,YAAK,qBAAsB;AAC1B,sBAAa,kBAAmB;AAAA,QACjC;AAAA,MACD;AAAA;AAAA,EACD;AAGD,QAAM,qBAAqB,cAC1B,qBAAC,QAAQ,MAAR,EACA;AAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACA,QACC,oBAAC,SAAI,WAAU,yCACZ,uBACH;AAAA;AAAA,IAEF;AAAA,IACA,oBAAC,QAAQ,OAAR,EAAgB,qBAAW;AAAA,KAC7B,IAEA;AAGD,SACC,iCACG;AAAA;AAAA,IACF;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,qBAAmB;AAAA,QACnB,iBAAkB;AAAA,QAClB,OAAQ;AAAA,QACR;AAAA,QACA,KAAM;AAAA,QACN,QAAS;AAAA,QACT,UAAW;AAAA,QACX,SAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAQ;AAAA,QACR,gBAAiB;AAAA;AAAA,IAClB;AAAA,KACD;AAEF;",
   "names": []

package/build-module/components/preset-input-control/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/preset-input-control/index.js
+// packages/block-editor/src/components/preset-input-control/index.jsx
 import {
   Button,
   CustomSelectControl,

package/build-module/components/preset-input-control/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/preset-input-control/index.js"],
+  "sources": ["../../../src/components/preset-input-control/index.jsx"],
   "sourcesContent": ["import {\n\tButton,\n\tCustomSelectControl,\n\tIcon as WCIcon,\n\tRangeControl,\n\t__experimentalHStack as HStack,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { usePrevious } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport {\n\tCUSTOM_VALUE_SETTINGS,\n\tICON_SIZE,\n\tRANGE_CONTROL_MAX_SIZE,\n} from './constants';\nimport {\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromCustomValue,\n\tgetSliderValueFromPreset,\n\tisValuePreset,\n} from './utils';\nimport CustomValueControls from './custom-value-controls';\n\n/**\n * PresetInputControl component for selecting preset values or entering custom values.\n *\n * Displays preset values as either a slider (for <= 8 presets) or a select dropdown.\n * Allows toggling to custom value mode with a UnitControl and RangeControl.\n * Handles unit tracking and conversion between preset and custom values.\n *\n * @param {Object}   props                     Component props.\n * @param {boolean}  props.allowNegativeOnDrag Whether to allow negative values during drag operations.\n * @param {string}   props.ariaLabel           Accessible label for the control.\n * @param {string}   props.className           Optional CSS class name.\n * @param {Object}   props.customValueSettings Optional custom value settings for max/steps per unit.\n * @param {boolean}  props.disableCustomValues Whether to disable custom value input.\n * @param {Object}   props.icon                Icon to display alongside the control.\n * @param {boolean}  props.isMixed             Whether the current value is mixed (multiple values).\n * @param {number}   props.minimumCustomValue  Minimum allowed custom value.\n * @param {Function} props.onChange            Callback when value changes.\n * @param {Function} props.onMouseOut          Callback for mouse out events.\n * @param {Function} props.onMouseOver         Callback for mouse over events.\n * @param {Function} props.onUnitChange        Callback when unit changes.\n * @param {string}   props.placeholder         Placeholder text forwarded to the inner UnitControl when\n *                                             rendered in custom-value mode.\n * @param {Array}    props.presets             Array of preset objects with name, slug, and size.\n * @param {string}   props.presetType          Type of preset (e.g., 'spacing', 'border-radius').\n * @param {string}   props.selectedUnit        Currently selected unit (e.g., 'px', 'em').\n * @param {boolean}  props.showTooltip         Whether to show tooltip on custom UnitControl.\n * @param {Array}    props.units               Array of available unit objects (can include max and step).\n * @param {string}   props.value               Current value (preset or custom).\n *\n * @return {Element} The PresetInputControl component.\n */\nexport default function PresetInputControl( {\n\tallowNegativeOnDrag = false,\n\tariaLabel,\n\tclassName: classNameProp,\n\tcustomValueSettings = CUSTOM_VALUE_SETTINGS,\n\tdisableCustomValues,\n\ticon,\n\tisMixed,\n\tvalue: valueProp,\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tonUnitChange,\n\tplaceholder,\n\tpresets = [],\n\tpresetType,\n\tselectedUnit,\n\tshowTooltip,\n\tunits,\n} ) {\n\tconst value = useMemo(\n\t\t() => getPresetValueFromCustomValue( valueProp, presets, presetType ),\n\t\t[ valueProp, presets, presetType ]\n\t);\n\n\tconst className = classNameProp ?? 'preset-input-control';\n\n\tconst marks = presets\n\t\t.slice( 1, presets.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\tconst hasPresets = marks.length > 0;\n\tconst showRangeControl = presets.length <= RANGE_CONTROL_MAX_SIZE;\n\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : placeholder ?? null;\n\n\tconst [ minValue, setMinValue ] = useState( minimumCustomValue );\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\t! disableCustomValues &&\n\t\t\tvalue !== undefined &&\n\t\t\t! isValuePreset( value, presetType )\n\t);\n\n\tlet currentValue = null;\n\n\tconst previousValue = usePrevious( value );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t!! value &&\n\t\t\tpreviousValue !== value &&\n\t\t\t! isValuePreset( value, presetType ) &&\n\t\t\tshowCustomValueControl !== true\n\t\t) {\n\t\t\tsetShowCustomValueControl( true );\n\t\t}\n\t}, [ value, previousValue, presetType, showCustomValueControl ] );\n\n\tconst showCustomValueInSelectList =\n\t\t! showRangeControl &&\n\t\t! showCustomValueControl &&\n\t\tvalue !== undefined &&\n\t\t( ! isValuePreset( value, presetType ) ||\n\t\t\t( isValuePreset( value, presetType ) && isMixed ) );\n\n\tlet selectListOptions = presets;\n\tif ( showCustomValueInSelectList ) {\n\t\tselectListOptions = [\n\t\t\t...presets,\n\t\t\t{\n\t\t\t\tname: ! isMixed\n\t\t\t\t\t? // translators: %s: A custom measurement, e.g. a number followed by a unit like 12px.\n\t\t\t\t\t  sprintf( __( 'Custom (%s)' ), value )\n\t\t\t\t\t: __( 'Mixed' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: value,\n\t\t\t},\n\t\t];\n\t\tcurrentValue = selectListOptions.length - 1;\n\t} else if ( ! isMixed ) {\n\t\tcurrentValue = ! showCustomValueControl\n\t\t\t? getSliderValueFromPreset( value, presets, presetType )\n\t\t\t: getCustomValueFromPreset( value, presets, presetType );\n\t}\n\n\tconst options = selectListOptions.map( ( size, index ) => ( {\n\t\tkey: index,\n\t\tname: size.name,\n\t} ) );\n\n\tconst resolvedPresetValue = isValuePreset( value, presetType )\n\t\t? getCustomValueFromPreset( value, presets, presetType )\n\t\t: value;\n\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( resolvedPresetValue );\n\n\tconst computedUnit = parsedUnit || selectedUnit || 'px';\n\n\t// Get step and max from units prop, falling back to customValueSettings\n\tconst unitConfig = units?.find( ( item ) => item.value === computedUnit );\n\tconst step =\n\t\tunitConfig?.step ?? customValueSettings[ computedUnit ]?.steps ?? 0.1;\n\tconst max =\n\t\tunitConfig?.max ?? customValueSettings[ computedUnit ]?.max ?? 10;\n\n\tconst handleCustomValueChange = ( newValue ) => {\n\t\t// Treat empty or undefined as an explicit clear and propagate undefined.\n\t\tif ( newValue === undefined || newValue === '' ) {\n\t\t\tonChange( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\t// Ignore non-numeric intermediate input (e.g. just a unit).\n\t\tif ( isNaN( parseFloat( newValue ) ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( newValue );\n\t};\n\tconst handleCustomValueSliderChange = ( next ) => {\n\t\tonChange( [ next, computedUnit ].join( '' ) );\n\t};\n\tconst customTooltipContent = ( newValue ) =>\n\t\tvalue === undefined ? undefined : presets[ newValue ]?.name;\n\n\tconst getNewPresetValue = ( next, controlType ) => {\n\t\tconst newValue = parseInt( next, 10 );\n\n\t\tif ( controlType === 'selectList' ) {\n\t\t\tif ( newValue === 0 && presets[ 0 ]?.slug === '0' ) {\n\t\t\t\treturn '0';\n\t\t\t}\n\t\t\tif ( newValue === 0 ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t} else if ( newValue === 0 ) {\n\t\t\treturn '0';\n\t\t}\n\t\treturn `var:preset|${ presetType }|${ presets[ next ]?.slug }`;\n\t};\n\n\treturn (\n\t\t<HStack\n\t\t\tclassName={ `preset-input-control__wrapper ${ className }__wrapper` }\n\t\t>\n\t\t\t{ icon && (\n\t\t\t\t<WCIcon\n\t\t\t\t\tclassName=\"preset-input-control__icon\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tsize={ ICON_SIZE }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ( ! hasPresets || showCustomValueControl ) && (\n\t\t\t\t<CustomValueControls\n\t\t\t\t\tallowNegativeOnDrag={ allowNegativeOnDrag }\n\t\t\t\t\tariaLabel={ ariaLabel }\n\t\t\t\t\tallPlaceholder={ allPlaceholder }\n\t\t\t\t\tminValue={ minValue }\n\t\t\t\t\tparsedQuantity={ parsedQuantity }\n\t\t\t\t\tcomputedUnit={ computedUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tisMixed={ isMixed }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\tonCustomValueChange={ handleCustomValueChange }\n\t\t\t\t\tonCustomValueSliderChange={ handleCustomValueSliderChange }\n\t\t\t\t\tonUnitChange={ onUnitChange }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tsetMinValue={ setMinValue }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasPresets && showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\taria-valuenow={ currentValue }\n\t\t\t\t\taria-valuetext={ presets[ currentValue ]?.name }\n\t\t\t\t\tclassName=\"preset-input-control__preset-range\"\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\tmax={ presets.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\tonChange( getNewPresetValue( newValue ) )\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\t\t// If mouse down is near start of range set initial value to 0, which\n\t\t\t\t\t\t// prevents the user have to drag right then left to get 0 setting.\n\t\t\t\t\t\tconst nearStart = event?.nativeEvent?.offsetX < 35;\n\t\t\t\t\t\tif ( nearStart && value === undefined ) {\n\t\t\t\t\t\t\tonChange( '0' );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\trenderTooltipContent={ customTooltipContent }\n\t\t\t\t\tstep={ 1 }\n\t\t\t\t\tvalue={ currentValue }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasPresets && ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"preset-input-control__custom-select-control\"\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tshowCustomValueInSelectList &&\n\t\t\t\t\t\t\tselection.selectedItem.key === options.length - 1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetShowCustomValueControl( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tgetNewPresetValue(\n\t\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t\t'selectList'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\t// passing empty string as a fallback to continue using the\n\t\t\t\t\t\t// component in controlled mode\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === currentValue\n\t\t\t\t\t\t) || ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasPresets && ! disableCustomValues && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"preset-input-control__custom-toggle\"\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\ticonSize={ ICON_SIZE }\n\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t? __( 'Use preset' )\n\t\t\t\t\t\t\t: __( 'Set custom value' )\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowCustomValueControl( ! showCustomValueControl );\n\t\t\t\t\t} }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/provider/block-refs-provider.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/provider/block-refs-provider.js
+// packages/block-editor/src/components/provider/block-refs-provider.jsx
 import { createContext, useMemo } from "@wordpress/element";
 import { observableMap } from "@wordpress/compose";
 import { jsx } from "react/jsx-runtime";

package/build-module/components/provider/block-refs-provider.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/provider/block-refs-provider.js"],
+  "sources": ["../../../src/components/provider/block-refs-provider.jsx"],
   "sourcesContent": ["import { createContext, useMemo } from '@wordpress/element';\nimport { observableMap } from '@wordpress/compose';\n\n// `eventHandlers` maps a block's client ID to a ref holding its `wrapperProps`\n// event handlers, so the writing flow host can call them for a block that\n// supports `editableRoot` (see `useEditableRootEventHandlers`). It rides in this\n// context, next to `refsMap`, as another per-block registry keyed by client ID.\nexport const BlockRefs = createContext( {\n\trefsMap: observableMap(),\n\teventHandlers: new Map(),\n} );\nBlockRefs.displayName = 'BlockRefsContext';\n\nexport function BlockRefsProvider( { children } ) {\n\tconst value = useMemo(\n\t\t() => ( { refsMap: observableMap(), eventHandlers: new Map() } ),\n\t\t[]\n\t);\n\treturn (\n\t\t<BlockRefs.Provider value={ value }>{ children }</BlockRefs.Provider>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,eAAe,eAAe;AACvC,SAAS,qBAAqB;AAkB5B;AAZK,IAAM,YAAY,cAAe;AAAA,EACvC,SAAS,cAAc;AAAA,EACvB,eAAe,oBAAI,IAAI;AACxB,CAAE;AACF,UAAU,cAAc;AAEjB,SAAS,kBAAmB,EAAE,SAAS,GAAI;AACjD,QAAM,QAAQ;AAAA,IACb,OAAQ,EAAE,SAAS,cAAc,GAAG,eAAe,oBAAI,IAAI,EAAE;AAAA,IAC7D,CAAC;AAAA,EACF;AACA,SACC,oBAAC,UAAU,UAAV,EAAmB,OAAkB,UAAU;AAElD;",
   "names": []

package/build-module/components/provider/index.mjs

@@ -1,7 +1,8 @@
-// packages/block-editor/src/components/provider/index.js
+// packages/block-editor/src/components/provider/index.jsx
 import { useDispatch } from "@wordpress/data";
 import { useEffect, useMemo, useRef } from "@wordpress/element";
 import { SlotFillProvider } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
 import {
   MediaUploadProvider,
   store as uploadStore,
@@ -25,6 +26,13 @@ var hasLoggedFallback = false;
 var isClientSideMediaEnabledCache = null;
 var isHeicCanvasEnabledCache = null;
 var HEIC_MIME_TYPES = ["image/heic", "image/heif"];
+function refuseExtraFiles(filesList, multiple, onError) {
+  if (!multiple && filesList.length > 1) {
+    onError(__("Only one file can be used here."));
+    return true;
+  }
+  return false;
+}
 function shouldEnableClientSideMediaProcessing() {
   if (isClientSideMediaEnabledCache !== null) {
     return isClientSideMediaEnabledCache;
@@ -77,8 +85,12 @@ function mediaUpload(registry, settings, {
   onError = noop,
   onFileChange,
   onSuccess,
-  onBatchSuccess
+  onBatchSuccess,
+  multiple = true
 }) {
+  if (refuseExtraFiles(filesList, multiple, onError)) {
+    return;
+  }
   void registry.dispatch(uploadStore).addItems({
     files: Array.from(filesList),
     onChange: onFileChange,
@@ -99,8 +111,12 @@ function heicMediaUpload(registry, settings, {
   onError = noop,
   onFileChange,
   onSuccess,
-  onBatchSuccess
+  onBatchSuccess,
+  multiple = true
 }) {
+  if (refuseExtraFiles(filesList, multiple, onError)) {
+    return;
+  }
   const files = Array.from(filesList);
   const heicFiles = files.filter(
     (file) => HEIC_MIME_TYPES.includes(file.type)
@@ -140,7 +156,8 @@ function heicMediaUpload(registry, settings, {
       onError,
       onFileChange,
       onSuccess,
-      onBatchSuccess: coordinatedBatchSuccess
+      onBatchSuccess: coordinatedBatchSuccess,
+      multiple
     });
   }
 }

package/build-module/components/provider/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/provider/index.js"],
-  "sourcesContent": ["import { useDispatch } from '@wordpress/data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { SlotFillProvider } from '@wordpress/components';\nimport {\n\tMediaUploadProvider,\n\tstore as uploadStore,\n\tdetectClientSideMediaSupport,\n\tisHeicCanvasSupported,\n} from '@wordpress/upload-media';\nimport withRegistryProvider from './with-registry-provider';\nimport useBlockSync from './use-block-sync';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockRefsProvider } from './block-refs-provider';\nimport { unlock } from '../../lock-unlock';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\nimport BlockKeyboardShortcuts from '../block-keyboard-shortcuts';\nimport useMediaUploadSettings from './use-media-upload-settings';\nimport { mediaUploadOnSuccessKey } from '../../store/private-keys';\nimport { SelectionContext } from './selection-context';\n\n/** @typedef {import('@wordpress/data').WPDataRegistry} WPDataRegistry */\n\nconst noop = () => {};\n\n/**\n * Flag to track if we've already logged the fallback message.\n */\nlet hasLoggedFallback = false;\n\n/**\n * Cached result of whether client-side media processing should be enabled.\n * This is computed once per session for efficiency and stability.\n */\nlet isClientSideMediaEnabledCache = null;\n\n/**\n * Cached result of whether HEIC-only canvas processing should be enabled.\n */\nlet isHeicCanvasEnabledCache = null;\n\n/**\n * HEIC MIME types that should be routed through the upload-media pipeline\n * when in HEIC-only mode.\n */\nconst HEIC_MIME_TYPES = [ 'image/heic', 'image/heif' ];\n\n/**\n * Checks if client-side media processing should be enabled.\n *\n * Returns true only if:\n * 1. The client-side media processing flag is enabled\n * 2. The browser supports WebAssembly, SharedArrayBuffer, cross-origin isolation, and CSP allows blob workers\n *\n * The result is cached for the session to ensure stability during React renders.\n *\n * @return {boolean} Whether client-side media processing should be enabled.\n */\nfunction shouldEnableClientSideMediaProcessing() {\n\t// Return cached result if available.\n\tif ( isClientSideMediaEnabledCache !== null ) {\n\t\treturn isClientSideMediaEnabledCache;\n\t}\n\n\t// Check if the client-side media processing flag is enabled first.\n\tif ( ! window.__clientSideMediaProcessing ) {\n\t\tisClientSideMediaEnabledCache = false;\n\t\treturn false;\n\t}\n\n\t// Safety check in case the import is unavailable.\n\tif ( typeof detectClientSideMediaSupport !== 'function' ) {\n\t\tisClientSideMediaEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tconst detection = detectClientSideMediaSupport();\n\tif ( ! detection || ! detection.supported ) {\n\t\t// Only log once per session to avoid console spam.\n\t\tif ( ! hasLoggedFallback ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.info(\n\t\t\t\t`Client-side media processing unavailable: ${ detection.reason }. Using server-side processing.`\n\t\t\t);\n\t\t\thasLoggedFallback = true;\n\t\t}\n\t\tisClientSideMediaEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tisClientSideMediaEnabledCache = true;\n\treturn true;\n}\n\n/**\n * Checks if HEIC-only canvas processing should be enabled.\n *\n * Returns true when:\n * 1. Full client-side processing is NOT available (otherwise it handles HEIC already)\n * 2. The server has set the __clientSideMediaProcessing flag\n * 3. The browser supports createImageBitmap + OffscreenCanvas (e.g. Safari)\n *\n * @return {boolean} Whether HEIC-only canvas processing should be enabled.\n */\nfunction shouldEnableHeicCanvasProcessing() {\n\tif ( isHeicCanvasEnabledCache !== null ) {\n\t\treturn isHeicCanvasEnabledCache;\n\t}\n\n\t// If full client-side processing is enabled, it already handles HEIC.\n\tif ( shouldEnableClientSideMediaProcessing() ) {\n\t\tisHeicCanvasEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tif ( ! window.__clientSideMediaProcessing ) {\n\t\tisHeicCanvasEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tif (\n\t\ttypeof isHeicCanvasSupported !== 'function' ||\n\t\t! isHeicCanvasSupported()\n\t) {\n\t\tisHeicCanvasEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tisHeicCanvasEnabledCache = true;\n\treturn true;\n}\n\n/**\n * Upload a media file when the file upload button is activated\n * or when adding a file to the editor via drag & drop.\n *\n * @param {WPDataRegistry} registry\n * @param {Object}         settings          Block editor settings.\n * @param {Object}         $3                Parameters object passed to the function.\n * @param {Array}          $3.allowedTypes   Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Object}         $3.additionalData Additional data to include in the request.\n * @param {Array<File>}    $3.filesList      List of files.\n * @param {Function}       $3.onError        Function called when an error happens.\n * @param {Function}       $3.onFileChange   Function called each time a file or a temporary representation of the file is available.\n * @param {Function}       $3.onSuccess      Function called once a file has completely finished uploading, including thumbnails.\n * @param {Function}       $3.onBatchSuccess Function called once all files in a group have completely finished uploading, including thumbnails.\n */\nfunction mediaUpload(\n\tregistry,\n\tsettings,\n\t{\n\t\tallowedTypes,\n\t\tadditionalData = {},\n\t\tfilesList,\n\t\tonError = noop,\n\t\tonFileChange,\n\t\tonSuccess,\n\t\tonBatchSuccess,\n\t}\n) {\n\tvoid registry.dispatch( uploadStore ).addItems( {\n\t\tfiles: Array.from( filesList ),\n\t\tonChange: onFileChange,\n\t\tonSuccess: ( attachments ) => {\n\t\t\tsettings?.[ mediaUploadOnSuccessKey ]?.( attachments );\n\t\t\tonSuccess?.( attachments );\n\t\t},\n\t\tonBatchSuccess,\n\t\tonError: ( error ) =>\n\t\t\tonError( typeof error === 'string' ? error : error?.message ?? '' ),\n\t\tadditionalData,\n\t\tallowedTypes,\n\t} );\n}\n\n/**\n * Upload interceptor for HEIC-only mode.\n *\n * Routes HEIC files through the upload-media pipeline for canvas-based\n * conversion, while passing non-HEIC files to the original mediaUpload\n * function for standard server-side processing.\n *\n * @param {WPDataRegistry} registry\n * @param {Object}         settings          Block editor settings.\n * @param {Object}         $3                Parameters object passed to the function.\n * @param {Array}          $3.allowedTypes   Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Object}         $3.additionalData Additional data to include in the request.\n * @param {Array<File>}    $3.filesList      List of files.\n * @param {Function}       $3.onError        Function called when an error happens.\n * @param {Function}       $3.onFileChange   Function called each time a file or a temporary representation of the file is available.\n * @param {Function}       $3.onSuccess      Function called once a file has completely finished uploading, including thumbnails.\n * @param {Function}       $3.onBatchSuccess Function called once all files in a group have completely finished uploading, including thumbnails.\n */\nfunction heicMediaUpload(\n\tregistry,\n\tsettings,\n\t{\n\t\tallowedTypes,\n\t\tadditionalData = {},\n\t\tfilesList,\n\t\tonError = noop,\n\t\tonFileChange,\n\t\tonSuccess,\n\t\tonBatchSuccess,\n\t}\n) {\n\tconst files = Array.from( filesList );\n\tconst heicFiles = files.filter( ( file ) =>\n\t\tHEIC_MIME_TYPES.includes( file.type )\n\t);\n\tconst otherFiles = files.filter(\n\t\t( file ) => ! HEIC_MIME_TYPES.includes( file.type )\n\t);\n\n\t// When the batch contains both HEIC and non-HEIC files, coordinate\n\t// onBatchSuccess so it fires only after *both* paths have completed.\n\tconst hasBothPaths =\n\t\theicFiles.length > 0 && otherFiles.length > 0 && settings?.mediaUpload;\n\tlet pathsRemaining = hasBothPaths ? 2 : 1;\n\tconst coordinatedBatchSuccess = hasBothPaths\n\t\t? () => {\n\t\t\t\tpathsRemaining--;\n\t\t\t\tif ( pathsRemaining <= 0 ) {\n\t\t\t\t\tonBatchSuccess?.();\n\t\t\t\t}\n\t\t  }\n\t\t: onBatchSuccess;\n\n\t// Route HEIC files through the upload-media pipeline.\n\tif ( heicFiles.length > 0 ) {\n\t\tvoid registry.dispatch( uploadStore ).addItems( {\n\t\t\tfiles: heicFiles,\n\t\t\tonChange: onFileChange,\n\t\t\tonSuccess: ( attachments ) => {\n\t\t\t\tsettings?.[ mediaUploadOnSuccessKey ]?.( attachments );\n\t\t\t\tonSuccess?.( attachments );\n\t\t\t},\n\t\t\tonBatchSuccess: coordinatedBatchSuccess,\n\t\t\tonError: ( error ) =>\n\t\t\t\tonError(\n\t\t\t\t\ttypeof error === 'string' ? error : error?.message ?? ''\n\t\t\t\t),\n\t\t\tadditionalData,\n\t\t\tallowedTypes,\n\t\t} );\n\t}\n\n\t// Pass non-HEIC files to the original server-side upload function.\n\tif ( otherFiles.length > 0 && settings?.mediaUpload ) {\n\t\tsettings.mediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tadditionalData,\n\t\t\tfilesList: otherFiles,\n\t\t\tonError,\n\t\t\tonFileChange,\n\t\t\tonSuccess,\n\t\t\tonBatchSuccess: coordinatedBatchSuccess,\n\t\t} );\n\t}\n}\n\n/**\n * Calls useBlockSync as a child of SelectionContext.Provider so that the\n * hook can read selection state from the context provided by this tree\n * rather than from a parent provider (which may not exist for the root).\n *\n * @param {Object} props Props forwarded to useBlockSync.\n */\nfunction BlockSyncEffect( props ) {\n\tuseBlockSync( props );\n\treturn null;\n}\n\nexport const ExperimentalBlockEditorProvider = withRegistryProvider(\n\t( props ) => {\n\t\tconst {\n\t\t\tsettings: _settings,\n\t\t\tregistry,\n\t\t\tstripExperimentalSettings = false,\n\t\t} = props;\n\n\t\tconst mediaUploadSettings = useMediaUploadSettings( _settings );\n\n\t\tconst isClientSideMediaEnabled =\n\t\t\tshouldEnableClientSideMediaProcessing();\n\t\tconst isHeicCanvasEnabled = shouldEnableHeicCanvasProcessing();\n\t\tconst useUploadMediaPipeline =\n\t\t\tisClientSideMediaEnabled || isHeicCanvasEnabled;\n\n\t\t// Nested providers (e.g. from useBlockPreview) inherit settings\n\t\t// where mediaUpload has already been replaced with the\n\t\t// interceptor.  Detect this so we skip the replacement and\n\t\t// MediaUploadProvider for them — see the longer comment below.\n\t\tconst isMediaUploadIntercepted =\n\t\t\t!! _settings?.mediaUpload?.__isMediaUploadInterceptor;\n\n\t\tconst settings = useMemo( () => {\n\t\t\tif (\n\t\t\t\tuseUploadMediaPipeline &&\n\t\t\t\t_settings?.mediaUpload &&\n\t\t\t\t! isMediaUploadIntercepted\n\t\t\t) {\n\t\t\t\t// Choose the right interceptor:\n\t\t\t\t// - Full mode: all uploads go through upload-media pipeline.\n\t\t\t\t// - HEIC-only mode: only HEIC files go through, rest use legacy path.\n\t\t\t\tconst uploadFn = isClientSideMediaEnabled\n\t\t\t\t\t? mediaUpload\n\t\t\t\t\t: heicMediaUpload;\n\t\t\t\tconst interceptor = uploadFn.bind( null, registry, _settings );\n\t\t\t\tinterceptor.__isMediaUploadInterceptor = true;\n\t\t\t\treturn {\n\t\t\t\t\t..._settings,\n\t\t\t\t\tmediaUpload: interceptor,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn _settings;\n\t\t}, [\n\t\t\t_settings,\n\t\t\tregistry,\n\t\t\tuseUploadMediaPipeline,\n\t\t\tisClientSideMediaEnabled,\n\t\t\tisMediaUploadIntercepted,\n\t\t] );\n\n\t\tconst { __experimentalUpdateSettings } = unlock(\n\t\t\tuseDispatch( blockEditorStore )\n\t\t);\n\t\tuseEffect( () => {\n\t\t\t__experimentalUpdateSettings(\n\t\t\t\t{\n\t\t\t\t\t...settings,\n\t\t\t\t\t__internalIsInitialized: true,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstripExperimentalSettings,\n\t\t\t\t\treset: true,\n\t\t\t\t}\n\t\t\t);\n\t\t}, [\n\t\t\tsettings,\n\t\t\tstripExperimentalSettings,\n\t\t\t__experimentalUpdateSettings,\n\t\t] );\n\n\t\t// Store selection and onChangeSelection in refs and expose\n\t\t// stable getters/callers so that the context value is a\n\t\t// complete constant.  This prevents re-rendering the entire\n\t\t// block tree (including async-rendered off-screen blocks)\n\t\t// when either value changes.\n\t\tconst selectionRef = useRef( props.selection );\n\t\tselectionRef.current = props.selection;\n\t\tconst onChangeSelectionRef = useRef( props.onChangeSelection ?? noop );\n\t\tonChangeSelectionRef.current = props.onChangeSelection ?? noop;\n\n\t\tconst selectionContextValue = useMemo(\n\t\t\t() => ( {\n\t\t\t\tgetSelection: () => selectionRef.current,\n\t\t\t\tonChangeSelection: ( ...args ) =>\n\t\t\t\t\tonChangeSelectionRef.current( ...args ),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\t\tconst children = (\n\t\t\t<SlotFillProvider passthrough>\n\t\t\t\t{ ! settings?.isPreviewMode && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<KeyboardShortcuts.Register />\n\t\t\t\t\t\t<BlockKeyboardShortcuts />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<BlockRefsProvider>{ props.children }</BlockRefsProvider>\n\t\t\t</SlotFillProvider>\n\t\t);\n\n\t\tconst content = (\n\t\t\t<SelectionContext.Provider value={ selectionContextValue }>\n\t\t\t\t<BlockSyncEffect\n\t\t\t\t\tclientId={ props.clientId }\n\t\t\t\t\tvalue={ props.value }\n\t\t\t\t\tonChange={ props.onChange }\n\t\t\t\t\tonInput={ props.onInput }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</SelectionContext.Provider>\n\t\t);\n\n\t\t// MediaUploadProvider writes the mediaUpload function from\n\t\t// _settings into the shared upload-media store so the store can\n\t\t// hand files off to the server. useMediaUploadSettings extracts\n\t\t// mediaUpload from the original _settings prop — *before* the\n\t\t// interceptor replacement above — so the store receives the\n\t\t// real server-side upload function.\n\t\t//\n\t\t// Only the first (outermost) provider should do this.\n\t\t// Nested providers (e.g. from useBlockPreview in\n\t\t// core/post-template) inherit settings that already contain\n\t\t// the interceptor, so their MediaUploadProvider would\n\t\t// overwrite the store's server-side function with the\n\t\t// interceptor, causing uploads to loop instead of reaching\n\t\t// the server.\n\t\tif ( useUploadMediaPipeline && ! isMediaUploadIntercepted ) {\n\t\t\treturn (\n\t\t\t\t<MediaUploadProvider\n\t\t\t\t\tsettings={ mediaUploadSettings }\n\t\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t>\n\t\t\t\t\t{ content }\n\t\t\t\t</MediaUploadProvider>\n\t\t\t);\n\t\t}\n\n\t\treturn content;\n\t}\n);\n\nexport const BlockEditorProvider = ( props ) => {\n\treturn (\n\t\t<ExperimentalBlockEditorProvider { ...props } stripExperimentalSettings>\n\t\t\t{ props.children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n};\n\nexport default BlockEditorProvider;\n"],
-  "mappings": "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",
+  "sources": ["../../../src/components/provider/index.jsx"],
+  "sourcesContent": ["import { useDispatch } from '@wordpress/data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { SlotFillProvider } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tMediaUploadProvider,\n\tstore as uploadStore,\n\tdetectClientSideMediaSupport,\n\tisHeicCanvasSupported,\n} from '@wordpress/upload-media';\nimport withRegistryProvider from './with-registry-provider';\nimport useBlockSync from './use-block-sync';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockRefsProvider } from './block-refs-provider';\nimport { unlock } from '../../lock-unlock';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\nimport BlockKeyboardShortcuts from '../block-keyboard-shortcuts';\nimport useMediaUploadSettings from './use-media-upload-settings';\nimport { mediaUploadOnSuccessKey } from '../../store/private-keys';\nimport { SelectionContext } from './selection-context';\n\n/** @typedef {import('@wordpress/data').WPDataRegistry} WPDataRegistry */\n\nconst noop = () => {};\n\n/**\n * Flag to track if we've already logged the fallback message.\n */\nlet hasLoggedFallback = false;\n\n/**\n * Cached result of whether client-side media processing should be enabled.\n * This is computed once per session for efficiency and stability.\n */\nlet isClientSideMediaEnabledCache = null;\n\n/**\n * Cached result of whether HEIC-only canvas processing should be enabled.\n */\nlet isHeicCanvasEnabledCache = null;\n\n/**\n * HEIC MIME types that should be routed through the upload-media pipeline\n * when in HEIC-only mode.\n */\nconst HEIC_MIME_TYPES = [ 'image/heic', 'image/heif' ];\n\n/**\n * Refuses a batch of more than one file on behalf of a caller that only takes\n * one - a Cover block's placeholder, say.\n *\n * `uploadMedia()` in `@wordpress/media-utils` refuses such a batch with the\n * same wording, but the `@wordpress/upload-media` pipeline below is a separate\n * transport that never reaches that function. Without this check every dropped\n * file uploads and the caller keeps whichever one lands last (gutenberg#82041).\n *\n * @param {Array<File>} filesList List of files.\n * @param {boolean}     multiple  Whether the caller accepts more than one file.\n * @param {Function}    onError   Function called when an error happens.\n *\n * @return {boolean} Whether the batch was refused.\n */\nfunction refuseExtraFiles( filesList, multiple, onError ) {\n\tif ( ! multiple && filesList.length > 1 ) {\n\t\tonError( __( 'Only one file can be used here.' ) );\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Checks if client-side media processing should be enabled.\n *\n * Returns true only if:\n * 1. The client-side media processing flag is enabled\n * 2. The browser supports WebAssembly, SharedArrayBuffer, cross-origin isolation, and CSP allows blob workers\n *\n * The result is cached for the session to ensure stability during React renders.\n *\n * @return {boolean} Whether client-side media processing should be enabled.\n */\nfunction shouldEnableClientSideMediaProcessing() {\n\t// Return cached result if available.\n\tif ( isClientSideMediaEnabledCache !== null ) {\n\t\treturn isClientSideMediaEnabledCache;\n\t}\n\n\t// Check if the client-side media processing flag is enabled first.\n\tif ( ! window.__clientSideMediaProcessing ) {\n\t\tisClientSideMediaEnabledCache = false;\n\t\treturn false;\n\t}\n\n\t// Safety check in case the import is unavailable.\n\tif ( typeof detectClientSideMediaSupport !== 'function' ) {\n\t\tisClientSideMediaEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tconst detection = detectClientSideMediaSupport();\n\tif ( ! detection || ! detection.supported ) {\n\t\t// Only log once per session to avoid console spam.\n\t\tif ( ! hasLoggedFallback ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.info(\n\t\t\t\t`Client-side media processing unavailable: ${ detection.reason }. Using server-side processing.`\n\t\t\t);\n\t\t\thasLoggedFallback = true;\n\t\t}\n\t\tisClientSideMediaEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tisClientSideMediaEnabledCache = true;\n\treturn true;\n}\n\n/**\n * Checks if HEIC-only canvas processing should be enabled.\n *\n * Returns true when:\n * 1. Full client-side processing is NOT available (otherwise it handles HEIC already)\n * 2. The server has set the __clientSideMediaProcessing flag\n * 3. The browser supports createImageBitmap + OffscreenCanvas (e.g. Safari)\n *\n * @return {boolean} Whether HEIC-only canvas processing should be enabled.\n */\nfunction shouldEnableHeicCanvasProcessing() {\n\tif ( isHeicCanvasEnabledCache !== null ) {\n\t\treturn isHeicCanvasEnabledCache;\n\t}\n\n\t// If full client-side processing is enabled, it already handles HEIC.\n\tif ( shouldEnableClientSideMediaProcessing() ) {\n\t\tisHeicCanvasEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tif ( ! window.__clientSideMediaProcessing ) {\n\t\tisHeicCanvasEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tif (\n\t\ttypeof isHeicCanvasSupported !== 'function' ||\n\t\t! isHeicCanvasSupported()\n\t) {\n\t\tisHeicCanvasEnabledCache = false;\n\t\treturn false;\n\t}\n\n\tisHeicCanvasEnabledCache = true;\n\treturn true;\n}\n\n/**\n * Upload a media file when the file upload button is activated\n * or when adding a file to the editor via drag & drop.\n *\n * @param {WPDataRegistry} registry\n * @param {Object}         settings          Block editor settings.\n * @param {Object}         $3                Parameters object passed to the function.\n * @param {Array}          $3.allowedTypes   Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Object}         $3.additionalData Additional data to include in the request.\n * @param {Array<File>}    $3.filesList      List of files.\n * @param {Function}       $3.onError        Function called when an error happens.\n * @param {Function}       $3.onFileChange   Function called each time a file or a temporary representation of the file is available.\n * @param {Function}       $3.onSuccess      Function called once a file has completely finished uploading, including thumbnails.\n * @param {Function}       $3.onBatchSuccess Function called once all files in a group have completely finished uploading, including thumbnails.\n * @param {boolean}        $3.multiple       Whether the caller accepts more than one file.\n */\nfunction mediaUpload(\n\tregistry,\n\tsettings,\n\t{\n\t\tallowedTypes,\n\t\tadditionalData = {},\n\t\tfilesList,\n\t\tonError = noop,\n\t\tonFileChange,\n\t\tonSuccess,\n\t\tonBatchSuccess,\n\t\tmultiple = true,\n\t}\n) {\n\tif ( refuseExtraFiles( filesList, multiple, onError ) ) {\n\t\treturn;\n\t}\n\n\tvoid registry.dispatch( uploadStore ).addItems( {\n\t\tfiles: Array.from( filesList ),\n\t\tonChange: onFileChange,\n\t\tonSuccess: ( attachments ) => {\n\t\t\tsettings?.[ mediaUploadOnSuccessKey ]?.( attachments );\n\t\t\tonSuccess?.( attachments );\n\t\t},\n\t\tonBatchSuccess,\n\t\tonError: ( error ) =>\n\t\t\tonError( typeof error === 'string' ? error : error?.message ?? '' ),\n\t\tadditionalData,\n\t\tallowedTypes,\n\t} );\n}\n\n/**\n * Upload interceptor for HEIC-only mode.\n *\n * Routes HEIC files through the upload-media pipeline for canvas-based\n * conversion, while passing non-HEIC files to the original mediaUpload\n * function for standard server-side processing.\n *\n * @param {WPDataRegistry} registry\n * @param {Object}         settings          Block editor settings.\n * @param {Object}         $3                Parameters object passed to the function.\n * @param {Array}          $3.allowedTypes   Array with the types of media that can be uploaded, if unset all types are allowed.\n * @param {Object}         $3.additionalData Additional data to include in the request.\n * @param {Array<File>}    $3.filesList      List of files.\n * @param {Function}       $3.onError        Function called when an error happens.\n * @param {Function}       $3.onFileChange   Function called each time a file or a temporary representation of the file is available.\n * @param {Function}       $3.onSuccess      Function called once a file has completely finished uploading, including thumbnails.\n * @param {Function}       $3.onBatchSuccess Function called once all files in a group have completely finished uploading, including thumbnails.\n * @param {boolean}        $3.multiple       Whether the caller accepts more than one file.\n */\nfunction heicMediaUpload(\n\tregistry,\n\tsettings,\n\t{\n\t\tallowedTypes,\n\t\tadditionalData = {},\n\t\tfilesList,\n\t\tonError = noop,\n\t\tonFileChange,\n\t\tonSuccess,\n\t\tonBatchSuccess,\n\t\tmultiple = true,\n\t}\n) {\n\tif ( refuseExtraFiles( filesList, multiple, onError ) ) {\n\t\treturn;\n\t}\n\n\tconst files = Array.from( filesList );\n\tconst heicFiles = files.filter( ( file ) =>\n\t\tHEIC_MIME_TYPES.includes( file.type )\n\t);\n\tconst otherFiles = files.filter(\n\t\t( file ) => ! HEIC_MIME_TYPES.includes( file.type )\n\t);\n\n\t// When the batch contains both HEIC and non-HEIC files, coordinate\n\t// onBatchSuccess so it fires only after *both* paths have completed.\n\tconst hasBothPaths =\n\t\theicFiles.length > 0 && otherFiles.length > 0 && settings?.mediaUpload;\n\tlet pathsRemaining = hasBothPaths ? 2 : 1;\n\tconst coordinatedBatchSuccess = hasBothPaths\n\t\t? () => {\n\t\t\t\tpathsRemaining--;\n\t\t\t\tif ( pathsRemaining <= 0 ) {\n\t\t\t\t\tonBatchSuccess?.();\n\t\t\t\t}\n\t\t  }\n\t\t: onBatchSuccess;\n\n\t// Route HEIC files through the upload-media pipeline.\n\tif ( heicFiles.length > 0 ) {\n\t\tvoid registry.dispatch( uploadStore ).addItems( {\n\t\t\tfiles: heicFiles,\n\t\t\tonChange: onFileChange,\n\t\t\tonSuccess: ( attachments ) => {\n\t\t\t\tsettings?.[ mediaUploadOnSuccessKey ]?.( attachments );\n\t\t\t\tonSuccess?.( attachments );\n\t\t\t},\n\t\t\tonBatchSuccess: coordinatedBatchSuccess,\n\t\t\tonError: ( error ) =>\n\t\t\t\tonError(\n\t\t\t\t\ttypeof error === 'string' ? error : error?.message ?? ''\n\t\t\t\t),\n\t\t\tadditionalData,\n\t\t\tallowedTypes,\n\t\t} );\n\t}\n\n\t// Pass non-HEIC files to the original server-side upload function.\n\tif ( otherFiles.length > 0 && settings?.mediaUpload ) {\n\t\tsettings.mediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tadditionalData,\n\t\t\tfilesList: otherFiles,\n\t\t\tonError,\n\t\t\tonFileChange,\n\t\t\tonSuccess,\n\t\t\tonBatchSuccess: coordinatedBatchSuccess,\n\t\t\tmultiple,\n\t\t} );\n\t}\n}\n\n/**\n * Calls useBlockSync as a child of SelectionContext.Provider so that the\n * hook can read selection state from the context provided by this tree\n * rather than from a parent provider (which may not exist for the root).\n *\n * @param {Object} props Props forwarded to useBlockSync.\n */\nfunction BlockSyncEffect( props ) {\n\tuseBlockSync( props );\n\treturn null;\n}\n\nexport const ExperimentalBlockEditorProvider = withRegistryProvider(\n\t( props ) => {\n\t\tconst {\n\t\t\tsettings: _settings,\n\t\t\tregistry,\n\t\t\tstripExperimentalSettings = false,\n\t\t} = props;\n\n\t\tconst mediaUploadSettings = useMediaUploadSettings( _settings );\n\n\t\tconst isClientSideMediaEnabled =\n\t\t\tshouldEnableClientSideMediaProcessing();\n\t\tconst isHeicCanvasEnabled = shouldEnableHeicCanvasProcessing();\n\t\tconst useUploadMediaPipeline =\n\t\t\tisClientSideMediaEnabled || isHeicCanvasEnabled;\n\n\t\t// Nested providers (e.g. from useBlockPreview) inherit settings\n\t\t// where mediaUpload has already been replaced with the\n\t\t// interceptor.  Detect this so we skip the replacement and\n\t\t// MediaUploadProvider for them — see the longer comment below.\n\t\tconst isMediaUploadIntercepted =\n\t\t\t!! _settings?.mediaUpload?.__isMediaUploadInterceptor;\n\n\t\tconst settings = useMemo( () => {\n\t\t\tif (\n\t\t\t\tuseUploadMediaPipeline &&\n\t\t\t\t_settings?.mediaUpload &&\n\t\t\t\t! isMediaUploadIntercepted\n\t\t\t) {\n\t\t\t\t// Choose the right interceptor:\n\t\t\t\t// - Full mode: all uploads go through upload-media pipeline.\n\t\t\t\t// - HEIC-only mode: only HEIC files go through, rest use legacy path.\n\t\t\t\tconst uploadFn = isClientSideMediaEnabled\n\t\t\t\t\t? mediaUpload\n\t\t\t\t\t: heicMediaUpload;\n\t\t\t\tconst interceptor = uploadFn.bind( null, registry, _settings );\n\t\t\t\tinterceptor.__isMediaUploadInterceptor = true;\n\t\t\t\treturn {\n\t\t\t\t\t..._settings,\n\t\t\t\t\tmediaUpload: interceptor,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn _settings;\n\t\t}, [\n\t\t\t_settings,\n\t\t\tregistry,\n\t\t\tuseUploadMediaPipeline,\n\t\t\tisClientSideMediaEnabled,\n\t\t\tisMediaUploadIntercepted,\n\t\t] );\n\n\t\tconst { __experimentalUpdateSettings } = unlock(\n\t\t\tuseDispatch( blockEditorStore )\n\t\t);\n\t\tuseEffect( () => {\n\t\t\t__experimentalUpdateSettings(\n\t\t\t\t{\n\t\t\t\t\t...settings,\n\t\t\t\t\t__internalIsInitialized: true,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstripExperimentalSettings,\n\t\t\t\t\treset: true,\n\t\t\t\t}\n\t\t\t);\n\t\t}, [\n\t\t\tsettings,\n\t\t\tstripExperimentalSettings,\n\t\t\t__experimentalUpdateSettings,\n\t\t] );\n\n\t\t// Store selection and onChangeSelection in refs and expose\n\t\t// stable getters/callers so that the context value is a\n\t\t// complete constant.  This prevents re-rendering the entire\n\t\t// block tree (including async-rendered off-screen blocks)\n\t\t// when either value changes.\n\t\tconst selectionRef = useRef( props.selection );\n\t\tselectionRef.current = props.selection;\n\t\tconst onChangeSelectionRef = useRef( props.onChangeSelection ?? noop );\n\t\tonChangeSelectionRef.current = props.onChangeSelection ?? noop;\n\n\t\tconst selectionContextValue = useMemo(\n\t\t\t() => ( {\n\t\t\t\tgetSelection: () => selectionRef.current,\n\t\t\t\tonChangeSelection: ( ...args ) =>\n\t\t\t\t\tonChangeSelectionRef.current( ...args ),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\t\tconst children = (\n\t\t\t<SlotFillProvider passthrough>\n\t\t\t\t{ ! settings?.isPreviewMode && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<KeyboardShortcuts.Register />\n\t\t\t\t\t\t<BlockKeyboardShortcuts />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<BlockRefsProvider>{ props.children }</BlockRefsProvider>\n\t\t\t</SlotFillProvider>\n\t\t);\n\n\t\tconst content = (\n\t\t\t<SelectionContext.Provider value={ selectionContextValue }>\n\t\t\t\t<BlockSyncEffect\n\t\t\t\t\tclientId={ props.clientId }\n\t\t\t\t\tvalue={ props.value }\n\t\t\t\t\tonChange={ props.onChange }\n\t\t\t\t\tonInput={ props.onInput }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</SelectionContext.Provider>\n\t\t);\n\n\t\t// MediaUploadProvider writes the mediaUpload function from\n\t\t// _settings into the shared upload-media store so the store can\n\t\t// hand files off to the server. useMediaUploadSettings extracts\n\t\t// mediaUpload from the original _settings prop — *before* the\n\t\t// interceptor replacement above — so the store receives the\n\t\t// real server-side upload function.\n\t\t//\n\t\t// Only the first (outermost) provider should do this.\n\t\t// Nested providers (e.g. from useBlockPreview in\n\t\t// core/post-template) inherit settings that already contain\n\t\t// the interceptor, so their MediaUploadProvider would\n\t\t// overwrite the store's server-side function with the\n\t\t// interceptor, causing uploads to loop instead of reaching\n\t\t// the server.\n\t\tif ( useUploadMediaPipeline && ! isMediaUploadIntercepted ) {\n\t\t\treturn (\n\t\t\t\t<MediaUploadProvider\n\t\t\t\t\tsettings={ mediaUploadSettings }\n\t\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t>\n\t\t\t\t\t{ content }\n\t\t\t\t</MediaUploadProvider>\n\t\t\t);\n\t\t}\n\n\t\treturn content;\n\t}\n);\n\nexport const BlockEditorProvider = ( props ) => {\n\treturn (\n\t\t<ExperimentalBlockEditorProvider { ...props } stripExperimentalSettings>\n\t\t\t{ props.children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n};\n\nexport default BlockEditorProvider;\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/components/provider/with-registry-provider.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/provider/with-registry-provider.js
+// packages/block-editor/src/components/provider/with-registry-provider.jsx
 import { useState } from "@wordpress/element";
 import { useRegistry, createRegistry, RegistryProvider } from "@wordpress/data";
 import { createHigherOrderComponent } from "@wordpress/compose";

package/build-module/components/provider/with-registry-provider.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/provider/with-registry-provider.js"],
+  "sources": ["../../../src/components/provider/with-registry-provider.jsx"],
   "sourcesContent": ["import { useState } from '@wordpress/element';\nimport { useRegistry, createRegistry, RegistryProvider } from '@wordpress/data';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { storeConfig } from '../../store';\nimport { STORE_NAME as blockEditorStoreName } from '../../store/constants';\n\nfunction getSubRegistry( subRegistries, registry, useSubRegistry ) {\n\tif ( ! useSubRegistry ) {\n\t\treturn registry;\n\t}\n\tlet subRegistry = subRegistries.get( registry );\n\tif ( ! subRegistry ) {\n\t\tsubRegistry = createRegistry( {}, registry );\n\t\tsubRegistry.registerStore( blockEditorStoreName, storeConfig );\n\t\tsubRegistries.set( registry, subRegistry );\n\t}\n\treturn subRegistry;\n}\n\nconst withRegistryProvider = createHigherOrderComponent(\n\t( WrappedComponent ) =>\n\t\tfunction WithRegistryProvider( { useSubRegistry = true, ...props } ) {\n\t\t\tconst registry = useRegistry();\n\t\t\tconst [ subRegistries ] = useState( () => new WeakMap() );\n\t\t\tconst subRegistry = getSubRegistry(\n\t\t\t\tsubRegistries,\n\t\t\t\tregistry,\n\t\t\t\tuseSubRegistry\n\t\t\t);\n\n\t\t\tif ( subRegistry === registry ) {\n\t\t\t\treturn <WrappedComponent registry={ registry } { ...props } />;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<RegistryProvider value={ subRegistry }>\n\t\t\t\t\t<WrappedComponent registry={ subRegistry } { ...props } />\n\t\t\t\t</RegistryProvider>\n\t\t\t);\n\t\t},\n\t'withRegistryProvider'\n);\n\nexport default withRegistryProvider;\n"],
   "mappings": ";AAAA,SAAS,gBAAgB;AACzB,SAAS,aAAa,gBAAgB,wBAAwB;AAC9D,SAAS,kCAAkC;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,cAAc,4BAA4B;AA2BxC;AAzBX,SAAS,eAAgB,eAAe,UAAU,gBAAiB;AAClE,MAAK,CAAE,gBAAiB;AACvB,WAAO;AAAA,EACR;AACA,MAAI,cAAc,cAAc,IAAK,QAAS;AAC9C,MAAK,CAAE,aAAc;AACpB,kBAAc,eAAgB,CAAC,GAAG,QAAS;AAC3C,gBAAY,cAAe,sBAAsB,WAAY;AAC7D,kBAAc,IAAK,UAAU,WAAY;AAAA,EAC1C;AACA,SAAO;AACR;AAEA,IAAM,uBAAuB;AAAA,EAC5B,CAAE,qBACD,SAAS,qBAAsB,EAAE,iBAAiB,MAAM,GAAG,MAAM,GAAI;AACpE,UAAM,WAAW,YAAY;AAC7B,UAAM,CAAE,aAAc,IAAI,SAAU,MAAM,oBAAI,QAAQ,CAAE;AACxD,UAAM,cAAc;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAEA,QAAK,gBAAgB,UAAW;AAC/B,aAAO,oBAAC,oBAAiB,UAAwB,GAAG,OAAQ;AAAA,IAC7D;AAEA,WACC,oBAAC,oBAAiB,OAAQ,aACzB,8BAAC,oBAAiB,UAAW,aAAgB,GAAG,OAAQ,GACzD;AAAA,EAEF;AAAA,EACD;AACD;AAEA,IAAO,iCAAQ;",
   "names": []

package/build-module/components/publish-date-time-picker/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/publish-date-time-picker/index.js
+// packages/block-editor/src/components/publish-date-time-picker/index.jsx
 import { DateTimePicker, TimePicker } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
 import { forwardRef } from "@wordpress/element";

package/build-module/components/publish-date-time-picker/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/publish-date-time-picker/index.js"],
+  "sources": ["../../../src/components/publish-date-time-picker/index.jsx"],
   "sourcesContent": ["import { DateTimePicker, TimePicker } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { getSettings } from '@wordpress/date';\nimport InspectorPopoverHeader from '../inspector-popover-header';\n\nexport function PublishDateTimePicker(\n\t{\n\t\tonClose,\n\t\tonChange,\n\t\tshowPopoverHeader = true,\n\t\tshowPopoverHeaderActions,\n\t\tisCompact,\n\t\tcurrentDate,\n\t\ttitle,\n\t\t...additionalProps\n\t},\n\tref\n) {\n\tconst datePickerProps = {\n\t\tstartOfWeek: getSettings().l10n.startOfWeek,\n\t\tonChange,\n\t\tcurrentDate: isCompact ? undefined : currentDate,\n\t\tcurrentTime: isCompact ? currentDate : undefined,\n\t\t...additionalProps,\n\t};\n\tconst DatePickerComponent = isCompact ? TimePicker : DateTimePicker;\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-publish-date-time-picker\">\n\t\t\t{ showPopoverHeader && (\n\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\ttitle={ title || __( 'Publish' ) }\n\t\t\t\t\tactions={\n\t\t\t\t\t\tshowPopoverHeaderActions\n\t\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Reset' ),\n\t\t\t\t\t\t\t\t\t\tonClick: () => onChange?.( null ),\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<DatePickerComponent { ...datePickerProps } />\n\t\t</div>\n\t);\n}\n\nexport const PrivatePublishDateTimePicker = forwardRef( PublishDateTimePicker );\n\nfunction PublicPublishDateTimePicker( props, ref ) {\n\treturn (\n\t\t<PrivatePublishDateTimePicker\n\t\t\t{ ...props }\n\t\t\tshowPopoverHeaderActions\n\t\t\tisCompact={ false }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicPublishDateTimePicker );\n"],
   "mappings": ";AAAA,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,OAAO,4BAA4B;AAwBjC,SAEE,KAFF;AAtBK,SAAS,sBACf;AAAA,EACC;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GACA,KACC;AACD,QAAM,kBAAkB;AAAA,IACvB,aAAa,YAAY,EAAE,KAAK;AAAA,IAChC;AAAA,IACA,aAAa,YAAY,SAAY;AAAA,IACrC,aAAa,YAAY,cAAc;AAAA,IACvC,GAAG;AAAA,EACJ;AACA,QAAM,sBAAsB,YAAY,aAAa;AACrD,SACC,qBAAC,SAAI,KAAY,WAAU,yCACxB;AAAA,yBACD;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,SAAS,GAAI,SAAU;AAAA,QAC/B,SACC,2BACG;AAAA,UACA;AAAA,YACC,OAAO,GAAI,OAAQ;AAAA,YACnB,SAAS,MAAM,WAAY,IAAK;AAAA,UACjC;AAAA,QACA,IACA;AAAA,QAEJ;AAAA;AAAA,IACD;AAAA,IAED,oBAAC,uBAAsB,GAAG,iBAAkB;AAAA,KAC7C;AAEF;AAEO,IAAM,+BAA+B,WAAY,qBAAsB;AAE9E,SAAS,4BAA6B,OAAO,KAAM;AAClD,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,0BAAwB;AAAA,MACxB,WAAY;AAAA,MACZ;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,mCAAQ,WAAY,2BAA4B;",
   "names": []

package/build-module/components/recursion-provider/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/recursion-provider/index.js
+// packages/block-editor/src/components/recursion-provider/index.jsx
 import { createContext, useContext, useMemo } from "@wordpress/element";
 import deprecated from "@wordpress/deprecated";
 import { useBlockEditContext } from "../block-edit/context.mjs";

package/build-module/components/recursion-provider/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/recursion-provider/index.js"],
+  "sources": ["../../../src/components/recursion-provider/index.jsx"],
   "sourcesContent": ["import { createContext, useContext, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst RenderedRefsContext = createContext( {} );\nRenderedRefsContext.displayName = 'RenderedRefsContext';\n\n/**\n * Immutably adds an unique identifier to a set scoped for a given block type.\n *\n * @param {Object} renderedBlocks Rendered blocks grouped by block name\n * @param {string} blockName      Name of the block.\n * @param {*}      uniqueId       Any value that acts as a unique identifier for a block instance.\n *\n * @return {Object} The list of rendered blocks grouped by block name.\n */\nfunction addToBlockType( renderedBlocks, blockName, uniqueId ) {\n\tconst result = {\n\t\t...renderedBlocks,\n\t\t[ blockName ]: renderedBlocks[ blockName ]\n\t\t\t? new Set( renderedBlocks[ blockName ] )\n\t\t\t: new Set(),\n\t};\n\tresult[ blockName ].add( uniqueId );\n\n\treturn result;\n}\n\n/**\n * A React context provider for use with the `useHasRecursion` hook to prevent recursive\n * renders.\n *\n * Wrap block content with this provider and provide the same `uniqueId` prop as used\n * with `useHasRecursion`.\n *\n * @param {Object}            props\n * @param {*}                 props.uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string}            props.blockName Optional block name.\n * @param {React.JSX.Element} props.children  React children.\n *\n * @return {React.JSX.Element} A React element.\n */\nexport function RecursionProvider( { children, uniqueId, blockName = '' } ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\n\tblockName = blockName || name;\n\n\tconst newRenderedBlocks = useMemo(\n\t\t() => addToBlockType( previouslyRenderedBlocks, blockName, uniqueId ),\n\t\t[ previouslyRenderedBlocks, blockName, uniqueId ]\n\t);\n\n\treturn (\n\t\t<RenderedRefsContext.Provider value={ newRenderedBlocks }>\n\t\t\t{ children }\n\t\t</RenderedRefsContext.Provider>\n\t);\n}\n\n/**\n * A React hook for keeping track of blocks previously rendered up in the block\n * tree. Blocks susceptible to recursion can use this hook in their `Edit`\n * function to prevent said recursion.\n *\n * Use this with the `RecursionProvider` component, using the same `uniqueId` value\n * for both the hook and the provider.\n *\n * @param {*}      uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string} blockName Optional block name.\n *\n * @return {boolean} A boolean describing whether the provided id has already been rendered.\n */\nexport function useHasRecursion( uniqueId, blockName = '' ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\tblockName = blockName || name;\n\treturn Boolean( previouslyRenderedBlocks[ blockName ]?.has( uniqueId ) );\n}\n\nexport const DeprecatedExperimentalRecursionProvider = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalRecursionProvider', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.RecursionProvider',\n\t} );\n\treturn <RecursionProvider { ...props } />;\n};\n\nexport const DeprecatedExperimentalUseHasRecursion = ( ...args ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalUseHasRecursion', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.useHasRecursion',\n\t} );\n\treturn useHasRecursion( ...args );\n};\n"],
   "mappings": ";AAAA,SAAS,eAAe,YAAY,eAAe;AACnD,OAAO,gBAAgB;AACvB,SAAS,2BAA2B;AAoDlC;AAlDF,IAAM,sBAAsB,cAAe,CAAC,CAAE;AAC9C,oBAAoB,cAAc;AAWlC,SAAS,eAAgB,gBAAgB,WAAW,UAAW;AAC9D,QAAM,SAAS;AAAA,IACd,GAAG;AAAA,IACH,CAAE,SAAU,GAAG,eAAgB,SAAU,IACtC,IAAI,IAAK,eAAgB,SAAU,CAAE,IACrC,oBAAI,IAAI;AAAA,EACZ;AACA,SAAQ,SAAU,EAAE,IAAK,QAAS;AAElC,SAAO;AACR;AAgBO,SAAS,kBAAmB,EAAE,UAAU,UAAU,YAAY,GAAG,GAAI;AAC3E,QAAM,2BAA2B,WAAY,mBAAoB;AACjE,QAAM,EAAE,KAAK,IAAI,oBAAoB;AAErC,cAAY,aAAa;AAEzB,QAAM,oBAAoB;AAAA,IACzB,MAAM,eAAgB,0BAA0B,WAAW,QAAS;AAAA,IACpE,CAAE,0BAA0B,WAAW,QAAS;AAAA,EACjD;AAEA,SACC,oBAAC,oBAAoB,UAApB,EAA6B,OAAQ,mBACnC,UACH;AAEF;AAeO,SAAS,gBAAiB,UAAU,YAAY,IAAK;AAC3D,QAAM,2BAA2B,WAAY,mBAAoB;AACjE,QAAM,EAAE,KAAK,IAAI,oBAAoB;AACrC,cAAY,aAAa;AACzB,SAAO,QAAS,yBAA0B,SAAU,GAAG,IAAK,QAAS,CAAE;AACxE;AAEO,IAAM,0CAA0C,CAAE,UAAW;AACnE,aAAY,kDAAkD;AAAA,IAC7D,OAAO;AAAA,IACP,aAAa;AAAA,EACd,CAAE;AACF,SAAO,oBAAC,qBAAoB,GAAG,OAAQ;AACxC;AAEO,IAAM,wCAAwC,IAAK,SAAU;AACnE,aAAY,gDAAgD;AAAA,IAC3D,OAAO;AAAA,IACP,aAAa;AAAA,EACd,CAAE;AACF,SAAO,gBAAiB,GAAG,IAAK;AACjC;",
   "names": []

package/build-module/components/resizable-box-popover/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/resizable-box-popover/index.js
+// packages/block-editor/src/components/resizable-box-popover/index.jsx
 import { ResizableBox } from "@wordpress/components";
 import BlockPopoverCover from "../block-popover/cover.mjs";
 import { jsx } from "react/jsx-runtime";

package/build-module/components/resizable-box-popover/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/resizable-box-popover/index.js"],
+  "sources": ["../../../src/components/resizable-box-popover/index.jsx"],
   "sourcesContent": ["import { ResizableBox } from '@wordpress/components';\nimport BlockPopoverCover from '../block-popover/cover';\n\nexport default function ResizableBoxPopover( {\n\tclientId,\n\tresizableBoxProps,\n\t...props\n} ) {\n\treturn (\n\t\t<BlockPopoverCover\n\t\t\tclientId={ clientId }\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ResizableBox { ...resizableBoxProps } />\n\t\t</BlockPopoverCover>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,oBAAoB;AAC7B,OAAO,uBAAuB;AAa3B;AAXY,SAAR,oBAAsC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,uBAAsB;AAAA,MACpB,GAAG;AAAA,MAEL,8BAAC,gBAAe,GAAG,mBAAoB;AAAA;AAAA,EACxC;AAEF;",
   "names": []

package/build-module/components/resolution-tool/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/resolution-tool/index.js
+// packages/block-editor/src/components/resolution-tool/index.jsx
 import {
   SelectControl,
   __experimentalToolsPanelItem as ToolsPanelItem

package/build-module/components/resolution-tool/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/resolution-tool/index.js"],
+  "sources": ["../../../src/components/resolution-tool/index.jsx"],
   "sourcesContent": ["import {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\nconst DEFAULT_SIZE_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Thumbnail', 'Image size option for resolution control' ),\n\t\tvalue: 'thumbnail',\n\t},\n\t{\n\t\tlabel: _x( 'Medium', 'Image size option for resolution control' ),\n\t\tvalue: 'medium',\n\t},\n\t{\n\t\tlabel: _x( 'Large', 'Image size option for resolution control' ),\n\t\tvalue: 'large',\n\t},\n\t{\n\t\tlabel: _x( 'Full Size', 'Image size option for resolution control' ),\n\t\tvalue: 'full',\n\t},\n];\n\nexport default function ResolutionTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SIZE_OPTIONS,\n\tdefaultValue = DEFAULT_SIZE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n\tresetAllFilter,\n} ) {\n\tconst displayValue = value ?? defaultValue;\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],
   "mappings": ";AAAA;AAAA,EACC;AAAA,EACA,gCAAgC;AAAA,OAC1B;AACP,SAAS,IAAI,UAAU;AAwCpB;AAtCH,IAAM,uBAAuB;AAAA,EAC5B;AAAA,IACC,OAAO,GAAI,aAAa,0CAA2C;AAAA,IACnE,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,UAAU,0CAA2C;AAAA,IAChE,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,SAAS,0CAA2C;AAAA,IAC/D,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,aAAa,0CAA2C;AAAA,IACnE,OAAO;AAAA,EACR;AACD;AAEe,SAAR,eAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe,qBAAsB,CAAE,EAAE;AAAA,EACzC,mBAAmB;AAAA,EACnB;AACD,GAAI;AACH,QAAM,eAAe,SAAS;AAC9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,MAAM,iBAAiB;AAAA,MAClC,OAAQ,GAAI,YAAa;AAAA,MACzB,YAAa,MAAM,SAAU,YAAa;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,YAAa;AAAA,UACzB,OAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA,MAAO,GAAI,sCAAuC;AAAA;AAAA,MACnD;AAAA;AAAA,EACD;AAEF;",
   "names": []

package/build-module/components/responsive-block-control/index.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/responsive-block-control/index.js
+// packages/block-editor/src/components/responsive-block-control/index.jsx
 import clsx from "clsx";
 import { __, _x, sprintf } from "@wordpress/i18n";
 import { Fragment } from "@wordpress/element";

package/build-module/components/responsive-block-control/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/responsive-block-control/index.js"],
+  "sources": ["../../../src/components/responsive-block-control/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\nimport { ToggleControl } from '@wordpress/components';\nimport ResponsiveBlockControlLabel from './label';\n\nfunction ResponsiveBlockControl( props ) {\n\tconst {\n\t\ttitle,\n\t\tproperty,\n\t\ttoggleLabel,\n\t\tonIsResponsiveChange,\n\t\trenderDefaultControl,\n\t\trenderResponsiveControls,\n\t\tisResponsive = false,\n\t\tdefaultLabel = {\n\t\t\tid: 'all',\n\t\t\tlabel: _x( 'All', 'screen sizes' ),\n\t\t},\n\t\tviewports = [\n\t\t\t{\n\t\t\t\tid: 'small',\n\t\t\t\tlabel: __( 'Small screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'medium',\n\t\t\t\tlabel: __( 'Medium screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'large',\n\t\t\t\tlabel: __( 'Large screens' ),\n\t\t\t},\n\t\t],\n\t} = props;\n\n\tif ( ! title || ! property || ! renderDefaultControl ) {\n\t\treturn null;\n\t}\n\n\tconst toggleControlLabel =\n\t\ttoggleLabel ||\n\t\tsprintf(\n\t\t\t/* translators: %s: Property value for the control (eg: margin, padding, etc.). */\n\t\t\t__( 'Use the same %s on all screen sizes.' ),\n\t\t\tproperty\n\t\t);\n\n\tconst toggleHelpText = __(\n\t\t'Choose whether to use the same value for all screen sizes or a unique value for each screen size.'\n\t);\n\n\tconst defaultControl = renderDefaultControl(\n\t\t<ResponsiveBlockControlLabel\n\t\t\tproperty={ property }\n\t\t\tviewport={ defaultLabel }\n\t\t/>,\n\t\tdefaultLabel\n\t);\n\n\tconst defaultResponsiveControls = () => {\n\t\treturn viewports.map( ( viewport ) => (\n\t\t\t<Fragment key={ viewport.id }>\n\t\t\t\t{ renderDefaultControl(\n\t\t\t\t\t<ResponsiveBlockControlLabel\n\t\t\t\t\t\tproperty={ property }\n\t\t\t\t\t\tviewport={ viewport }\n\t\t\t\t\t/>,\n\t\t\t\t\tviewport\n\t\t\t\t) }\n\t\t\t</Fragment>\n\t\t) );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-responsive-block-control\">\n\t\t\t<legend className=\"block-editor-responsive-block-control__title\">\n\t\t\t\t{ title }\n\t\t\t</legend>\n\n\t\t\t<div className=\"block-editor-responsive-block-control__inner\">\n\t\t\t\t<ToggleControl\n\t\t\t\t\tclassName=\"block-editor-responsive-block-control__toggle\"\n\t\t\t\t\tlabel={ toggleControlLabel }\n\t\t\t\t\tchecked={ ! isResponsive }\n\t\t\t\t\tonChange={ onIsResponsiveChange }\n\t\t\t\t\thelp={ toggleHelpText }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-responsive-block-control__group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-responsive': isResponsive,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! isResponsive && defaultControl }\n\t\t\t\t\t{ isResponsive &&\n\t\t\t\t\t\t( renderResponsiveControls\n\t\t\t\t\t\t\t? renderResponsiveControls( viewports )\n\t\t\t\t\t\t\t: defaultResponsiveControls() ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nexport default ResponsiveBlockControl;\n"],
   "mappings": ";AAAA,OAAO,UAAU;AACjB,SAAS,IAAI,IAAI,eAAe;AAChC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,OAAO,iCAAiC;AAgDtC,cAmCE,YAnCF;AA9CF,SAAS,uBAAwB,OAAQ;AACxC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,eAAe;AAAA,MACd,IAAI;AAAA,MACJ,OAAO,GAAI,OAAO,cAAe;AAAA,IAClC;AAAA,IACA,YAAY;AAAA,MACX;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,eAAgB;AAAA,MAC5B;AAAA,MACA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,gBAAiB;AAAA,MAC7B;AAAA,MACA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,eAAgB;AAAA,MAC5B;AAAA,IACD;AAAA,EACD,IAAI;AAEJ,MAAK,CAAE,SAAS,CAAE,YAAY,CAAE,sBAAuB;AACtD,WAAO;AAAA,EACR;AAEA,QAAM,qBACL,eACA;AAAA;AAAA,IAEC,GAAI,sCAAuC;AAAA,IAC3C;AAAA,EACD;AAED,QAAM,iBAAiB;AAAA,IACtB;AAAA,EACD;AAEA,QAAM,iBAAiB;AAAA,IACtB;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,UAAW;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,EACD;AAEA,QAAM,4BAA4B,MAAM;AACvC,WAAO,UAAU,IAAK,CAAE,aACvB,oBAAC,YACE;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD;AAAA,MACA;AAAA,IACD,KAPe,SAAS,EAQzB,CACC;AAAA,EACH;AAEA,SACC,qBAAC,cAAS,WAAU,yCACnB;AAAA,wBAAC,YAAO,WAAU,gDACf,iBACH;AAAA,IAEA,qBAAC,SAAI,WAAU,gDACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQ;AAAA,UACR,SAAU,CAAE;AAAA,UACZ,UAAW;AAAA,UACX,MAAO;AAAA;AAAA,MACR;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAY;AAAA,YACX;AAAA,YACA;AAAA,cACC,iBAAiB;AAAA,YAClB;AAAA,UACD;AAAA,UAEE;AAAA,aAAE,gBAAgB;AAAA,YAClB,iBACC,2BACC,yBAA0B,SAAU,IACpC,0BAA0B;AAAA;AAAA;AAAA,MAC/B;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,mCAAQ;",
   "names": []

package/build-module/components/responsive-block-control/label.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/responsive-block-control/label.js
+// packages/block-editor/src/components/responsive-block-control/label.jsx
 import { useInstanceId } from "@wordpress/compose";
 import { VisuallyHidden } from "@wordpress/ui";
 import { _x, sprintf } from "@wordpress/i18n";

package/build-module/components/responsive-block-control/label.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/responsive-block-control/label.js"],
+  "sources": ["../../../src/components/responsive-block-control/label.jsx"],
   "sourcesContent": ["import { useInstanceId } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/ui';\nimport { _x, sprintf } from '@wordpress/i18n';\n\nexport default function ResponsiveBlockControlLabel( {\n\tproperty,\n\tviewport,\n\tdesc,\n} ) {\n\tconst instanceId = useInstanceId( ResponsiveBlockControlLabel );\n\tconst accessibleLabel =\n\t\tdesc ||\n\t\tsprintf(\n\t\t\t/* translators: 1: property name. 2: viewport name. */\n\t\t\t_x(\n\t\t\t\t'Controls the %1$s property for %2$s viewports.',\n\t\t\t\t'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'\n\t\t\t),\n\t\t\tproperty,\n\t\t\tviewport.label\n\t\t);\n\treturn (\n\t\t<>\n\t\t\t<span aria-describedby={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ viewport.label }\n\t\t\t</span>\n\t\t\t<VisuallyHidden\n\t\t\t\tid={ `rbc-desc-${ instanceId }` }\n\t\t\t\trender={ <span /> }\n\t\t\t>\n\t\t\t\t{ accessibleLabel }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,IAAI,eAAe;AAoB1B,mBACC,KADD;AAlBa,SAAR,4BAA8C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,aAAa,cAAe,2BAA4B;AAC9D,QAAM,kBACL,QACA;AAAA;AAAA,IAEC;AAAA,MACC;AAAA,MACA;AAAA,IACD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACV;AACD,SACC,iCACC;AAAA,wBAAC,UAAK,oBAAmB,YAAa,UAAW,IAC9C,mBAAS,OACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,IAAK,YAAa,UAAW;AAAA,QAC7B,QAAS,oBAAC,UAAK;AAAA,QAEb;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
   "names": []

package/build-module/components/rich-text/content.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/rich-text/content.js
+// packages/block-editor/src/components/rich-text/content.jsx
 import { RawHTML } from "@wordpress/element";
 import { children as childrenSource } from "@wordpress/blocks";
 import deprecated from "@wordpress/deprecated";

package/build-module/components/rich-text/content.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/rich-text/content.js"],
+  "sources": ["../../../src/components/rich-text/content.jsx"],
   "sourcesContent": ["import { RawHTML } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\nimport RichText from './';\nimport { getMultilineTag } from './utils';\n\nexport function valueToHTMLString( value, multiline ) {\n\tif ( RichText.isEmpty( value ) ) {\n\t\tconst multilineTag = getMultilineTag( multiline );\n\t\treturn multilineTag ? `<${ multilineTag }></${ multilineTag }>` : '';\n\t}\n\n\tif ( Array.isArray( value ) ) {\n\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: 'value prop as string',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t} );\n\t\treturn childrenSource.toHTML( value );\n\t}\n\n\t// To do: deprecate string type.\n\tif ( typeof value === 'string' ) {\n\t\treturn value;\n\t}\n\n\t// To do: create a toReactComponent method on RichTextData, which we\n\t// might in the future also use for the editable tree. See\n\t// https://github.com/WordPress/gutenberg/pull/41655.\n\treturn value.toHTMLString();\n}\n\nexport function Content( {\n\tvalue,\n\ttagName: Tag,\n\tmultiline,\n\tformat,\n\t...props\n} ) {\n\tvalue = <RawHTML>{ valueToHTMLString( value, multiline ) }</RawHTML>;\n\treturn Tag ? <Tag { ...props }>{ value }</Tag> : value;\n}\n"],
   "mappings": ";AAAA,SAAS,eAAe;AACxB,SAAS,YAAY,sBAAsB;AAC3C,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,SAAS,uBAAuB;AAoCvB;AAlCF,SAAS,kBAAmB,OAAO,WAAY;AACrD,MAAK,SAAS,QAAS,KAAM,GAAI;AAChC,UAAM,eAAe,gBAAiB,SAAU;AAChD,WAAO,eAAe,IAAK,YAAa,MAAO,YAAa,MAAM;AAAA,EACnE;AAEA,MAAK,MAAM,QAAS,KAAM,GAAI;AAC7B,eAAY,uDAAuD;AAAA,MAClE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,MACb,MAAM;AAAA,IACP,CAAE;AACF,WAAO,eAAe,OAAQ,KAAM;AAAA,EACrC;AAGA,MAAK,OAAO,UAAU,UAAW;AAChC,WAAO;AAAA,EACR;AAKA,SAAO,MAAM,aAAa;AAC3B;AAEO,SAAS,QAAS;AAAA,EACxB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,UAAQ,oBAAC,WAAU,4BAAmB,OAAO,SAAU,GAAG;AAC1D,SAAO,MAAM,oBAAC,OAAM,GAAG,OAAU,iBAAO,IAAS;AAClD;",
   "names": []

package/build-module/components/rich-text/format-edit.mjs

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/rich-text/format-edit.js
+// packages/block-editor/src/components/rich-text/format-edit.jsx
 import { getActiveFormat, getActiveObject } from "@wordpress/rich-text";
 import { useContext, useMemo } from "@wordpress/element";
 import BlockContext from "../block-context/index.mjs";

package/build-module/components/rich-text/format-edit.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/rich-text/format-edit.js"],
+  "sources": ["../../../src/components/rich-text/format-edit.jsx"],
   "sourcesContent": ["import { getActiveFormat, getActiveObject } from '@wordpress/rich-text';\nimport { useContext, useMemo } from '@wordpress/element';\nimport BlockContext from '../block-context';\n\nconst DEFAULT_BLOCK_CONTEXT = {};\n\nexport const usesContextKey = Symbol( 'usesContext' );\n\nfunction Edit( {\n\tonChange,\n\tonFocus,\n\tvalue,\n\tforwardedRef,\n\tsettings,\n\tisVisible,\n} ) {\n\tconst {\n\t\tname,\n\t\tedit: EditFunction,\n\t\t[ usesContextKey ]: usesContext,\n\t} = settings;\n\n\tconst blockContext = useContext( BlockContext );\n\n\t// Assign context values using the block type's declared context needs.\n\tconst context = useMemo( () => {\n\t\treturn usesContext\n\t\t\t? Object.fromEntries(\n\t\t\t\t\tObject.entries( blockContext ).filter( ( [ key ] ) =>\n\t\t\t\t\t\tusesContext.includes( key )\n\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: DEFAULT_BLOCK_CONTEXT;\n\t}, [ usesContext, blockContext ] );\n\n\tif ( ! EditFunction ) {\n\t\treturn null;\n\t}\n\n\tconst activeFormat = getActiveFormat( value, name );\n\tconst isActive = activeFormat !== undefined;\n\tconst activeObject = getActiveObject( value );\n\tconst isObjectActive =\n\t\tactiveObject !== undefined && activeObject.type === name;\n\n\treturn (\n\t\t<EditFunction\n\t\t\tkey={ name }\n\t\t\tisActive={ isActive }\n\t\t\tisVisible={ isVisible }\n\t\t\tactiveAttributes={ isActive ? activeFormat.attributes || {} : {} }\n\t\t\tisObjectActive={ isObjectActive }\n\t\t\tactiveObjectAttributes={\n\t\t\t\tisObjectActive ? activeObject.attributes || {} : {}\n\t\t\t}\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tcontentRef={ forwardedRef }\n\t\t\tcontext={ context }\n\t\t/>\n\t);\n}\n\nexport default function FormatEdit( { formatTypes, ...props } ) {\n\treturn formatTypes.map( ( settings ) => (\n\t\t<Edit settings={ settings } { ...props } key={ settings.name } />\n\t) );\n}\n"],
   "mappings": ";AAAA,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,YAAY,eAAe;AACpC,OAAO,kBAAkB;AA4CvB;AAoBA;AA9DF,IAAM,wBAAwB,CAAC;AAExB,IAAM,iBAAiB,uBAAQ,aAAc;AAEpD,SAAS,KAAM;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,CAAE,cAAe,GAAG;AAAA,EACrB,IAAI;AAEJ,QAAM,eAAe,WAAY,YAAa;AAG9C,QAAM,UAAU,QAAS,MAAM;AAC9B,WAAO,cACJ,OAAO;AAAA,MACP,OAAO,QAAS,YAAa,EAAE;AAAA,QAAQ,CAAE,CAAE,GAAI,MAC9C,YAAY,SAAU,GAAI;AAAA,MAC3B;AAAA,IACA,IACA;AAAA,EACJ,GAAG,CAAE,aAAa,YAAa,CAAE;AAEjC,MAAK,CAAE,cAAe;AACrB,WAAO;AAAA,EACR;AAEA,QAAM,eAAe,gBAAiB,OAAO,IAAK;AAClD,QAAM,WAAW,iBAAiB;AAClC,QAAM,eAAe,gBAAiB,KAAM;AAC5C,QAAM,iBACL,iBAAiB,UAAa,aAAa,SAAS;AAErD,SACC;AAAA,IAAC;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA,kBAAmB,WAAW,aAAa,cAAc,CAAC,IAAI,CAAC;AAAA,MAC/D;AAAA,MACA,wBACC,iBAAiB,aAAa,cAAc,CAAC,IAAI,CAAC;AAAA,MAEnD;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAa;AAAA,MACb;AAAA;AAAA,IAZM;AAAA,EAaP;AAEF;AAEe,SAAR,WAA6B,EAAE,aAAa,GAAG,MAAM,GAAI;AAC/D,SAAO,YAAY,IAAK,CAAE,aACzB,8BAAC,QAAK,UAAwB,GAAG,OAAQ,KAAM,SAAS,MAAO,CAC9D;AACH;",
   "names": []