@wordpress/block-editor 16.0.1-next.v.202607070741.0 → 16.2.0

package/build-module/components/block-visibility/use-block-visibility.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/block-visibility/use-block-visibility.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { BLOCK_VISIBILITY_VIEWPORTS } from './constants';\n\n/**\n * Returns information about the current block visibility state.\n *\n * @param {Object}         options                 Parameters to avoid extra store subscriptions.\n * @param {Object|boolean} options.blockVisibility Block visibility metadata.\n * @param {string}         options.deviceType      Current device type ('desktop', 'tablet', 'mobile').\n * @param {Window?}        options.view            Window instance in which to perform viewport matching\n * @return {Object} Object with `isBlockCurrentlyHidden` (boolean) and `currentViewport` (string) properties.\n */\nexport default function useBlockVisibility( options = {} ) {\n\tconst {\n\t\tblockVisibility = undefined,\n\t\tdeviceType = BLOCK_VISIBILITY_VIEWPORTS.desktop.key,\n\t\tview = window,\n\t} = options;\n\n\tconst isLargerThanMobile = useViewportMatch( 'mobile', '>=', view ); // >= 480px\n\tconst isLargerThanTablet = useViewportMatch( 'medium', '>=', view ); // >= 782px\n\n\t/*\n\t * Priority:\n\t * 1. Device type override (Mobile/Tablet) - uses device type to determine viewport\n\t * 2. Actual window size (Desktop mode) - uses viewport detection\n\t */\n\tlet currentViewport;\n\tif ( deviceType === BLOCK_VISIBILITY_VIEWPORTS.mobile.key ) {\n\t\tcurrentViewport = BLOCK_VISIBILITY_VIEWPORTS.mobile.key;\n\t} else if ( deviceType === BLOCK_VISIBILITY_VIEWPORTS.tablet.key ) {\n\t\tcurrentViewport = BLOCK_VISIBILITY_VIEWPORTS.tablet.key;\n\t} else if ( ! isLargerThanMobile ) {\n\t\tcurrentViewport = BLOCK_VISIBILITY_VIEWPORTS.mobile.key;\n\t} else if ( isLargerThanMobile && ! isLargerThanTablet ) {\n\t\tcurrentViewport = BLOCK_VISIBILITY_VIEWPORTS.tablet.key;\n\t} else {\n\t\tcurrentViewport = BLOCK_VISIBILITY_VIEWPORTS.desktop.key;\n\t}\n\n\t// Determine if block is currently hidden.\n\tconst isBlockCurrentlyHidden =\n\t\tblockVisibility === false ||\n\t\tblockVisibility?.viewport?.[ currentViewport ] === false;\n\n\treturn { isBlockCurrentlyHidden, currentViewport };\n}\n"],
-  "mappings": ";AAGA,SAAS,wBAAwB;AAKjC,SAAS,kCAAkC;AAW5B,SAAR,mBAAqC,UAAU,CAAC,GAAI;AAC1D,QAAM;AAAA,IACL,kBAAkB;AAAA,IAClB,aAAa,2BAA2B,QAAQ;AAAA,IAChD,OAAO;AAAA,EACR,IAAI;AAEJ,QAAM,qBAAqB,iBAAkB,UAAU,MAAM,IAAK;AAClE,QAAM,qBAAqB,iBAAkB,UAAU,MAAM,IAAK;AAOlE,MAAI;AACJ,MAAK,eAAe,2BAA2B,OAAO,KAAM;AAC3D,sBAAkB,2BAA2B,OAAO;AAAA,EACrD,WAAY,eAAe,2BAA2B,OAAO,KAAM;AAClE,sBAAkB,2BAA2B,OAAO;AAAA,EACrD,WAAY,CAAE,oBAAqB;AAClC,sBAAkB,2BAA2B,OAAO;AAAA,EACrD,WAAY,sBAAsB,CAAE,oBAAqB;AACxD,sBAAkB,2BAA2B,OAAO;AAAA,EACrD,OAAO;AACN,sBAAkB,2BAA2B,QAAQ;AAAA,EACtD;AAGA,QAAM,yBACL,oBAAoB,SACpB,iBAAiB,WAAY,eAAgB,MAAM;AAEpD,SAAO,EAAE,wBAAwB,gBAAgB;AAClD;",
+  "sources": ["../../../src/components/block-visibility/use-block-visibility.ts"],
+  "sourcesContent": ["import { useMediaQuery } from '@wordpress/compose';\nimport { privateApis as globalStylesEnginePrivateApis } from '@wordpress/global-styles-engine';\nimport type { BlockVisibilityViewport } from './constants';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Viewport breakpoints keyed by viewport. Desktop has no breakpoint: it\n * applies above the largest configured one.\n */\ntype ViewportBreakpoints = Partial< Record< 'mobile' | 'tablet', string > >;\n\n/**\n * Block visibility metadata: `false` hides the block on all viewports,\n * per-viewport `false` flags hide it on specific viewports.\n */\nexport type BlockVisibility =\n\t| boolean\n\t| {\n\t\t\tviewport?: Partial< Record< BlockVisibilityViewport, boolean > >;\n\t  };\n\nconst { getViewportBreakpoints } = unlock< {\n\tgetViewportBreakpoints: (\n\t\tviewportSettings?: ViewportBreakpoints\n\t) => ViewportBreakpoints;\n} >( globalStylesEnginePrivateApis );\n\ntype UseBlockVisibilityOptions = {\n\tblockVisibility?: BlockVisibility;\n\tdeviceType?: BlockVisibilityViewport;\n\tviewportSettings?: ViewportBreakpoints;\n\tview?: Window;\n};\n\n/**\n * Returns information about the current block visibility state.\n *\n * @param options                  Parameters to avoid extra store subscriptions.\n * @param options.blockVisibility  Block visibility metadata.\n * @param options.deviceType       Current device type.\n * @param options.viewportSettings Viewport breakpoint settings.\n * @param options.view             Window instance in which to perform viewport matching.\n * @return Object with `isBlockCurrentlyHidden` and `currentViewport` properties.\n */\nexport default function useBlockVisibility( {\n\tblockVisibility,\n\tdeviceType = 'desktop',\n\tviewportSettings,\n\tview = window,\n}: UseBlockVisibilityOptions = {} ): {\n\tisBlockCurrentlyHidden: boolean;\n\tcurrentViewport: BlockVisibilityViewport;\n} {\n\tconst viewportBreakpoints = getViewportBreakpoints( viewportSettings );\n\tconst mobileMediaQuery = viewportBreakpoints.mobile\n\t\t? `(width <= ${ viewportBreakpoints.mobile })`\n\t\t: undefined;\n\tconst isMobileViewport = useMediaQuery( mobileMediaQuery, view );\n\tlet tabletMediaQuery;\n\tif ( viewportBreakpoints.tablet ) {\n\t\ttabletMediaQuery = viewportBreakpoints.mobile\n\t\t\t? `(${ viewportBreakpoints.mobile } < width <= ${ viewportBreakpoints.tablet })`\n\t\t\t: `(width <= ${ viewportBreakpoints.tablet })`;\n\t}\n\tconst isTabletViewport = useMediaQuery( tabletMediaQuery, view );\n\n\t/*\n\t * Priority:\n\t * 1. Device type override (Mobile/Tablet) - uses device type to determine viewport\n\t * 2. Actual window size (Desktop mode) - uses viewport detection\n\t */\n\tlet currentViewport: BlockVisibilityViewport;\n\tif ( deviceType === 'mobile' && viewportBreakpoints.mobile ) {\n\t\tcurrentViewport = 'mobile';\n\t} else if ( deviceType === 'tablet' && viewportBreakpoints.tablet ) {\n\t\tcurrentViewport = 'tablet';\n\t} else if ( isMobileViewport ) {\n\t\tcurrentViewport = 'mobile';\n\t} else if ( isTabletViewport && viewportBreakpoints.tablet ) {\n\t\tcurrentViewport = 'tablet';\n\t} else {\n\t\tcurrentViewport = 'desktop';\n\t}\n\n\t// Determine if block is currently hidden.\n\tconst isBlockCurrentlyHidden =\n\t\tblockVisibility === false ||\n\t\t( typeof blockVisibility === 'object' &&\n\t\t\tblockVisibility?.viewport?.[ currentViewport ] === false );\n\n\treturn { isBlockCurrentlyHidden, currentViewport };\n}\n"],
+  "mappings": ";AAAA,SAAS,qBAAqB;AAC9B,SAAS,eAAe,qCAAqC;AAE7D,SAAS,cAAc;AAkBvB,IAAM,EAAE,uBAAuB,IAAI,OAI9B,6BAA8B;AAmBpB,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,OAAO;AACR,IAA+B,CAAC,GAG9B;AACD,QAAM,sBAAsB,uBAAwB,gBAAiB;AACrE,QAAM,mBAAmB,oBAAoB,SAC1C,aAAc,oBAAoB,MAAO,MACzC;AACH,QAAM,mBAAmB,cAAe,kBAAkB,IAAK;AAC/D,MAAI;AACJ,MAAK,oBAAoB,QAAS;AACjC,uBAAmB,oBAAoB,SACpC,IAAK,oBAAoB,MAAO,eAAgB,oBAAoB,MAAO,MAC3E,aAAc,oBAAoB,MAAO;AAAA,EAC7C;AACA,QAAM,mBAAmB,cAAe,kBAAkB,IAAK;AAO/D,MAAI;AACJ,MAAK,eAAe,YAAY,oBAAoB,QAAS;AAC5D,sBAAkB;AAAA,EACnB,WAAY,eAAe,YAAY,oBAAoB,QAAS;AACnE,sBAAkB;AAAA,EACnB,WAAY,kBAAmB;AAC9B,sBAAkB;AAAA,EACnB,WAAY,oBAAoB,oBAAoB,QAAS;AAC5D,sBAAkB;AAAA,EACnB,OAAO;AACN,sBAAkB;AAAA,EACnB;AAGA,QAAM,yBACL,oBAAoB,SAClB,OAAO,oBAAoB,YAC5B,iBAAiB,WAAY,eAAgB,MAAM;AAErD,SAAO,EAAE,wBAAwB,gBAAgB;AAClD;",
   "names": []
 }

package/build-module/components/block-visibility/utils.mjs

@@ -1,6 +1,18 @@
 // packages/block-editor/src/components/block-visibility/utils.js
+import { privateApis as globalStylesEnginePrivateApis } from "@wordpress/global-styles-engine";
 import { __, sprintf } from "@wordpress/i18n";
