npm - @wordpress/block-editor - Versions diffs - 16.1.0 → 17.0.0 - Mend

@wordpress/block-editor 16.1.0 → 17.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2026) hide show

package/build/components/rich-text/multiline.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/rich-text/multiline.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ENTER } from '@wordpress/keycodes';\nimport { create, split, toHTMLString } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport { RichTextWrapper } from './';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit';\nimport { getMultilineTag } from './utils';\n\nfunction RichTextMultiline(\n\t{\n\t\tchildren,\n\t\tidentifier,\n\t\ttagName: TagName = 'div',\n\t\tvalue = '',\n\t\tonChange,\n\t\tmultiline,\n\t\t...props\n\t},\n\tforwardedRef\n) {\n\tdeprecated( 'wp.blockEditor.RichText multiline prop', {\n\t\tsince: '6.1',\n\t\tversion: '6.3',\n\t\talternative: 'nested blocks (InnerBlocks)',\n\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/',\n\t} );\n\n\tconst { clientId } = useBlockEditContext();\n\tconst { getSelectionStart, getSelectionEnd } =\n\t\tuseSelect( blockEditorStore );\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\n\tconst multilineTagName = getMultilineTag( multiline );\n\tvalue = value || `<${ multilineTagName }></${ multilineTagName }>`;\n\tconst padded = `</${ multilineTagName }>${ value }<${ multilineTagName }>`;\n\tconst values = padded.split(\n\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t);\n\n\tvalues.shift();\n\tvalues.pop();\n\n\tfunction _onChange( newValues ) {\n\t\tonChange(\n\t\t\t`<${ multilineTagName }>${ newValues.join(\n\t\t\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t\t\t) }</${ multilineTagName }>`\n\t\t);\n\t}\n\n\treturn (\n\t\t<TagName ref={ forwardedRef }>\n\t\t\t{ values.map( ( _value, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RichTextWrapper\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tidentifier={ `${ identifier }-${ index }` }\n\t\t\t\t\t\ttagName={ multilineTagName }\n\t\t\t\t\t\tvalue={ _value }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tnewValues[ index ] = newValue;\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisSelected={ undefined }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tif ( event.keyCode !== ENTER ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\t\tconst { offset: start } = getSelectionStart();\n\t\t\t\t\t\t\tconst { offset: end } = getSelectionEnd();\n\n\t\t\t\t\t\t\t// Cannot split if there is no selection.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\ttypeof start !== 'number' ||\n\t\t\t\t\t\t\t\ttypeof end !== 'number'\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst richTextValue = create( { html: _value } );\n\t\t\t\t\t\t\trichTextValue.start = start;\n\t\t\t\t\t\t\trichTextValue.end = end;\n\n\t\t\t\t\t\t\tconst array = split( richTextValue ).map( ( v ) =>\n\t\t\t\t\t\t\t\ttoHTMLString( { value: v } )\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tnewValues.splice( index, 1, ...array );\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t\tselectionChange(\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\t`${ identifier }-${ index + 1 }`,\n\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMerge={ ( forward ) => {\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tlet offset = 0;\n\t\t\t\t\t\t\tif ( forward ) {\n\t\t\t\t\t\t\t\tif ( ! newValues[ index + 1 ] ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t2,\n\t\t\t\t\t\t\t\t\tnewValues[ index ] + newValues[ index + 1 ]\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\toffset = newValues[ index ].length - 1;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif ( ! newValues[ index - 1 ] ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\t\t\t\tindex - 1,\n\t\t\t\t\t\t\t\t\t2,\n\t\t\t\t\t\t\t\t\tnewValues[ index - 1 ] + newValues[ index ]\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\toffset = newValues[ index - 1 ].length - 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t\tselectionChange(\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\t`${ identifier }-${\n\t\t\t\t\t\t\t\t\tindex - ( forward ? 0 : 1 )\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t\t\toffset\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</TagName>\n\t);\n}\n\nexport default forwardRef( RichTextMultiline );\n"],
-  "mappings": "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",
-  "names": ["deprecated", "blockEditorStore"]
+  "sourcesContent": ["import { forwardRef, useInsertionEffect, useRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ENTER } from '@wordpress/keycodes';\nimport {\n\tcreate,\n\tsplit,\n\ttoHTMLString,\n\tprivateApis as richTextPrivateApis,\n} from '@wordpress/rich-text';\nimport { useRefEffect } from '@wordpress/compose';\nimport { RichTextWrapper } from './';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit';\nimport { getMultilineTag } from './utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { subscribeOwnedListener } = unlock( richTextPrivateApis );\n\nfunction useEnterRef( props ) {\n\tconst { getSelectionStart, getSelectionEnd } =\n\t\tuseSelect( blockEditorStore );\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tif ( event.keyCode !== ENTER ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\n\t\t\tconst { value, values, onChange, index, identifier, clientId } =\n\t\t\t\tprops.current;\n\t\t\tconst { offset: start } = getSelectionStart();\n\t\t\tconst { offset: end } = getSelectionEnd();\n\n\t\t\t// Cannot split if there is no selection.\n\t\t\tif ( typeof start !== 'number' || typeof end !== 'number' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst richTextValue = create( { html: value } );\n\t\t\trichTextValue.start = start;\n\t\t\trichTextValue.end = end;\n\n\t\t\tconst array = split( richTextValue ).map( ( v ) =>\n\t\t\t\ttoHTMLString( { value: v } )\n\t\t\t);\n\n\t\t\tconst newValues = values.slice();\n\t\t\tnewValues.splice( index, 1, ...array );\n\t\t\tonChange( newValues );\n\t\t\tselectionChange( clientId, `${ identifier }-${ index + 1 }`, 0, 0 );\n\t\t}\n\t\t// Capture phase so this runs before the generic rich text enter\n\t\t// listener, which skips events that already had their default\n\t\t// prevented.\n\t\treturn subscribeOwnedListener( element, 'keydown', onKeyDown, true );\n\t}, [] );\n}\n\nfunction Line( lineProps ) {\n\tconst {\n\t\tvalue,\n\t\tvalues,\n\t\tonChange,\n\t\tindex,\n\t\tidentifier,\n\t\tmultilineTagName,\n\t\t...props\n\t} = lineProps;\n\tconst { clientId } = useBlockEditContext();\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\tconst latestRef = useRef();\n\tuseInsertionEffect( () => {\n\t\tlatestRef.current = { ...lineProps, clientId };\n\t} );\n\tconst ref = useEnterRef( latestRef );\n\treturn (\n\t\t<RichTextWrapper\n\t\t\tkey={ index }\n\t\t\tidentifier={ `${ identifier }-${ index }` }\n\t\t\ttagName={ multilineTagName }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tconst newValues = values.slice();\n\t\t\t\tnewValues[ index ] = newValue;\n\t\t\t\tonChange( newValues );\n\t\t\t} }\n\t\t\tisSelected={ undefined }\n\t\t\tref={ ref }\n\t\t\tonMerge={ ( forward ) => {\n\t\t\t\tconst newValues = values.slice();\n\t\t\t\tlet offset = 0;\n\t\t\t\tif ( forward ) {\n\t\t\t\t\tif ( ! newValues[ index + 1 ] ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\t2,\n\t\t\t\t\t\tnewValues[ index ] + newValues[ index + 1 ]\n\t\t\t\t\t);\n\t\t\t\t\toffset = newValues[ index ].length - 1;\n\t\t\t\t} else {\n\t\t\t\t\tif ( ! newValues[ index - 1 ] ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\tindex - 1,\n\t\t\t\t\t\t2,\n\t\t\t\t\t\tnewValues[ index - 1 ] + newValues[ index ]\n\t\t\t\t\t);\n\t\t\t\t\toffset = newValues[ index - 1 ].length - 1;\n\t\t\t\t}\n\t\t\t\tonChange( newValues );\n\t\t\t\tselectionChange(\n\t\t\t\t\tclientId,\n\t\t\t\t\t`${ identifier }-${ index - ( forward ? 0 : 1 ) }`,\n\t\t\t\t\toffset,\n\t\t\t\t\toffset\n\t\t\t\t);\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction RichTextMultiline(\n\t{\n\t\tchildren,\n\t\tidentifier,\n\t\ttagName: TagName = 'div',\n\t\tvalue = '',\n\t\tonChange,\n\t\tmultiline,\n\t\t...props\n\t},\n\tforwardedRef\n) {\n\tdeprecated( 'wp.blockEditor.RichText multiline prop', {\n\t\tsince: '6.1',\n\t\tversion: '6.3',\n\t\talternative: 'nested blocks (InnerBlocks)',\n\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/',\n\t} );\n\n\tconst multilineTagName = getMultilineTag( multiline );\n\tvalue = value || `<${ multilineTagName }></${ multilineTagName }>`;\n\tconst padded = `</${ multilineTagName }>${ value }<${ multilineTagName }>`;\n\tconst values = padded.split(\n\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t);\n\n\tvalues.shift();\n\tvalues.pop();\n\n\tfunction _onChange( newValues ) {\n\t\tonChange(\n\t\t\t`<${ multilineTagName }>${ newValues.join(\n\t\t\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t\t\t) }</${ multilineTagName }>`\n\t\t);\n\t}\n\n\treturn (\n\t\t<TagName ref={ forwardedRef }>\n\t\t\t{ values.map( ( _value, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Line\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvalues={ values }\n\t\t\t\t\t\tvalue={ _value }\n\t\t\t\t\t\tonChange={ _onChange }\n\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\tidentifier={ identifier }\n\t\t\t\t\t\tmultilineTagName={ multilineTagName }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</TagName>\n\t);\n}\n\nexport default forwardRef( RichTextMultiline );\n"],
+  "mappings": "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",
+  "names": ["richTextPrivateApis", "blockEditorStore", "deprecated"]
 }

package/build/components/rich-text/prevent-event-discovery.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/rich-text/prevent-event-discovery.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { insert } from '@wordpress/rich-text';\n\nexport function preventEventDiscovery( value ) {\n\tconst searchText = 'tales of gutenberg';\n\tconst addText =\n\t\t' 🐡🐢🦀🐤🦋🐘🐧🐹🦁🦄🦍🐼🐿🎃🐴🐝🐆🦕🦔🌱🍇π🍌🐉💧🥨🌌🍂🍠🥦🥚🥝🎟🥥🥒🛵🥖🍒🍯🎾🎲🐺🐚🐮⌛️';\n\tconst { start, text } = value;\n\n\tif ( start < searchText.length ) {\n\t\treturn value;\n\t}\n\n\tconst charactersBefore = text.slice( start - searchText.length, start );\n\n\tif ( charactersBefore.toLowerCase() !== searchText ) {\n\t\treturn value;\n\t}\n\n\treturn insert( value, addText );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAuB;AAEhB,SAAS,sBAAuB,OAAQ;AAC9C,QAAM,aAAa;AACnB,QAAM,UACL;AACD,QAAM,EAAE,OAAO,KAAK,IAAI;AAExB,MAAK,QAAQ,WAAW,QAAS;AAChC,WAAO;AAAA,EACR;AAEA,QAAM,mBAAmB,KAAK,MAAO,QAAQ,WAAW,QAAQ,KAAM;AAEtE,MAAK,iBAAiB,YAAY,MAAM,YAAa;AACpD,WAAO;AAAA,EACR;AAEA,aAAO,yBAAQ,OAAO,OAAQ;AAC/B;",
+  "sourcesContent": ["import { insert } from '@wordpress/rich-text';\n\nexport function preventEventDiscovery( value ) {\n\tconst searchText = 'tales of gutenberg';\n\tconst addText =\n\t\t' 🐡🐢🦀🐤🦋🐘🐧🐹🦁🦄🦍🐼🐿🎃🐴🐝🐆🦕🦔🌱🍇π🍌🐉💧🥨🌌🍂🍠🥦🥚🥝🎟🥥🥒🛵🥖🍒🍯🎾🎲🐺🐚🐮⌛️';\n\tconst { start, text } = value;\n\n\tif ( start < searchText.length ) {\n\t\treturn value;\n\t}\n\n\tconst charactersBefore = text.slice( start - searchText.length, start );\n\n\tif ( charactersBefore.toLowerCase() !== searchText ) {\n\t\treturn value;\n\t}\n\n\treturn insert( value, addText );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAuB;AAEhB,SAAS,sBAAuB,OAAQ;AAC9C,QAAM,aAAa;AACnB,QAAM,UACL;AACD,QAAM,EAAE,OAAO,KAAK,IAAI;AAExB,MAAK,QAAQ,WAAW,QAAS;AAChC,WAAO;AAAA,EACR;AAEA,QAAM,mBAAmB,KAAK,MAAO,QAAQ,WAAW,QAAQ,KAAM;AAEtE,MAAK,iBAAiB,YAAY,MAAM,YAAa;AACpD,WAAO;AAAA,EACR;AAEA,aAAO,yBAAQ,OAAO,OAAQ;AAC/B;",
   "names": []
 }

package/build/components/rich-text/toolbar-button.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/rich-text/toolbar-button.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Fill, ToolbarButton } from '@wordpress/components';\nimport { displayShortcut } from '@wordpress/keycodes';\n\nexport function RichTextToolbarButton( {\n\tname,\n\tshortcutType,\n\tshortcutCharacter,\n\t...props\n} ) {\n\tlet shortcut;\n\tlet fillName = 'RichText.ToolbarControls';\n\n\tif ( name ) {\n\t\tfillName += `.${ name }`;\n\t}\n\n\tif ( shortcutType && shortcutCharacter ) {\n\t\tshortcut = displayShortcut[ shortcutType ]( shortcutCharacter );\n\t}\n\n\treturn (\n\t\t<Fill name={ fillName }>\n\t\t\t<ToolbarButton { ...props } shortcut={ shortcut } />\n\t\t</Fill>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAoC;AACpC,sBAAgC;AAqB7B;AAnBI,SAAS,sBAAuB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,MAAI;AACJ,MAAI,WAAW;AAEf,MAAK,MAAO;AACX,gBAAY,IAAK,IAAK;AAAA,EACvB;AAEA,MAAK,gBAAgB,mBAAoB;AACxC,eAAW,gCAAiB,YAAa,EAAG,iBAAkB;AAAA,EAC/D;AAEA,SACC,4CAAC,0BAAK,MAAO,UACZ,sDAAC,mCAAgB,GAAG,OAAQ,UAAsB,GACnD;AAEF;",
+  "sourcesContent": ["import { Fill, ToolbarButton } from '@wordpress/components';\nimport { displayShortcut } from '@wordpress/keycodes';\n\nexport function RichTextToolbarButton( {\n\tname,\n\tshortcutType,\n\tshortcutCharacter,\n\t...props\n} ) {\n\tlet shortcut;\n\tlet fillName = 'RichText.ToolbarControls';\n\n\tif ( name ) {\n\t\tfillName += `.${ name }`;\n\t}\n\n\tif ( shortcutType && shortcutCharacter ) {\n\t\tshortcut = displayShortcut[ shortcutType ]( shortcutCharacter );\n\t}\n\n\treturn (\n\t\t<Fill name={ fillName }>\n\t\t\t<ToolbarButton { ...props } shortcut={ shortcut } />\n\t\t</Fill>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAoC;AACpC,sBAAgC;AAqB7B;AAnBI,SAAS,sBAAuB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,MAAI;AACJ,MAAI,WAAW;AAEf,MAAK,MAAO;AACX,gBAAY,IAAK,IAAK;AAAA,EACvB;AAEA,MAAK,gBAAgB,mBAAoB;AACxC,eAAW,gCAAiB,YAAa,EAAG,iBAAkB;AAAA,EAC/D;AAEA,SACC,4CAAC,0BAAK,MAAO,UACZ,sDAAC,mCAAgB,GAAG,OAAQ,UAAsB,GACnD;AAEF;",
   "names": []
 }

package/build/components/rich-text/use-mark-persistent.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/rich-text/use-mark-persistent.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport function useMarkPersistent( { html, value } ) {\n\tconst previousTextRef = useRef();\n\tconst hasActiveFormats = !! value.activeFormats?.length;\n\tconst { __unstableMarkLastChangeAsPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Must be set synchronously to make sure it applies to the last change.\n\tuseLayoutEffect( () => {\n\t\t// Ignore mount.\n\t\tif ( ! previousTextRef.current ) {\n\t\t\tpreviousTextRef.current = value.text;\n\t\t\treturn;\n\t\t}\n\n\t\t// Text input, so don't create an undo level for every character.\n\t\t// Create an undo level after 1 second of no input.\n\t\tif ( previousTextRef.current !== value.text ) {\n\t\t\tconst timeout = window.setTimeout( () => {\n\t\t\t\t__unstableMarkLastChangeAsPersistent();\n\t\t\t}, 1000 );\n\t\t\tpreviousTextRef.current = value.text;\n\t\t\treturn () => {\n\t\t\t\twindow.clearTimeout( timeout );\n\t\t\t};\n\t\t}\n\n\t\t__unstableMarkLastChangeAsPersistent();\n\t}, [ html, hasActiveFormats ] );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAwC;AACxC,kBAA4B;AAK5B,mBAA0C;AAEnC,SAAS,kBAAmB,EAAE,MAAM,MAAM,GAAI;AACpD,QAAM,sBAAkB,uBAAO;AAC/B,QAAM,mBAAmB,CAAC,CAAE,MAAM,eAAe;AACjD,QAAM,EAAE,qCAAqC,QAC5C,yBAAa,aAAAA,KAAiB;AAG/B,sCAAiB,MAAM;AAEtB,QAAK,CAAE,gBAAgB,SAAU;AAChC,sBAAgB,UAAU,MAAM;AAChC;AAAA,IACD;AAIA,QAAK,gBAAgB,YAAY,MAAM,MAAO;AAC7C,YAAM,UAAU,OAAO,WAAY,MAAM;AACxC,6CAAqC;AAAA,MACtC,GAAG,GAAK;AACR,sBAAgB,UAAU,MAAM;AAChC,aAAO,MAAM;AACZ,eAAO,aAAc,OAAQ;AAAA,MAC9B;AAAA,IACD;AAEA,yCAAqC;AAAA,EACtC,GAAG,CAAE,MAAM,gBAAiB,CAAE;AAC/B;",
+  "sourcesContent": ["import { useLayoutEffect, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '../../store';\n\nexport function useMarkPersistent( { html, value } ) {\n\tconst previousTextRef = useRef();\n\tconst hasActiveFormats = !! value.activeFormats?.length;\n\tconst { __unstableMarkLastChangeAsPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Must be set synchronously to make sure it applies to the last change.\n\tuseLayoutEffect( () => {\n\t\t// Ignore mount.\n\t\tif ( ! previousTextRef.current ) {\n\t\t\tpreviousTextRef.current = value.text;\n\t\t\treturn;\n\t\t}\n\n\t\t// Text input, so don't create an undo level for every character.\n\t\t// Create an undo level after 1 second of no input.\n\t\tif ( previousTextRef.current !== value.text ) {\n\t\t\tconst timeout = window.setTimeout( () => {\n\t\t\t\t__unstableMarkLastChangeAsPersistent();\n\t\t\t}, 1000 );\n\t\t\tpreviousTextRef.current = value.text;\n\t\t\treturn () => {\n\t\t\t\twindow.clearTimeout( timeout );\n\t\t\t};\n\t\t}\n\n\t\t__unstableMarkLastChangeAsPersistent();\n\t}, [ html, hasActiveFormats ] );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwC;AACxC,kBAA4B;AAC5B,mBAA0C;AAEnC,SAAS,kBAAmB,EAAE,MAAM,MAAM,GAAI;AACpD,QAAM,sBAAkB,uBAAO;AAC/B,QAAM,mBAAmB,CAAC,CAAE,MAAM,eAAe;AACjD,QAAM,EAAE,qCAAqC,QAC5C,yBAAa,aAAAA,KAAiB;AAG/B,sCAAiB,MAAM;AAEtB,QAAK,CAAE,gBAAgB,SAAU;AAChC,sBAAgB,UAAU,MAAM;AAChC;AAAA,IACD;AAIA,QAAK,gBAAgB,YAAY,MAAM,MAAO;AAC7C,YAAM,UAAU,OAAO,WAAY,MAAM;AACxC,6CAAqC;AAAA,MACtC,GAAG,GAAK;AACR,sBAAgB,UAAU,MAAM;AAChC,aAAO,MAAM;AACZ,eAAO,aAAc,OAAQ;AAAA,MAC9B;AAAA,IACD;AAEA,yCAAqC;AAAA,EACtC,GAAG,CAAE,MAAM,gBAAiB,CAAE;AAC/B;",
   "names": ["blockEditorStore"]
 }

package/build/components/rich-text/utils.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/rich-text/utils.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { renderToString } from '@wordpress/element';\nimport { createBlock } from '@wordpress/blocks';\n\nexport function addActiveFormats( value, activeFormats ) {\n\tif ( activeFormats?.length ) {\n\t\tlet index = value.formats.length;\n\n\t\twhile ( index-- ) {\n\t\t\tvalue.formats[ index ] = [\n\t\t\t\t...activeFormats,\n\t\t\t\t...( value.formats[ index ] || [] ),\n\t\t\t];\n\t\t}\n\t}\n}\n\n/**\n * Get the multiline tag based on the multiline prop.\n *\n * @param {?(string|boolean)} multiline The multiline prop.\n *\n * @return {string | undefined} The multiline tag.\n */\nexport function getMultilineTag( multiline ) {\n\tif ( multiline !== true && multiline !== 'p' && multiline !== 'li' ) {\n\t\treturn;\n\t}\n\n\treturn multiline === true ? 'p' : multiline;\n}\n\nexport function getAllowedFormats( { allowedFormats, disableFormats } ) {\n\tif ( disableFormats ) {\n\t\treturn getAllowedFormats.EMPTY_ARRAY;\n\t}\n\n\treturn allowedFormats;\n}\n\ngetAllowedFormats.EMPTY_ARRAY = [];\n\n/**\n * Creates a link from pasted URL.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function createLinkInParagraph( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA+B;AAC/B,oBAA4B;AAgDd;AA9CP,SAAS,iBAAkB,OAAO,eAAgB;AACxD,MAAK,eAAe,QAAS;AAC5B,QAAI,QAAQ,MAAM,QAAQ;AAE1B,WAAQ,SAAU;AACjB,YAAM,QAAS,KAAM,IAAI;AAAA,QACxB,GAAG;AAAA,QACH,GAAK,MAAM,QAAS,KAAM,KAAK,CAAC;AAAA,MACjC;AAAA,IACD;AAAA,EACD;AACD;AASO,SAAS,gBAAiB,WAAY;AAC5C,MAAK,cAAc,QAAQ,cAAc,OAAO,cAAc,MAAO;AACpE;AAAA,EACD;AAEA,SAAO,cAAc,OAAO,MAAM;AACnC;AAEO,SAAS,kBAAmB,EAAE,gBAAgB,eAAe,GAAI;AACvE,MAAK,gBAAiB;AACrB,WAAO,kBAAkB;AAAA,EAC1B;AAEA,SAAO;AACR;AAEA,kBAAkB,cAAc,CAAC;AAS1B,SAAS,sBAAuB,KAAK,WAAY;AACvD,QAAM,OAAO,4CAAC,OAAE,MAAO,KAAQ,eAAK;AACpC;AAAA,QACC,2BAAa,kBAAkB,EAAE,aAAS,+BAAgB,IAAK,EAAE,CAAE;AAAA,EACpE;AACD;",
+  "sourcesContent": ["import { renderToString } from '@wordpress/element';\nimport { createBlock } from '@wordpress/blocks';\n\nexport function addActiveFormats( value, activeFormats ) {\n\tif ( activeFormats?.length ) {\n\t\tlet index = value.formats.length;\n\n\t\twhile ( index-- ) {\n\t\t\tvalue.formats[ index ] = [\n\t\t\t\t...activeFormats,\n\t\t\t\t...( value.formats[ index ] || [] ),\n\t\t\t];\n\t\t}\n\t}\n}\n\n/**\n * Get the multiline tag based on the multiline prop.\n *\n * @param {?(string|boolean)} multiline The multiline prop.\n *\n * @return {string | undefined} The multiline tag.\n */\nexport function getMultilineTag( multiline ) {\n\tif ( multiline !== true && multiline !== 'p' && multiline !== 'li' ) {\n\t\treturn;\n\t}\n\n\treturn multiline === true ? 'p' : multiline;\n}\n\nexport function getAllowedFormats( { allowedFormats, disableFormats } ) {\n\tif ( disableFormats ) {\n\t\treturn getAllowedFormats.EMPTY_ARRAY;\n\t}\n\n\treturn allowedFormats;\n}\n\ngetAllowedFormats.EMPTY_ARRAY = [];\n\n/**\n * Creates a link from pasted URL.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function createLinkInParagraph( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,oBAA4B;AAgDd;AA9CP,SAAS,iBAAkB,OAAO,eAAgB;AACxD,MAAK,eAAe,QAAS;AAC5B,QAAI,QAAQ,MAAM,QAAQ;AAE1B,WAAQ,SAAU;AACjB,YAAM,QAAS,KAAM,IAAI;AAAA,QACxB,GAAG;AAAA,QACH,GAAK,MAAM,QAAS,KAAM,KAAK,CAAC;AAAA,MACjC;AAAA,IACD;AAAA,EACD;AACD;AASO,SAAS,gBAAiB,WAAY;AAC5C,MAAK,cAAc,QAAQ,cAAc,OAAO,cAAc,MAAO;AACpE;AAAA,EACD;AAEA,SAAO,cAAc,OAAO,MAAM;AACnC;AAEO,SAAS,kBAAmB,EAAE,gBAAgB,eAAe,GAAI;AACvE,MAAK,gBAAiB;AACrB,WAAO,kBAAkB;AAAA,EAC1B;AAEA,SAAO;AACR;AAEA,kBAAkB,cAAc,CAAC;AAS1B,SAAS,sBAAuB,KAAK,WAAY;AACvD,QAAM,OAAO,4CAAC,OAAE,MAAO,KAAQ,eAAK;AACpC;AAAA,QACC,2BAAa,kBAAkB,EAAE,aAAS,+BAAgB,IAAK,EAAE,CAAE;AAAA,EACpE;AACD;",
   "names": []
 }

package/build/components/rich-text/with-deprecations.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/rich-text/with-deprecations.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport { __unstableCreateElement } from '@wordpress/rich-text';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport RichTextMultiline from './multiline';\n\nexport function withDeprecations( Component ) {\n\treturn forwardRef( ( props, ref ) => {\n\t\tlet value = props.value;\n\t\tlet onChange = props.onChange;\n\n\t\t// Handle deprecated format.\n\t\tif ( Array.isArray( value ) ) {\n\t\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.3',\n\t\t\t\talternative: 'value prop as string',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t\t} );\n\n\t\t\tvalue = childrenSource.toHTML( props.value );\n\t\t\tonChange = ( newValue ) =>\n\t\t\t\tprops.onChange(\n\t\t\t\t\tchildrenSource.fromDOM(\n\t\t\t\t\t\t__unstableCreateElement( document, newValue ).childNodes\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t}\n\n\t\tconst NewComponent = props.multiline ? RichTextMultiline : Component;\n\n\t\treturn (\n\t\t\t<NewComponent\n\t\t\t\t{ ...props }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tref={ ref }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA2B;AAC3B,oBAA2C;AAC3C,uBAAwC;AACxC,wBAAuB;AAKvB,uBAA8B;AA4B3B;AA1BI,SAAS,iBAAkB,WAAY;AAC7C,aAAO,2BAAY,CAAE,OAAO,QAAS;AACpC,QAAI,QAAQ,MAAM;AAClB,QAAI,WAAW,MAAM;AAGrB,QAAK,MAAM,QAAS,KAAM,GAAI;AAC7B,4BAAAA,SAAY,uDAAuD;AAAA,QAClE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MACP,CAAE;AAEF,cAAQ,cAAAC,SAAe,OAAQ,MAAM,KAAM;AAC3C,iBAAW,CAAE,aACZ,MAAM;AAAA,QACL,cAAAA,SAAe;AAAA,cACd,0CAAyB,UAAU,QAAS,EAAE;AAAA,QAC/C;AAAA,MACD;AAAA,IACF;AAEA,UAAM,eAAe,MAAM,YAAY,iBAAAC,UAAoB;AAE3D,WACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,EAEF,CAAE;AACH;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport { __unstableCreateElement } from '@wordpress/rich-text';\nimport deprecated from '@wordpress/deprecated';\nimport RichTextMultiline from './multiline';\n\nexport function withDeprecations( Component ) {\n\treturn forwardRef( ( props, ref ) => {\n\t\tlet value = props.value;\n\t\tlet onChange = props.onChange;\n\n\t\t// Handle deprecated format.\n\t\tif ( Array.isArray( value ) ) {\n\t\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.3',\n\t\t\t\talternative: 'value prop as string',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t\t} );\n\n\t\t\tvalue = childrenSource.toHTML( props.value );\n\t\t\tonChange = ( newValue ) =>\n\t\t\t\tprops.onChange(\n\t\t\t\t\tchildrenSource.fromDOM(\n\t\t\t\t\t\t__unstableCreateElement( document, newValue ).childNodes\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t}\n\n\t\tconst NewComponent = props.multiline ? RichTextMultiline : Component;\n\n\t\treturn (\n\t\t\t<NewComponent\n\t\t\t\t{ ...props }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tref={ ref }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,oBAA2C;AAC3C,uBAAwC;AACxC,wBAAuB;AACvB,uBAA8B;AA4B3B;AA1BI,SAAS,iBAAkB,WAAY;AAC7C,aAAO,2BAAY,CAAE,OAAO,QAAS;AACpC,QAAI,QAAQ,MAAM;AAClB,QAAI,WAAW,MAAM;AAGrB,QAAK,MAAM,QAAS,KAAM,GAAI;AAC7B,4BAAAA,SAAY,uDAAuD;AAAA,QAClE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MACP,CAAE;AAEF,cAAQ,cAAAC,SAAe,OAAQ,MAAM,KAAM;AAC3C,iBAAW,CAAE,aACZ,MAAM;AAAA,QACL,cAAAA,SAAe;AAAA,cACd,0CAAyB,UAAU,QAAS,EAAE;AAAA,QAC/C;AAAA,MACD;AAAA,IACF;AAEA,UAAM,eAAe,MAAM,YAAY,iBAAAC,UAAoB;AAE3D,WACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,EAEF,CAAE;AACH;",
   "names": ["deprecated", "childrenSource", "RichTextMultiline"]
 }

package/build/components/selection-scroll-into-view/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/selection-scroll-into-view/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Scrolls the multi block selection end into view if not in view already. This\n * is important to do after selection by keyboard.\n *\n * @deprecated\n */\nexport function MultiSelectScrollIntoView() {\n\tdeprecated( 'wp.blockEditor.MultiSelectScrollIntoView', {\n\t\thint: 'This behaviour is now built-in.',\n\t\tsince: '5.8',\n\t} );\n\treturn null;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AAQhB,SAAS,4BAA4B;AAC3C,wBAAAA,SAAY,4CAA4C;AAAA,IACvD,MAAM;AAAA,IACN,OAAO;AAAA,EACR,CAAE;AACF,SAAO;AACR;",
+  "sourcesContent": ["import deprecated from '@wordpress/deprecated';\n\n/**\n * Scrolls the multi block selection end into view if not in view already. This\n * is important to do after selection by keyboard.\n *\n * @deprecated\n */\nexport function MultiSelectScrollIntoView() {\n\tdeprecated( 'wp.blockEditor.MultiSelectScrollIntoView', {\n\t\thint: 'This behaviour is now built-in.',\n\t\tsince: '5.8',\n\t} );\n\treturn null;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAQhB,SAAS,4BAA4B;AAC3C,wBAAAA,SAAY,4CAA4C;AAAA,IACvD,MAAM;AAAA,IACN,OAAO;AAAA,EACR,CAAE;AACF,SAAO;AACR;",
   "names": ["deprecated"]
 }

package/build/components/skip-to-selected-block/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/skip-to-selected-block/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockElementRef } from '../block-list/use-block-props/use-block-refs';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default function SkipToSelectedBlock() {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockSelectionStart(),\n\t\t[]\n\t);\n\tconst ref = useRef();\n\tuseBlockElementRef( selectedBlockClientId, ref );\n\tconst onClick = () => {\n\t\tref.current?.focus();\n\t};\n\n\treturn selectedBlockClientId ? (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName=\"block-editor-skip-to-selected-block\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ __( 'Skip to the selected block' ) }\n\t\t</Button>\n\t) : null;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAC1B,kBAAmB;AACnB,wBAAuB;AACvB,qBAAuB;AAKvB,mBAA0C;AAC1C,4BAAmC;AAiBjC;AAZa,SAAR,sBAAuC;AAC7C,QAAM,4BAAwB;AAAA,IAC7B,CAAE,WAAY,OAAQ,aAAAA,KAAiB,EAAE,uBAAuB;AAAA,IAChE,CAAC;AAAA,EACF;AACA,QAAM,UAAM,uBAAO;AACnB,gDAAoB,uBAAuB,GAAI;AAC/C,QAAM,UAAU,MAAM;AACrB,QAAI,SAAS,MAAM;AAAA,EACpB;AAEA,SAAO,wBACN;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,SAAQ;AAAA,MACR,WAAU;AAAA,MACV;AAAA,MAEE,8BAAI,4BAA6B;AAAA;AAAA,EACpC,IACG;AACL;",
+  "sourcesContent": ["import { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useRef } from '@wordpress/element';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockElementRef } from '../block-list/use-block-props/use-block-refs';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default function SkipToSelectedBlock() {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockSelectionStart(),\n\t\t[]\n\t);\n\tconst ref = useRef();\n\tuseBlockElementRef( selectedBlockClientId, ref );\n\tconst onClick = () => {\n\t\tref.current?.focus();\n\t};\n\n\treturn selectedBlockClientId ? (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName=\"block-editor-skip-to-selected-block\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ __( 'Skip to the selected block' ) }\n\t\t</Button>\n\t) : null;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAC1B,kBAAmB;AACnB,wBAAuB;AACvB,qBAAuB;AACvB,mBAA0C;AAC1C,4BAAmC;AAiBjC;AAZa,SAAR,sBAAuC;AAC7C,QAAM,4BAAwB;AAAA,IAC7B,CAAE,WAAY,OAAQ,aAAAA,KAAiB,EAAE,uBAAuB;AAAA,IAChE,CAAC;AAAA,EACF;AACA,QAAM,UAAM,uBAAO;AACnB,gDAAoB,uBAAuB,GAAI;AAC/C,QAAM,UAAU,MAAM;AACrB,QAAI,SAAS,MAAM;AAAA,EACpB;AAEA,SAAO,wBACN;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,SAAQ;AAAA,MACR,WAAU;AAAA,MACV;AAAA,MAEE,8BAAI,4BAA6B;AAAA;AAAA,EACpC,IACG;AACL;",
   "names": ["blockEditorStore"]
 }

package/build/components/spacing-sizes-control/hooks/use-spacing-sizes.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/spacing-sizes-control/hooks/use-spacing-sizes.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../use-settings';\nimport { RANGE_CONTROL_MAX_SIZE } from '../utils';\n\nconst EMPTY_ARRAY = [];\n\nconst compare = new Intl.Collator( 'und', { numeric: true } ).compare;\n\nexport default function useSpacingSizes() {\n\tconst [\n\t\tcustomSpacingSizes,\n\t\tthemeSpacingSizes,\n\t\tdefaultSpacingSizes,\n\t\tdefaultSpacingSizesEnabled,\n\t] = useSettings(\n\t\t'spacing.spacingSizes.custom',\n\t\t'spacing.spacingSizes.theme',\n\t\t'spacing.spacingSizes.default',\n\t\t'spacing.defaultSpacingSizes'\n\t);\n\n\tconst customSizes = customSpacingSizes ?? EMPTY_ARRAY;\n\n\tconst themeSizes = themeSpacingSizes ?? EMPTY_ARRAY;\n\n\tconst defaultSizes =\n\t\tdefaultSpacingSizes && defaultSpacingSizesEnabled !== false\n\t\t\t? defaultSpacingSizes\n\t\t\t: 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\t// Using numeric slugs opts-in to sorting by slug.\n\t\tif ( sizes.every( ( { slug } ) => /^[0-9]/.test( slug ) ) ) {\n\t\t\tsizes.sort( ( a, b ) => compare( a.slug, b.slug ) );\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAwB;AACxB,kBAAmB;AAKnB,0BAA4B;AAC5B,mBAAuC;AAEvC,IAAM,cAAc,CAAC;AAErB,IAAM,UAAU,IAAI,KAAK,SAAU,OAAO,EAAE,SAAS,KAAK,CAAE,EAAE;AAE/C,SAAR,kBAAmC;AACzC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,QAAM,cAAc,sBAAsB;AAE1C,QAAM,aAAa,qBAAqB;AAExC,QAAM,eACL,uBAAuB,+BAA+B,QACnD,sBACA;AAEJ,aAAO,wBAAS,MAAM;AACrB,UAAM,QAAQ;AAAA,MACb,EAAE,UAAM,gBAAI,MAAO,GAAG,MAAM,KAAK,MAAM,EAAE;AAAA,MACzC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAGA,QAAK,MAAM,MAAO,CAAE,EAAE,KAAK,MAAO,SAAS,KAAM,IAAK,CAAE,GAAI;AAC3D,YAAM,KAAM,CAAE,GAAG,MAAO,QAAS,EAAE,MAAM,EAAE,IAAK,CAAE;AAAA,IACnD;AAEA,WAAO,MAAM,SAAS,sCACnB;AAAA,MACA;AAAA,QACC,UAAM,gBAAI,SAAU;AAAA,QACpB,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,GAAG;AAAA,IACH,IACA;AAAA,EACJ,GAAG,CAAE,aAAa,YAAY,YAAa,CAAE;AAC9C;",
+  "sourcesContent": ["import { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useSettings } from '../../use-settings';\nimport { RANGE_CONTROL_MAX_SIZE } from '../utils';\n\nconst EMPTY_ARRAY = [];\n\nconst compare = new Intl.Collator( 'und', { numeric: true } ).compare;\n\nexport default function useSpacingSizes() {\n\tconst [\n\t\tcustomSpacingSizes,\n\t\tthemeSpacingSizes,\n\t\tdefaultSpacingSizes,\n\t\tdefaultSpacingSizesEnabled,\n\t] = useSettings(\n\t\t'spacing.spacingSizes.custom',\n\t\t'spacing.spacingSizes.theme',\n\t\t'spacing.spacingSizes.default',\n\t\t'spacing.defaultSpacingSizes'\n\t);\n\n\tconst customSizes = customSpacingSizes ?? EMPTY_ARRAY;\n\n\tconst themeSizes = themeSpacingSizes ?? EMPTY_ARRAY;\n\n\tconst defaultSizes =\n\t\tdefaultSpacingSizes && defaultSpacingSizesEnabled !== false\n\t\t\t? defaultSpacingSizes\n\t\t\t: 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\t// Using numeric slugs opts-in to sorting by slug.\n\t\tif ( sizes.every( ( { slug } ) => /^[0-9]/.test( slug ) ) ) {\n\t\t\tsizes.sort( ( a, b ) => compare( a.slug, b.slug ) );\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,kBAAmB;AACnB,0BAA4B;AAC5B,mBAAuC;AAEvC,IAAM,cAAc,CAAC;AAErB,IAAM,UAAU,IAAI,KAAK,SAAU,OAAO,EAAE,SAAS,KAAK,CAAE,EAAE;AAE/C,SAAR,kBAAmC;AACzC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,QAAM,cAAc,sBAAsB;AAE1C,QAAM,aAAa,qBAAqB;AAExC,QAAM,eACL,uBAAuB,+BAA+B,QACnD,sBACA;AAEJ,aAAO,wBAAS,MAAM;AACrB,UAAM,QAAQ;AAAA,MACb,EAAE,UAAM,gBAAI,MAAO,GAAG,MAAM,KAAK,MAAM,EAAE;AAAA,MACzC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAGA,QAAK,MAAM,MAAO,CAAE,EAAE,KAAK,MAAO,SAAS,KAAM,IAAK,CAAE,GAAI;AAC3D,YAAM,KAAM,CAAE,GAAG,MAAO,QAAS,EAAE,MAAM,EAAE,IAAK,CAAE;AAAA,IACnD;AAEA,WAAO,MAAM,SAAS,sCACnB;AAAA,MACA;AAAA,QACC,UAAM,gBAAI,SAAU;AAAA,QACpB,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,GAAG;AAAA,IACH,IACA;AAAA,EACJ,GAAG,CAAE,aAAa,YAAY,YAAa,CAAE;AAC9C;",
   "names": []
 }

package/build/components/spacing-sizes-control/index.cjs CHANGED Viewed

@@ -97,8 +97,8 @@ function SpacingSizesControl({
   };
   const sideLabel = import_utils.ALL_SIDES.includes(view) && showSideInLabel ? import_utils.LABELS[view] : "";
   const label = (0, import_i18n.sprintf)(
-    // translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).
-    (0, import_i18n._x)("%1$s %2$s", "spacing"),
+    // translators: 1: Type of spacing being modified (Padding, Margin, etc.). 2: The side of the block being modified (Top, Bottom, Left, etc.).
+    (0, import_i18n._x)("%1$s %2$s", "spacing control label"),
     labelProp,
     sideLabel
   ).trim();

package/build/components/spacing-sizes-control/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/spacing-sizes-control/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport LinkedButton from './linked-button';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\n/**\n * A flexible control for managing spacing values in the block editor. Supports single, axial,\n * and separated input controls for different spacing configurations with automatic view selection\n * based on current values and available sides.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/spacing-sizes-control/README.md\n *\n * @example\n * ```jsx\n * import { __experimentalSpacingSizesControl as SpacingSizesControl } from '@wordpress/block-editor';\n * import { useState } from '@wordpress/element';\n *\n * function Example() {\n *   const [ sides, setSides ] = useState( {\n *     top: '0px',\n *     right: '0px',\n *     bottom: '0px',\n *     left: '0px',\n *   } );\n *\n *   return (\n *     <SpacingSizesControl\n *       values={ sides }\n *       onChange={ setSides }\n *       label=\"Sides\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                    Component props.\n * @param {Object}   props.inputProps         Additional props for input controls.\n * @param {string}   props.label              Label for the control.\n * @param {number}   props.minimumCustomValue Minimum value for custom input.\n * @param {Function} props.onChange           Called when spacing values change.\n * @param {Function} props.onMouseOut         Called when mouse leaves the control.\n * @param {Function} props.onMouseOver        Called when mouse enters the control.\n * @param {boolean}  props.showSideInLabel    Show side in control label.\n * @param {Array}    props.sides              Available sides for control.\n * @param {boolean}  props.useSelect          Use select control for predefined values.\n * @param {Object}   props.values             Current spacing values.\n * @return {Element}                         Spacing sizes control component.\n */\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst toggleLinked = () => {\n\t\tsetView( view === VIEWS.axial ? VIEWS.custom : VIEWS.axial );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<LinkedButton\n\t\t\t\t\t\tlabel={ labelProp }\n\t\t\t\t\t\tonClick={ toggleLinked }\n\t\t\t\t\t\tisLinked={ view === VIEWS.axial }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAIO;AACP,qBAAyB;AACzB,kBAA4B;AAK5B,+BAA4B;AAC5B,mBAA+B;AAC/B,uBAAmC;AACnC,oBAA+B;AAC/B,2BAAyB;AACzB,mBAMO;AA2FG;AA9CK,SAAR,oBAAsC;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR;AAAA,EACA;AACD,GAAI;AACH,QAAM,mBAAe,yBAAAA,SAAgB;AACrC,QAAM,cAAc,UAAU;AAC9B,QAAM,aAAa,OAAO,WAAW;AACrC,QAAM,oBACL,OAAO,SAAU,YAAa,KAC9B,OAAO,SAAU,UAAW,KAC5B,OAAO,WAAW;AAEnB,QAAM,CAAE,MAAM,OAAQ,QAAI,6BAAU,6BAAgB,aAAa,KAAM,CAAE;AAEzE,QAAM,eAAe,MAAM;AAC1B,YAAS,SAAS,mBAAM,QAAQ,mBAAM,SAAS,mBAAM,KAAM;AAAA,EAC5D;AAEA,QAAM,iBAAiB,CAAE,cAAe;AACvC,UAAM,YAAY,EAAE,GAAG,QAAQ,GAAG,UAAU;AAC5C,aAAU,SAAU;AAAA,EACrB;AAEA,QAAM,oBAAoB;AAAA,IACzB,GAAG;AAAA,IACH;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,EACT;AAEA,QAAM,iBAAiB,MAAM;AAC5B,QAAK,SAAS,mBAAM,OAAQ;AAC3B,aAAO,4CAAC,aAAAC,SAAA,EAAqB,GAAG,mBAAoB;AAAA,IACrD;AACA,QAAK,SAAS,mBAAM,QAAS;AAC5B,aAAO,4CAAC,iBAAAC,SAAA,EAAyB,GAAG,mBAAoB;AAAA,IACzD;AACA,WACC;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,MAAO;AAAA,QACL,GAAG;AAAA,QACL;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,QAAM,YACL,uBAAU,SAAU,IAAK,KAAK,kBAAkB,oBAAQ,IAAK,IAAI;AAElE,QAAM,YAAQ;AAAA;AAAA,QAEb,gBAAI,aAAa,SAAU;AAAA,IAC3B;AAAA,IACA;AAAA,EACD,EAAE,KAAK;AAEP,SACC,6CAAC,cAAS,WAAU,yBACnB;AAAA,iDAAC,kBAAAC,sBAAA,EAAO,WAAU,iCACjB;AAAA;AAAA,QAAC,8BAAY;AAAA,QAAZ;AAAA,UACA,IAAG;AAAA,UACH,WAAU;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MACE,CAAE,cAAc,CAAE,qBACnB;AAAA,QAAC,qBAAAC;AAAA,QAAA;AAAA,UACA,OAAQ;AAAA,UACR,SAAU;AAAA,UACV,UAAW,SAAS,mBAAM;AAAA;AAAA,MAC3B;AAAA,OAEF;AAAA,IACA,4CAAC,kBAAAC,sBAAA,EAAO,SAAU,KAAQ,yBAAe,GAAG;AAAA,KAC7C;AAEF;",
+  "sourcesContent": ["import {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport LinkedButton from './linked-button';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\n/**\n * A flexible control for managing spacing values in the block editor. Supports single, axial,\n * and separated input controls for different spacing configurations with automatic view selection\n * based on current values and available sides.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/spacing-sizes-control/README.md\n *\n * @example\n * ```jsx\n * import { __experimentalSpacingSizesControl as SpacingSizesControl } from '@wordpress/block-editor';\n * import { useState } from '@wordpress/element';\n *\n * function Example() {\n *   const [ sides, setSides ] = useState( {\n *     top: '0px',\n *     right: '0px',\n *     bottom: '0px',\n *     left: '0px',\n *   } );\n *\n *   return (\n *     <SpacingSizesControl\n *       values={ sides }\n *       onChange={ setSides }\n *       label=\"Sides\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                    Component props.\n * @param {Object}   props.inputProps         Additional props for input controls.\n * @param {string}   props.label              Label for the control.\n * @param {number}   props.minimumCustomValue Minimum value for custom input.\n * @param {Function} props.onChange           Called when spacing values change.\n * @param {Function} props.onMouseOut         Called when mouse leaves the control.\n * @param {Function} props.onMouseOver        Called when mouse enters the control.\n * @param {boolean}  props.showSideInLabel    Show side in control label.\n * @param {Array}    props.sides              Available sides for control.\n * @param {boolean}  props.useSelect          Use select control for predefined values.\n * @param {Object}   props.values             Current spacing values.\n * @return {Element}                         Spacing sizes control component.\n */\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst toggleLinked = () => {\n\t\tsetView( view === VIEWS.axial ? VIEWS.custom : VIEWS.axial );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 1: Type of spacing being modified (Padding, Margin, etc.). 2: The side of the block being modified (Top, Bottom, Left, etc.).\n\t\t_x( '%1$s %2$s', 'spacing control label' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<LinkedButton\n\t\t\t\t\t\tlabel={ labelProp }\n\t\t\t\t\t\tonClick={ toggleLinked }\n\t\t\t\t\t\tisLinked={ view === VIEWS.axial }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAIO;AACP,qBAAyB;AACzB,kBAA4B;AAC5B,+BAA4B;AAC5B,mBAA+B;AAC/B,uBAAmC;AACnC,oBAA+B;AAC/B,2BAAyB;AACzB,mBAMO;AA2FG;AA9CK,SAAR,oBAAsC;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR;AAAA,EACA;AACD,GAAI;AACH,QAAM,mBAAe,yBAAAA,SAAgB;AACrC,QAAM,cAAc,UAAU;AAC9B,QAAM,aAAa,OAAO,WAAW;AACrC,QAAM,oBACL,OAAO,SAAU,YAAa,KAC9B,OAAO,SAAU,UAAW,KAC5B,OAAO,WAAW;AAEnB,QAAM,CAAE,MAAM,OAAQ,QAAI,6BAAU,6BAAgB,aAAa,KAAM,CAAE;AAEzE,QAAM,eAAe,MAAM;AAC1B,YAAS,SAAS,mBAAM,QAAQ,mBAAM,SAAS,mBAAM,KAAM;AAAA,EAC5D;AAEA,QAAM,iBAAiB,CAAE,cAAe;AACvC,UAAM,YAAY,EAAE,GAAG,QAAQ,GAAG,UAAU;AAC5C,aAAU,SAAU;AAAA,EACrB;AAEA,QAAM,oBAAoB;AAAA,IACzB,GAAG;AAAA,IACH;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,EACT;AAEA,QAAM,iBAAiB,MAAM;AAC5B,QAAK,SAAS,mBAAM,OAAQ;AAC3B,aAAO,4CAAC,aAAAC,SAAA,EAAqB,GAAG,mBAAoB;AAAA,IACrD;AACA,QAAK,SAAS,mBAAM,QAAS;AAC5B,aAAO,4CAAC,iBAAAC,SAAA,EAAyB,GAAG,mBAAoB;AAAA,IACzD;AACA,WACC;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,MAAO;AAAA,QACL,GAAG;AAAA,QACL;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,QAAM,YACL,uBAAU,SAAU,IAAK,KAAK,kBAAkB,oBAAQ,IAAK,IAAI;AAElE,QAAM,YAAQ;AAAA;AAAA,QAEb,gBAAI,aAAa,uBAAwB;AAAA,IACzC;AAAA,IACA;AAAA,EACD,EAAE,KAAK;AAEP,SACC,6CAAC,cAAS,WAAU,yBACnB;AAAA,iDAAC,kBAAAC,sBAAA,EAAO,WAAU,iCACjB;AAAA;AAAA,QAAC,8BAAY;AAAA,QAAZ;AAAA,UACA,IAAG;AAAA,UACH,WAAU;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MACE,CAAE,cAAc,CAAE,qBACnB;AAAA,QAAC,qBAAAC;AAAA,QAAA;AAAA,UACA,OAAQ;AAAA,UACR,SAAU;AAAA,UACV,UAAW,SAAS,mBAAM;AAAA;AAAA,MAC3B;AAAA,OAEF;AAAA,IACA,4CAAC,kBAAAC,sBAAA,EAAO,SAAU,KAAQ,yBAAe,GAAG;AAAA,KAC7C;AAEF;",
   "names": ["useSpacingSizes", "AxialInputControls", "SeparatedInputControls", "SingleInputControl", "HStack", "LinkedButton", "VStack"]
 }

package/build/components/spacing-sizes-control/input-controls/axial.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/spacing-sizes-control/input-controls/axial.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mCAAgC;AAChC,mBAKO;AAiDL;AA/CF,IAAM,eAAe,CAAE,YAAY,YAAa;AAEjC,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,uBAAuB,CAAE,SAAU,CAAE,SAAU;AACpD,QAAK,CAAE,UAAW;AACjB;AAAA,IACD;AAGA,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,QAAK,SAAS,YAAa;AAC1B,iBAAW,MAAM;AACjB,iBAAW,SAAS;AAAA,IACrB;AAEA,QAAK,SAAS,cAAe;AAC5B,iBAAW,OAAO;AAClB,iBAAW,QAAQ;AAAA,IACpB;AAEA,aAAU,UAAW;AAAA,EACtB;AAGA,QAAM,gBAAgB,OAAO,SAC1B,aAAa,OAAQ,CAAE,aAAU,6BAAgB,OAAO,IAAK,CAAE,IAC/D;AAEH,SACC,2EACG,wBAAc,IAAK,CAAE,SAAU;AAChC,UAAM,YACL,SAAS,aAAa,OAAO,MAAM,OAAO;AAC3C,WACC;AAAA,MAAC,6BAAAA;AAAA,MAAA;AAAA,QAEA,MAAO,mBAAO,IAAK;AAAA,QACnB,OAAQ,oBAAQ,IAAK;AAAA,QACrB;AAAA,QACA,UAAW,qBAAsB,IAAK;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAQ;AAAA,QACR,gBAAiB;AAAA;AAAA,MAXX,yBAA0B,IAAK;AAAA,IAYtC;AAAA,EAEF,CAAE,GACH;AAEF;",
+  "sourcesContent": ["import SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAgC;AAChC,mBAKO;AAiDL;AA/CF,IAAM,eAAe,CAAE,YAAY,YAAa;AAEjC,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,uBAAuB,CAAE,SAAU,CAAE,SAAU;AACpD,QAAK,CAAE,UAAW;AACjB;AAAA,IACD;AAGA,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,QAAK,SAAS,YAAa;AAC1B,iBAAW,MAAM;AACjB,iBAAW,SAAS;AAAA,IACrB;AAEA,QAAK,SAAS,cAAe;AAC5B,iBAAW,OAAO;AAClB,iBAAW,QAAQ;AAAA,IACpB;AAEA,aAAU,UAAW;AAAA,EACtB;AAGA,QAAM,gBAAgB,OAAO,SAC1B,aAAa,OAAQ,CAAE,aAAU,6BAAgB,OAAO,IAAK,CAAE,IAC/D;AAEH,SACC,2EACG,wBAAc,IAAK,CAAE,SAAU;AAChC,UAAM,YACL,SAAS,aAAa,OAAO,MAAM,OAAO;AAC3C,WACC;AAAA,MAAC,6BAAAA;AAAA,MAAA;AAAA,QAEA,MAAO,mBAAO,IAAK;AAAA,QACnB,OAAQ,oBAAQ,IAAK;AAAA,QACrB;AAAA,QACA,UAAW,qBAAsB,IAAK;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAQ;AAAA,QACR,gBAAiB;AAAA;AAAA,MAXX,yBAA0B,IAAK;AAAA,IAYtC;AAAA,EAEF,CAAE,GACH;AAEF;",
   "names": ["SpacingInputControl"]
 }

package/build/components/spacing-sizes-control/input-controls/separated.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/spacing-sizes-control/input-controls/separated.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mCAAgC;AAChC,mBAKO;AAmCL;AAjCa,SAAR,uBAAyC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AAEH,QAAM,gBAAgB,OAAO,SAC1B,uBAAU,OAAQ,CAAE,SAAU,MAAM,SAAU,IAAK,CAAE,IACrD;AAEH,QAAM,uBAAuB,CAAE,SAAU,CAAE,SAAU;AAEpD,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,eAAY,IAAK,IAAI;AAErB,aAAU,UAAW;AAAA,EACtB;AAEA,SACC,2EACG,wBAAc,IAAK,CAAE,SAAU;AAChC,WACC;AAAA,MAAC,6BAAAA;AAAA,MAAA;AAAA,QAEA,MAAO,mBAAO,IAAK;AAAA,QACnB,OAAQ,oBAAQ,IAAK;AAAA,QACrB;AAAA,QACA,UAAW,qBAAsB,IAAK;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAQ,OAAQ,IAAK;AAAA,QACrB,gBAAiB;AAAA;AAAA,MAXX,yBAA0B,IAAK;AAAA,IAYtC;AAAA,EAEF,CAAE,GACH;AAEF;",
+  "sourcesContent": ["import SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAgC;AAChC,mBAKO;AAmCL;AAjCa,SAAR,uBAAyC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AAEH,QAAM,gBAAgB,OAAO,SAC1B,uBAAU,OAAQ,CAAE,SAAU,MAAM,SAAU,IAAK,CAAE,IACrD;AAEH,QAAM,uBAAuB,CAAE,SAAU,CAAE,SAAU;AAEpD,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,eAAY,IAAK,IAAI;AAErB,aAAU,UAAW;AAAA,EACtB;AAEA,SACC,2EACG,wBAAc,IAAK,CAAE,SAAU;AAChC,WACC;AAAA,MAAC,6BAAAA;AAAA,MAAA;AAAA,QAEA,MAAO,mBAAO,IAAK;AAAA,QACnB,OAAQ,oBAAQ,IAAK;AAAA,QACrB;AAAA,QACA,UAAW,qBAAsB,IAAK;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAQ,OAAQ,IAAK;AAAA,QACrB,gBAAiB;AAAA;AAAA,MAXX,yBAA0B,IAAK;AAAA,IAYtC;AAAA,EAEF,CAAE,GACH;AAEF;",
   "names": ["SpacingInputControl"]
 }

package/build/components/spacing-sizes-control/input-controls/single.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/spacing-sizes-control/input-controls/single.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { LABELS, getPresetValueFromCustomValue } from '../utils';\n\nexport default function SingleInputControl( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( currentSide ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ currentSide ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<SpacingInputControl\n\t\t\tlabel={ LABELS[ side ] }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\tside={ side }\n\t\t\tspacingSizes={ spacingSizes }\n\t\t\ttype={ type }\n\t\t\tvalue={ values[ side ] }\n\t\t\twithInputField={ false }\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mCAAgC;AAChC,mBAAsD;AA+BpD;AA7Ba,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,uBAAuB,CAAE,gBAAiB,CAAE,SAAU;AAE3D,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,eAAY,WAAY,IAAI;AAE5B,aAAU,UAAW;AAAA,EACtB;AAEA,SACC;AAAA,IAAC,6BAAAA;AAAA,IAAA;AAAA,MACA,OAAQ,oBAAQ,IAAK;AAAA,MACrB;AAAA,MACA,UAAW,qBAAsB,IAAK;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,OAAQ,IAAK;AAAA,MACrB,gBAAiB;AAAA;AAAA,EAClB;AAEF;",
+  "sourcesContent": ["import SpacingInputControl from './spacing-input-control';\nimport { LABELS, getPresetValueFromCustomValue } from '../utils';\n\nexport default function SingleInputControl( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( currentSide ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ currentSide ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<SpacingInputControl\n\t\t\tlabel={ LABELS[ side ] }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\tside={ side }\n\t\t\tspacingSizes={ spacingSizes }\n\t\t\ttype={ type }\n\t\t\tvalue={ values[ side ] }\n\t\t\twithInputField={ false }\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAgC;AAChC,mBAAsD;AA+BpD;AA7Ba,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,uBAAuB,CAAE,gBAAiB,CAAE,SAAU;AAE3D,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,eAAY,WAAY,IAAI;AAE5B,aAAU,UAAW;AAAA,EACtB;AAEA,SACC;AAAA,IAAC,6BAAAA;AAAA,IAAA;AAAA,MACA,OAAQ,oBAAQ,IAAK;AAAA,MACrB;AAAA,MACA,UAAW,qBAAsB,IAAK;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,OAAQ,IAAK;AAAA,MACrB,gBAAiB;AAAA;AAAA,EAClB;AAEF;",
   "names": ["SpacingInputControl"]
 }

package/build/components/spacing-sizes-control/input-controls/spacing-input-control.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/spacing-sizes-control/input-controls/spacing-input-control.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { sprintf, _x } from '@wordpress/i18n';\nimport { __experimentalUseCustomUnits as useCustomUnits } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PresetInputControl from '../../preset-input-control';\nimport { useSettings } from '../../use-settings';\nimport { store as blockEditorStore } from '../../../store';\nimport { ALL_SIDES, LABELS } from '../utils';\n\nconst CUSTOM_VALUE_SETTINGS = {\n\tpx: { max: 300, steps: 1 },\n\t'%': { max: 100, steps: 1 },\n\tvw: { max: 100, steps: 1 },\n\tvh: { max: 100, steps: 1 },\n\tem: { max: 10, steps: 0.1 },\n\trm: { max: 10, steps: 0.1 },\n\tsvw: { max: 100, steps: 1 },\n\tlvw: { max: 100, steps: 1 },\n\tdvw: { max: 100, steps: 1 },\n\tsvh: { max: 100, steps: 1 },\n\tlvh: { max: 100, steps: 1 },\n\tdvh: { max: 100, steps: 1 },\n\tvi: { max: 100, steps: 1 },\n\tsvi: { max: 100, steps: 1 },\n\tlvi: { max: 100, steps: 1 },\n\tdvi: { max: 100, steps: 1 },\n\tvb: { max: 100, steps: 1 },\n\tsvb: { max: 100, steps: 1 },\n\tlvb: { max: 100, steps: 1 },\n\tdvb: { max: 100, steps: 1 },\n\tvmin: { max: 100, steps: 1 },\n\tsvmin: { max: 100, steps: 1 },\n\tlvmin: { max: 100, steps: 1 },\n\tdvmin: { max: 100, steps: 1 },\n\tvmax: { max: 100, steps: 1 },\n\tsvmax: { max: 100, steps: 1 },\n\tlvmax: { max: 100, steps: 1 },\n\tdvmax: { max: 100, steps: 1 },\n};\n\nexport default function SpacingInputControl( {\n\ticon,\n\tisMixed = false,\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalue,\n\t...restProps\n} ) {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\t// Convert spacing preset format to generic preset format for PresetInputControl\n\tconst presets = useMemo( () => {\n\t\treturn (\n\t\t\tspacingSizes?.map( ( preset ) => ( {\n\t\t\t\tname: preset.name,\n\t\t\t\tslug: preset.slug,\n\t\t\t\tsize: preset.size,\n\t\t\t} ) ) || []\n\t\t);\n\t}, [ spacingSizes ] );\n\n\t// Generate aria label\n\tconst sideLabel =\n\t\t( ALL_SIDES.includes( side ) ||\n\t\t\t[ 'vertical', 'horizontal' ].includes( side ) ) &&\n\t\tshowSideInLabel\n\t\t\t? LABELS[ side ]\n\t\t\t: '';\n\tconst typeLabel = showSideInLabel ? type?.toLowerCase() : type;\n\n\tconst ariaLabel = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tsideLabel,\n\t\ttypeLabel\n\t).trim();\n\n\t// Get the first unit as default selected unit\n\tconst selectedUnit = units[ 0 ]?.value || 'px';\n\n\treturn (\n\t\t<PresetInputControl\n\t\t\tallowNegativeOnDrag={ minimumCustomValue < 0 }\n\t\t\tariaLabel={ ariaLabel }\n\t\t\tclassName=\"spacing-sizes-control\"\n\t\t\tcustomValueSettings={ CUSTOM_VALUE_SETTINGS }\n\t\t\tdisableCustomValues={ disableCustomSpacingSizes }\n\t\t\ticon={ icon }\n\t\t\tisMixed={ isMixed }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ onChange }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tpresets={ presets }\n\t\t\tpresetType=\"spacing\"\n\t\t\tselectedUnit={ selectedUnit }\n\t\t\tunits={ units }\n\t\t\tvalue={ value }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { sprintf, _x } from '@wordpress/i18n';\nimport { __experimentalUseCustomUnits as useCustomUnits } from '@wordpress/components';\nimport PresetInputControl from '../../preset-input-control';\nimport { useSettings } from '../../use-settings';\nimport { store as blockEditorStore } from '../../../store';\nimport { ALL_SIDES, LABELS } from '../utils';\n\nconst CUSTOM_VALUE_SETTINGS = {\n\tpx: { max: 300, steps: 1 },\n\t'%': { max: 100, steps: 1 },\n\tvw: { max: 100, steps: 1 },\n\tvh: { max: 100, steps: 1 },\n\tem: { max: 10, steps: 0.1 },\n\trm: { max: 10, steps: 0.1 },\n\tsvw: { max: 100, steps: 1 },\n\tlvw: { max: 100, steps: 1 },\n\tdvw: { max: 100, steps: 1 },\n\tsvh: { max: 100, steps: 1 },\n\tlvh: { max: 100, steps: 1 },\n\tdvh: { max: 100, steps: 1 },\n\tvi: { max: 100, steps: 1 },\n\tsvi: { max: 100, steps: 1 },\n\tlvi: { max: 100, steps: 1 },\n\tdvi: { max: 100, steps: 1 },\n\tvb: { max: 100, steps: 1 },\n\tsvb: { max: 100, steps: 1 },\n\tlvb: { max: 100, steps: 1 },\n\tdvb: { max: 100, steps: 1 },\n\tvmin: { max: 100, steps: 1 },\n\tsvmin: { max: 100, steps: 1 },\n\tlvmin: { max: 100, steps: 1 },\n\tdvmin: { max: 100, steps: 1 },\n\tvmax: { max: 100, steps: 1 },\n\tsvmax: { max: 100, steps: 1 },\n\tlvmax: { max: 100, steps: 1 },\n\tdvmax: { max: 100, steps: 1 },\n};\n\nexport default function SpacingInputControl( {\n\ticon,\n\tisMixed = false,\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalue,\n\t...restProps\n} ) {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\t// Convert spacing preset format to generic preset format for PresetInputControl\n\tconst presets = useMemo( () => {\n\t\treturn (\n\t\t\tspacingSizes?.map( ( preset ) => ( {\n\t\t\t\tname: preset.name,\n\t\t\t\tslug: preset.slug,\n\t\t\t\tsize: preset.size,\n\t\t\t} ) ) || []\n\t\t);\n\t}, [ spacingSizes ] );\n\n\t// Generate aria label\n\tconst sideLabel =\n\t\t( ALL_SIDES.includes( side ) ||\n\t\t\t[ 'vertical', 'horizontal' ].includes( side ) ) &&\n\t\tshowSideInLabel\n\t\t\t? LABELS[ side ]\n\t\t\t: '';\n\tconst typeLabel = showSideInLabel ? type?.toLowerCase() : type;\n\n\tconst ariaLabel = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tsideLabel,\n\t\ttypeLabel\n\t).trim();\n\n\t// Get the first unit as default selected unit\n\tconst selectedUnit = units[ 0 ]?.value || 'px';\n\n\treturn (\n\t\t<PresetInputControl\n\t\t\tallowNegativeOnDrag={ minimumCustomValue < 0 }\n\t\t\tariaLabel={ ariaLabel }\n\t\t\tclassName=\"spacing-sizes-control\"\n\t\t\tcustomValueSettings={ CUSTOM_VALUE_SETTINGS }\n\t\t\tdisableCustomValues={ disableCustomSpacingSizes }\n\t\t\ticon={ icon }\n\t\t\tisMixed={ isMixed }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ onChange }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tpresets={ presets }\n\t\t\tpresetType=\"spacing\"\n\t\t\tselectedUnit={ selectedUnit }\n\t\t\tunits={ units }\n\t\t\tvalue={ value }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "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",
   "names": ["blockEditorStore", "useCustomUnits", "PresetInputControl"]
 }

package/build/components/spacing-sizes-control/linked-button.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/spacing-sizes-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 sides' ) : __( 'Link sides' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\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;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AACvB,mBAA8B;AAC9B,kBAAmB;AAMjB;AAJa,SAAR,aAA+B,EAAE,UAAU,GAAG,MAAM,GAAI;AAC9D,QAAM,QAAQ,eAAW,gBAAI,cAAe,QAAI,gBAAI,YAAa;AAEjE,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,MAAK;AAAA,MACL,MAAO,WAAW,oBAAO;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 sides' ) : __( 'Link sides' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAA8B;AAC9B,kBAAmB;AAMjB;AAJa,SAAR,aAA+B,EAAE,UAAU,GAAG,MAAM,GAAI;AAC9D,QAAM,QAAQ,eAAW,gBAAI,cAAe,QAAI,gBAAI,YAAa;AAEjE,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,MAAK;AAAA,MACL,MAAO,WAAW,oBAAO;AAAA,MACzB,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build/components/spacing-sizes-control/utils.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/spacing-sizes-control/utils.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsidesAll,\n\tsidesBottom,\n\tsidesHorizontal,\n\tsidesLeft,\n\tsidesRight,\n\tsidesTop,\n\tsidesVertical,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getPresetSlug, isValuePreset } from '../preset-input-control/utils';\n\nconst SPACING_PRESET_TYPE = 'spacing';\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const ALL_SIDES = [ 'top', 'bottom', 'left', 'right' ];\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ICONS = {\n\tcustom: sidesAll,\n\taxial: sidesAll,\n\thorizontal: sidesHorizontal,\n\tvertical: sidesVertical,\n\ttop: sidesTop,\n\tright: sidesRight,\n\tbottom: sidesBottom,\n\tleft: sidesLeft,\n};\n\nexport const LABELS = {\n\tdefault: __( 'Spacing control' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n\taxial: __( 'Horizontal & vertical' ),\n\tcustom: __( 'Custom' ),\n};\n\nexport const VIEWS = {\n\taxial: 'axial',\n\ttop: 'top',\n\tright: 'right',\n\tbottom: 'bottom',\n\tleft: 'left',\n\tcustom: 'custom',\n};\n\n/**\n * Checks is given value is a spacing preset.\n *\n * @param {string} value Value to check\n *\n * @return {boolean} Return true if value is string in format var:preset|spacing|.\n */\nexport function isValueSpacingPreset( value ) {\n\treturn isValuePreset( value, SPACING_PRESET_TYPE );\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} Mapping of the spacing preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getPresetSlug( value, SPACING_PRESET_TYPE );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\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}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value || isValueSpacingPreset( value ) || value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|spacing|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value Value to convert.\n *\n * @return {string | undefined} CSS var string for given spacing preset value.\n */\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value || typeof value !== 'string' ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/**\n * Converts spacing preset value into a Range component value .\n *\n * @param {string} presetValue  Value to convert to Range value.\n * @param {Array}  spacingSizes Array of current spacing preset value objects.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\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, SPACING_PRESET_TYPE );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.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 * Determines whether a particular axis has support. If no axis is\n * specified, this function checks if either axis is supported.\n *\n * @param {Array}  sides Supported sides.\n * @param {string} axis  Which axis to check.\n *\n * @return {boolean} Whether there is support for the specified axis or both axes.\n */\nexport function hasAxisSupport( sides, axis ) {\n\tif ( ! sides || ! sides.length ) {\n\t\treturn false;\n\t}\n\n\tconst hasHorizontalSupport =\n\t\tsides.includes( 'horizontal' ) ||\n\t\t( sides.includes( 'left' ) && sides.includes( 'right' ) );\n\n\tconst hasVerticalSupport =\n\t\tsides.includes( 'vertical' ) ||\n\t\t( sides.includes( 'top' ) && sides.includes( 'bottom' ) );\n\n\tif ( axis === 'horizontal' ) {\n\t\treturn hasHorizontalSupport;\n\t}\n\n\tif ( axis === 'vertical' ) {\n\t\treturn hasVerticalSupport;\n\t}\n\n\treturn hasHorizontalSupport || hasVerticalSupport;\n}\n\n/**\n * Checks if the supported sides are balanced for each axis.\n * - Horizontal - both left and right sides are supported.\n * - Vertical - both top and bottom are supported.\n *\n * @param {Array} sides The supported sides which may be axes as well.\n *\n * @return {boolean} Whether or not the supported sides are balanced.\n */\nexport function hasBalancedSidesSupport( sides = [] ) {\n\tconst counts = { top: 0, right: 0, bottom: 0, left: 0 };\n\tsides.forEach( ( side ) => ( counts[ side ] += 1 ) );\n\n\treturn (\n\t\t( counts.top + counts.bottom ) % 2 === 0 &&\n\t\t( counts.left + counts.right ) % 2 === 0\n\t);\n}\n\n/**\n * Determines which view the SpacingSizesControl should default to on its\n * first render; Axial, Custom, or Single side.\n *\n * @param {Object} values Current side values.\n * @param {Array}  sides  Supported sides.\n *\n * @return {string} View to display.\n */\nexport function getInitialView( values = {}, sides ) {\n\tconst { top, right, bottom, left } = values;\n\tconst sideValues = [ top, right, bottom, left ].filter( Boolean );\n\n\t// Axial ( Horizontal & vertical ).\n\t// - Has axial side support\n\t// - Has axial side values which match\n\t// - Has no values and the supported sides are balanced\n\tconst hasMatchingAxialValues =\n\t\ttop === bottom && left === right && ( !! top || !! left );\n\tconst hasNoValuesAndBalancedSides =\n\t\t! sideValues.length && hasBalancedSidesSupport( sides );\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tif (\n\t\thasAxisSupport( sides ) &&\n\t\t( hasMatchingAxialValues || hasNoValuesAndBalancedSides )\n\t) {\n\t\treturn VIEWS.axial;\n\t}\n\n\t// Only axial sides are supported and single value defined.\n\t// - Ensure the side returned is the first side that has a value.\n\tif ( hasOnlyAxialSides && sideValues.length === 1 ) {\n\t\tlet side;\n\n\t\tObject.entries( values ).some( ( [ key, value ] ) => {\n\t\t\tside = key;\n\t\t\treturn value !== undefined;\n\t\t} );\n\n\t\treturn side;\n\t}\n\n\t// Only single side supported and no value defined.\n\tif ( sides?.length === 1 && ! sideValues.length ) {\n\t\treturn sides[ 0 ];\n\t}\n\n\t// Default to the Custom (separated sides) view.\n\treturn VIEWS.custom;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport {\n\tsidesAll,\n\tsidesBottom,\n\tsidesHorizontal,\n\tsidesLeft,\n\tsidesRight,\n\tsidesTop,\n\tsidesVertical,\n} from '@wordpress/icons';\nimport { getPresetSlug, isValuePreset } from '../preset-input-control/utils';\n\nconst SPACING_PRESET_TYPE = 'spacing';\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const ALL_SIDES = [ 'top', 'bottom', 'left', 'right' ];\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ICONS = {\n\tcustom: sidesAll,\n\taxial: sidesAll,\n\thorizontal: sidesHorizontal,\n\tvertical: sidesVertical,\n\ttop: sidesTop,\n\tright: sidesRight,\n\tbottom: sidesBottom,\n\tleft: sidesLeft,\n};\n\nexport const LABELS = {\n\tdefault: __( 'Spacing control' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n\taxial: __( 'Horizontal & vertical' ),\n\tcustom: __( 'Custom' ),\n};\n\nexport const VIEWS = {\n\taxial: 'axial',\n\ttop: 'top',\n\tright: 'right',\n\tbottom: 'bottom',\n\tleft: 'left',\n\tcustom: 'custom',\n};\n\n/**\n * Checks is given value is a spacing preset.\n *\n * @param {string} value Value to check\n *\n * @return {boolean} Return true if value is string in format var:preset|spacing|.\n */\nexport function isValueSpacingPreset( value ) {\n\treturn isValuePreset( value, SPACING_PRESET_TYPE );\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} Mapping of the spacing preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getPresetSlug( value, SPACING_PRESET_TYPE );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\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}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value || isValueSpacingPreset( value ) || value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|spacing|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value Value to convert.\n *\n * @return {string | undefined} CSS var string for given spacing preset value.\n */\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value || typeof value !== 'string' ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/**\n * Converts spacing preset value into a Range component value .\n *\n * @param {string} presetValue  Value to convert to Range value.\n * @param {Array}  spacingSizes Array of current spacing preset value objects.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\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, SPACING_PRESET_TYPE );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.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 * Determines whether a particular axis has support. If no axis is\n * specified, this function checks if either axis is supported.\n *\n * @param {Array}  sides Supported sides.\n * @param {string} axis  Which axis to check.\n *\n * @return {boolean} Whether there is support for the specified axis or both axes.\n */\nexport function hasAxisSupport( sides, axis ) {\n\tif ( ! sides || ! sides.length ) {\n\t\treturn false;\n\t}\n\n\tconst hasHorizontalSupport =\n\t\tsides.includes( 'horizontal' ) ||\n\t\t( sides.includes( 'left' ) && sides.includes( 'right' ) );\n\n\tconst hasVerticalSupport =\n\t\tsides.includes( 'vertical' ) ||\n\t\t( sides.includes( 'top' ) && sides.includes( 'bottom' ) );\n\n\tif ( axis === 'horizontal' ) {\n\t\treturn hasHorizontalSupport;\n\t}\n\n\tif ( axis === 'vertical' ) {\n\t\treturn hasVerticalSupport;\n\t}\n\n\treturn hasHorizontalSupport || hasVerticalSupport;\n}\n\n/**\n * Checks if the supported sides are balanced for each axis.\n * - Horizontal - both left and right sides are supported.\n * - Vertical - both top and bottom are supported.\n *\n * @param {Array} sides The supported sides which may be axes as well.\n *\n * @return {boolean} Whether or not the supported sides are balanced.\n */\nexport function hasBalancedSidesSupport( sides = [] ) {\n\tconst counts = { top: 0, right: 0, bottom: 0, left: 0 };\n\tsides.forEach( ( side ) => ( counts[ side ] += 1 ) );\n\n\treturn (\n\t\t( counts.top + counts.bottom ) % 2 === 0 &&\n\t\t( counts.left + counts.right ) % 2 === 0\n\t);\n}\n\n/**\n * Determines which view the SpacingSizesControl should default to on its\n * first render; Axial, Custom, or Single side.\n *\n * @param {Object} values Current side values.\n * @param {Array}  sides  Supported sides.\n *\n * @return {string} View to display.\n */\nexport function getInitialView( values = {}, sides ) {\n\tconst { top, right, bottom, left } = values;\n\tconst sideValues = [ top, right, bottom, left ].filter( Boolean );\n\n\t// Axial ( Horizontal & vertical ).\n\t// - Has axial side support\n\t// - Has axial side values which match\n\t// - Has no values and the supported sides are balanced\n\tconst hasMatchingAxialValues =\n\t\ttop === bottom && left === right && ( !! top || !! left );\n\tconst hasNoValuesAndBalancedSides =\n\t\t! sideValues.length && hasBalancedSidesSupport( sides );\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tif (\n\t\thasAxisSupport( sides ) &&\n\t\t( hasMatchingAxialValues || hasNoValuesAndBalancedSides )\n\t) {\n\t\treturn VIEWS.axial;\n\t}\n\n\t// Only axial sides are supported and single value defined.\n\t// - Ensure the side returned is the first side that has a value.\n\tif ( hasOnlyAxialSides && sideValues.length === 1 ) {\n\t\tlet side;\n\n\t\tObject.entries( values ).some( ( [ key, value ] ) => {\n\t\t\tside = key;\n\t\t\treturn value !== undefined;\n\t\t} );\n\n\t\treturn side;\n\t}\n\n\t// Only single side supported and no value defined.\n\tif ( sides?.length === 1 && ! sideValues.length ) {\n\t\treturn sides[ 0 ];\n\t}\n\n\t// Default to the Custom (separated sides) view.\n\treturn VIEWS.custom;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build/components/tabbed-sidebar/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabbed-sidebar/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\n/**\n * A component that creates a tabbed sidebar with a close button.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/tabbed-sidebar/README.md\n *\n * @example\n * ```jsx\n * function MyTabbedSidebar() {\n *   return (\n *     <TabbedSidebar\n *       tabs={ [\n *         {\n *           name: 'tab1',\n *           title: 'Settings',\n *           panel: <PanelContents />,\n *         }\n *       ] }\n *       onClose={ () => {} }\n *       onSelect={ () => {} }\n *       defaultTabId=\"tab1\"\n *       selectedTab=\"tab1\"\n *       closeButtonLabel=\"Close sidebar\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                  Component props.\n * @param {string}   [props.defaultTabId]   The ID of the tab to be selected by default when the component renders.\n * @param {Function} props.onClose          Function called when the close button is clicked.\n * @param {Function} props.onSelect         Function called when a tab is selected. Receives the selected tab's ID as an argument.\n * @param {string}   props.selectedTab      The ID of the currently selected tab.\n * @param {Array}    props.tabs             Array of tab objects. Each tab should have: name (string), title (string),\n *                                          panel (React.Node), and optionally panelRef (React.Ref).\n * @param {string}   props.closeButtonLabel Accessibility label for the close button.\n * @param {Object}   ref                    Forward ref to the tabs list element.\n * @return {Element} The tabbed sidebar component.\n */\nfunction TabbedSidebar(\n\t{ defaultTabId, onClose, onSelect, selectedTab, tabs, closeButtonLabel },\n\tref\n) {\n\treturn (\n\t\t<div className=\"block-editor-tabbed-sidebar\">\n\t\t\t<Tabs\n\t\t\t\tselectOnMove={ false }\n\t\t\t\tdefaultTabId={ defaultTabId }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tselectedTabId={ selectedTab }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-tabbed-sidebar__tablist-and-close-button\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ closeButtonLabel }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tablist\"\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tabpanel\"\n\t\t\t\t\t\tref={ tab.panelRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tab.panel }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( TabbedSidebar );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAGO;AACP,qBAA2B;AAC3B,mBAA2B;AAK3B,yBAAuB;AAsDnB;AApDJ,IAAM,EAAE,KAAK,QAAI,2BAAQ,kBAAAA,WAAsB;AAwC/C,SAAS,cACR,EAAE,cAAc,SAAS,UAAU,aAAa,MAAM,iBAAiB,GACvE,KACC;AACD,SACC,4CAAC,SAAI,WAAU,+BACd;AAAA,IAAC;AAAA;AAAA,MACA,cAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,eAAgB;AAAA,MAEhB;AAAA,qDAAC,SAAI,WAAU,yDACd;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,MAAO;AAAA,cACP,OAAQ;AAAA,cACR,SAAU,MAAM,QAAQ;AAAA,cACxB,MAAK;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACA,WAAU;AAAA,cACV;AAAA,cAEE,eAAK,IAAK,CAAE,QACb;AAAA,gBAAC,KAAK;AAAA,gBAAL;AAAA,kBAEA,OAAQ,IAAI;AAAA,kBACZ,WAAU;AAAA,kBAER,cAAI;AAAA;AAAA,gBAJA,IAAI;AAAA,cAKX,CACC;AAAA;AAAA,UACH;AAAA,WACD;AAAA,QACE,KAAK,IAAK,CAAE,QACb;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YAEA,OAAQ,IAAI;AAAA,YACZ,WAAY;AAAA,YACZ,WAAU;AAAA,YACV,KAAM,IAAI;AAAA,YAER,cAAI;AAAA;AAAA,UANA,IAAI;AAAA,QAOX,CACC;AAAA;AAAA;AAAA,EACH,GACD;AAEF;AAEA,IAAO,6BAAQ,2BAAY,aAAc;",
+  "sourcesContent": ["import {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\n/**\n * A component that creates a tabbed sidebar with a close button.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/tabbed-sidebar/README.md\n *\n * @example\n * ```jsx\n * function MyTabbedSidebar() {\n *   return (\n *     <TabbedSidebar\n *       tabs={ [\n *         {\n *           name: 'tab1',\n *           title: 'Settings',\n *           panel: <PanelContents />,\n *         }\n *       ] }\n *       onClose={ () => {} }\n *       onSelect={ () => {} }\n *       defaultTabId=\"tab1\"\n *       selectedTab=\"tab1\"\n *       closeButtonLabel=\"Close sidebar\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                  Component props.\n * @param {string}   [props.defaultTabId]   The ID of the tab to be selected by default when the component renders.\n * @param {Function} props.onClose          Function called when the close button is clicked.\n * @param {Function} props.onSelect         Function called when a tab is selected. Receives the selected tab's ID as an argument.\n * @param {string}   props.selectedTab      The ID of the currently selected tab.\n * @param {Array}    props.tabs             Array of tab objects. Each tab should have: name (string), title (string),\n *                                          panel (React.Node), and optionally panelRef (React.Ref).\n * @param {string}   props.closeButtonLabel Accessibility label for the close button.\n * @param {Object}   ref                    Forward ref to the tabs list element.\n * @return {Element} The tabbed sidebar component.\n */\nfunction TabbedSidebar(\n\t{ defaultTabId, onClose, onSelect, selectedTab, tabs, closeButtonLabel },\n\tref\n) {\n\treturn (\n\t\t<div className=\"block-editor-tabbed-sidebar\">\n\t\t\t<Tabs\n\t\t\t\tselectOnMove={ false }\n\t\t\t\tdefaultTabId={ defaultTabId }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tselectedTabId={ selectedTab }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-tabbed-sidebar__tablist-and-close-button\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ closeButtonLabel }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tablist\"\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tabpanel\"\n\t\t\t\t\t\tref={ tab.panelRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tab.panel }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( TabbedSidebar );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAGO;AACP,qBAA2B;AAC3B,mBAA2B;AAC3B,yBAAuB;AAsDnB;AApDJ,IAAM,EAAE,KAAK,QAAI,2BAAQ,kBAAAA,WAAsB;AAwC/C,SAAS,cACR,EAAE,cAAc,SAAS,UAAU,aAAa,MAAM,iBAAiB,GACvE,KACC;AACD,SACC,4CAAC,SAAI,WAAU,+BACd;AAAA,IAAC;AAAA;AAAA,MACA,cAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,eAAgB;AAAA,MAEhB;AAAA,qDAAC,SAAI,WAAU,yDACd;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,MAAO;AAAA,cACP,OAAQ;AAAA,cACR,SAAU,MAAM,QAAQ;AAAA,cACxB,MAAK;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACA,WAAU;AAAA,cACV;AAAA,cAEE,eAAK,IAAK,CAAE,QACb;AAAA,gBAAC,KAAK;AAAA,gBAAL;AAAA,kBAEA,OAAQ,IAAI;AAAA,kBACZ,WAAU;AAAA,kBAER,cAAI;AAAA;AAAA,gBAJA,IAAI;AAAA,cAKX,CACC;AAAA;AAAA,UACH;AAAA,WACD;AAAA,QACE,KAAK,IAAK,CAAE,QACb;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YAEA,OAAQ,IAAI;AAAA,YACZ,WAAY;AAAA,YACZ,WAAU;AAAA,YACV,KAAM,IAAI;AAAA,YAER,cAAI;AAAA;AAAA,UANA,IAAI;AAAA,QAOX,CACC;AAAA;AAAA;AAAA,EACH,GACD;AAEF;AAEA,IAAO,6BAAQ,2BAAY,aAAc;",
   "names": ["componentsPrivateApis"]
 }

package/build/components/text-alignment-control/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-alignment-control/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\talignLeft,\n\talignCenter,\n\talignRight,\n\talignJustify,\n} from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\nconst TEXT_ALIGNMENT_OPTIONS = [\n\t{\n\t\tlabel: __( 'Align text left' ),\n\t\tvalue: 'left',\n\t\ticon: alignLeft,\n\t},\n\t{\n\t\tlabel: __( 'Align text center' ),\n\t\tvalue: 'center',\n\t\ticon: alignCenter,\n\t},\n\t{\n\t\tlabel: __( 'Align text right' ),\n\t\tvalue: 'right',\n\t\ticon: alignRight,\n\t},\n\t{\n\t\tlabel: __( 'Justify text' ),\n\t\tvalue: 'justify',\n\t\ticon: alignJustify,\n\t},\n];\n\nconst DEFAULT_OPTIONS = [ 'left', 'center', 'right' ];\n\n/**\n * Control to facilitate text alignment selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text alignment.\n * @param {Function} props.onChange  Handles change in text alignment selection.\n * @param {string[]} props.options   Array of text alignment options to display.\n *\n * @return {Element} Text alignment control.\n */\nexport default function TextAlignmentControl( {\n\tclassName,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_OPTIONS,\n} ) {\n\tconst validOptions = useMemo(\n\t\t() =>\n\t\t\tTEXT_ALIGNMENT_OPTIONS.filter( ( option ) =>\n\t\t\t\toptions.includes( option.value )\n\t\t\t),\n\t\t[ options ]\n\t);\n\n\tif ( ! validOptions.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tisDeselectable\n\t\t\tlabel={ __( 'Text alignment' ) }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-alignment-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t>\n\t\t\t{ validOptions.map( ( option ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAAmB;AACnB,mBAKO;AACP,qBAAwB;AACxB,wBAGO;AAuEF;AArEL,IAAM,yBAAyB;AAAA,EAC9B;AAAA,IACC,WAAO,gBAAI,iBAAkB;AAAA,IAC7B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,mBAAoB;AAAA,IAC/B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,kBAAmB;AAAA,IAC9B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,cAAe;AAAA,IAC1B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AACD;AAEA,IAAM,kBAAkB,CAAE,QAAQ,UAAU,OAAQ;AAarC,SAAR,qBAAuC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACX,GAAI;AACH,QAAM,mBAAe;AAAA,IACpB,MACC,uBAAuB;AAAA,MAAQ,CAAE,WAChC,QAAQ,SAAU,OAAO,KAAM;AAAA,IAChC;AAAA,IACD,CAAE,OAAQ;AAAA,EACX;AAEA,MAAK,CAAE,aAAa,QAAS;AAC5B,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,gBAAc;AAAA,MACd,WAAQ,gBAAI,gBAAiB;AAAA,MAC7B,eAAY,YAAAC;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,MACA,UAAW,CAAE,aAAc;AAC1B,iBAAU,aAAa,QAAQ,SAAY,QAAS;AAAA,MACrD;AAAA,MAEE,uBAAa,IAAK,CAAE,WAAY;AACjC,eACC;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YAEA,OAAQ,OAAO;AAAA,YACf,MAAO,OAAO;AAAA,YACd,OAAQ,OAAO;AAAA;AAAA,UAHT,OAAO;AAAA,QAId;AAAA,MAEF,CAAE;AAAA;AAAA,EACH;AAEF;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { __ } from '@wordpress/i18n';\nimport {\n\talignLeft,\n\talignCenter,\n\talignRight,\n\talignJustify,\n} from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\nconst TEXT_ALIGNMENT_OPTIONS = [\n\t{\n\t\tlabel: __( 'Align text left' ),\n\t\tvalue: 'left',\n\t\ticon: alignLeft,\n\t},\n\t{\n\t\tlabel: __( 'Align text center' ),\n\t\tvalue: 'center',\n\t\ticon: alignCenter,\n\t},\n\t{\n\t\tlabel: __( 'Align text right' ),\n\t\tvalue: 'right',\n\t\ticon: alignRight,\n\t},\n\t{\n\t\tlabel: __( 'Justify text' ),\n\t\tvalue: 'justify',\n\t\ticon: alignJustify,\n\t},\n];\n\nconst DEFAULT_OPTIONS = [ 'left', 'center', 'right' ];\n\n/**\n * Control to facilitate text alignment selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text alignment.\n * @param {Function} props.onChange  Handles change in text alignment selection.\n * @param {string[]} props.options   Array of text alignment options to display.\n *\n * @return {Element} Text alignment control.\n */\nexport default function TextAlignmentControl( {\n\tclassName,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_OPTIONS,\n} ) {\n\tconst validOptions = useMemo(\n\t\t() =>\n\t\t\tTEXT_ALIGNMENT_OPTIONS.filter( ( option ) =>\n\t\t\t\toptions.includes( option.value )\n\t\t\t),\n\t\t[ options ]\n\t);\n\n\tif ( ! validOptions.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tisDeselectable\n\t\t\tlabel={ __( 'Text alignment' ) }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-alignment-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t>\n\t\t\t{ validOptions.map( ( option ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,kBAAmB;AACnB,mBAKO;AACP,qBAAwB;AACxB,wBAGO;AAuEF;AArEL,IAAM,yBAAyB;AAAA,EAC9B;AAAA,IACC,WAAO,gBAAI,iBAAkB;AAAA,IAC7B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,mBAAoB;AAAA,IAC/B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,kBAAmB;AAAA,IAC9B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,cAAe;AAAA,IAC1B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AACD;AAEA,IAAM,kBAAkB,CAAE,QAAQ,UAAU,OAAQ;AAarC,SAAR,qBAAuC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACX,GAAI;AACH,QAAM,mBAAe;AAAA,IACpB,MACC,uBAAuB;AAAA,MAAQ,CAAE,WAChC,QAAQ,SAAU,OAAO,KAAM;AAAA,IAChC;AAAA,IACD,CAAE,OAAQ;AAAA,EACX;AAEA,MAAK,CAAE,aAAa,QAAS;AAC5B,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,gBAAc;AAAA,MACd,WAAQ,gBAAI,gBAAiB;AAAA,MAC7B,eAAY,YAAAC;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,MACA,UAAW,CAAE,aAAc;AAC1B,iBAAU,aAAa,QAAQ,SAAY,QAAS;AAAA,MACrD;AAAA,MAEE,uBAAa,IAAK,CAAE,WAAY;AACjC,eACC;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YAEA,OAAQ,OAAO;AAAA,YACf,MAAO,OAAO;AAAA,YACd,OAAQ,OAAO;AAAA;AAAA,UAHT,OAAO;AAAA,QAId;AAAA,MAEF,CAAE;AAAA;AAAA,EACH;AAEF;",
   "names": ["ToggleGroupControl", "clsx", "ToggleGroupControlOptionIcon"]
 }

package/build/components/text-decoration-control/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-decoration-control/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { reset, formatStrikethrough, formatUnderline } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\nconst TEXT_DECORATIONS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Underline' ),\n\t\tvalue: 'underline',\n\t\ticon: formatUnderline,\n\t},\n\t{\n\t\tlabel: __( 'Strikethrough' ),\n\t\tvalue: 'line-through',\n\t\ticon: formatStrikethrough,\n\t},\n];\n\n/**\n * Control to facilitate text decoration selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.value     Currently selected text decoration.\n * @param {Function} props.onChange  Handles change in text decoration selection.\n * @param {string}   props.className Additional class name to apply.\n *\n * @return {Element} Text decoration control.\n */\nexport default function TextDecorationControl( {\n\tvalue,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tisDeselectable\n\t\t\tlabel={ __( 'Decoration' ) }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-decoration-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t>\n\t\t\t{ TEXT_DECORATIONS.map( ( option ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,mBAA4D;AAC5D,kBAAmB;AACnB,wBAGO;AAkDF;AAhDL,IAAM,mBAAmB;AAAA,EACxB;AAAA,IACC,WAAO,gBAAI,MAAO;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,eAAgB;AAAA,IAC3B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AACD;AAYe,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,gBAAc;AAAA,MACd,WAAQ,gBAAI,YAAa;AAAA,MACzB,eAAY,YAAAC;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,MACA,UAAW,CAAE,aAAc;AAC1B,iBAAU,aAAa,QAAQ,SAAY,QAAS;AAAA,MACrD;AAAA,MAEE,2BAAiB,IAAK,CAAE,WAAY;AACrC,eACC;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YAEA,OAAQ,OAAO;AAAA,YACf,MAAO,OAAO;AAAA,YACd,OAAQ,OAAO;AAAA;AAAA,UAHT,OAAO;AAAA,QAId;AAAA,MAEF,CAAE;AAAA;AAAA,EACH;AAEF;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { reset, formatStrikethrough, formatUnderline } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\nconst TEXT_DECORATIONS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Underline' ),\n\t\tvalue: 'underline',\n\t\ticon: formatUnderline,\n\t},\n\t{\n\t\tlabel: __( 'Strikethrough' ),\n\t\tvalue: 'line-through',\n\t\ticon: formatStrikethrough,\n\t},\n];\n\n/**\n * Control to facilitate text decoration selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.value     Currently selected text decoration.\n * @param {Function} props.onChange  Handles change in text decoration selection.\n * @param {string}   props.className Additional class name to apply.\n *\n * @return {Element} Text decoration control.\n */\nexport default function TextDecorationControl( {\n\tvalue,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tisDeselectable\n\t\t\tlabel={ __( 'Decoration' ) }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-decoration-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t>\n\t\t\t{ TEXT_DECORATIONS.map( ( option ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,mBAA4D;AAC5D,kBAAmB;AACnB,wBAGO;AAkDF;AAhDL,IAAM,mBAAmB;AAAA,EACxB;AAAA,IACC,WAAO,gBAAI,MAAO;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,WAAO,gBAAI,eAAgB;AAAA,IAC3B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AACD;AAYe,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,gBAAc;AAAA,MACd,WAAQ,gBAAI,YAAa;AAAA,MACzB,eAAY,YAAAC;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,MACA,UAAW,CAAE,aAAc;AAC1B,iBAAU,aAAa,QAAQ,SAAY,QAAS;AAAA,MACrD;AAAA,MAEE,2BAAiB,IAAK,CAAE,WAAY;AACrC,eACC;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YAEA,OAAQ,OAAO;AAAA,YACf,MAAO,OAAO;AAAA,YACd,OAAQ,OAAO;AAAA;AAAA,UAHT,OAAO;AAAA,QAId;AAAA,MAEF,CAAE;AAAA;AAAA,EACH;AAEF;",
   "names": ["ToggleGroupControl", "clsx", "ToggleGroupControlOptionIcon"]
 }

package/build/components/text-indent-control/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-indent-control/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalView as View,\n\tRangeControl,\n\t__experimentalSpacer as Spacer,\n\tFlex,\n\tFlexItem,\n\tBaseControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../components/use-settings';\n\n/**\n * Control for line text indent.\n *\n * @param {Object}                  props                      Component props.\n * @param {string}                  props.value                Currently selected text indent.\n * @param {Function}                props.onChange             Handles change in text indent selection.\n * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n * @param {boolean}                 props.withSlider           Whether to show the slider control.\n * @param {boolean}                 props.hasBottomMargin      Whether to add bottom margin below the control.\n * @param {string}                  props.help                 Help text to display below the control.\n * @param {string}                  props.className            Class name to add to the inner UnitControl.\n * @param {string}                  props.placeholder          Placeholder for the inner UnitControl.\n *\n * @return {Element} Text indent control.\n */\nexport default function TextIndentControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\twithSlider = false,\n\thasBottomMargin = false,\n\thelp,\n\tclassName,\n\tplaceholder,\n\t...otherProps\n} ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'ch',\n\t\t\t'%',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 16, em: 2, rem: 2, ch: 2 },\n\t} );\n\n\tconst [ valueQuantity, valueUnit ] = parseQuantityAndUnitFromRawValue(\n\t\tvalue,\n\t\tunits\n\t);\n\tconst isValueUnitRelative =\n\t\t!! valueUnit &&\n\t\t[ 'em', 'rem', '%', 'ch', 'vw', 'vh' ].includes( valueUnit );\n\n\tif ( ! withSlider ) {\n\t\treturn (\n\t\t\t<UnitControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\tlabel={ __( 'Line indent' ) }\n\t\t\t\tvalue={ value }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tunits={ units }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ hasBottomMargin ? { marginBottom: 12 } : undefined }>\n\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t{ __( 'Line indent' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Line indent' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t{ withSlider && (\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Line indent' ) }\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tif ( newValue === undefined ) {\n\t\t\t\t\t\t\t\t\t\tonChange?.( undefined );\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\t\tnewValue + ( valueUnit ?? 'px' )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t{ help && (\n\t\t\t\t<p className=\"components-base-control__help\">{ help }</p>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAUO;AACP,kBAAmB;AAKnB,0BAA4B;AAoDzB;AAnCY,SAAR,kBAAoC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,CAAE,cAAe,QAAI,iCAAa,eAAgB;AACxD,QAAM,YAAQ,kBAAAA,8BAAgB;AAAA,IAC7B,gBAAgB,kBAAkB;AAAA,MACjC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,eAAe,EAAE,IAAI,IAAI,IAAI,GAAG,KAAK,GAAG,IAAI,EAAE;AAAA,EAC/C,CAAE;AAEF,QAAM,CAAE,eAAe,SAAU,QAAI,kBAAAC;AAAA,IACpC;AAAA,IACA;AAAA,EACD;AACA,QAAM,sBACL,CAAC,CAAE,aACH,CAAE,MAAM,OAAO,KAAK,MAAM,MAAM,IAAK,EAAE,SAAU,SAAU;AAE5D,MAAK,CAAE,YAAa;AACnB,WACC;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACL,WAAQ,gBAAI,aAAc;AAAA,QAC1B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,SACC,6CAAC,kBAAAC,oBAAA,EAAK,OAAQ,kBAAkB,EAAE,cAAc,GAAG,IAAI,QACtD;AAAA,gDAAC,8BAAY,aAAZ,EACE,8BAAI,aAAc,GACrB;AAAA,IACA,6CAAC,0BACA;AAAA,kDAAC,8BAAS,SAAO,MAChB;AAAA,QAAC,kBAAAD;AAAA,QAAA;AAAA,UACA,WAAQ,gBAAI,aAAc;AAAA,UAC1B,eAAc;AAAA,UACd,qBAAmB;AAAA,UACnB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAM;AAAA,UACN;AAAA,UACA;AAAA;AAAA,MACD,GACD;AAAA,MACE,cACD,4CAAC,8BAAS,SAAO,MAChB,sDAAC,kBAAAE,sBAAA,EAAO,SAAU,GAAI,cAAe,GACpC;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,gBAAI,aAAc;AAAA,UAC1B,qBAAmB;AAAA,UACnB,OAAQ;AAAA,UACR,gBAAiB;AAAA,UACjB,UAAW,CAAE,aAAc;AAC1B,gBAAK,aAAa,QAAY;AAC7B,yBAAY,MAAU;AAAA,YACvB,OAAO;AACN;AAAA,gBACC,YAAa,aAAa;AAAA,cAC3B;AAAA,YACD;AAAA,UACD;AAAA,UACA,KAAM;AAAA,UACN,KAAM,sBAAsB,KAAK;AAAA,UACjC,MAAO,sBAAsB,MAAM;AAAA,UACnC,iBAAkB;AAAA;AAAA,MACnB,GACD,GACD;AAAA,OAEF;AAAA,IACE,QACD,4CAAC,OAAE,WAAU,iCAAkC,gBAAM;AAAA,KAEvD;AAEF;",
+  "sourcesContent": ["import {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalView as View,\n\tRangeControl,\n\t__experimentalSpacer as Spacer,\n\tFlex,\n\tFlexItem,\n\tBaseControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSettings } from '../../components/use-settings';\n\n/**\n * Control for line text indent.\n *\n * @param {Object}                  props                      Component props.\n * @param {string}                  props.value                Currently selected text indent.\n * @param {Function}                props.onChange             Handles change in text indent selection.\n * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n * @param {boolean}                 props.withSlider           Whether to show the slider control.\n * @param {boolean}                 props.hasBottomMargin      Whether to add bottom margin below the control.\n * @param {string}                  props.help                 Help text to display below the control.\n * @param {string}                  props.className            Class name to add to the inner UnitControl.\n * @param {string}                  props.placeholder          Placeholder for the inner UnitControl.\n *\n * @return {Element} Text indent control.\n */\nexport default function TextIndentControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\twithSlider = false,\n\thasBottomMargin = false,\n\thelp,\n\tclassName,\n\tplaceholder,\n\t...otherProps\n} ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'ch',\n\t\t\t'%',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 16, em: 2, rem: 2, ch: 2 },\n\t} );\n\n\tconst [ valueQuantity, valueUnit ] = parseQuantityAndUnitFromRawValue(\n\t\tvalue,\n\t\tunits\n\t);\n\tconst isValueUnitRelative =\n\t\t!! valueUnit &&\n\t\t[ 'em', 'rem', '%', 'ch', 'vw', 'vh' ].includes( valueUnit );\n\n\tif ( ! withSlider ) {\n\t\treturn (\n\t\t\t<UnitControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\tlabel={ __( 'Line indent' ) }\n\t\t\t\tvalue={ value }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tunits={ units }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ hasBottomMargin ? { marginBottom: 12 } : undefined }>\n\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t{ __( 'Line indent' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Line indent' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t{ withSlider && (\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Line indent' ) }\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\tif ( newValue === undefined ) {\n\t\t\t\t\t\t\t\t\t\tonChange?.( undefined );\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\t\tnewValue + ( valueUnit ?? 'px' )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t{ help && (\n\t\t\t\t<p className=\"components-base-control__help\">{ help }</p>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAUO;AACP,kBAAmB;AACnB,0BAA4B;AAoDzB;AAnCY,SAAR,kBAAoC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,CAAE,cAAe,QAAI,iCAAa,eAAgB;AACxD,QAAM,YAAQ,kBAAAA,8BAAgB;AAAA,IAC7B,gBAAgB,kBAAkB;AAAA,MACjC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,eAAe,EAAE,IAAI,IAAI,IAAI,GAAG,KAAK,GAAG,IAAI,EAAE;AAAA,EAC/C,CAAE;AAEF,QAAM,CAAE,eAAe,SAAU,QAAI,kBAAAC;AAAA,IACpC;AAAA,IACA;AAAA,EACD;AACA,QAAM,sBACL,CAAC,CAAE,aACH,CAAE,MAAM,OAAO,KAAK,MAAM,MAAM,IAAK,EAAE,SAAU,SAAU;AAE5D,MAAK,CAAE,YAAa;AACnB,WACC;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACL,WAAQ,gBAAI,aAAc;AAAA,QAC1B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,SACC,6CAAC,kBAAAC,oBAAA,EAAK,OAAQ,kBAAkB,EAAE,cAAc,GAAG,IAAI,QACtD;AAAA,gDAAC,8BAAY,aAAZ,EACE,8BAAI,aAAc,GACrB;AAAA,IACA,6CAAC,0BACA;AAAA,kDAAC,8BAAS,SAAO,MAChB;AAAA,QAAC,kBAAAD;AAAA,QAAA;AAAA,UACA,WAAQ,gBAAI,aAAc;AAAA,UAC1B,eAAc;AAAA,UACd,qBAAmB;AAAA,UACnB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAM;AAAA,UACN;AAAA,UACA;AAAA;AAAA,MACD,GACD;AAAA,MACE,cACD,4CAAC,8BAAS,SAAO,MAChB,sDAAC,kBAAAE,sBAAA,EAAO,SAAU,GAAI,cAAe,GACpC;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,gBAAI,aAAc;AAAA,UAC1B,qBAAmB;AAAA,UACnB,OAAQ;AAAA,UACR,gBAAiB;AAAA,UACjB,UAAW,CAAE,aAAc;AAC1B,gBAAK,aAAa,QAAY;AAC7B,yBAAY,MAAU;AAAA,YACvB,OAAO;AACN;AAAA,gBACC,YAAa,aAAa;AAAA,cAC3B;AAAA,YACD;AAAA,UACD;AAAA,UACA,KAAM;AAAA,UACN,KAAM,sBAAsB,KAAK;AAAA,UACjC,MAAO,sBAAsB,MAAM;AAAA,UACnC,iBAAkB;AAAA;AAAA,MACnB,GACD,GACD;AAAA,OAEF;AAAA,IACE,QACD,4CAAC,OAAE,WAAU,iCAAkC,gBAAM;AAAA,KAEvD;AAEF;",
   "names": ["useCustomUnits", "parseQuantityAndUnitFromRawValue", "UnitControl", "View", "Spacer"]
 }