-import { BLOCK_VISIBILITY_VIEWPORT_ENTRIES } from "./constants.mjs";
+import {
+  BLOCK_VISIBILITY_VIEWPORT_ENTRIES,
+  BLOCK_VISIBILITY_VIEWPORTS
+} from "./constants.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+var { getViewportBreakpoints } = unlock(globalStylesEnginePrivateApis);
+function getBlockVisibilityViewportEntries(viewportSettings) {
+  const breakpoints = getViewportBreakpoints(viewportSettings);
+  return BLOCK_VISIBILITY_VIEWPORT_ENTRIES.filter(
+    ([viewport]) => (viewport !== BLOCK_VISIBILITY_VIEWPORTS.tablet.key || breakpoints.tablet !== void 0) && (viewport !== BLOCK_VISIBILITY_VIEWPORTS.mobile.key || breakpoints.mobile !== void 0)
+  );
+}
 function isBlockHiddenForViewport(block, viewport) {
   if (!block) {
     return false;
@@ -53,7 +65,7 @@ function getHideEverywhereCheckboxState(blocks) {
   }
   return null;
 }
-function getBlockVisibilityLabel(blockVisibility) {
+function getBlockVisibilityLabel(blockVisibility, viewportSettings) {
   if (!blockVisibility && blockVisibility !== false) {
     return null;
   }
@@ -61,7 +73,9 @@ function getBlockVisibilityLabel(blockVisibility) {
     return __("Block is hidden");
   }
   if (blockVisibility?.viewport) {
-    const hiddenViewports = BLOCK_VISIBILITY_VIEWPORT_ENTRIES.filter(
+    const hiddenViewports = getBlockVisibilityViewportEntries(
+      viewportSettings
+    ).filter(
       ([key]) => blockVisibility.viewport?.[key] === false
     ).map(([, viewport]) => viewport.label);
     if (hiddenViewports.length > 0) {
@@ -76,6 +90,7 @@ function getBlockVisibilityLabel(blockVisibility) {
 }
 export {
   getBlockVisibilityLabel,
+  getBlockVisibilityViewportEntries,
   getHideEverywhereCheckboxState,
   getViewportCheckboxState
 };

package/build-module/components/block-visibility/utils.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-visibility/utils.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { BLOCK_VISIBILITY_VIEWPORT_ENTRIES } from './constants';\n\n/**\n * Checks if a block is hidden for a specific viewport.\n *\n * @param {Object} block    The block to check.\n * @param {string} viewport The viewport to check (e.g., 'mobile', 'tablet', 'desktop').\n * @return {boolean} Whether the block is hidden for the viewport.\n */\nfunction isBlockHiddenForViewport( block, viewport ) {\n\tif ( ! block ) {\n\t\treturn false;\n\t}\n\n\tconst blockVisibility = block.attributes?.metadata?.blockVisibility;\n\n\t// If explicitly visible everywhere (true), return false for all viewports.\n\tif ( blockVisibility === true ) {\n\t\treturn false;\n\t}\n\n\t// If null or not an object, block is not hidden for any specific viewport.\n\tif ( 'object' !== typeof blockVisibility ) {\n\t\treturn false;\n\t}\n\n\t// Get viewport configuration from nested structure.\n\tconst viewportConfig = blockVisibility.viewport;\n\n\t// If no viewport config, block is not hidden for any specific viewport.\n\tif ( ! viewportConfig || 'object' !== typeof viewportConfig ) {\n\t\treturn false;\n\t}\n\n\t// Check if the viewport is valid.\n\tif (\n\t\t! BLOCK_VISIBILITY_VIEWPORT_ENTRIES.some(\n\t\t\t( [ , { key } ] ) => key === viewport\n\t\t)\n\t) {\n\t\treturn false;\n\t}\n\n\t// Check if the specific viewport is hidden.\n\treturn viewportConfig[ viewport ] === false;\n}\n\n/**\n * Gets the checkbox state for a viewport across multiple blocks.\n * Returns `true` if all blocks are hidden, `null` if some are hidden, `false` if none are hidden.\n *\n * @param {Array}  blocks   Array of blocks to check.\n * @param {string} viewport The viewport to check (e.g., 'mobile', 'tablet', 'desktop').\n * @return {boolean|null} `true` if all hidden, `null` if some hidden, `false` if none hidden.\n */\nexport function getViewportCheckboxState( blocks, viewport ) {\n\tif ( ! blocks?.length ) {\n\t\treturn false;\n\t}\n\n\tconst hiddenCount = blocks.filter( ( block ) =>\n\t\tisBlockHiddenForViewport( block, viewport )\n\t).length;\n\n\tif ( hiddenCount === 0 ) {\n\t\treturn false;\n\t}\n\tif ( hiddenCount === blocks.length ) {\n\t\treturn true;\n\t}\n\n\treturn null; // Indeterminate: some hidden, some visible (normal mixed state)\n}\n\n/**\n * Gets the checkbox state for \"hide everywhere\" across multiple blocks.\n * Returns `true` if all blocks are hidden everywhere, `null` if some are hidden everywhere, `false` if none are.\n *\n * @param {Array} blocks Array of blocks to check.\n * @return {boolean|null} `true` if all hidden everywhere, `null` if some hidden everywhere, `false` if none.\n */\nexport function getHideEverywhereCheckboxState( blocks ) {\n\tif ( ! blocks?.length ) {\n\t\treturn false;\n\t}\n\n\tconst hiddenEverywhereCount = blocks.filter(\n\t\t( block ) =>\n\t\t\tblock && block.attributes?.metadata?.blockVisibility === false\n\t).length;\n\n\tif ( hiddenEverywhereCount === 0 ) {\n\t\treturn false;\n\t}\n\tif ( hiddenEverywhereCount === blocks.length ) {\n\t\treturn true;\n\t}\n\n\treturn null; // Indeterminate: some but not all\n}\n\n/**\n * Get a human-readable label describing which viewports a block is hidden on.\n *\n * @param {boolean|Object} blockVisibility The block's visibility metadata.\n * @return {string|null} A descriptive label, or null if the block is not hidden.\n */\nexport function getBlockVisibilityLabel( blockVisibility ) {\n\t// Not hidden at all\n\tif ( ! blockVisibility && blockVisibility !== false ) {\n\t\treturn null;\n\t}\n\n\tif ( blockVisibility === false ) {\n\t\t// Hidden on all viewports\n\t\treturn __( 'Block is hidden' );\n\t}\n\n\tif ( blockVisibility?.viewport ) {\n\t\t// Hidden on specific viewports - list them\n\t\tconst hiddenViewports = BLOCK_VISIBILITY_VIEWPORT_ENTRIES.filter(\n\t\t\t( [ key ] ) => blockVisibility.viewport?.[ key ] === false\n\t\t).map( ( [ , viewport ] ) => viewport.label );\n\n\t\tif ( hiddenViewports.length > 0 ) {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: %s: comma-separated list of viewport names (Desktop, Tablet, Mobile) */\n\t\t\t\t__( 'Block is hidden on %s' ),\n\t\t\t\thiddenViewports.join( ', ' )\n\t\t\t);\n\t\t}\n\t}\n\n\treturn null;\n}\n"],
-  "mappings": ";AAGA,SAAS,IAAI,eAAe;AAK5B,SAAS,yCAAyC;AASlD,SAAS,yBAA0B,OAAO,UAAW;AACpD,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,QAAM,kBAAkB,MAAM,YAAY,UAAU;AAGpD,MAAK,oBAAoB,MAAO;AAC/B,WAAO;AAAA,EACR;AAGA,MAAK,aAAa,OAAO,iBAAkB;AAC1C,WAAO;AAAA,EACR;AAGA,QAAM,iBAAiB,gBAAgB;AAGvC,MAAK,CAAE,kBAAkB,aAAa,OAAO,gBAAiB;AAC7D,WAAO;AAAA,EACR;AAGA,MACC,CAAE,kCAAkC;AAAA,IACnC,CAAE,CAAE,EAAE,EAAE,IAAI,CAAE,MAAO,QAAQ;AAAA,EAC9B,GACC;AACD,WAAO;AAAA,EACR;AAGA,SAAO,eAAgB,QAAS,MAAM;AACvC;AAUO,SAAS,yBAA0B,QAAQ,UAAW;AAC5D,MAAK,CAAE,QAAQ,QAAS;AACvB,WAAO;AAAA,EACR;AAEA,QAAM,cAAc,OAAO;AAAA,IAAQ,CAAE,UACpC,yBAA0B,OAAO,QAAS;AAAA,EAC3C,EAAE;AAEF,MAAK,gBAAgB,GAAI;AACxB,WAAO;AAAA,EACR;AACA,MAAK,gBAAgB,OAAO,QAAS;AACpC,WAAO;AAAA,EACR;AAEA,SAAO;AACR;AASO,SAAS,+BAAgC,QAAS;AACxD,MAAK,CAAE,QAAQ,QAAS;AACvB,WAAO;AAAA,EACR;AAEA,QAAM,wBAAwB,OAAO;AAAA,IACpC,CAAE,UACD,SAAS,MAAM,YAAY,UAAU,oBAAoB;AAAA,EAC3D,EAAE;AAEF,MAAK,0BAA0B,GAAI;AAClC,WAAO;AAAA,EACR;AACA,MAAK,0BAA0B,OAAO,QAAS;AAC9C,WAAO;AAAA,EACR;AAEA,SAAO;AACR;AAQO,SAAS,wBAAyB,iBAAkB;AAE1D,MAAK,CAAE,mBAAmB,oBAAoB,OAAQ;AACrD,WAAO;AAAA,EACR;AAEA,MAAK,oBAAoB,OAAQ;AAEhC,WAAO,GAAI,iBAAkB;AAAA,EAC9B;AAEA,MAAK,iBAAiB,UAAW;AAEhC,UAAM,kBAAkB,kCAAkC;AAAA,MACzD,CAAE,CAAE,GAAI,MAAO,gBAAgB,WAAY,GAAI,MAAM;AAAA,IACtD,EAAE,IAAK,CAAE,CAAE,EAAE,QAAS,MAAO,SAAS,KAAM;AAE5C,QAAK,gBAAgB,SAAS,GAAI;AACjC,aAAO;AAAA;AAAA,QAEN,GAAI,uBAAwB;AAAA,QAC5B,gBAAgB,KAAM,IAAK;AAAA,MAC5B;AAAA,IACD;AAAA,EACD;AAEA,SAAO;AACR;",
+  "sourcesContent": ["import { privateApis as globalStylesEnginePrivateApis } from '@wordpress/global-styles-engine';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBLOCK_VISIBILITY_VIEWPORT_ENTRIES,\n\tBLOCK_VISIBILITY_VIEWPORTS,\n} from './constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { getViewportBreakpoints } = unlock( globalStylesEnginePrivateApis );\n\nexport function getBlockVisibilityViewportEntries( viewportSettings ) {\n\tconst breakpoints = getViewportBreakpoints( viewportSettings );\n\n\t// Desktop has no breakpoint, so only filter mobile/tablet by configured viewport support.\n\treturn BLOCK_VISIBILITY_VIEWPORT_ENTRIES.filter(\n\t\t( [ viewport ] ) =>\n\t\t\t( viewport !== BLOCK_VISIBILITY_VIEWPORTS.tablet.key ||\n\t\t\t\tbreakpoints.tablet !== undefined ) &&\n\t\t\t( viewport !== BLOCK_VISIBILITY_VIEWPORTS.mobile.key ||\n\t\t\t\tbreakpoints.mobile !== undefined )\n\t);\n}\n\n/**\n * Checks if a block is hidden for a specific viewport.\n *\n * @param {Object} block    The block to check.\n * @param {string} viewport The viewport to check (e.g., 'mobile', 'tablet', 'desktop').\n * @return {boolean} Whether the block is hidden for the viewport.\n */\nfunction isBlockHiddenForViewport( block, viewport ) {\n\tif ( ! block ) {\n\t\treturn false;\n\t}\n\n\tconst blockVisibility = block.attributes?.metadata?.blockVisibility;\n\n\t// If explicitly visible everywhere (true), return false for all viewports.\n\tif ( blockVisibility === true ) {\n\t\treturn false;\n\t}\n\n\t// If null or not an object, block is not hidden for any specific viewport.\n\tif ( 'object' !== typeof blockVisibility ) {\n\t\treturn false;\n\t}\n\n\t// Get viewport configuration from nested structure.\n\tconst viewportConfig = blockVisibility.viewport;\n\n\t// If no viewport config, block is not hidden for any specific viewport.\n\tif ( ! viewportConfig || 'object' !== typeof viewportConfig ) {\n\t\treturn false;\n\t}\n\n\t// Check if the viewport is valid.\n\tif (\n\t\t! BLOCK_VISIBILITY_VIEWPORT_ENTRIES.some(\n\t\t\t( [ , { key } ] ) => key === viewport\n\t\t)\n\t) {\n\t\treturn false;\n\t}\n\n\t// Check if the specific viewport is hidden.\n\treturn viewportConfig[ viewport ] === false;\n}\n\n/**\n * Gets the checkbox state for a viewport across multiple blocks.\n * Returns `true` if all blocks are hidden, `null` if some are hidden, `false` if none are hidden.\n *\n * @param {Array}  blocks   Array of blocks to check.\n * @param {string} viewport The viewport to check (e.g., 'mobile', 'tablet', 'desktop').\n * @return {boolean|null} `true` if all hidden, `null` if some hidden, `false` if none hidden.\n */\nexport function getViewportCheckboxState( blocks, viewport ) {\n\tif ( ! blocks?.length ) {\n\t\treturn false;\n\t}\n\n\tconst hiddenCount = blocks.filter( ( block ) =>\n\t\tisBlockHiddenForViewport( block, viewport )\n\t).length;\n\n\tif ( hiddenCount === 0 ) {\n\t\treturn false;\n\t}\n\tif ( hiddenCount === blocks.length ) {\n\t\treturn true;\n\t}\n\n\treturn null; // Indeterminate: some hidden, some visible (normal mixed state)\n}\n\n/**\n * Gets the checkbox state for \"hide everywhere\" across multiple blocks.\n * Returns `true` if all blocks are hidden everywhere, `null` if some are hidden everywhere, `false` if none are.\n *\n * @param {Array} blocks Array of blocks to check.\n * @return {boolean|null} `true` if all hidden everywhere, `null` if some hidden everywhere, `false` if none.\n */\nexport function getHideEverywhereCheckboxState( blocks ) {\n\tif ( ! blocks?.length ) {\n\t\treturn false;\n\t}\n\n\tconst hiddenEverywhereCount = blocks.filter(\n\t\t( block ) =>\n\t\t\tblock && block.attributes?.metadata?.blockVisibility === false\n\t).length;\n\n\tif ( hiddenEverywhereCount === 0 ) {\n\t\treturn false;\n\t}\n\tif ( hiddenEverywhereCount === blocks.length ) {\n\t\treturn true;\n\t}\n\n\treturn null; // Indeterminate: some but not all\n}\n\n/**\n * Get a human-readable label describing which viewports a block is hidden on.\n *\n * @param {boolean|Object} blockVisibility  The block's visibility metadata.\n * @param {Object}         viewportSettings Viewport breakpoint settings.\n * @return {string|null} A descriptive label, or null if the block is not hidden.\n */\nexport function getBlockVisibilityLabel( blockVisibility, viewportSettings ) {\n\t// Not hidden at all\n\tif ( ! blockVisibility && blockVisibility !== false ) {\n\t\treturn null;\n\t}\n\n\tif ( blockVisibility === false ) {\n\t\t// Hidden on all viewports\n\t\treturn __( 'Block is hidden' );\n\t}\n\n\tif ( blockVisibility?.viewport ) {\n\t\t// Hidden on specific viewports - list them\n\t\tconst hiddenViewports = getBlockVisibilityViewportEntries(\n\t\t\tviewportSettings\n\t\t)\n\t\t\t.filter(\n\t\t\t\t( [ key ] ) => blockVisibility.viewport?.[ key ] === false\n\t\t\t)\n\t\t\t.map( ( [ , viewport ] ) => viewport.label );\n\n\t\tif ( hiddenViewports.length > 0 ) {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: %s: comma-separated list of viewport names (Desktop, Tablet, Mobile) */\n\t\t\t\t__( 'Block is hidden on %s' ),\n\t\t\t\thiddenViewports.join( ', ' )\n\t\t\t);\n\t\t}\n\t}\n\n\treturn null;\n}\n"],
+  "mappings": ";AAAA,SAAS,eAAe,qCAAqC;AAC7D,SAAS,IAAI,eAAe;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,cAAc;AAEvB,IAAM,EAAE,uBAAuB,IAAI,OAAQ,6BAA8B;AAElE,SAAS,kCAAmC,kBAAmB;AACrE,QAAM,cAAc,uBAAwB,gBAAiB;AAG7D,SAAO,kCAAkC;AAAA,IACxC,CAAE,CAAE,QAAS,OACV,aAAa,2BAA2B,OAAO,OAChD,YAAY,WAAW,YACtB,aAAa,2BAA2B,OAAO,OAChD,YAAY,WAAW;AAAA,EAC1B;AACD;AASA,SAAS,yBAA0B,OAAO,UAAW;AACpD,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,QAAM,kBAAkB,MAAM,YAAY,UAAU;AAGpD,MAAK,oBAAoB,MAAO;AAC/B,WAAO;AAAA,EACR;AAGA,MAAK,aAAa,OAAO,iBAAkB;AAC1C,WAAO;AAAA,EACR;AAGA,QAAM,iBAAiB,gBAAgB;AAGvC,MAAK,CAAE,kBAAkB,aAAa,OAAO,gBAAiB;AAC7D,WAAO;AAAA,EACR;AAGA,MACC,CAAE,kCAAkC;AAAA,IACnC,CAAE,CAAE,EAAE,EAAE,IAAI,CAAE,MAAO,QAAQ;AAAA,EAC9B,GACC;AACD,WAAO;AAAA,EACR;AAGA,SAAO,eAAgB,QAAS,MAAM;AACvC;AAUO,SAAS,yBAA0B,QAAQ,UAAW;AAC5D,MAAK,CAAE,QAAQ,QAAS;AACvB,WAAO;AAAA,EACR;AAEA,QAAM,cAAc,OAAO;AAAA,IAAQ,CAAE,UACpC,yBAA0B,OAAO,QAAS;AAAA,EAC3C,EAAE;AAEF,MAAK,gBAAgB,GAAI;AACxB,WAAO;AAAA,EACR;AACA,MAAK,gBAAgB,OAAO,QAAS;AACpC,WAAO;AAAA,EACR;AAEA,SAAO;AACR;AASO,SAAS,+BAAgC,QAAS;AACxD,MAAK,CAAE,QAAQ,QAAS;AACvB,WAAO;AAAA,EACR;AAEA,QAAM,wBAAwB,OAAO;AAAA,IACpC,CAAE,UACD,SAAS,MAAM,YAAY,UAAU,oBAAoB;AAAA,EAC3D,EAAE;AAEF,MAAK,0BAA0B,GAAI;AAClC,WAAO;AAAA,EACR;AACA,MAAK,0BAA0B,OAAO,QAAS;AAC9C,WAAO;AAAA,EACR;AAEA,SAAO;AACR;AASO,SAAS,wBAAyB,iBAAiB,kBAAmB;AAE5E,MAAK,CAAE,mBAAmB,oBAAoB,OAAQ;AACrD,WAAO;AAAA,EACR;AAEA,MAAK,oBAAoB,OAAQ;AAEhC,WAAO,GAAI,iBAAkB;AAAA,EAC9B;AAEA,MAAK,iBAAiB,UAAW;AAEhC,UAAM,kBAAkB;AAAA,MACvB;AAAA,IACD,EACE;AAAA,MACA,CAAE,CAAE,GAAI,MAAO,gBAAgB,WAAY,GAAI,MAAM;AAAA,IACtD,EACC,IAAK,CAAE,CAAE,EAAE,QAAS,MAAO,SAAS,KAAM;AAE5C,QAAK,gBAAgB,SAAS,GAAI;AACjC,aAAO;AAAA;AAAA,QAEN,GAAI,uBAAwB;AAAA,QAC5B,gBAAgB,KAAM,IAAK;AAAA,MAC5B;AAAA,IACD;AAAA,EACD;AAEA,SAAO;AACR;",
   "names": []
 }

package/build-module/components/block-visibility/viewport-menu-item.mjs

@@ -5,8 +5,10 @@ import { useSelect, useDispatch } from "@wordpress/data";
 import { store as keyboardShortcutsStore } from "@wordpress/keyboard-shortcuts";
 import { store as blockEditorStore } from "../../store/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
+import { useSettings } from "../use-settings/index.mjs";
 import { jsx } from "react/jsx-runtime";
 function BlockVisibilityViewportMenuItem({ clientIds }) {
+  const [blockVisibility] = useSettings("blockVisibility.allowEditing");
   const { areBlocksHiddenAnywhere, shortcut } = useSelect(
     (select) => {
       const { isBlockHiddenAnywhere } = unlock(
@@ -25,7 +27,11 @@ function BlockVisibilityViewportMenuItem({ clientIds }) {
     },
     [clientIds]
   );
-  const { showViewportModal } = unlock(useDispatch(blockEditorStore));
+  const dispatch = useDispatch(blockEditorStore);
+  if (blockVisibility === false) {
+    return null;
+  }
+  const { showViewportModal } = unlock(dispatch);
   return /* @__PURE__ */ jsx(
     MenuItem,
     {

package/build-module/components/block-visibility/viewport-menu-item.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-visibility/viewport-menu-item.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function BlockVisibilityViewportMenuItem( { clientIds } ) {\n\tconst { areBlocksHiddenAnywhere, shortcut } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockHiddenAnywhere } = unlock(\n\t\t\t\tselect( blockEditorStore )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tareBlocksHiddenAnywhere: clientIds?.every( ( clientId ) =>\n\t\t\t\t\tisBlockHiddenAnywhere( clientId )\n\t\t\t\t),\n\t\t\t\tshortcut: select(\n\t\t\t\t\tkeyboardShortcutsStore\n\t\t\t\t).getShortcutRepresentation(\n\t\t\t\t\t'core/block-editor/toggle-block-visibility'\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\tconst { showViewportModal } = unlock( useDispatch( blockEditorStore ) );\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => showViewportModal( clientIds ) }\n\t\t\tshortcut={ shortcut }\n\t\t>\n\t\t\t{ areBlocksHiddenAnywhere ? __( 'Show' ) : __( 'Hide' ) }\n\t\t</MenuItem>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB,SAAS,WAAW,mBAAmB;AACvC,SAAS,SAAS,8BAA8B;AAKhD,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AAuBrB;AArBa,SAAR,gCAAkD,EAAE,UAAU,GAAI;AACxE,QAAM,EAAE,yBAAyB,SAAS,IAAI;AAAA,IAC7C,CAAE,WAAY;AACb,YAAM,EAAE,sBAAsB,IAAI;AAAA,QACjC,OAAQ,gBAAiB;AAAA,MAC1B;AACA,aAAO;AAAA,QACN,yBAAyB,WAAW;AAAA,UAAO,CAAE,aAC5C,sBAAuB,QAAS;AAAA,QACjC;AAAA,QACA,UAAU;AAAA,UACT;AAAA,QACD,EAAE;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AACA,QAAM,EAAE,kBAAkB,IAAI,OAAQ,YAAa,gBAAiB,CAAE;AACtE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU,MAAM,kBAAmB,SAAU;AAAA,MAC7C;AAAA,MAEE,oCAA0B,GAAI,MAAO,IAAI,GAAI,MAAO;AAAA;AAAA,EACvD;AAEF;",
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useSettings } from '../use-settings';\n\nexport default function BlockVisibilityViewportMenuItem( { clientIds } ) {\n\tconst [ blockVisibility ] = useSettings( 'blockVisibility.allowEditing' );\n\tconst { areBlocksHiddenAnywhere, shortcut } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockHiddenAnywhere } = unlock(\n\t\t\t\tselect( blockEditorStore )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tareBlocksHiddenAnywhere: clientIds?.every( ( clientId ) =>\n\t\t\t\t\tisBlockHiddenAnywhere( clientId )\n\t\t\t\t),\n\t\t\t\tshortcut: select(\n\t\t\t\t\tkeyboardShortcutsStore\n\t\t\t\t).getShortcutRepresentation(\n\t\t\t\t\t'core/block-editor/toggle-block-visibility'\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\tconst dispatch = useDispatch( blockEditorStore );\n\n\tif ( blockVisibility === false ) {\n\t\treturn null;\n\t}\n\n\tconst { showViewportModal } = unlock( dispatch );\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => showViewportModal( clientIds ) }\n\t\t\tshortcut={ shortcut }\n\t\t>\n\t\t\t{ areBlocksHiddenAnywhere ? __( 'Show' ) : __( 'Hide' ) }\n\t\t</MenuItem>\n\t);\n}\n"],
+  "mappings": ";AAAA,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB,SAAS,WAAW,mBAAmB;AACvC,SAAS,SAAS,8BAA8B;AAChD,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AACvB,SAAS,mBAAmB;AA+B1B;AA7Ba,SAAR,gCAAkD,EAAE,UAAU,GAAI;AACxE,QAAM,CAAE,eAAgB,IAAI,YAAa,8BAA+B;AACxE,QAAM,EAAE,yBAAyB,SAAS,IAAI;AAAA,IAC7C,CAAE,WAAY;AACb,YAAM,EAAE,sBAAsB,IAAI;AAAA,QACjC,OAAQ,gBAAiB;AAAA,MAC1B;AACA,aAAO;AAAA,QACN,yBAAyB,WAAW;AAAA,UAAO,CAAE,aAC5C,sBAAuB,QAAS;AAAA,QACjC;AAAA,QACA,UAAU;AAAA,UACT;AAAA,QACD,EAAE;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AACA,QAAM,WAAW,YAAa,gBAAiB;AAE/C,MAAK,oBAAoB,OAAQ;AAChC,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,kBAAkB,IAAI,OAAQ,QAAS;AAE/C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU,MAAM,kBAAmB,SAAU;AAAA,MAC7C;AAAA,MAEE,oCAA0B,GAAI,MAAO,IAAI,GAAI,MAAO;AAAA;AAAA,EACvD;AAEF;",
   "names": []
 }

package/build-module/components/block-visibility/viewport-toolbar.mjs

@@ -7,9 +7,11 @@ import { hasBlockSupport } from "@wordpress/blocks";
 import { useSelect, useDispatch } from "@wordpress/data";
 import { store as blockEditorStore } from "../../store/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
+import { useSettings } from "../use-settings/index.mjs";
 import { jsx } from "react/jsx-runtime";
 function BlockVisibilityViewportToolbar({ clientIds }) {
   const hasBlockVisibilityButtonShownRef = useRef(false);
+  const [blockVisibility] = useSettings("blockVisibility.allowEditing");
   const { canToggleBlockVisibility, areBlocksHiddenAnywhere } = useSelect(
     (select) => {
       const { getBlocksByClientId, getBlockName, isBlockHiddenAnywhere } = unlock(select(blockEditorStore));
@@ -35,6 +37,9 @@ function BlockVisibilityViewportToolbar({ clientIds }) {
       hasBlockVisibilityButtonShownRef.current = true;
     }
   }, [areBlocksHiddenAnywhere]);
+  if (blockVisibility === false) {
+    return null;
+  }
   if (!areBlocksHiddenAnywhere && !hasBlockVisibilityButtonShownRef.current) {
     return null;
   }

package/build-module/components/block-visibility/viewport-toolbar.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-visibility/viewport-toolbar.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { seen, unseen } from '@wordpress/icons';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function BlockVisibilityViewportToolbar( { clientIds } ) {\n\tconst hasBlockVisibilityButtonShownRef = useRef( false );\n\tconst { canToggleBlockVisibility, areBlocksHiddenAnywhere } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlocksByClientId, getBlockName, isBlockHiddenAnywhere } =\n\t\t\t\tunlock( select( blockEditorStore ) );\n\t\t\tconst _blocks = getBlocksByClientId( clientIds );\n\t\t\treturn {\n\t\t\t\tcanToggleBlockVisibility: _blocks.every( ( { clientId } ) =>\n\t\t\t\t\thasBlockSupport(\n\t\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t\t'visibility',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\tareBlocksHiddenAnywhere: clientIds?.every( ( clientId ) =>\n\t\t\t\t\tisBlockHiddenAnywhere( clientId )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\n\t\t[ clientIds ]\n\t);\n\tconst blockEditorDispatch = useDispatch( blockEditorStore );\n\n\t/*\n\t * If the block visibility button has been shown, we don't want to\n\t * remove it from the toolbar until the toolbar is rendered again\n\t * without it. Removing it beforehand can cause focus loss issues.\n\t * It needs to return focus from whence it came, and to do that,\n\t * we need to leave the button in the toolbar.\n\t */\n\tuseEffect( () => {\n\t\tif ( areBlocksHiddenAnywhere ) {\n\t\t\thasBlockVisibilityButtonShownRef.current = true;\n\t\t}\n\t}, [ areBlocksHiddenAnywhere ] );\n\n\tif (\n\t\t! areBlocksHiddenAnywhere &&\n\t\t! hasBlockVisibilityButtonShownRef.current\n\t) {\n\t\treturn null;\n\t}\n\n\tconst { showViewportModal } = unlock( blockEditorDispatch );\n\n\treturn (\n\t\t<ToolbarGroup className=\"block-editor-block-visibility-toolbar\">\n\t\t\t<ToolbarButton\n\t\t\t\tdisabled={ ! canToggleBlockVisibility }\n\t\t\t\ticon={ areBlocksHiddenAnywhere ? unseen : seen }\n\t\t\t\tlabel={\n\t\t\t\t\tareBlocksHiddenAnywhere ? __( 'Hidden' ) : __( 'Visible' )\n\t\t\t\t}\n\t\t\t\tonClick={ () => showViewportModal( clientIds ) }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,eAAe,oBAAoB;AAC5C,SAAS,QAAQ,iBAAiB;AAClC,SAAS,MAAM,cAAc;AAC7B,SAAS,uBAAuB;AAChC,SAAS,WAAW,mBAAmB;AAKvC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AAmDpB;AAjDY,SAAR,+BAAiD,EAAE,UAAU,GAAI;AACvE,QAAM,mCAAmC,OAAQ,KAAM;AACvD,QAAM,EAAE,0BAA0B,wBAAwB,IAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM,EAAE,qBAAqB,cAAc,sBAAsB,IAChE,OAAQ,OAAQ,gBAAiB,CAAE;AACpC,YAAM,UAAU,oBAAqB,SAAU;AAC/C,aAAO;AAAA,QACN,0BAA0B,QAAQ;AAAA,UAAO,CAAE,EAAE,SAAS,MACrD;AAAA,YACC,aAAc,QAAS;AAAA,YACvB;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,QACA,yBAAyB,WAAW;AAAA,UAAO,CAAE,aAC5C,sBAAuB,QAAS;AAAA,QACjC;AAAA,MACD;AAAA,IACD;AAAA,IAEA,CAAE,SAAU;AAAA,EACb;AACA,QAAM,sBAAsB,YAAa,gBAAiB;AAS1D,YAAW,MAAM;AAChB,QAAK,yBAA0B;AAC9B,uCAAiC,UAAU;AAAA,IAC5C;AAAA,EACD,GAAG,CAAE,uBAAwB,CAAE;AAE/B,MACC,CAAE,2BACF,CAAE,iCAAiC,SAClC;AACD,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,kBAAkB,IAAI,OAAQ,mBAAoB;AAE1D,SACC,oBAAC,gBAAa,WAAU,yCACvB;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAE;AAAA,MACb,MAAO,0BAA0B,SAAS;AAAA,MAC1C,OACC,0BAA0B,GAAI,QAAS,IAAI,GAAI,SAAU;AAAA,MAE1D,SAAU,MAAM,kBAAmB,SAAU;AAAA,MAC7C,iBAAc;AAAA;AAAA,EACf,GACD;AAEF;",
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { seen, unseen } from '@wordpress/icons';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useSettings } from '../use-settings';\n\nexport default function BlockVisibilityViewportToolbar( { clientIds } ) {\n\tconst hasBlockVisibilityButtonShownRef = useRef( false );\n\tconst [ blockVisibility ] = useSettings( 'blockVisibility.allowEditing' );\n\tconst { canToggleBlockVisibility, areBlocksHiddenAnywhere } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlocksByClientId, getBlockName, isBlockHiddenAnywhere } =\n\t\t\t\tunlock( select( blockEditorStore ) );\n\t\t\tconst _blocks = getBlocksByClientId( clientIds );\n\t\t\treturn {\n\t\t\t\tcanToggleBlockVisibility: _blocks.every( ( { clientId } ) =>\n\t\t\t\t\thasBlockSupport(\n\t\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t\t'visibility',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\tareBlocksHiddenAnywhere: clientIds?.every( ( clientId ) =>\n\t\t\t\t\tisBlockHiddenAnywhere( clientId )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\n\t\t[ clientIds ]\n\t);\n\tconst blockEditorDispatch = useDispatch( blockEditorStore );\n\n\t/*\n\t * If the block visibility button has been shown, we don't want to\n\t * remove it from the toolbar until the toolbar is rendered again\n\t * without it. Removing it beforehand can cause focus loss issues.\n\t * It needs to return focus from whence it came, and to do that,\n\t * we need to leave the button in the toolbar.\n\t */\n\tuseEffect( () => {\n\t\tif ( areBlocksHiddenAnywhere ) {\n\t\t\thasBlockVisibilityButtonShownRef.current = true;\n\t\t}\n\t}, [ areBlocksHiddenAnywhere ] );\n\n\tif ( blockVisibility === false ) {\n\t\treturn null;\n\t}\n\n\tif (\n\t\t! areBlocksHiddenAnywhere &&\n\t\t! hasBlockVisibilityButtonShownRef.current\n\t) {\n\t\treturn null;\n\t}\n\n\tconst { showViewportModal } = unlock( blockEditorDispatch );\n\n\treturn (\n\t\t<ToolbarGroup className=\"block-editor-block-visibility-toolbar\">\n\t\t\t<ToolbarButton\n\t\t\t\tdisabled={ ! canToggleBlockVisibility }\n\t\t\t\ticon={ areBlocksHiddenAnywhere ? unseen : seen }\n\t\t\t\tlabel={\n\t\t\t\t\tareBlocksHiddenAnywhere ? __( 'Hidden' ) : __( 'Visible' )\n\t\t\t\t}\n\t\t\t\tonClick={ () => showViewportModal( clientIds ) }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"],
+  "mappings": ";AAAA,SAAS,UAAU;AACnB,SAAS,eAAe,oBAAoB;AAC5C,SAAS,QAAQ,iBAAiB;AAClC,SAAS,MAAM,cAAc;AAC7B,SAAS,uBAAuB;AAChC,SAAS,WAAW,mBAAmB;AACvC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAwDzB;AAtDY,SAAR,+BAAiD,EAAE,UAAU,GAAI;AACvE,QAAM,mCAAmC,OAAQ,KAAM;AACvD,QAAM,CAAE,eAAgB,IAAI,YAAa,8BAA+B;AACxE,QAAM,EAAE,0BAA0B,wBAAwB,IAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM,EAAE,qBAAqB,cAAc,sBAAsB,IAChE,OAAQ,OAAQ,gBAAiB,CAAE;AACpC,YAAM,UAAU,oBAAqB,SAAU;AAC/C,aAAO;AAAA,QACN,0BAA0B,QAAQ;AAAA,UAAO,CAAE,EAAE,SAAS,MACrD;AAAA,YACC,aAAc,QAAS;AAAA,YACvB;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,QACA,yBAAyB,WAAW;AAAA,UAAO,CAAE,aAC5C,sBAAuB,QAAS;AAAA,QACjC;AAAA,MACD;AAAA,IACD;AAAA,IAEA,CAAE,SAAU;AAAA,EACb;AACA,QAAM,sBAAsB,YAAa,gBAAiB;AAS1D,YAAW,MAAM;AAChB,QAAK,yBAA0B;AAC9B,uCAAiC,UAAU;AAAA,IAC5C;AAAA,EACD,GAAG,CAAE,uBAAwB,CAAE;AAE/B,MAAK,oBAAoB,OAAQ;AAChC,WAAO;AAAA,EACR;AAEA,MACC,CAAE,2BACF,CAAE,iCAAiC,SAClC;AACD,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,kBAAkB,IAAI,OAAQ,mBAAoB;AAE1D,SACC,oBAAC,gBAAa,WAAU,yCACvB;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAE;AAAA,MACb,MAAO,0BAA0B,SAAS;AAAA,MAC1C,OACC,0BAA0B,GAAI,QAAS,IAAI,GAAI,SAAU;AAAA,MAE1D,SAAU,MAAM,kBAAmB,SAAU;AAAA,MAC7C,iBAAc;AAAA;AAAA,EACf,GACD;AAEF;",
   "names": []
 }

package/build-module/components/block-visibility/viewport-visibility-info.mjs

@@ -25,6 +25,7 @@ function ViewportVisibilityInfo({ clientId }) {
   const {
     currentBlockVisibility,
     selectedDeviceType,
+    viewportSettings,
     hasParentHiddenEverywhere
   } = useSelect(
     (select) => {
@@ -36,9 +37,11 @@ function ViewportVisibilityInfo({ clientId }) {
         isBlockParentHiddenEverywhere,
         getSettings
       } = unlock(select(blockEditorStore));
+      const settings = getSettings();
       return {
         currentBlockVisibility: getBlockAttributes(clientId)?.metadata?.blockVisibility,
-        selectedDeviceType: getSettings()?.[deviceTypeKey]?.toLowerCase() || BLOCK_VISIBILITY_VIEWPORTS.desktop.key,
+        selectedDeviceType: settings?.[deviceTypeKey]?.toLowerCase() || BLOCK_VISIBILITY_VIEWPORTS.desktop.key,
+        viewportSettings: settings?.__experimentalFeatures?.viewport,
         hasParentHiddenEverywhere: isBlockParentHiddenEverywhere(clientId)
       };
     },
@@ -50,6 +53,7 @@ function ViewportVisibilityInfo({ clientId }) {
   const { isBlockCurrentlyHidden, currentViewport } = useBlockVisibility({
     blockVisibility: currentBlockVisibility,
     deviceType: selectedDeviceType,
+    viewportSettings,
     view: canvasView
   });
   const isBlockParentHiddenAtViewport = useSelect(

package/build-module/components/block-visibility/viewport-visibility-info.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-visibility/viewport-visibility-info.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tIcon as WCIcon,\n\t__experimentalText as WCText,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { unseen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport useBlockVisibility from './use-block-visibility';\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport { deviceTypeKey } from '../../store/private-keys';\nimport { BLOCK_VISIBILITY_VIEWPORTS } from './constants';\n\nconst { Badge: WCBadge } = unlock( componentsPrivateApis );\nconst DEFAULT_VISIBILITY_STATE = {\n\tcurrentBlockVisibility: undefined,\n\thasParentHiddenEverywhere: false,\n\tselectedDeviceType: BLOCK_VISIBILITY_VIEWPORTS.desktop.key,\n};\n\nexport default function ViewportVisibilityInfo( { clientId } ) {\n\tconst {\n\t\tcurrentBlockVisibility,\n\t\tselectedDeviceType,\n\t\thasParentHiddenEverywhere,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn DEFAULT_VISIBILITY_STATE;\n\t\t\t}\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockParentHiddenEverywhere,\n\t\t\t\tgetSettings,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\n\t\t\treturn {\n\t\t\t\tcurrentBlockVisibility:\n\t\t\t\t\tgetBlockAttributes( clientId )?.metadata?.blockVisibility,\n\t\t\t\tselectedDeviceType:\n\t\t\t\t\tgetSettings()?.[ deviceTypeKey ]?.toLowerCase() ||\n\t\t\t\t\tBLOCK_VISIBILITY_VIEWPORTS.desktop.key,\n\t\t\t\thasParentHiddenEverywhere:\n\t\t\t\t\tisBlockParentHiddenEverywhere( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Get the block's DOM element to derive the canvas iframe window,\n\t// so viewport detection matches the actual block rendering context.\n\tconst blockElement = useBlockElement( clientId );\n\tconst rawCanvasView = blockElement?.ownerDocument?.defaultView;\n\tconst canvasView = rawCanvasView === null ? undefined : rawCanvasView;\n\n\tconst { isBlockCurrentlyHidden, currentViewport } = useBlockVisibility( {\n\t\tblockVisibility: currentBlockVisibility,\n\t\tdeviceType: selectedDeviceType,\n\t\tview: canvasView,\n\t} );\n\n\t/*\n\t * Selector to check if any parent (immediate or further up the chain) is hidden at current viewport.\n\t * Separated because it depends on currentViewport from the hook above.\n\t */\n\tconst isBlockParentHiddenAtViewport = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId || ! currentViewport ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn unlock(\n\t\t\t\tselect( blockEditorStore )\n\t\t\t).isBlockParentHiddenAtViewport( clientId, currentViewport );\n\t\t},\n\t\t[ clientId, currentViewport ]\n\t);\n\n\tif (\n\t\t! (\n\t\t\tisBlockCurrentlyHidden ||\n\t\t\thasParentHiddenEverywhere ||\n\t\t\tisBlockParentHiddenAtViewport\n\t\t)\n\t) {\n\t\treturn null;\n\t}\n\n\t// Determine label based on whether block or parent is hidden\n\tlet label;\n\tif ( isBlockCurrentlyHidden ) {\n\t\t// Block is currently hidden - check if hidden everywhere or at specific viewport\n\t\tif ( currentBlockVisibility === false ) {\n\t\t\tlabel = __( 'Block is hidden' );\n\t\t} else {\n\t\t\tconst viewportLabel =\n\t\t\t\tBLOCK_VISIBILITY_VIEWPORTS[ currentViewport ]?.label ||\n\t\t\t\tcurrentViewport;\n\t\t\tlabel = sprintf(\n\t\t\t\t/* translators: %s: viewport name (Desktop, Tablet, Mobile) */\n\t\t\t\t__( 'Block is hidden on %s' ),\n\t\t\t\tviewportLabel\n\t\t\t);\n\t\t}\n\t}\n\n\t// Parent is hidden - check if hidden everywhere or at specific viewport\n\tif ( hasParentHiddenEverywhere ) {\n\t\tlabel = __( 'Parent block is hidden' );\n\t} else if ( isBlockParentHiddenAtViewport ) {\n\t\tconst viewportLabel =\n\t\t\tBLOCK_VISIBILITY_VIEWPORTS[ currentViewport ]?.label ||\n\t\t\tcurrentViewport;\n\t\tlabel = sprintf(\n\t\t\t/* translators: %s: viewport name (Desktop, Tablet, Mobile) */\n\t\t\t__( 'Parent block is hidden on %s' ),\n\t\t\tviewportLabel\n\t\t);\n\t}\n\n\treturn (\n\t\t<WCBadge className=\"block-editor-block-visibility-info\">\n\t\t\t<HStack spacing={ 2 } justify=\"start\">\n\t\t\t\t<WCIcon icon={ unseen } />\n\t\t\t\t<WCText>{ label }</WCText>\n\t\t\t</HStack>\n\t\t</WCBadge>\n\t);\n}\n"],
-  "mappings": ";AAGA;AAAA,EACC,QAAQ;AAAA,EACR,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,eAAe;AAAA,OACT;AACP,SAAS,iBAAiB;AAC1B,SAAS,IAAI,eAAe;AAC5B,SAAS,cAAc;AAKvB,SAAS,cAAc;AACvB,SAAS,SAAS,wBAAwB;AAC1C,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AA8GxC,SACC,KADD;AA5GH,IAAM,EAAE,OAAO,QAAQ,IAAI,OAAQ,qBAAsB;AACzD,IAAM,2BAA2B;AAAA,EAChC,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,oBAAoB,2BAA2B,QAAQ;AACxD;AAEe,SAAR,uBAAyC,EAAE,SAAS,GAAI;AAC9D,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH,CAAE,WAAY;AACb,UAAK,CAAE,UAAW;AACjB,eAAO;AAAA,MACR;AACA,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,OAAQ,gBAAiB,CAAE;AAEvC,aAAO;AAAA,QACN,wBACC,mBAAoB,QAAS,GAAG,UAAU;AAAA,QAC3C,oBACC,YAAY,IAAK,aAAc,GAAG,YAAY,KAC9C,2BAA2B,QAAQ;AAAA,QACpC,2BACC,8BAA+B,QAAS;AAAA,MAC1C;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAIA,QAAM,eAAe,gBAAiB,QAAS;AAC/C,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,aAAa,kBAAkB,OAAO,SAAY;AAExD,QAAM,EAAE,wBAAwB,gBAAgB,IAAI,mBAAoB;AAAA,IACvE,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,MAAM;AAAA,EACP,CAAE;AAMF,QAAM,gCAAgC;AAAA,IACrC,CAAE,WAAY;AACb,UAAK,CAAE,YAAY,CAAE,iBAAkB;AACtC,eAAO;AAAA,MACR;AACA,aAAO;AAAA,QACN,OAAQ,gBAAiB;AAAA,MAC1B,EAAE,8BAA+B,UAAU,eAAgB;AAAA,IAC5D;AAAA,IACA,CAAE,UAAU,eAAgB;AAAA,EAC7B;AAEA,MACC,EACC,0BACA,6BACA,gCAEA;AACD,WAAO;AAAA,EACR;AAGA,MAAI;AACJ,MAAK,wBAAyB;AAE7B,QAAK,2BAA2B,OAAQ;AACvC,cAAQ,GAAI,iBAAkB;AAAA,IAC/B,OAAO;AACN,YAAM,gBACL,2BAA4B,eAAgB,GAAG,SAC/C;AACD,cAAQ;AAAA;AAAA,QAEP,GAAI,uBAAwB;AAAA,QAC5B;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAGA,MAAK,2BAA4B;AAChC,YAAQ,GAAI,wBAAyB;AAAA,EACtC,WAAY,+BAAgC;AAC3C,UAAM,gBACL,2BAA4B,eAAgB,GAAG,SAC/C;AACD,YAAQ;AAAA;AAAA,MAEP,GAAI,8BAA+B;AAAA,MACnC;AAAA,IACD;AAAA,EACD;AAEA,SACC,oBAAC,WAAQ,WAAU,sCAClB,+BAAC,UAAO,SAAU,GAAI,SAAQ,SAC7B;AAAA,wBAAC,UAAO,MAAO,QAAS;AAAA,IACxB,oBAAC,UAAS,iBAAO;AAAA,KAClB,GACD;AAEF;",
+  "sourcesContent": ["import {\n\tIcon as WCIcon,\n\t__experimentalText as WCText,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { unseen } from '@wordpress/icons';\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport useBlockVisibility from './use-block-visibility';\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport { deviceTypeKey } from '../../store/private-keys';\nimport { BLOCK_VISIBILITY_VIEWPORTS } from './constants';\n\nconst { Badge: WCBadge } = unlock( componentsPrivateApis );\nconst DEFAULT_VISIBILITY_STATE = {\n\tcurrentBlockVisibility: undefined,\n\thasParentHiddenEverywhere: false,\n\tselectedDeviceType: BLOCK_VISIBILITY_VIEWPORTS.desktop.key,\n};\n\nexport default function ViewportVisibilityInfo( { clientId } ) {\n\tconst {\n\t\tcurrentBlockVisibility,\n\t\tselectedDeviceType,\n\t\tviewportSettings,\n\t\thasParentHiddenEverywhere,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn DEFAULT_VISIBILITY_STATE;\n\t\t\t}\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockParentHiddenEverywhere,\n\t\t\t\tgetSettings,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\tconst settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tcurrentBlockVisibility:\n\t\t\t\t\tgetBlockAttributes( clientId )?.metadata?.blockVisibility,\n\t\t\t\tselectedDeviceType:\n\t\t\t\t\tsettings?.[ deviceTypeKey ]?.toLowerCase() ||\n\t\t\t\t\tBLOCK_VISIBILITY_VIEWPORTS.desktop.key,\n\t\t\t\tviewportSettings: settings?.__experimentalFeatures?.viewport,\n\t\t\t\thasParentHiddenEverywhere:\n\t\t\t\t\tisBlockParentHiddenEverywhere( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Get the block's DOM element to derive the canvas iframe window,\n\t// so viewport detection matches the actual block rendering context.\n\tconst blockElement = useBlockElement( clientId );\n\tconst rawCanvasView = blockElement?.ownerDocument?.defaultView;\n\tconst canvasView = rawCanvasView === null ? undefined : rawCanvasView;\n\n\tconst { isBlockCurrentlyHidden, currentViewport } = useBlockVisibility( {\n\t\tblockVisibility: currentBlockVisibility,\n\t\tdeviceType: selectedDeviceType,\n\t\tviewportSettings,\n\t\tview: canvasView,\n\t} );\n\n\t/*\n\t * Selector to check if any parent (immediate or further up the chain) is hidden at current viewport.\n\t * Separated because it depends on currentViewport from the hook above.\n\t */\n\tconst isBlockParentHiddenAtViewport = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId || ! currentViewport ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn unlock(\n\t\t\t\tselect( blockEditorStore )\n\t\t\t).isBlockParentHiddenAtViewport( clientId, currentViewport );\n\t\t},\n\t\t[ clientId, currentViewport ]\n\t);\n\n\tif (\n\t\t! (\n\t\t\tisBlockCurrentlyHidden ||\n\t\t\thasParentHiddenEverywhere ||\n\t\t\tisBlockParentHiddenAtViewport\n\t\t)\n\t) {\n\t\treturn null;\n\t}\n\n\t// Determine label based on whether block or parent is hidden\n\tlet label;\n\tif ( isBlockCurrentlyHidden ) {\n\t\t// Block is currently hidden - check if hidden everywhere or at specific viewport\n\t\tif ( currentBlockVisibility === false ) {\n\t\t\tlabel = __( 'Block is hidden' );\n\t\t} else {\n\t\t\tconst viewportLabel =\n\t\t\t\tBLOCK_VISIBILITY_VIEWPORTS[ currentViewport ]?.label ||\n\t\t\t\tcurrentViewport;\n\t\t\tlabel = sprintf(\n\t\t\t\t/* translators: %s: viewport name (Desktop, Tablet, Mobile) */\n\t\t\t\t__( 'Block is hidden on %s' ),\n\t\t\t\tviewportLabel\n\t\t\t);\n\t\t}\n\t}\n\n\t// Parent is hidden - check if hidden everywhere or at specific viewport\n\tif ( hasParentHiddenEverywhere ) {\n\t\tlabel = __( 'Parent block is hidden' );\n\t} else if ( isBlockParentHiddenAtViewport ) {\n\t\tconst viewportLabel =\n\t\t\tBLOCK_VISIBILITY_VIEWPORTS[ currentViewport ]?.label ||\n\t\t\tcurrentViewport;\n\t\tlabel = sprintf(\n\t\t\t/* translators: %s: viewport name (Desktop, Tablet, Mobile) */\n\t\t\t__( 'Parent block is hidden on %s' ),\n\t\t\tviewportLabel\n\t\t);\n\t}\n\n\treturn (\n\t\t<WCBadge className=\"block-editor-block-visibility-info\">\n\t\t\t<HStack spacing={ 2 } justify=\"start\">\n\t\t\t\t<WCIcon icon={ unseen } />\n\t\t\t\t<WCText>{ label }</WCText>\n\t\t\t</HStack>\n\t\t</WCBadge>\n\t);\n}\n"],
+  "mappings": ";AAAA;AAAA,EACC,QAAQ;AAAA,EACR,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,eAAe;AAAA,OACT;AACP,SAAS,iBAAiB;AAC1B,SAAS,IAAI,eAAe;AAC5B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,SAAS,wBAAwB;AAC1C,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AAkHxC,SACC,KADD;AAhHH,IAAM,EAAE,OAAO,QAAQ,IAAI,OAAQ,qBAAsB;AACzD,IAAM,2BAA2B;AAAA,EAChC,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,oBAAoB,2BAA2B,QAAQ;AACxD;AAEe,SAAR,uBAAyC,EAAE,SAAS,GAAI;AAC9D,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH,CAAE,WAAY;AACb,UAAK,CAAE,UAAW;AACjB,eAAO;AAAA,MACR;AACA,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,OAAQ,gBAAiB,CAAE;AACvC,YAAM,WAAW,YAAY;AAE7B,aAAO;AAAA,QACN,wBACC,mBAAoB,QAAS,GAAG,UAAU;AAAA,QAC3C,oBACC,WAAY,aAAc,GAAG,YAAY,KACzC,2BAA2B,QAAQ;AAAA,QACpC,kBAAkB,UAAU,wBAAwB;AAAA,QACpD,2BACC,8BAA+B,QAAS;AAAA,MAC1C;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAIA,QAAM,eAAe,gBAAiB,QAAS;AAC/C,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,aAAa,kBAAkB,OAAO,SAAY;AAExD,QAAM,EAAE,wBAAwB,gBAAgB,IAAI,mBAAoB;AAAA,IACvE,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,EACP,CAAE;AAMF,QAAM,gCAAgC;AAAA,IACrC,CAAE,WAAY;AACb,UAAK,CAAE,YAAY,CAAE,iBAAkB;AACtC,eAAO;AAAA,MACR;AACA,aAAO;AAAA,QACN,OAAQ,gBAAiB;AAAA,MAC1B,EAAE,8BAA+B,UAAU,eAAgB;AAAA,IAC5D;AAAA,IACA,CAAE,UAAU,eAAgB;AAAA,EAC7B;AAEA,MACC,EACC,0BACA,6BACA,gCAEA;AACD,WAAO;AAAA,EACR;AAGA,MAAI;AACJ,MAAK,wBAAyB;AAE7B,QAAK,2BAA2B,OAAQ;AACvC,cAAQ,GAAI,iBAAkB;AAAA,IAC/B,OAAO;AACN,YAAM,gBACL,2BAA4B,eAAgB,GAAG,SAC/C;AACD,cAAQ;AAAA;AAAA,QAEP,GAAI,uBAAwB;AAAA,QAC5B;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAGA,MAAK,2BAA4B;AAChC,YAAQ,GAAI,wBAAyB;AAAA,EACtC,WAAY,+BAAgC;AAC3C,UAAM,gBACL,2BAA4B,eAAgB,GAAG,SAC/C;AACD,YAAQ;AAAA;AAAA,MAEP,GAAI,8BAA+B;AAAA,MACnC;AAAA,IACD;AAAA,EACD;AAEA,SACC,oBAAC,WAAQ,WAAU,sCAClB,+BAAC,UAAO,SAAU,GAAI,SAAQ,SAC7B;AAAA,wBAAC,UAAO,MAAO,QAAS;AAAA,IACxB,oBAAC,UAAS,iBAAO;AAAA,KAClB,GACD;AAEF;",
   "names": []
 }

package/build-module/components/border-radius-control/constants.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/border-radius-control/constants.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tcornerAll,\n\tcornerBottomLeft,\n\tcornerBottomRight,\n\tcornerTopLeft,\n\tcornerTopRight,\n} from '@wordpress/icons';\n\nexport const DEFAULT_VALUES = {\n\ttopLeft: undefined,\n\ttopRight: undefined,\n\tbottomLeft: undefined,\n\tbottomRight: undefined,\n};\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const EMPTY_ARRAY = [];\n\nexport const CORNERS = {\n\tall: __( 'Border radius' ),\n\ttopLeft: __( 'Top left' ),\n\ttopRight: __( 'Top right' ),\n\tbottomLeft: __( 'Bottom left' ),\n\tbottomRight: __( 'Bottom right' ),\n};\n\nexport const ICONS = {\n\tall: cornerAll,\n\ttopLeft: cornerTopLeft,\n\ttopRight: cornerTopRight,\n\tbottomLeft: cornerBottomLeft,\n\tbottomRight: cornerBottomRight,\n};\n\nexport const MIN_BORDER_RADIUS_VALUE = 0;\n\nexport const MAX_BORDER_RADIUS_VALUES = {\n\tpx: 100,\n\tem: 20,\n\trem: 20,\n};\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,IAAM,iBAAiB;AAAA,EAC7B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACd;AAEO,IAAM,yBAAyB;AAE/B,IAAM,cAAc,CAAC;AAErB,IAAM,UAAU;AAAA,EACtB,KAAK,GAAI,eAAgB;AAAA,EACzB,SAAS,GAAI,UAAW;AAAA,EACxB,UAAU,GAAI,WAAY;AAAA,EAC1B,YAAY,GAAI,aAAc;AAAA,EAC9B,aAAa,GAAI,cAAe;AACjC;AAEO,IAAM,QAAQ;AAAA,EACpB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACd;AAEO,IAAM,0BAA0B;AAEhC,IAAM,2BAA2B;AAAA,EACvC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACN;",
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport {\n\tcornerAll,\n\tcornerBottomLeft,\n\tcornerBottomRight,\n\tcornerTopLeft,\n\tcornerTopRight,\n} from '@wordpress/icons';\n\nexport const DEFAULT_VALUES = {\n\ttopLeft: undefined,\n\ttopRight: undefined,\n\tbottomLeft: undefined,\n\tbottomRight: undefined,\n};\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const EMPTY_ARRAY = [];\n\nexport const CORNERS = {\n\tall: __( 'Border radius' ),\n\ttopLeft: __( 'Top left' ),\n\ttopRight: __( 'Top right' ),\n\tbottomLeft: __( 'Bottom left' ),\n\tbottomRight: __( 'Bottom right' ),\n};\n\nexport const ICONS = {\n\tall: cornerAll,\n\ttopLeft: cornerTopLeft,\n\ttopRight: cornerTopRight,\n\tbottomLeft: cornerBottomLeft,\n\tbottomRight: cornerBottomRight,\n};\n\nexport const MIN_BORDER_RADIUS_VALUE = 0;\n\nexport const MAX_BORDER_RADIUS_VALUES = {\n\tpx: 100,\n\tem: 20,\n\trem: 20,\n};\n"],
+  "mappings": ";AAAA,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,IAAM,iBAAiB;AAAA,EAC7B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACd;AAEO,IAAM,yBAAyB;AAE/B,IAAM,cAAc,CAAC;AAErB,IAAM,UAAU;AAAA,EACtB,KAAK,GAAI,eAAgB;AAAA,EACzB,SAAS,GAAI,UAAW;AAAA,EACxB,UAAU,GAAI,WAAY;AAAA,EAC1B,YAAY,GAAI,aAAc;AAAA,EAC9B,aAAa,GAAI,cAAe;AACjC;AAEO,IAAM,QAAQ;AAAA,EACpB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACd;AAEO,IAAM,0BAA0B;AAEhC,IAAM,2BAA2B;AAAA,EACvC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACN;",
   "names": []
 }

package/build-module/components/border-radius-control/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/border-radius-control/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport LinkedButton from './linked-button';\nimport { useSettings } from '../use-settings';\nimport { hasDefinedValues, hasMixedValues, getAllValue } from './utils';\nimport PresetInputControl from '../preset-input-control';\nimport {\n\tRANGE_CONTROL_MAX_SIZE,\n\tEMPTY_ARRAY,\n\tCORNERS,\n\tICONS,\n\tMIN_BORDER_RADIUS_VALUE,\n} from './constants';\n\nfunction useBorderRadiusSizes( presets ) {\n\tconst defaultSizes = presets?.default ?? EMPTY_ARRAY;\n\tconst customSizes = presets?.custom ?? EMPTY_ARRAY;\n\tconst themeSizes = presets?.theme ?? EMPTY_ARRAY;\n\n\treturn useMemo( () => {\n\t\tconst sizes = [\n\t\t\t{ name: __( 'None' ), slug: '0', size: 0 },\n\t\t\t...customSizes,\n\t\t\t...themeSizes,\n\t\t\t...defaultSizes,\n\t\t];\n\n\t\treturn sizes.length > RANGE_CONTROL_MAX_SIZE\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: __( 'Default' ),\n\t\t\t\t\t\tslug: 'default',\n\t\t\t\t\t\tsize: undefined,\n\t\t\t\t\t},\n\t\t\t\t\t...sizes,\n\t\t\t  ]\n\t\t\t: sizes;\n\t}, [ customSizes, themeSizes, defaultSizes ] );\n}\n\n/**\n * Gets the value for a specific corner from the values object.\n *\n * @param {Object|string} values Border radius values.\n * @param {string}        corner Corner name ('all', 'topLeft', etc.).\n *\n * @return {string|undefined} The corner value.\n */\nfunction getCornerValue( values, corner ) {\n\tif ( corner === 'all' ) {\n\t\treturn getAllValue( values );\n\t}\n\n\t// Handle string values (shorthand)\n\tif ( typeof values === 'string' ) {\n\t\treturn values;\n\t}\n\n\t// Handle object values (longhand)\n\treturn values?.[ corner ];\n}\n\n/**\n * Gets the selected unit for a specific corner.\n *\n * @param {Object} selectedUnits Units object.\n * @param {string} corner        Corner name.\n *\n * @return {string} The selected unit.\n */\nfunction getCornerUnit( selectedUnits, corner ) {\n\tif ( corner === 'all' ) {\n\t\treturn selectedUnits.flat;\n\t}\n\treturn selectedUnits[ corner ];\n}\n\n/**\n * Creates an onChange handler for a specific corner.\n *\n * @param {string}   corner   Corner name.\n * @param {Object}   values   Current values.\n * @param {Function} onChange Original onChange callback.\n *\n * @return {Function} Corner-specific onChange handler.\n */\nfunction createCornerChangeHandler( corner, values, onChange ) {\n\treturn ( newValue ) => {\n\t\tif ( corner === 'all' ) {\n\t\t\tonChange( {\n\t\t\t\ttopLeft: newValue,\n\t\t\t\ttopRight: newValue,\n\t\t\t\tbottomLeft: newValue,\n\t\t\t\tbottomRight: newValue,\n\t\t\t} );\n\t\t} else {\n\t\t\t// For shorthand style & backwards compatibility, handle flat string value.\n\t\t\tconst currentValues =\n\t\t\t\ttypeof values !== 'string'\n\t\t\t\t\t? values || {}\n\t\t\t\t\t: {\n\t\t\t\t\t\t\ttopLeft: values,\n\t\t\t\t\t\t\ttopRight: values,\n\t\t\t\t\t\t\tbottomLeft: values,\n\t\t\t\t\t\t\tbottomRight: values,\n\t\t\t\t\t  };\n\n\t\t\tonChange( {\n\t\t\t\t...currentValues,\n\t\t\t\t[ corner ]: newValue,\n\t\t\t} );\n\t\t}\n\t};\n}\n\n/**\n * Creates a unit change handler for a specific corner.\n *\n * @param {string}   corner           Corner name.\n * @param {Object}   selectedUnits    Current selected units.\n * @param {Function} setSelectedUnits Unit setter function.\n *\n * @return {Function} Corner-specific unit change handler.\n */\nfunction createCornerUnitChangeHandler(\n\tcorner,\n\tselectedUnits,\n\tsetSelectedUnits\n) {\n\treturn ( newUnit ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tif ( corner === 'all' ) {\n\t\t\tnewUnits.flat = newUnit;\n\t\t\tnewUnits.topLeft = newUnit;\n\t\t\tnewUnits.topRight = newUnit;\n\t\t\tnewUnits.bottomLeft = newUnit;\n\t\t\tnewUnits.bottomRight = newUnit;\n\t\t} else {\n\t\t\tnewUnits[ corner ] = newUnit;\n\t\t}\n\t\tsetSelectedUnits( newUnits );\n\t};\n}\n\n/**\n * Control to display border radius options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Callback to handle onChange.\n * @param {Object}   props.values   Border radius values.\n * @param {Object}   props.presets  Border radius presets.\n *\n * @return {Element}              Custom border radius control.\n */\nexport default function BorderRadiusControl( { onChange, values, presets } ) {\n\tconst [ isLinked, setIsLinked ] = useState(\n\t\t! hasDefinedValues( values ) || ! hasMixedValues( values )\n\t);\n\tconst options = useBorderRadiusSizes( presets );\n\t// Tracking selected units via internal state allows filtering of CSS unit\n\t// only values from being saved while maintaining preexisting unit selection\n\t// behaviour. Filtering CSS unit only values prevents invalid style values.\n\tconst [ selectedUnits, setSelectedUnits ] = useState( {\n\t\tflat:\n\t\t\ttypeof values === 'string'\n\t\t\t\t? parseQuantityAndUnitFromRawValue( values )[ 1 ]\n\t\t\t\t: undefined,\n\t\ttopLeft: parseQuantityAndUnitFromRawValue( values?.topLeft )[ 1 ],\n\t\ttopRight: parseQuantityAndUnitFromRawValue( values?.topRight )[ 1 ],\n\t\tbottomLeft: parseQuantityAndUnitFromRawValue( values?.bottomLeft )[ 1 ],\n\t\tbottomRight: parseQuantityAndUnitFromRawValue(\n\t\t\tvalues?.bottomRight\n\t\t)[ 1 ],\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tconst toggleLinked = () => setIsLinked( ! isLinked );\n\n\treturn (\n\t\t<fieldset className=\"components-border-radius-control\">\n\t\t\t<HStack className=\"components-border-radius-control__header\">\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ __( 'Radius' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<LinkedButton onClick={ toggleLinked } isLinked={ isLinked } />\n\t\t\t</HStack>\n\t\t\t{ isLinked ? (\n\t\t\t\t<PresetInputControl\n\t\t\t\t\tariaLabel={ CORNERS.all }\n\t\t\t\t\tclassName=\"components-border-radius-control\"\n\t\t\t\t\ticon={ ICONS.all }\n\t\t\t\t\tminimumCustomValue={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\tonChange={ createCornerChangeHandler(\n\t\t\t\t\t\t'all',\n\t\t\t\t\t\tvalues,\n\t\t\t\t\t\tonChange\n\t\t\t\t\t) }\n\t\t\t\t\tonUnitChange={ createCornerUnitChangeHandler(\n\t\t\t\t\t\t'all',\n\t\t\t\t\t\tselectedUnits,\n\t\t\t\t\t\tsetSelectedUnits\n\t\t\t\t\t) }\n\t\t\t\t\tpresets={ options }\n\t\t\t\t\tpresetType=\"border-radius\"\n\t\t\t\t\tselectedUnit={ getCornerUnit( selectedUnits, 'all' ) }\n\t\t\t\t\tshowTooltip\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tvalue={ getCornerValue( values, 'all' ) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<VStack>\n\t\t\t\t\t{ [\n\t\t\t\t\t\t'topLeft',\n\t\t\t\t\t\t'topRight',\n\t\t\t\t\t\t'bottomLeft',\n\t\t\t\t\t\t'bottomRight',\n\t\t\t\t\t].map( ( corner ) => (\n\t\t\t\t\t\t<PresetInputControl\n\t\t\t\t\t\t\tkey={ corner }\n\t\t\t\t\t\t\tariaLabel={ CORNERS[ corner ] }\n\t\t\t\t\t\t\tclassName=\"components-border-radius-control\"\n\t\t\t\t\t\t\ticon={ ICONS[ corner ] }\n\t\t\t\t\t\t\tminimumCustomValue={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\tonChange={ createCornerChangeHandler(\n\t\t\t\t\t\t\t\tcorner,\n\t\t\t\t\t\t\t\tvalues,\n\t\t\t\t\t\t\t\tonChange\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonUnitChange={ createCornerUnitChangeHandler(\n\t\t\t\t\t\t\t\tcorner,\n\t\t\t\t\t\t\t\tselectedUnits,\n\t\t\t\t\t\t\t\tsetSelectedUnits\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tpresets={ options }\n\t\t\t\t\t\t\tpresetType=\"border-radius\"\n\t\t\t\t\t\t\tselectedUnit={ getCornerUnit(\n\t\t\t\t\t\t\t\tselectedUnits,\n\t\t\t\t\t\t\t\tcorner\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tvalue={ getCornerValue( values, corner ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n\tBaseControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport LinkedButton from './linked-button';\nimport { useSettings } from '../use-settings';\nimport { hasDefinedValues, hasMixedValues, getAllValue } from './utils';\nimport PresetInputControl from '../preset-input-control';\nimport {\n\tRANGE_CONTROL_MAX_SIZE,\n\tEMPTY_ARRAY,\n\tCORNERS,\n\tICONS,\n\tMIN_BORDER_RADIUS_VALUE,\n} from './constants';\n\nfunction useBorderRadiusSizes( presets ) {\n\tconst defaultSizes = presets?.default ?? EMPTY_ARRAY;\n\tconst customSizes = presets?.custom ?? EMPTY_ARRAY;\n\tconst themeSizes = presets?.theme ?? EMPTY_ARRAY;\n\n\treturn useMemo( () => {\n\t\tconst sizes = [\n\t\t\t{ name: __( 'None' ), slug: '0', size: 0 },\n\t\t\t...customSizes,\n\t\t\t...themeSizes,\n\t\t\t...defaultSizes,\n\t\t];\n\n\t\treturn sizes.length > RANGE_CONTROL_MAX_SIZE\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: __( 'Default' ),\n\t\t\t\t\t\tslug: 'default',\n\t\t\t\t\t\tsize: undefined,\n\t\t\t\t\t},\n\t\t\t\t\t...sizes,\n\t\t\t  ]\n\t\t\t: sizes;\n\t}, [ customSizes, themeSizes, defaultSizes ] );\n}\n\n/**\n * Gets the value for a specific corner from the values object.\n *\n * @param {Object|string} values Border radius values.\n * @param {string}        corner Corner name ('all', 'topLeft', etc.).\n *\n * @return {string|undefined} The corner value.\n */\nfunction getCornerValue( values, corner ) {\n\tif ( corner === 'all' ) {\n\t\treturn getAllValue( values );\n\t}\n\n\t// Handle string values (shorthand)\n\tif ( typeof values === 'string' ) {\n\t\treturn values;\n\t}\n\n\t// Handle object values (longhand)\n\treturn values?.[ corner ];\n}\n\n/**\n * Gets the selected unit for a specific corner.\n *\n * @param {Object} selectedUnits Units object.\n * @param {string} corner        Corner name.\n *\n * @return {string} The selected unit.\n */\nfunction getCornerUnit( selectedUnits, corner ) {\n\tif ( corner === 'all' ) {\n\t\treturn selectedUnits.flat;\n\t}\n\treturn selectedUnits[ corner ];\n}\n\n/**\n * Creates an onChange handler for a specific corner.\n *\n * @param {string}   corner   Corner name.\n * @param {Object}   values   Current values.\n * @param {Function} onChange Original onChange callback.\n *\n * @return {Function} Corner-specific onChange handler.\n */\nfunction createCornerChangeHandler( corner, values, onChange ) {\n\treturn ( newValue ) => {\n\t\tif ( corner === 'all' ) {\n\t\t\tonChange( {\n\t\t\t\ttopLeft: newValue,\n\t\t\t\ttopRight: newValue,\n\t\t\t\tbottomLeft: newValue,\n\t\t\t\tbottomRight: newValue,\n\t\t\t} );\n\t\t} else {\n\t\t\t// For shorthand style & backwards compatibility, handle flat string value.\n\t\t\tconst currentValues =\n\t\t\t\ttypeof values !== 'string'\n\t\t\t\t\t? values || {}\n\t\t\t\t\t: {\n\t\t\t\t\t\t\ttopLeft: values,\n\t\t\t\t\t\t\ttopRight: values,\n\t\t\t\t\t\t\tbottomLeft: values,\n\t\t\t\t\t\t\tbottomRight: values,\n\t\t\t\t\t  };\n\n\t\t\tonChange( {\n\t\t\t\t...currentValues,\n\t\t\t\t[ corner ]: newValue,\n\t\t\t} );\n\t\t}\n\t};\n}\n\n/**\n * Creates a unit change handler for a specific corner.\n *\n * @param {string}   corner           Corner name.\n * @param {Object}   selectedUnits    Current selected units.\n * @param {Function} setSelectedUnits Unit setter function.\n *\n * @return {Function} Corner-specific unit change handler.\n */\nfunction createCornerUnitChangeHandler(\n\tcorner,\n\tselectedUnits,\n\tsetSelectedUnits\n) {\n\treturn ( newUnit ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tif ( corner === 'all' ) {\n\t\t\tnewUnits.flat = newUnit;\n\t\t\tnewUnits.topLeft = newUnit;\n\t\t\tnewUnits.topRight = newUnit;\n\t\t\tnewUnits.bottomLeft = newUnit;\n\t\t\tnewUnits.bottomRight = newUnit;\n\t\t} else {\n\t\t\tnewUnits[ corner ] = newUnit;\n\t\t}\n\t\tsetSelectedUnits( newUnits );\n\t};\n}\n\n/**\n * Control to display border radius options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Callback to handle onChange.\n * @param {Object}   props.values   Border radius values.\n * @param {Object}   props.presets  Border radius presets.\n *\n * @return {Element}              Custom border radius control.\n */\nexport default function BorderRadiusControl( { onChange, values, presets } ) {\n\tconst [ isLinked, setIsLinked ] = useState(\n\t\t! hasDefinedValues( values ) || ! hasMixedValues( values )\n\t);\n\tconst options = useBorderRadiusSizes( presets );\n\t// Tracking selected units via internal state allows filtering of CSS unit\n\t// only values from being saved while maintaining preexisting unit selection\n\t// behaviour. Filtering CSS unit only values prevents invalid style values.\n\tconst [ selectedUnits, setSelectedUnits ] = useState( {\n\t\tflat:\n\t\t\ttypeof values === 'string'\n\t\t\t\t? parseQuantityAndUnitFromRawValue( values )[ 1 ]\n\t\t\t\t: undefined,\n\t\ttopLeft: parseQuantityAndUnitFromRawValue( values?.topLeft )[ 1 ],\n\t\ttopRight: parseQuantityAndUnitFromRawValue( values?.topRight )[ 1 ],\n\t\tbottomLeft: parseQuantityAndUnitFromRawValue( values?.bottomLeft )[ 1 ],\n\t\tbottomRight: parseQuantityAndUnitFromRawValue(\n\t\t\tvalues?.bottomRight\n\t\t)[ 1 ],\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tconst toggleLinked = () => setIsLinked( ! isLinked );\n\n\treturn (\n\t\t<fieldset className=\"components-border-radius-control\">\n\t\t\t<HStack className=\"components-border-radius-control__header\">\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ __( 'Radius' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<LinkedButton onClick={ toggleLinked } isLinked={ isLinked } />\n\t\t\t</HStack>\n\t\t\t{ isLinked ? (\n\t\t\t\t<PresetInputControl\n\t\t\t\t\tariaLabel={ CORNERS.all }\n\t\t\t\t\tclassName=\"components-border-radius-control\"\n\t\t\t\t\ticon={ ICONS.all }\n\t\t\t\t\tminimumCustomValue={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\tonChange={ createCornerChangeHandler(\n\t\t\t\t\t\t'all',\n\t\t\t\t\t\tvalues,\n\t\t\t\t\t\tonChange\n\t\t\t\t\t) }\n\t\t\t\t\tonUnitChange={ createCornerUnitChangeHandler(\n\t\t\t\t\t\t'all',\n\t\t\t\t\t\tselectedUnits,\n\t\t\t\t\t\tsetSelectedUnits\n\t\t\t\t\t) }\n\t\t\t\t\tpresets={ options }\n\t\t\t\t\tpresetType=\"border-radius\"\n\t\t\t\t\tselectedUnit={ getCornerUnit( selectedUnits, 'all' ) }\n\t\t\t\t\tshowTooltip\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tvalue={ getCornerValue( values, 'all' ) }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<VStack>\n\t\t\t\t\t{ [\n\t\t\t\t\t\t'topLeft',\n\t\t\t\t\t\t'topRight',\n\t\t\t\t\t\t'bottomLeft',\n\t\t\t\t\t\t'bottomRight',\n\t\t\t\t\t].map( ( corner ) => (\n\t\t\t\t\t\t<PresetInputControl\n\t\t\t\t\t\t\tkey={ corner }\n\t\t\t\t\t\t\tariaLabel={ CORNERS[ corner ] }\n\t\t\t\t\t\t\tclassName=\"components-border-radius-control\"\n\t\t\t\t\t\t\ticon={ ICONS[ corner ] }\n\t\t\t\t\t\t\tminimumCustomValue={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\tonChange={ createCornerChangeHandler(\n\t\t\t\t\t\t\t\tcorner,\n\t\t\t\t\t\t\t\tvalues,\n\t\t\t\t\t\t\t\tonChange\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonUnitChange={ createCornerUnitChangeHandler(\n\t\t\t\t\t\t\t\tcorner,\n\t\t\t\t\t\t\t\tselectedUnits,\n\t\t\t\t\t\t\t\tsetSelectedUnits\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tpresets={ options }\n\t\t\t\t\t\t\tpresetType=\"border-radius\"\n\t\t\t\t\t\t\tselectedUnit={ getCornerUnit(\n\t\t\t\t\t\t\t\tselectedUnits,\n\t\t\t\t\t\t\t\tcorner\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tvalue={ getCornerValue( values, corner ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/components/border-radius-control/linked-button.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/border-radius-control/linked-button.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink radii' ) : __( 'Link radii' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName=\"components-border-radius-control__linked-button\"\n\t\t\tsize=\"small\"\n\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\ticonSize={ 24 }\n\t\t\tlabel={ label }\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,cAAc;AACvB,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU;AAMjB;AAJa,SAAR,aAA+B,EAAE,UAAU,GAAG,MAAM,GAAI;AAC9D,QAAM,QAAQ,WAAW,GAAI,cAAe,IAAI,GAAI,YAAa;AAEjE,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,WAAU;AAAA,MACV,MAAK;AAAA,MACL,MAAO,WAAW,OAAO;AAAA,MACzB,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
+  "sourcesContent": ["import { Button } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink radii' ) : __( 'Link radii' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName=\"components-border-radius-control__linked-button\"\n\t\t\tsize=\"small\"\n\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\ticonSize={ 24 }\n\t\t\tlabel={ label }\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";AAAA,SAAS,cAAc;AACvB,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU;AAMjB;AAJa,SAAR,aAA+B,EAAE,UAAU,GAAG,MAAM,GAAI;AAC9D,QAAM,QAAQ,WAAW,GAAI,cAAe,IAAI,GAAI,YAAa;AAEjE,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,WAAU;AAAA,MACV,MAAK;AAAA,MACL,MAAO,WAAW,OAAO;AAAA,MACzB,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build-module/components/border-radius-control/utils.mjs

@@ -1,5 +1,10 @@
 // packages/block-editor/src/components/border-radius-control/utils.js
 import { __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue } from "@wordpress/components";
+import {
+  getCustomValueFromPreset,
+  isValuePreset
+} from "../preset-input-control/utils.mjs";
+var BORDER_RADIUS_PRESET_TYPE = "border-radius";
 function mode(inputArray) {
   const arr = [...inputArray];
   return arr.sort(
@@ -57,40 +62,6 @@ function hasDefinedValues(values) {
   });
   return !!filteredValues.length;
 }
-function isValuePreset(value) {
-  if (!value?.includes) {
-    return false;
-  }
-  return value === "0" || value.includes("var:preset|border-radius|");
-}
-function getPresetSlug(value) {
-  if (!value) {
-    return;
-  }
-  if (value === "0" || value === "default") {
-    return value;
-  }
-  const slug = value.match(/var:preset\|border-radius\|(.+)/);
-  return slug ? slug[1] : void 0;
-}
-function getSliderValueFromPreset(presetValue, presets) {
-  if (presetValue === void 0) {
-    return 0;
-  }
-  const slug = parseFloat(presetValue, 10) === 0 ? "0" : getPresetSlug(presetValue);
-  const sliderValue = presets.findIndex((size) => {
-    return String(size.slug) === slug;
-  });
-  return sliderValue !== -1 ? sliderValue : NaN;
-}
-function getCustomValueFromPreset(value, presets) {
-  if (!isValuePreset(value)) {
-    return value;
-  }
-  const slug = parseFloat(value, 10) === 0 ? "0" : getPresetSlug(value);
-  const radiusSize = presets.find((size) => String(size.slug) === slug);
-  return radiusSize?.size;
-}
 function getPresetValueFromControlValue(controlValue, controlType, presets) {
   const size = parseInt(controlValue, 10);
   if (controlType === "selectList") {
@@ -102,18 +73,6 @@ function getPresetValueFromControlValue(controlValue, controlType, presets) {
   }
   return `var:preset|border-radius|${presets[controlValue]?.slug}`;
 }
-function getPresetValueFromCustomValue(value, presets) {
-  if (!value || isValuePreset(value) || value === "0") {
-    return value;
-  }
-  const spacingMatch = presets.find(
-    (size) => String(size.size) === String(value)
-  );
-  if (spacingMatch?.slug) {
-    return `var:preset|border-radius|${spacingMatch.slug}`;
-  }
-  return value;
-}
 function convertPresetsToCustomValues(values, presets) {
   if (!values || typeof values !== "object") {
     return values;
@@ -121,8 +80,12 @@ function convertPresetsToCustomValues(values, presets) {
   const converted = {};
   Object.keys(values).forEach((key) => {
     const value = values[key];
-    if (isValuePreset(value)) {
-      const customValue = getCustomValueFromPreset(value, presets);
+    if (isValuePreset(value, BORDER_RADIUS_PRESET_TYPE)) {
+      const customValue = getCustomValueFromPreset(
+        value,
+        presets,
+        BORDER_RADIUS_PRESET_TYPE
+      );
       converted[key] = customValue !== void 0 ? customValue : value;
     } else {
       converted[key] = value;
@@ -134,14 +97,9 @@ export {
   convertPresetsToCustomValues,
   getAllUnit,
   getAllValue,
-  getCustomValueFromPreset,
-  getPresetSlug,
   getPresetValueFromControlValue,
-  getPresetValueFromCustomValue,
-  getSliderValueFromPreset,
   hasDefinedValues,
   hasMixedValues,
-  isValuePreset,
   mode
 };
 //# sourceMappingURL=utils.mjs.map

package/build-module/components/border-radius-control/utils.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/border-radius-control/utils.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue } from '@wordpress/components';\n\n/**\n * Gets the (non-undefined) item with the highest occurrence within an array\n * Based in part on: https://stackoverflow.com/a/20762713\n *\n * Undefined values are always sorted to the end by `sort`, so this function\n * returns the first element, to always prioritize real values over undefined\n * values.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#description\n *\n * @param {Array<any>} inputArray Array of items to check.\n * @return {any}                  The item with the most occurrences.\n */\nexport function mode( inputArray ) {\n\tconst arr = [ ...inputArray ];\n\treturn arr\n\t\t.sort(\n\t\t\t( a, b ) =>\n\t\t\t\tinputArray.filter( ( v ) => v === b ).length -\n\t\t\t\tinputArray.filter( ( v ) => v === a ).length\n\t\t)\n\t\t.shift();\n}\n\n/**\n * Returns the most common CSS unit from the current CSS unit selections.\n *\n * - If a single flat border radius is set, its unit will be used\n * - If individual corner selections, the most common of those will be used\n * - Failing any unit selections a default of 'px' is returned.\n *\n * @param {Object} selectedUnits Unit selections for flat radius & each corner.\n * @return {string} Most common CSS unit from current selections. Default: `px`.\n */\nexport function getAllUnit( selectedUnits = {} ) {\n\tconst { flat, ...cornerUnits } = selectedUnits;\n\treturn (\n\t\tflat || mode( Object.values( cornerUnits ).filter( Boolean ) ) || 'px'\n\t);\n}\n\n/**\n * Gets the 'all' input value and unit from values data.\n *\n * @param {Object|string} values Radius values.\n * @return {string}              A value + unit for the 'all' input.\n */\nexport function getAllValue( values = {} ) {\n\t/**\n\t * Border radius support was originally a single pixel value.\n\t *\n\t * To maintain backwards compatibility treat this case as the all value.\n\t */\n\tif ( typeof values === 'string' ) {\n\t\treturn values;\n\t}\n\n\tconst parsedQuantitiesAndUnits = Object.values( values ).map( ( value ) => {\n\t\tconst newValue = parseQuantityAndUnitFromRawValue( value );\n\t\tif ( typeof value === 'string' && newValue[ 0 ] === undefined ) {\n\t\t\treturn [ value, '' ];\n\t\t}\n\t\treturn newValue;\n\t} );\n\n\tconst allValues = parsedQuantitiesAndUnits.map(\n\t\t( value ) => value[ 0 ] ?? ''\n\t);\n\tconst allUnits = parsedQuantitiesAndUnits.map( ( value ) => value[ 1 ] );\n\n\tconst value = allValues.every( ( v ) => v === allValues[ 0 ] )\n\t\t? allValues[ 0 ]\n\t\t: '';\n\tconst unit = mode( allUnits );\n\n\tconst allValue =\n\t\tvalue === 0 || value ? `${ value }${ unit || '' }` : undefined;\n\n\treturn allValue;\n}\n\n/**\n * Checks to determine if values are mixed.\n *\n * @param {Object} values Radius values.\n * @return {boolean}      Whether values are mixed.\n */\nexport function hasMixedValues( values = {} ) {\n\tif ( typeof values === 'string' ) {\n\t\treturn false;\n\t}\n\n\tif ( ! values || typeof values !== 'object' ) {\n\t\treturn false;\n\t}\n\n\tconst cornerValues = Object.values( values );\n\n\tif ( cornerValues.length === 0 ) {\n\t\treturn false;\n\t}\n\n\tconst firstValue = cornerValues[ 0 ];\n\n\t// Check if all values are exactly the same (including undefined)\n\tconst allSame = cornerValues.every( ( value ) => value === firstValue );\n\n\treturn ! allSame;\n}\n\n/**\n * Checks to determine if values are defined.\n *\n * @param {Object} values Radius values.\n * @return {boolean}      Whether values are mixed.\n */\nexport function hasDefinedValues( values ) {\n\tif ( ! values ) {\n\t\treturn false;\n\t}\n\n\t// A string value represents a shorthand value.\n\tif ( typeof values === 'string' ) {\n\t\treturn true;\n\t}\n\n\t// An object represents longhand border radius values, if any are set\n\t// flag values as being defined.\n\tconst filteredValues = Object.values( values ).filter( ( value ) => {\n\t\treturn !! value || value === 0;\n\t} );\n\n\treturn !! filteredValues.length;\n}\n\n/**\n * Checks is given value is a radius preset.\n *\n * @param {string} value Value to check\n *\n * @return {boolean} Return true if value is string in format var:preset|border-radius|.\n */\nexport function isValuePreset( value ) {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\treturn value === '0' || value.includes( 'var:preset|border-radius|' );\n}\n\n/**\n * Returns the slug section of the given preset string.\n *\n * @param {string} value Value to extract slug from.\n *\n * @return {string|undefined} The value slug from given preset.\n */\nexport function getPresetSlug( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' || value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match( /var:preset\\|border-radius\\|(.+)/ );\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/**\n * Converts radius preset value into a Range component value .\n *\n * @param {string} presetValue Value to convert to Range value.\n * @param {Array}  presets     Array of current radius preset value objects.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, presets ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getPresetSlug( presetValue );\n\tconst sliderValue = presets.findIndex( ( size ) => {\n\t\treturn String( size.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\n/**\n * Converts a preset into a custom value.\n *\n * @param {string} value   Value to convert\n * @param {Array}  presets Array of the current radius preset objects\n *\n * @return {string} Mapping of the radius preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, presets ) {\n\tif ( ! isValuePreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = parseFloat( value, 10 ) === 0 ? '0' : getPresetSlug( value );\n\tconst radiusSize = presets.find( ( size ) => String( size.slug ) === slug );\n\n\treturn radiusSize?.size;\n}\n\n/**\n * Converts a control value into a preset value.\n *\n * @param {number} controlValue to convert to preset value.\n * @param {string} controlType  Type of control\n * @param {Array}  presets      Array of current radius preset value objects.\n *\n * @return {string} The custom value for use in Range control.\n */\nexport function getPresetValueFromControlValue(\n\tcontrolValue,\n\tcontrolType,\n\tpresets\n) {\n\tconst size = parseInt( controlValue, 10 );\n\tif ( controlType === 'selectList' ) {\n\t\tif ( size === 0 ) {\n\t\t\treturn undefined;\n\t\t}\n\t} else if ( size === 0 ) {\n\t\treturn '0';\n\t}\n\n\treturn `var:preset|border-radius|${ presets[ controlValue ]?.slug }`;\n}\n\n/**\n * Converts a custom value to preset value if one can be found.\n *\n * Returns value as-is if no match is found.\n *\n * @param {string} value   Value to convert\n * @param {Array}  presets Array of the current border radius preset objects\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue( value, presets ) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value || isValuePreset( value ) || value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = presets.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|border-radius|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/**\n * Converts all preset values in a values object to their custom equivalents.\n *\n * @param {Object} values  Values object to convert\n * @param {Array}  presets Array of current border radius preset objects\n *\n * @return {Object} Values with presets converted to custom values\n */\nexport function convertPresetsToCustomValues( values, presets ) {\n\tif ( ! values || typeof values !== 'object' ) {\n\t\treturn values;\n\t}\n\n\tconst converted = {};\n\tObject.keys( values ).forEach( ( key ) => {\n\t\tconst value = values[ key ];\n\t\tif ( isValuePreset( value ) ) {\n\t\t\tconst customValue = getCustomValueFromPreset( value, presets );\n\t\t\tconverted[ key ] = customValue !== undefined ? customValue : value;\n\t\t} else {\n\t\t\tconverted[ key ] = value;\n\t\t}\n\t} );\n\n\treturn converted;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue } from '@wordpress/components';\nimport {\n\tgetCustomValueFromPreset,\n\tisValuePreset,\n} from '../preset-input-control/utils';\n\nconst BORDER_RADIUS_PRESET_TYPE = 'border-radius';\n\n/**\n * Gets the (non-undefined) item with the highest occurrence within an array\n * Based in part on: https://stackoverflow.com/a/20762713\n *\n * Undefined values are always sorted to the end by `sort`, so this function\n * returns the first element, to always prioritize real values over undefined\n * values.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#description\n *\n * @param {Array<any>} inputArray Array of items to check.\n * @return {any}                  The item with the most occurrences.\n */\nexport function mode( inputArray ) {\n\tconst arr = [ ...inputArray ];\n\treturn arr\n\t\t.sort(\n\t\t\t( a, b ) =>\n\t\t\t\tinputArray.filter( ( v ) => v === b ).length -\n\t\t\t\tinputArray.filter( ( v ) => v === a ).length\n\t\t)\n\t\t.shift();\n}\n\n/**\n * Returns the most common CSS unit from the current CSS unit selections.\n *\n * - If a single flat border radius is set, its unit will be used\n * - If individual corner selections, the most common of those will be used\n * - Failing any unit selections a default of 'px' is returned.\n *\n * @param {Object} selectedUnits Unit selections for flat radius & each corner.\n * @return {string} Most common CSS unit from current selections. Default: `px`.\n */\nexport function getAllUnit( selectedUnits = {} ) {\n\tconst { flat, ...cornerUnits } = selectedUnits;\n\treturn (\n\t\tflat || mode( Object.values( cornerUnits ).filter( Boolean ) ) || 'px'\n\t);\n}\n\n/**\n * Gets the 'all' input value and unit from values data.\n *\n * @param {Object|string} values Radius values.\n * @return {string}              A value + unit for the 'all' input.\n */\nexport function getAllValue( values = {} ) {\n\t/**\n\t * Border radius support was originally a single pixel value.\n\t *\n\t * To maintain backwards compatibility treat this case as the all value.\n\t */\n\tif ( typeof values === 'string' ) {\n\t\treturn values;\n\t}\n\n\tconst parsedQuantitiesAndUnits = Object.values( values ).map( ( value ) => {\n\t\tconst newValue = parseQuantityAndUnitFromRawValue( value );\n\t\tif ( typeof value === 'string' && newValue[ 0 ] === undefined ) {\n\t\t\treturn [ value, '' ];\n\t\t}\n\t\treturn newValue;\n\t} );\n\n\tconst allValues = parsedQuantitiesAndUnits.map(\n\t\t( value ) => value[ 0 ] ?? ''\n\t);\n\tconst allUnits = parsedQuantitiesAndUnits.map( ( value ) => value[ 1 ] );\n\n\tconst value = allValues.every( ( v ) => v === allValues[ 0 ] )\n\t\t? allValues[ 0 ]\n\t\t: '';\n\tconst unit = mode( allUnits );\n\n\tconst allValue =\n\t\tvalue === 0 || value ? `${ value }${ unit || '' }` : undefined;\n\n\treturn allValue;\n}\n\n/**\n * Checks to determine if values are mixed.\n *\n * @param {Object} values Radius values.\n * @return {boolean}      Whether values are mixed.\n */\nexport function hasMixedValues( values = {} ) {\n\tif ( typeof values === 'string' ) {\n\t\treturn false;\n\t}\n\n\tif ( ! values || typeof values !== 'object' ) {\n\t\treturn false;\n\t}\n\n\tconst cornerValues = Object.values( values );\n\n\tif ( cornerValues.length === 0 ) {\n\t\treturn false;\n\t}\n\n\tconst firstValue = cornerValues[ 0 ];\n\n\t// Check if all values are exactly the same (including undefined)\n\tconst allSame = cornerValues.every( ( value ) => value === firstValue );\n\n\treturn ! allSame;\n}\n\n/**\n * Checks to determine if values are defined.\n *\n * @param {Object} values Radius values.\n * @return {boolean}      Whether values are mixed.\n */\nexport function hasDefinedValues( values ) {\n\tif ( ! values ) {\n\t\treturn false;\n\t}\n\n\t// A string value represents a shorthand value.\n\tif ( typeof values === 'string' ) {\n\t\treturn true;\n\t}\n\n\t// An object represents longhand border radius values, if any are set\n\t// flag values as being defined.\n\tconst filteredValues = Object.values( values ).filter( ( value ) => {\n\t\treturn !! value || value === 0;\n\t} );\n\n\treturn !! filteredValues.length;\n}\n\n/**\n * Converts a control value into a preset value.\n *\n * @param {number} controlValue to convert to preset value.\n * @param {string} controlType  Type of control\n * @param {Array}  presets      Array of current radius preset value objects.\n *\n * @return {string} The custom value for use in Range control.\n */\nexport function getPresetValueFromControlValue(\n\tcontrolValue,\n\tcontrolType,\n\tpresets\n) {\n\tconst size = parseInt( controlValue, 10 );\n\tif ( controlType === 'selectList' ) {\n\t\tif ( size === 0 ) {\n\t\t\treturn undefined;\n\t\t}\n\t} else if ( size === 0 ) {\n\t\treturn '0';\n\t}\n\n\treturn `var:preset|border-radius|${ presets[ controlValue ]?.slug }`;\n}\n\n/**\n * Converts all preset values in a values object to their custom equivalents.\n *\n * @param {Object} values  Values object to convert\n * @param {Array}  presets Array of current border radius preset objects\n *\n * @return {Object} Values with presets converted to custom values\n */\nexport function convertPresetsToCustomValues( values, presets ) {\n\tif ( ! values || typeof values !== 'object' ) {\n\t\treturn values;\n\t}\n\n\tconst converted = {};\n\tObject.keys( values ).forEach( ( key ) => {\n\t\tconst value = values[ key ];\n\t\tif ( isValuePreset( value, BORDER_RADIUS_PRESET_TYPE ) ) {\n\t\t\tconst customValue = getCustomValueFromPreset(\n\t\t\t\tvalue,\n\t\t\t\tpresets,\n\t\t\t\tBORDER_RADIUS_PRESET_TYPE\n\t\t\t);\n\t\t\tconverted[ key ] = customValue !== undefined ? customValue : value;\n\t\t} else {\n\t\t\tconverted[ key ] = value;\n\t\t}\n\t} );\n\n\treturn converted;\n}\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/build-module/components/button-block-appender/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button-block-appender/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex, onSelect },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\tonSelectOrClose={ ( ...args ) => {\n\t\t\t\tif ( onSelect && typeof onSelect === 'function' ) {\n\t\t\t\t\tonSelect( ...args );\n\t\t\t\t}\n\t\t\t} }\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t\tappenderLabel,\n\t\t\t} ) => {\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet label;\n\t\t\t\tif ( appenderLabel ) {\n\t\t\t\t\t// Block returns the full label; use directly (consistent with getBlockLabel).\n\t\t\t\t\tlabel = appenderLabel;\n\t\t\t\t} else if ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle.toLowerCase()\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t// Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.\n\t\t\t\t\t// eslint-disable-next-line @wordpress/components-no-unsafe-button-disabled\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],
-  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,eAAe;AAC5B,SAAS,MAAM,YAAY;AAC3B,OAAO,gBAAgB;AAKvB,OAAO,cAAc;AA8Df;AA5DN,SAAS,oBACR,EAAE,cAAc,WAAW,SAAS,UAAU,SAAS,GACvD,KACC;AACD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAS;AAAA,MACT;AAAA,MACA,uBAAqB;AAAA,MACrB,iBAAkB,IAAK,SAAU;AAChC,YAAK,YAAY,OAAO,aAAa,YAAa;AACjD,mBAAU,GAAG,IAAK;AAAA,QACnB;AAAA,MACD;AAAA,MACA,cAAe,CAAE;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,MAAO;AACN,cAAM,iBAAiB,CAAE;AAEzB,YAAI;AACJ,YAAK,eAAgB;AAEpB,kBAAQ;AAAA,QACT,WAAY,oBAAqB;AAChC,kBAAQ;AAAA;AAAA,YAEP,GAAI,UAAU,qCAAsC;AAAA,YACpD,WAAW,YAAY;AAAA,UACxB;AAAA,QACD,OAAO;AACN,kBAAQ;AAAA,YACP;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAEA;AAAA;AAAA;AAAA,UAGC;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAY;AAAA,gBACX;AAAA,gBACA;AAAA,cACD;AAAA,cACA,SAAU;AAAA,cACV,iBAAgB,iBAAiB,SAAS;AAAA,cAC1C,iBAAgB,iBAAiB,SAAS;AAAA,cAC1C;AAAA,cACA;AAAA,cACA,aAAW;AAAA,cAEX,8BAAC,QAAK,MAAO,MAAO;AAAA;AAAA,UACrB;AAAA;AAAA,MAEF;AAAA,MACA,YAAU;AAAA;AAAA,EACX;AAEF;AAOO,IAAM,wBAAwB,WAAY,CAAE,OAAO,QAAS;AAClE,aAAY,wCAAwC;AAAA,IACnD,aAAa;AAAA,IACb,OAAO;AAAA,EACR,CAAE;AAEF,SAAO,oBAAqB,OAAO,GAAI;AACxC,CAAE;AAKF,IAAO,gCAAQ,WAAY,mBAAoB;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { Button } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex, onSelect },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\tonSelectOrClose={ ( ...args ) => {\n\t\t\t\tif ( onSelect && typeof onSelect === 'function' ) {\n\t\t\t\t\tonSelect( ...args );\n\t\t\t\t}\n\t\t\t} }\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t\tappenderLabel,\n\t\t\t} ) => {\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet label;\n\t\t\t\tif ( appenderLabel ) {\n\t\t\t\t\t// Block returns the full label; use directly (consistent with getBlockLabel).\n\t\t\t\t\tlabel = appenderLabel;\n\t\t\t\t} else if ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle.toLowerCase()\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t// Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.\n\t\t\t\t\t// eslint-disable-next-line @wordpress/components-no-unsafe-button-disabled\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],
+  "mappings": ";AAAA,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,eAAe;AAC5B,SAAS,MAAM,YAAY;AAC3B,OAAO,gBAAgB;AACvB,OAAO,cAAc;AA8Df;AA5DN,SAAS,oBACR,EAAE,cAAc,WAAW,SAAS,UAAU,SAAS,GACvD,KACC;AACD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAS;AAAA,MACT;AAAA,MACA,uBAAqB;AAAA,MACrB,iBAAkB,IAAK,SAAU;AAChC,YAAK,YAAY,OAAO,aAAa,YAAa;AACjD,mBAAU,GAAG,IAAK;AAAA,QACnB;AAAA,MACD;AAAA,MACA,cAAe,CAAE;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,MAAO;AACN,cAAM,iBAAiB,CAAE;AAEzB,YAAI;AACJ,YAAK,eAAgB;AAEpB,kBAAQ;AAAA,QACT,WAAY,oBAAqB;AAChC,kBAAQ;AAAA;AAAA,YAEP,GAAI,UAAU,qCAAsC;AAAA,YACpD,WAAW,YAAY;AAAA,UACxB;AAAA,QACD,OAAO;AACN,kBAAQ;AAAA,YACP;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAEA;AAAA;AAAA;AAAA,UAGC;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAY;AAAA,gBACX;AAAA,gBACA;AAAA,cACD;AAAA,cACA,SAAU;AAAA,cACV,iBAAgB,iBAAiB,SAAS;AAAA,cAC1C,iBAAgB,iBAAiB,SAAS;AAAA,cAC1C;AAAA,cACA;AAAA,cACA,aAAW;AAAA,cAEX,8BAAC,QAAK,MAAO,MAAO;AAAA;AAAA,UACrB;AAAA;AAAA,MAEF;AAAA,MACA,YAAU;AAAA;AAAA,EACX;AAEF;AAOO,IAAM,wBAAwB,WAAY,CAAE,OAAO,QAAS;AAClE,aAAY,wCAAwC;AAAA,IACnD,aAAa;AAAA,IACb,OAAO;AAAA,EACR,CAAE;AAEF,SAAO,oBAAqB,OAAO,GAAI;AACxC,CAAE;AAKF,IAAO,gCAAQ,WAAY,mBAAoB;",
   "names": []
 }

package/build-module/components/child-layout-control/index.mjs

@@ -272,7 +272,6 @@ function GridControls({
           /* @__PURE__ */ jsx(FlexItem, { style: { width: "50%" }, children: /* @__PURE__ */ jsx(
             InputControl,
             {
-              size: "__unstable-large",
               label: __("Column span"),
               type: "number",
               onChange: (value) => {
@@ -293,7 +292,6 @@ function GridControls({
           /* @__PURE__ */ jsx(FlexItem, { style: { width: "50%" }, children: /* @__PURE__ */ jsx(
             InputControl,
             {
-              size: "__unstable-large",
               label: __("Row span"),
               type: "number",
               onChange: (value) => {
@@ -330,7 +328,6 @@ function GridControls({
           /* @__PURE__ */ jsx(FlexItem, { style: { width: "50%" }, children: /* @__PURE__ */ jsx(
             InputControl,
             {
-              size: "__unstable-large",
               label: __("Column"),
               type: "number",
               onChange: (value) => {
@@ -360,7 +357,6 @@ function GridControls({
           /* @__PURE__ */ jsx(FlexItem, { style: { width: "50%" }, children: /* @__PURE__ */ jsx(
             InputControl,
             {
-              size: "__unstable-large",
               label: __("Row"),
               type: "number",
               onChange: (value) => {