@wordpress/block-editor 15.9.1-next.8b30e05b0.0 → 15.9.1-next.8fd3f8831.0

package/build-module/components/spacing-sizes-control/input-controls/spacing-input-control.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/spacing-sizes-control/input-controls/spacing-input-control.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tIcon,\n\tRangeControl,\n\t__experimentalHStack as HStack,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\tCustomSelectControl,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../../use-settings';\nimport { store as blockEditorStore } from '../../../store';\nimport {\n\tRANGE_CONTROL_MAX_SIZE,\n\tALL_SIDES,\n\tLABELS,\n\tgetSliderValueFromPreset,\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromCustomValue,\n\tisValueSpacingPreset,\n} 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} ) {\n\t// Treat value as a preset value if the passed in value matches the value of one of the spacingSizes.\n\tvalue = getPresetValueFromCustomValue( value, spacingSizes );\n\n\tlet selectListSizes = spacingSizes;\n\tconst showRangeControl = spacingSizes.length <= RANGE_CONTROL_MAX_SIZE;\n\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\t! disableCustomSpacingSizes &&\n\t\t\tvalue !== undefined &&\n\t\t\t! isValueSpacingPreset( value )\n\t);\n\n\tconst [ minValue, setMinValue ] = useState( minimumCustomValue );\n\n\tconst previousValue = usePrevious( value );\n\tif (\n\t\t!! value &&\n\t\tpreviousValue !== value &&\n\t\t! isValueSpacingPreset( value ) &&\n\t\tshowCustomValueControl !== true\n\t) {\n\t\tsetShowCustomValueControl( true );\n\t}\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tlet currentValue = null;\n\n\tconst showCustomValueInSelectList =\n\t\t! showRangeControl &&\n\t\t! showCustomValueControl &&\n\t\tvalue !== undefined &&\n\t\t( ! isValueSpacingPreset( value ) ||\n\t\t\t( isValueSpacingPreset( value ) && isMixed ) );\n\n\tif ( showCustomValueInSelectList ) {\n\t\tselectListSizes = [\n\t\t\t...spacingSizes,\n\t\t\t{\n\t\t\t\tname: ! isMixed\n\t\t\t\t\t? // translators: %s: A custom measurement, e.g. a number followed by a unit like 12px.\n\t\t\t\t\t  sprintf( __( 'Custom (%s)' ), value )\n\t\t\t\t\t: __( 'Mixed' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: value,\n\t\t\t},\n\t\t];\n\t\tcurrentValue = selectListSizes.length - 1;\n\t} else if ( ! isMixed ) {\n\t\tcurrentValue = ! showCustomValueControl\n\t\t\t? getSliderValueFromPreset( value, spacingSizes )\n\t\t\t: getCustomValueFromPreset( value, spacingSizes );\n\t}\n\n\tconst selectedUnit =\n\t\tuseMemo(\n\t\t\t() => parseQuantityAndUnitFromRawValue( currentValue ),\n\t\t\t[ currentValue ]\n\t\t)[ 1 ] || units[ 0 ]?.value;\n\n\tconst setInitialValue = () => {\n\t\tif ( value === undefined ) {\n\t\t\tonChange( '0' );\n\t\t}\n\t};\n\n\tconst customTooltipContent = ( newValue ) =>\n\t\tvalue === undefined ? undefined : spacingSizes[ newValue ]?.name;\n\n\tconst customRangeValue = parseFloat( currentValue, 10 );\n\n\tconst getNewCustomValue = ( newSize ) => {\n\t\tconst isNumeric = ! isNaN( parseFloat( newSize ) );\n\t\tconst nextValue = isNumeric ? newSize : undefined;\n\t\treturn nextValue;\n\t};\n\n\tconst getNewPresetValue = ( newSize, controlType ) => {\n\t\tconst size = parseInt( newSize, 10 );\n\n\t\tif ( controlType === 'selectList' ) {\n\t\t\tif ( size === 0 ) {\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t\tif ( size === 1 ) {\n\t\t\t\treturn '0';\n\t\t\t}\n\t\t} else if ( size === 0 ) {\n\t\t\treturn '0';\n\t\t}\n\t\treturn `var:preset|spacing|${ spacingSizes[ newSize ]?.slug }`;\n\t};\n\n\tconst handleCustomValueSliderChange = ( next ) => {\n\t\tonChange( [ next, selectedUnit ].join( '' ) );\n\t};\n\n\tconst allPlaceholder = isMixed ? __( 'Mixed' ) : null;\n\n\tconst options = selectListSizes.map( ( size, index ) => ( {\n\t\tkey: index,\n\t\tname: size.name,\n\t} ) );\n\n\tconst marks = spacingSizes\n\t\t.slice( 1, spacingSizes.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( side ) && showSideInLabel ? LABELS[ side ] : '';\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\treturn (\n\t\t<HStack className=\"spacing-sizes-control__wrapper\">\n\t\t\t{ icon && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"spacing-sizes-control__icon\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ showCustomValueControl && (\n\t\t\t\t<>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\t\tonChange( getNewCustomValue( newSize ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ currentValue }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ minValue }\n\t\t\t\t\t\tplaceholder={ allPlaceholder }\n\t\t\t\t\t\tdisableUnits={ isMixed }\n\t\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName=\"spacing-sizes-control__custom-value-input\"\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tonDragStart={ () => {\n\t\t\t\t\t\t\tif ( value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonDrag={ () => {\n\t\t\t\t\t\t\tif ( value?.charAt( 0 ) === '-' ) {\n\t\t\t\t\t\t\t\tsetMinValue( 0 );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonDragEnd={ () => {\n\t\t\t\t\t\t\tsetMinValue( minimumCustomValue );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t\t\tvalue={ customRangeValue }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ CUSTOM_VALUE_SETTINGS[ selectedUnit ]?.max ?? 10 }\n\t\t\t\t\t\tstep={\n\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ selectedUnit ]?.steps ?? 0.1\n\t\t\t\t\t\t}\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tonChange={ handleCustomValueSliderChange }\n\t\t\t\t\t\tclassName=\"spacing-sizes-control__custom-value-range\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tclassName=\"spacing-sizes-control__range-control\"\n\t\t\t\t\tvalue={ currentValue }\n\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\tonChange( getNewPresetValue( newSize ) )\n\t\t\t\t\t}\n\t\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\t\t// If mouse down is near start of range set initial value to 0, which\n\t\t\t\t\t\t// prevents the user have to drag right then left to get 0 setting.\n\t\t\t\t\t\tif ( event?.nativeEvent?.offsetX < 35 ) {\n\t\t\t\t\t\t\tsetInitialValue();\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\taria-valuenow={ currentValue }\n\t\t\t\t\taria-valuetext={ spacingSizes[ currentValue ]?.name }\n\t\t\t\t\trenderTooltipContent={ customTooltipContent }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ spacingSizes.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"spacing-sizes-control__custom-select-control\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\t// passing empty string as a fallback to continue using the\n\t\t\t\t\t\t// component in controlled mode\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === currentValue\n\t\t\t\t\t\t) || ''\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tgetNewPresetValue(\n\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t'selectList'\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tlabel={ ariaLabel }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tonFocus={ onMouseOver }\n\t\t\t\t\tonBlur={ onMouseOut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! disableCustomSpacingSizes && (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t? __( 'Use size preset' )\n\t\t\t\t\t\t\t: __( 'Set custom size' )\n\t\t\t\t\t}\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowCustomValueControl( ! showCustomValueControl );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__custom-toggle\"\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],
-  "mappings": ";AAGA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA,EAChC,kDAAkD;AAAA,EAClD;AAAA,OACM;AACP,SAAS,iBAAiB;AAC1B,SAAS,UAAU,eAAe;AAClC,SAAS,mBAAmB;AAC5B,SAAS,IAAI,IAAI,eAAe;AAChC,SAAS,gBAAgB;AAKzB,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AAC1C;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAmLH,SAOA,UAPA,KAOA,YAPA;AAjLJ,IAAM,wBAAwB;AAAA,EAC7B,IAAI,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,IAAI,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EACzB,IAAI,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EACzB,IAAI,EAAE,KAAK,IAAI,OAAO,IAAI;AAAA,EAC1B,IAAI,EAAE,KAAK,IAAI,OAAO,IAAI;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,IAAI,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,IAAI,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EACzB,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC1B,MAAM,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC3B,OAAO,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC5B,OAAO,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC5B,OAAO,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC5B,MAAM,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC3B,OAAO,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC5B,OAAO,EAAE,KAAK,KAAK,OAAO,EAAE;AAAA,EAC5B,OAAO,EAAE,KAAK,KAAK,OAAO,EAAE;AAC7B;AAEe,SAAR,oBAAsC;AAAA,EAC5C;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AAEH,UAAQ,8BAA+B,OAAO,YAAa;AAE3D,MAAI,kBAAkB;AACtB,QAAM,mBAAmB,aAAa,UAAU;AAEhD,QAAM,4BAA4B,UAAW,CAAE,WAAY;AAC1D,UAAM,iBAAiB,OAAQ,gBAAiB,EAAE,YAAY;AAC9D,WAAO,gBAAgB;AAAA,EACxB,CAAE;AAEF,QAAM,CAAE,wBAAwB,yBAA0B,IAAI;AAAA,IAC7D,CAAE,6BACD,UAAU,UACV,CAAE,qBAAsB,KAAM;AAAA,EAChC;AAEA,QAAM,CAAE,UAAU,WAAY,IAAI,SAAU,kBAAmB;AAE/D,QAAM,gBAAgB,YAAa,KAAM;AACzC,MACC,CAAC,CAAE,SACH,kBAAkB,SAClB,CAAE,qBAAsB,KAAM,KAC9B,2BAA2B,MAC1B;AACD,8BAA2B,IAAK;AAAA,EACjC;AAEA,QAAM,CAAE,cAAe,IAAI,YAAa,eAAgB;AACxD,QAAM,QAAQ,eAAgB;AAAA,IAC7B,gBAAgB,kBAAkB,CAAE,MAAM,MAAM,KAAM;AAAA,EACvD,CAAE;AAEF,MAAI,eAAe;AAEnB,QAAM,8BACL,CAAE,oBACF,CAAE,0BACF,UAAU,WACR,CAAE,qBAAsB,KAAM,KAC7B,qBAAsB,KAAM,KAAK;AAErC,MAAK,6BAA8B;AAClC,sBAAkB;AAAA,MACjB,GAAG;AAAA,MACH;AAAA,QACC,MAAM,CAAE;AAAA;AAAA,UAEL,QAAS,GAAI,aAAc,GAAG,KAAM;AAAA,YACpC,GAAI,OAAQ;AAAA,QACf,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,IACD;AACA,mBAAe,gBAAgB,SAAS;AAAA,EACzC,WAAY,CAAE,SAAU;AACvB,mBAAe,CAAE,yBACd,yBAA0B,OAAO,YAAa,IAC9C,yBAA0B,OAAO,YAAa;AAAA,EAClD;AAEA,QAAM,eACL;AAAA,IACC,MAAM,iCAAkC,YAAa;AAAA,IACrD,CAAE,YAAa;AAAA,EAChB,EAAG,CAAE,KAAK,MAAO,CAAE,GAAG;AAEvB,QAAM,kBAAkB,MAAM;AAC7B,QAAK,UAAU,QAAY;AAC1B,eAAU,GAAI;AAAA,IACf;AAAA,EACD;AAEA,QAAM,uBAAuB,CAAE,aAC9B,UAAU,SAAY,SAAY,aAAc,QAAS,GAAG;AAE7D,QAAM,mBAAmB,WAAY,cAAc,EAAG;AAEtD,QAAM,oBAAoB,CAAE,YAAa;AACxC,UAAM,YAAY,CAAE,MAAO,WAAY,OAAQ,CAAE;AACjD,UAAM,YAAY,YAAY,UAAU;AACxC,WAAO;AAAA,EACR;AAEA,QAAM,oBAAoB,CAAE,SAAS,gBAAiB;AACrD,UAAM,OAAO,SAAU,SAAS,EAAG;AAEnC,QAAK,gBAAgB,cAAe;AACnC,UAAK,SAAS,GAAI;AACjB,eAAO;AAAA,MACR;AACA,UAAK,SAAS,GAAI;AACjB,eAAO;AAAA,MACR;AAAA,IACD,WAAY,SAAS,GAAI;AACxB,aAAO;AAAA,IACR;AACA,WAAO,sBAAuB,aAAc,OAAQ,GAAG,IAAK;AAAA,EAC7D;AAEA,QAAM,gCAAgC,CAAE,SAAU;AACjD,aAAU,CAAE,MAAM,YAAa,EAAE,KAAM,EAAG,CAAE;AAAA,EAC7C;AAEA,QAAM,iBAAiB,UAAU,GAAI,OAAQ,IAAI;AAEjD,QAAM,UAAU,gBAAgB,IAAK,CAAE,MAAM,WAAa;AAAA,IACzD,KAAK;AAAA,IACL,MAAM,KAAK;AAAA,EACZ,EAAI;AAEJ,QAAM,QAAQ,aACZ,MAAO,GAAG,aAAa,SAAS,CAAE,EAClC,IAAK,CAAE,WAAW,WAAa;AAAA,IAC/B,OAAO,QAAQ;AAAA,IACf,OAAO;AAAA,EACR,EAAI;AAEL,QAAM,YACL,UAAU,SAAU,IAAK,KAAK,kBAAkB,OAAQ,IAAK,IAAI;AAClE,QAAM,YAAY,kBAAkB,MAAM,YAAY,IAAI;AAE1D,QAAM,YAAY;AAAA;AAAA,IAEjB,GAAI,aAAa,SAAU;AAAA,IAC3B;AAAA,IACA;AAAA,EACD,EAAE,KAAK;AAEP,SACC,qBAAC,UAAO,WAAU,kCACf;AAAA,YACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV;AAAA,QACA,MAAO;AAAA;AAAA,IACR;AAAA,IAEC,0BACD,iCACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAU;AAAA,UACV,QAAS;AAAA,UACT,UAAW,CAAE,YACZ,SAAU,kBAAmB,OAAQ,CAAE;AAAA,UAExC,OAAQ;AAAA,UACR;AAAA,UACA,KAAM;AAAA,UACN,aAAc;AAAA,UACd,cAAe;AAAA,UACf,OAAQ;AAAA,UACR,qBAAmB;AAAA,UACnB,WAAU;AAAA,UACV,MAAK;AAAA,UACL,aAAc,MAAM;AACnB,gBAAK,OAAO,OAAQ,CAAE,MAAM,KAAM;AACjC,0BAAa,CAAE;AAAA,YAChB;AAAA,UACD;AAAA,UACA,QAAS,MAAM;AACd,gBAAK,OAAO,OAAQ,CAAE,MAAM,KAAM;AACjC,0BAAa,CAAE;AAAA,YAChB;AAAA,UACD;AAAA,UACA,WAAY,MAAM;AACjB,wBAAa,kBAAmB;AAAA,UACjC;AAAA;AAAA,MACD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB;AAAA,UACA;AAAA,UACA,SAAU;AAAA,UACV,QAAS;AAAA,UACT,OAAQ;AAAA,UACR,KAAM;AAAA,UACN,KAAM,sBAAuB,YAAa,GAAG,OAAO;AAAA,UACpD,MACC,sBAAuB,YAAa,GAAG,SAAS;AAAA,UAEjD,gBAAiB;AAAA,UACjB,UAAW;AAAA,UACX,WAAU;AAAA,UACV,yBAAuB;AAAA,UACvB,OAAQ;AAAA,UACR,qBAAmB;AAAA;AAAA,MACpB;AAAA,OACD;AAAA,IAEC,oBAAoB,CAAE,0BACvB;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,OAAQ;AAAA,QACR,UAAW,CAAE,YACZ,SAAU,kBAAmB,OAAQ,CAAE;AAAA,QAExC,aAAc,CAAE,UAAW;AAG1B,cAAK,OAAO,aAAa,UAAU,IAAK;AACvC,4BAAgB;AAAA,UACjB;AAAA,QACD;AAAA,QACA,gBAAiB;AAAA,QACjB,iBAAgB;AAAA,QAChB,kBAAiB,aAAc,YAAa,GAAG;AAAA,QAC/C,sBAAuB;AAAA,QACvB,KAAM;AAAA,QACN,KAAM,aAAa,SAAS;AAAA,QAC5B;AAAA,QACA,OAAQ;AAAA,QACR,qBAAmB;AAAA,QACnB,yBAAuB;AAAA,QACvB,SAAU;AAAA,QACV,QAAS;AAAA;AAAA,IACV;AAAA,IAEC,CAAE,oBAAoB,CAAE,0BACzB;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV;AAAA;AAAA;AAAA,UAGC,QAAQ;AAAA,YACP,CAAE,WAAY,OAAO,QAAQ;AAAA,UAC9B,KAAK;AAAA;AAAA,QAEN,UAAW,CAAE,cAAe;AAC3B;AAAA,YACC;AAAA,cACC,UAAU,aAAa;AAAA,cACvB;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAAA,QACA;AAAA,QACA,OAAQ;AAAA,QACR,qBAAmB;AAAA,QACnB,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,SAAU;AAAA,QACV,QAAS;AAAA;AAAA,IACV;AAAA,IAEC,CAAE,6BACH;AAAA,MAAC;AAAA;AAAA,QACA,OACC,yBACG,GAAI,iBAAkB,IACtB,GAAI,iBAAkB;AAAA,QAE1B,MAAO;AAAA,QACP,SAAU,MAAM;AACf,oCAA2B,CAAE,sBAAuB;AAAA,QACrD;AAAA,QACA,WAAY;AAAA,QACZ,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAW;AAAA;AAAA,IACZ;AAAA,KAEF;AAEF;",
+  "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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",
   "names": []
 }

package/build-module/components/tabbed-sidebar/index.js

@@ -5,7 +5,7 @@ import {
 } from "@wordpress/components";
 import { forwardRef } from "@wordpress/element";
 import { closeSmall } from "@wordpress/icons";
-import { unlock } from "../../lock-unlock";
+import { unlock } from "../../lock-unlock.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var { Tabs } = unlock(componentsPrivateApis);
 function TabbedSidebar({ defaultTabId, onClose, onSelect, selectedTab, tabs, closeButtonLabel }, ref) {

package/build-module/components/text-alignment-control/index.js

@@ -55,7 +55,6 @@ function TextAlignmentControl({
     ToggleGroupControl,
     {
       isDeselectable: true,
-      __nextHasNoMarginBottom: true,
       __next40pxDefaultSize: true,
       label: __("Text alignment"),
       className: clsx(

package/build-module/components/text-alignment-control/index.js.map

@@ -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\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\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": ";AAGA,OAAO,UAAU;AAKjB,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,eAAe;AACxB;AAAA,EACC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,OACxC;AAyEF;AAvEL,IAAM,yBAAyB;AAAA,EAC9B;AAAA,IACC,OAAO,GAAI,iBAAkB;AAAA,IAC7B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,mBAAoB;AAAA,IAC/B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,kBAAmB;AAAA,IAC9B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,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,eAAe;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;AAAA;AAAA,MACA,gBAAc;AAAA,MACd,yBAAuB;AAAA,MACvB,uBAAqB;AAAA,MACrB,OAAQ,GAAI,gBAAiB;AAAA,MAC7B,WAAY;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;AAAA;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": ["/**\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\t__next40pxDefaultSize\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": ";AAGA,OAAO,UAAU;AAKjB,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,eAAe;AACxB;AAAA,EACC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,OACxC;AAwEF;AAtEL,IAAM,yBAAyB;AAAA,EAC9B;AAAA,IACC,OAAO,GAAI,iBAAkB;AAAA,IAC7B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,mBAAoB;AAAA,IAC/B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,kBAAmB;AAAA,IAC9B,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,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,eAAe;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;AAAA;AAAA,MACA,gBAAc;AAAA,MACd,uBAAqB;AAAA,MACrB,OAAQ,GAAI,gBAAiB;AAAA,MAC7B,WAAY;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;AAAA;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": []
 }

package/build-module/components/text-decoration-control/index.js

@@ -33,7 +33,6 @@ function TextDecorationControl({
     ToggleGroupControl,
     {
       isDeselectable: true,
-      __nextHasNoMarginBottom: true,
       __next40pxDefaultSize: true,
       label: __("Decoration"),
       className: clsx(

package/build-module/components/text-decoration-control/index.js.map

@@ -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\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\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": ";AAGA,OAAO,UAAU;AAKjB,SAAS,OAAO,qBAAqB,uBAAuB;AAC5D,SAAS,UAAU;AACnB;AAAA,EACC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,OACxC;AAoDF;AAlDL,IAAM,mBAAmB;AAAA,EACxB;AAAA,IACC,OAAO,GAAI,MAAO;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,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;AAAA;AAAA,MACA,gBAAc;AAAA,MACd,yBAAuB;AAAA,MACvB,uBAAqB;AAAA,MACrB,OAAQ,GAAI,YAAa;AAAA,MACzB,WAAY;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;AAAA;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": ["/**\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\t__next40pxDefaultSize\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": ";AAGA,OAAO,UAAU;AAKjB,SAAS,OAAO,qBAAqB,uBAAuB;AAC5D,SAAS,UAAU;AACnB;AAAA,EACC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,OACxC;AAmDF;AAjDL,IAAM,mBAAmB;AAAA,EACxB;AAAA,IACC,OAAO,GAAI,MAAO;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,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;AAAA;AAAA,MACA,gBAAc;AAAA,MACd,uBAAqB;AAAA,MACrB,OAAQ,GAAI,YAAa;AAAA,MACzB,WAAY;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;AAAA;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": []
 }

package/build-module/components/text-indent-control/index.js

@@ -0,0 +1,109 @@
+// packages/block-editor/src/components/text-indent-control/index.js
+import {
+  __experimentalUnitControl as UnitControl,
+  __experimentalUseCustomUnits as useCustomUnits,
+  __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,
+  RangeControl,
+  __experimentalSpacer as Spacer,
+  Flex,
+  FlexItem,
+  BaseControl
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useSettings } from "../use-settings/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function TextIndentControl({
+  __next40pxDefaultSize = false,
+  value,
+  onChange,
+  __unstableInputWidth = "60px",
+  withSlider = false,
+  help,
+  ...otherProps
+}) {
+  const [availableUnits] = useSettings("spacing.units");
+  const units = useCustomUnits({
+    availableUnits: availableUnits || [
+      "px",
+      "em",
+      "rem",
+      "ch",
+      "%",
+      "vw",
+      "vh"
+    ],
+    defaultValues: { px: 16, em: 2, rem: 2, ch: 2 }
+  });
+  const [valueQuantity, valueUnit] = parseQuantityAndUnitFromRawValue(
+    value,
+    units
+  );
+  const isValueUnitRelative = !!valueUnit && ["em", "rem", "ch", "vw", "vh"].includes(valueUnit);
+  if (!withSlider) {
+    return /* @__PURE__ */ jsx(
+      UnitControl,
+      {
+        __next40pxDefaultSize,
+        __shouldNotWarnDeprecated36pxSize: true,
+        ...otherProps,
+        label: __("Line indent"),
+        value,
+        __unstableInputWidth,
+        units,
+        onChange,
+        help
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(BaseControl.VisualLabel, { children: __("Line indent") }),
+    /* @__PURE__ */ jsxs(Flex, { children: [
+      /* @__PURE__ */ jsx(FlexItem, { isBlock: true, children: /* @__PURE__ */ jsx(
+        UnitControl,
+        {
+          __next40pxDefaultSize,
+          __shouldNotWarnDeprecated36pxSize: true,
+          label: __("Line indent"),
+          labelPosition: "top",
+          hideLabelFromVision: true,
+          value,
+          onChange,
+          size: otherProps.size,
+          units,
+          __unstableInputWidth,
+          min: 0
+        }
+      ) }),
+      withSlider && /* @__PURE__ */ jsx(FlexItem, { isBlock: true, children: /* @__PURE__ */ jsx(Spacer, { marginX: 2, marginBottom: 0, children: /* @__PURE__ */ jsx(
+        RangeControl,
+        {
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize,
+          __shouldNotWarnDeprecated36pxSize: true,
+          label: __("Line indent"),
+          hideLabelFromVision: true,
+          value: valueQuantity,
+          withInputField: false,
+          onChange: (newValue) => {
+            if (newValue === void 0) {
+              onChange?.(void 0);
+            } else {
+              onChange?.(
+                newValue + (valueUnit ?? "px")
+              );
+            }
+          },
+          min: 0,
+          max: isValueUnitRelative ? 10 : 100,
+          step: isValueUnitRelative ? 0.1 : 1,
+          initialPosition: 0
+        }
+      ) }) })
+    ] }),
+    help && /* @__PURE__ */ jsx("p", { className: "components-base-control__help", children: help })
+  ] });
+}
+export {
+  TextIndentControl as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/text-indent-control/index.js.map

@@ -0,0 +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\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 {boolean}                 props.__next40pxDefaultSize Start opting into the larger default height that will become the default size in a future version.\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 {string}                  props.help                  Help text to display below the control.\n *\n * @return {Element} Text indent control.\n */\nexport default function TextIndentControl( {\n\t__next40pxDefaultSize = false,\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\twithSlider = false,\n\thelp,\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 && [ 'em', 'rem', 'ch', 'vw', 'vh' ].includes( valueUnit );\n\n\tif ( ! withSlider ) {\n\t\treturn (\n\t\t\t<UnitControl\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__shouldNotWarnDeprecated36pxSize\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/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\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\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t\t__shouldNotWarnDeprecated36pxSize\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\tsize={ otherProps.size }\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/>\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\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t\t\t\t__shouldNotWarnDeprecated36pxSize\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</>\n\t);\n}\n"],
+  "mappings": ";AAGA;AAAA,EACC,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA,EAChC,kDAAkD;AAAA,EAClD;AAAA,EACA,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AAKnB,SAAS,mBAAmB;AA+CzB,SAeD,UAfC,KAmBA,YAnBA;AAhCY,SAAR,kBAAoC;AAAA,EAC1C,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,CAAE,cAAe,IAAI,YAAa,eAAgB;AACxD,QAAM,QAAQ,eAAgB;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,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,EACD;AACA,QAAM,sBACL,CAAC,CAAE,aAAa,CAAE,MAAM,OAAO,MAAM,MAAM,IAAK,EAAE,SAAU,SAAU;AAEvE,MAAK,CAAE,YAAa;AACnB,WACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,mCAAiC;AAAA,QAC/B,GAAG;AAAA,QACL,OAAQ,GAAI,aAAc;AAAA,QAC1B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,SACC,iCACC;AAAA,wBAAC,YAAY,aAAZ,EACE,aAAI,aAAc,GACrB;AAAA,IACA,qBAAC,QACA;AAAA,0BAAC,YAAS,SAAO,MAChB;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,mCAAiC;AAAA,UACjC,OAAQ,GAAI,aAAc;AAAA,UAC1B,eAAc;AAAA,UACd,qBAAmB;AAAA,UACnB;AAAA,UACA;AAAA,UACA,MAAO,WAAW;AAAA,UAClB;AAAA,UACA;AAAA,UACA,KAAM;AAAA;AAAA,MACP,GACD;AAAA,MACE,cACD,oBAAC,YAAS,SAAO,MAChB,8BAAC,UAAO,SAAU,GAAI,cAAe,GACpC;AAAA,QAAC;AAAA;AAAA,UACA,yBAAuB;AAAA,UACvB;AAAA,UACA,mCAAiC;AAAA,UACjC,OAAQ,GAAI,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,oBAAC,OAAE,WAAU,iCAAkC,gBAAM;AAAA,KAEvD;AAEF;",
+  "names": []
+}

package/build-module/components/text-transform-control/index.js

@@ -39,7 +39,6 @@ function TextTransformControl({ className, value, onChange }) {
     ToggleGroupControl,
     {
       isDeselectable: true,
-      __nextHasNoMarginBottom: true,
       __next40pxDefaultSize: true,
       label: __("Letter case"),
       className: clsx(

package/build-module/components/text-transform-control/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text-transform-control/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\treset,\n\tformatCapitalize,\n\tformatLowercase,\n\tformatUppercase,\n} from '@wordpress/icons';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\nconst TEXT_TRANSFORMS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Uppercase' ),\n\t\tvalue: 'uppercase',\n\t\ticon: formatUppercase,\n\t},\n\t{\n\t\tlabel: __( 'Lowercase' ),\n\t\tvalue: 'lowercase',\n\t\ticon: formatLowercase,\n\t},\n\t{\n\t\tlabel: __( 'Capitalize' ),\n\t\tvalue: 'capitalize',\n\t\ticon: formatCapitalize,\n\t},\n];\n\n/**\n * Control to facilitate text transform 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 transform.\n * @param {Function} props.onChange  Handles change in text transform selection.\n *\n * @return {Element} Text transform control.\n */\nexport default function TextTransformControl( { className, value, onChange } ) {\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tisDeselectable\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Letter case' ) }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-transform-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_TRANSFORMS.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": ";AAGA,OAAO,UAAU;AAKjB,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP;AAAA,EACC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,OACxC;AAqDF;AAnDL,IAAM,kBAAkB;AAAA,EACvB;AAAA,IACC,OAAO,GAAI,MAAO;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,YAAa;AAAA,IACxB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AACD;AAYe,SAAR,qBAAuC,EAAE,WAAW,OAAO,SAAS,GAAI;AAC9E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAc;AAAA,MACd,yBAAuB;AAAA,MACvB,uBAAqB;AAAA,MACrB,OAAQ,GAAI,aAAc;AAAA,MAC1B,WAAY;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,MACA,UAAW,CAAE,aAAc;AAC1B,iBAAU,aAAa,QAAQ,SAAY,QAAS;AAAA,MACrD;AAAA,MAEE,0BAAgB,IAAK,CAAE,WAAY;AACpC,eACC;AAAA,UAAC;AAAA;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": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\treset,\n\tformatCapitalize,\n\tformatLowercase,\n\tformatUppercase,\n} from '@wordpress/icons';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\nconst TEXT_TRANSFORMS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Uppercase' ),\n\t\tvalue: 'uppercase',\n\t\ticon: formatUppercase,\n\t},\n\t{\n\t\tlabel: __( 'Lowercase' ),\n\t\tvalue: 'lowercase',\n\t\ticon: formatLowercase,\n\t},\n\t{\n\t\tlabel: __( 'Capitalize' ),\n\t\tvalue: 'capitalize',\n\t\ticon: formatCapitalize,\n\t},\n];\n\n/**\n * Control to facilitate text transform 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 transform.\n * @param {Function} props.onChange  Handles change in text transform selection.\n *\n * @return {Element} Text transform control.\n */\nexport default function TextTransformControl( { className, value, onChange } ) {\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tisDeselectable\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Letter case' ) }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-transform-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_TRANSFORMS.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": ";AAGA,OAAO,UAAU;AAKjB,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP;AAAA,EACC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,OACxC;AAoDF;AAlDL,IAAM,kBAAkB;AAAA,EACvB;AAAA,IACC,OAAO,GAAI,MAAO;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,WAAY;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AAAA,EACA;AAAA,IACC,OAAO,GAAI,YAAa;AAAA,IACxB,OAAO;AAAA,IACP,MAAM;AAAA,EACP;AACD;AAYe,SAAR,qBAAuC,EAAE,WAAW,OAAO,SAAS,GAAI;AAC9E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAc;AAAA,MACd,uBAAqB;AAAA,MACrB,OAAQ,GAAI,aAAc;AAAA,MAC1B,WAAY;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,MACA,UAAW,CAAE,aAAc;AAC1B,iBAAU,aAAa,QAAQ,SAAY,QAAS;AAAA,MACrD;AAAA,MAEE,0BAAgB,IAAK,CAAE,WAAY;AACpC,eACC;AAAA,UAAC;AAAA;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": []
 }

package/build-module/components/typewriter/index.js

@@ -3,7 +3,7 @@ import { useRefEffect } from "@wordpress/compose";
 import { computeCaretRect, getScrollContainer } from "@wordpress/dom";
 import { useSelect } from "@wordpress/data";
 import { UP, DOWN, LEFT, RIGHT } from "@wordpress/keycodes";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 import { jsx } from "react/jsx-runtime";
 var isIE = window.navigator.userAgent.indexOf("Trident") !== -1;
 var arrowKeyCodes = /* @__PURE__ */ new Set([UP, DOWN, LEFT, RIGHT]);

package/build-module/components/unit-control/index.js

@@ -3,7 +3,7 @@ import {
   __experimentalUseCustomUnits as useCustomUnits,
   __experimentalUnitControl as BaseUnitControl
 } from "@wordpress/components";
-import { useSettings } from "../use-settings";
+import { useSettings } from "../use-settings/index.js";
 import { jsx } from "react/jsx-runtime";
 function UnitControl({ units: unitsProp, ...props }) {
   const [availableUnits] = useSettings("spacing.units");

package/build-module/components/url-input/button.js

@@ -6,7 +6,7 @@ import {
   __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper
 } from "@wordpress/components";
 import { link, keyboardReturn, arrowLeft } from "@wordpress/icons";
-import URLInput from "./";
+import URLInput from "./index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function URLInputButton({ url, onChange }) {
   const [expanded, toggleExpanded] = useReducer(

package/build-module/components/url-input/index.js

@@ -19,7 +19,7 @@ import {
 } from "@wordpress/compose";
 import { withSelect } from "@wordpress/data";
 import { isURL } from "@wordpress/url";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
 function isFunction(maybeFunc) {
@@ -342,7 +342,7 @@ var URLInput = class extends Component {
     if (renderControl) {
       return renderControl(controlProps, inputProps, loading);
     }
-    return /* @__PURE__ */ jsxs(BaseControl, { __nextHasNoMarginBottom: true, ...controlProps, children: [
+    return /* @__PURE__ */ jsxs(BaseControl, { ...controlProps, children: [
       /* @__PURE__ */ jsx(InputControl, { ...inputProps, __next40pxDefaultSize: true }),
       loading && /* @__PURE__ */ jsx(Spinner, {})
     ] });

package/build-module/components/url-input/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/url-input/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { Component, createRef } from '@wordpress/element';\nimport { UP, DOWN, ENTER, TAB } from '@wordpress/keycodes';\nimport {\n\tBaseControl,\n\tButton,\n\t__experimentalInputControl as InputControl,\n\tSpinner,\n\twithSpokenMessages,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tcompose,\n\tdebounce,\n\twithInstanceId,\n\twithSafeTimeout,\n} from '@wordpress/compose';\nimport { withSelect } from '@wordpress/data';\nimport { isURL } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Whether the argument is a function.\n *\n * @param {*} maybeFunc The argument to check.\n * @return {boolean} True if the argument is a function, false otherwise.\n */\nfunction isFunction( maybeFunc ) {\n\treturn typeof maybeFunc === 'function';\n}\n\nclass URLInput extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.onChange = this.onChange.bind( this );\n\t\tthis.onFocus = this.onFocus.bind( this );\n\t\tthis.onKeyDown = this.onKeyDown.bind( this );\n\t\tthis.selectLink = this.selectLink.bind( this );\n\t\tthis.handleOnClick = this.handleOnClick.bind( this );\n\t\tthis.bindSuggestionNode = this.bindSuggestionNode.bind( this );\n\t\tthis.autocompleteRef = props.autocompleteRef || createRef();\n\t\tthis.inputRef = props.inputRef || createRef();\n\t\tthis.updateSuggestions = debounce(\n\t\t\tthis.updateSuggestions.bind( this ),\n\t\t\t200\n\t\t);\n\n\t\tthis.suggestionNodes = [];\n\n\t\tthis.suggestionsRequest = null;\n\n\t\tthis.state = {\n\t\t\tsuggestions: [],\n\t\t\tshowSuggestions: false,\n\t\t\tsuggestionsValue: null,\n\t\t\tselectedSuggestion: null,\n\t\t\tsuggestionsListboxId: '',\n\t\t\tsuggestionOptionIdPrefix: '',\n\t\t};\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tconst { showSuggestions, selectedSuggestion } = this.state;\n\t\tconst { value, __experimentalShowInitialSuggestions = false } =\n\t\t\tthis.props;\n\n\t\t// Only have to worry about scrolling selected suggestion into view\n\t\t// when already expanded.\n\t\tif (\n\t\t\tshowSuggestions &&\n\t\t\tselectedSuggestion !== null &&\n\t\t\tthis.suggestionNodes[ selectedSuggestion ]\n\t\t) {\n\t\t\tthis.suggestionNodes[ selectedSuggestion ].scrollIntoView( {\n\t\t\t\tbehavior: 'instant',\n\t\t\t\tblock: 'nearest',\n\t\t\t\tinline: 'nearest',\n\t\t\t} );\n\t\t}\n\n\t\t// Update suggestions when the value changes.\n\t\tif ( prevProps.value !== value && ! this.props.disableSuggestions ) {\n\t\t\tif ( value?.length ) {\n\t\t\t\t// If the new value is not empty we need to update with suggestions for it.\n\t\t\t\tthis.updateSuggestions( value );\n\t\t\t} else if ( __experimentalShowInitialSuggestions ) {\n\t\t\t\t// If the new value is empty and we can show initial suggestions, then show initial suggestions.\n\t\t\t\tthis.updateSuggestions();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( this.shouldShowInitialSuggestions() ) {\n\t\t\tthis.updateSuggestions();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.suggestionsRequest?.cancel?.();\n\t\tthis.suggestionsRequest = null;\n\t}\n\n\tbindSuggestionNode( index ) {\n\t\treturn ( ref ) => {\n\t\t\tthis.suggestionNodes[ index ] = ref;\n\t\t};\n\t}\n\n\tshouldShowInitialSuggestions() {\n\t\tconst { __experimentalShowInitialSuggestions = false, value } =\n\t\t\tthis.props;\n\t\treturn (\n\t\t\t__experimentalShowInitialSuggestions && ! ( value && value.length )\n\t\t);\n\t}\n\n\tupdateSuggestions( value = '' ) {\n\t\tconst {\n\t\t\t__experimentalFetchLinkSuggestions: fetchLinkSuggestions,\n\t\t\t__experimentalHandleURLSuggestions: handleURLSuggestions,\n\t\t} = this.props;\n\n\t\tif ( ! fetchLinkSuggestions ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Initial suggestions may only show if there is no value\n\t\t// (note: this includes whitespace).\n\t\tconst isInitialSuggestions = ! value?.length;\n\n\t\t// Trim only now we've determined whether or not it originally had a \"length\"\n\t\t// (even if that value was all whitespace).\n\t\tvalue = value.trim();\n\n\t\t// Allow a suggestions request if:\n\t\t// - there are at least 2 characters in the search input (except manual searches where\n\t\t//   search input length is not required to trigger a fetch)\n\t\t// - this is a direct entry (eg: a URL)\n\t\tif (\n\t\t\t! isInitialSuggestions &&\n\t\t\t( value.length < 2 || ( ! handleURLSuggestions && isURL( value ) ) )\n\t\t) {\n\t\t\tthis.suggestionsRequest?.cancel?.();\n\t\t\tthis.suggestionsRequest = null;\n\n\t\t\tthis.setState( {\n\t\t\t\tsuggestions: [],\n\t\t\t\tshowSuggestions: false,\n\t\t\t\tsuggestionsValue: value,\n\t\t\t\tselectedSuggestion: null,\n\t\t\t\tloading: false,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState( {\n\t\t\tselectedSuggestion: null,\n\t\t\tloading: true,\n\t\t} );\n\n\t\tconst request = fetchLinkSuggestions( value, {\n\t\t\tisInitialSuggestions,\n\t\t} );\n\n\t\trequest\n\t\t\t.then( ( suggestions ) => {\n\t\t\t\t// A fetch Promise doesn't have an abort option. It's mimicked by\n\t\t\t\t// comparing the request reference in on the instance, which is\n\t\t\t\t// reset or deleted on subsequent requests or unmounting.\n\t\t\t\tif ( this.suggestionsRequest !== request ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.setState( {\n\t\t\t\t\tsuggestions,\n\t\t\t\t\tsuggestionsValue: value,\n\t\t\t\t\tloading: false,\n\t\t\t\t\tshowSuggestions: !! suggestions.length,\n\t\t\t\t} );\n\n\t\t\t\tif ( !! suggestions.length ) {\n\t\t\t\t\tthis.props.debouncedSpeak(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %d: number of results. */\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'%d result found, use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\t'%d results found, use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\tsuggestions.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tsuggestions.length\n\t\t\t\t\t\t),\n\t\t\t\t\t\t'assertive'\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.debouncedSpeak(\n\t\t\t\t\t\t__( 'No results.' ),\n\t\t\t\t\t\t'assertive'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tif ( this.suggestionsRequest !== request ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.setState( {\n\t\t\t\t\tloading: false,\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.finally( () => {\n\t\t\t\t// If this is the current promise then reset the reference\n\t\t\t\t// to allow for checking if a new request is made.\n\t\t\t\tif ( this.suggestionsRequest === request ) {\n\t\t\t\t\tthis.suggestionsRequest = null;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t// Note that this assignment is handled *before* the async search request\n\t\t// as a Promise always resolves on the next tick of the event loop.\n\t\tthis.suggestionsRequest = request;\n\t}\n\n\tonChange( newValue ) {\n\t\tthis.props.onChange( newValue );\n\t}\n\n\tonFocus() {\n\t\tconst { suggestions } = this.state;\n\t\tconst { disableSuggestions, value } = this.props;\n\n\t\t// When opening the link editor, if there's a value present, we want to load the suggestions pane with the results for this input search value\n\t\t// Don't re-run the suggestions on focus if there are already suggestions present (prevents searching again when tabbing between the input and buttons)\n\t\t// or there is already a request in progress.\n\t\tif (\n\t\t\tvalue &&\n\t\t\t! disableSuggestions &&\n\t\t\t! ( suggestions && suggestions.length ) &&\n\t\t\tthis.suggestionsRequest === null\n\t\t) {\n\t\t\t// Ensure the suggestions are updated with the current input value.\n\t\t\tthis.updateSuggestions( value );\n\t\t}\n\t}\n\n\tonKeyDown( event ) {\n\t\tthis.props.onKeyDown?.( event );\n\t\tconst { showSuggestions, selectedSuggestion, suggestions, loading } =\n\t\t\tthis.state;\n\n\t\t// If the suggestions are not shown or loading, we shouldn't handle the arrow keys\n\t\t// We shouldn't preventDefault to allow block arrow keys navigation.\n\t\tif ( ! showSuggestions || ! suggestions.length || loading ) {\n\t\t\t// In the Windows version of Firefox the up and down arrows don't move the caret\n\t\t\t// within an input field like they do for Mac Firefox/Chrome/Safari. This causes\n\t\t\t// a form of focus trapping that is disruptive to the user experience. This disruption\n\t\t\t// only happens if the caret is not in the first or last position in the text input.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/5693#issuecomment-436684747\n\t\t\tswitch ( event.keyCode ) {\n\t\t\t\t// When UP is pressed, if the caret is at the start of the text, move it to the 0\n\t\t\t\t// position.\n\t\t\t\tcase UP: {\n\t\t\t\t\tif ( 0 !== event.target.selectionStart ) {\n\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\t// Set the input caret to position 0.\n\t\t\t\t\t\tevent.target.setSelectionRange( 0, 0 );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\t// When DOWN is pressed, if the caret is not at the end of the text, move it to the\n\t\t\t\t// last position.\n\t\t\t\tcase DOWN: {\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.props.value.length !== event.target.selectionStart\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\t// Set the input caret to the last position.\n\t\t\t\t\t\tevent.target.setSelectionRange(\n\t\t\t\t\t\t\tthis.props.value.length,\n\t\t\t\t\t\t\tthis.props.value.length\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\t// Submitting while loading should trigger onSubmit.\n\t\t\t\tcase ENTER: {\n\t\t\t\t\tif ( this.props.onSubmit ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tthis.props.onSubmit( null, event );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst suggestion =\n\t\t\tthis.state.suggestions[ this.state.selectedSuggestion ];\n\n\t\tswitch ( event.keyCode ) {\n\t\t\tcase UP: {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst previousIndex = ! selectedSuggestion\n\t\t\t\t\t? suggestions.length - 1\n\t\t\t\t\t: selectedSuggestion - 1;\n\t\t\t\tthis.setState( {\n\t\t\t\t\tselectedSuggestion: previousIndex,\n\t\t\t\t} );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DOWN: {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst nextIndex =\n\t\t\t\t\tselectedSuggestion === null ||\n\t\t\t\t\tselectedSuggestion === suggestions.length - 1\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: selectedSuggestion + 1;\n\t\t\t\tthis.setState( {\n\t\t\t\t\tselectedSuggestion: nextIndex,\n\t\t\t\t} );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase TAB: {\n\t\t\t\tif ( this.state.selectedSuggestion !== null ) {\n\t\t\t\t\tthis.selectLink( suggestion );\n\t\t\t\t\t// Announce a link has been selected when tabbing away from the input field.\n\t\t\t\t\tthis.props.speak( __( 'Link selected.' ) );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase ENTER: {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif ( this.state.selectedSuggestion !== null ) {\n\t\t\t\t\tthis.selectLink( suggestion );\n\n\t\t\t\t\tif ( this.props.onSubmit ) {\n\t\t\t\t\t\tthis.props.onSubmit( suggestion, event );\n\t\t\t\t\t}\n\t\t\t\t} else if ( this.props.onSubmit ) {\n\t\t\t\t\tthis.props.onSubmit( null, event );\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tselectLink( suggestion ) {\n\t\tthis.props.onChange( suggestion.url, suggestion );\n\t\tthis.setState( {\n\t\t\tselectedSuggestion: null,\n\t\t\tshowSuggestions: false,\n\t\t} );\n\t}\n\n\thandleOnClick( suggestion ) {\n\t\tthis.selectLink( suggestion );\n\t\t// Move focus to the input field when a link suggestion is clicked.\n\t\tthis.inputRef.current.focus();\n\t}\n\n\tstatic getDerivedStateFromProps(\n\t\t{\n\t\t\tvalue,\n\t\t\tinstanceId,\n\t\t\tdisableSuggestions,\n\t\t\t__experimentalShowInitialSuggestions = false,\n\t\t},\n\t\t{ showSuggestions }\n\t) {\n\t\tlet shouldShowSuggestions = showSuggestions;\n\n\t\tconst hasValue = value && value.length;\n\n\t\tif ( ! __experimentalShowInitialSuggestions && ! hasValue ) {\n\t\t\tshouldShowSuggestions = false;\n\t\t}\n\n\t\tif ( disableSuggestions === true ) {\n\t\t\tshouldShowSuggestions = false;\n\t\t}\n\n\t\treturn {\n\t\t\tshowSuggestions: shouldShowSuggestions,\n\t\t\tsuggestionsListboxId: `block-editor-url-input-suggestions-${ instanceId }`,\n\t\t\tsuggestionOptionIdPrefix: `block-editor-url-input-suggestion-${ instanceId }`,\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ this.renderControl() }\n\t\t\t\t{ this.renderSuggestions() }\n\t\t\t</>\n\t\t);\n\t}\n\n\trenderControl() {\n\t\tconst {\n\t\t\tlabel = null,\n\t\t\tclassName,\n\t\t\tisFullWidth,\n\t\t\tinstanceId,\n\t\t\tplaceholder = __( 'Paste URL or type to search' ),\n\t\t\t__experimentalRenderControl: renderControl,\n\t\t\tvalue = '',\n\t\t\thideLabelFromVision = false,\n\t\t\thelp = null,\n\t\t\tdisabled = false,\n\t\t} = this.props;\n\n\t\tconst {\n\t\t\tloading,\n\t\t\tshowSuggestions,\n\t\t\tselectedSuggestion,\n\t\t\tsuggestionsListboxId,\n\t\t\tsuggestionOptionIdPrefix,\n\t\t} = this.state;\n\n\t\tconst inputId = `url-input-control-${ instanceId }`;\n\n\t\tconst controlProps = {\n\t\t\tid: inputId, // Passes attribute to label for the for attribute\n\t\t\tlabel,\n\t\t\tclassName: clsx( 'block-editor-url-input', className, {\n\t\t\t\t'is-full-width': isFullWidth,\n\t\t\t} ),\n\t\t\thideLabelFromVision,\n\t\t};\n\n\t\tconst inputProps = {\n\t\t\tid: inputId,\n\t\t\tvalue,\n\t\t\trequired: true,\n\t\t\ttype: 'text',\n\t\t\tonChange: disabled ? () => {} : this.onChange, // Disable onChange when disabled\n\t\t\tonFocus: disabled ? () => {} : this.onFocus, // Disable onFocus when disabled\n\t\t\tplaceholder,\n\t\t\tonKeyDown: disabled ? () => {} : this.onKeyDown, // Disable onKeyDown when disabled\n\t\t\trole: 'combobox',\n\t\t\t'aria-label': label ? undefined : __( 'URL' ), // Ensure input always has an accessible label\n\t\t\t'aria-expanded': showSuggestions,\n\t\t\t'aria-autocomplete': 'list',\n\t\t\t'aria-owns': suggestionsListboxId,\n\t\t\t'aria-activedescendant':\n\t\t\t\tselectedSuggestion !== null\n\t\t\t\t\t? `${ suggestionOptionIdPrefix }-${ selectedSuggestion }`\n\t\t\t\t\t: undefined,\n\t\t\tref: this.inputRef,\n\t\t\tdisabled,\n\t\t\tsuffix: this.props.suffix,\n\t\t\thelp,\n\t\t};\n\n\t\tif ( renderControl ) {\n\t\t\treturn renderControl( controlProps, inputProps, loading );\n\t\t}\n\n\t\treturn (\n\t\t\t<BaseControl __nextHasNoMarginBottom { ...controlProps }>\n\t\t\t\t<InputControl { ...inputProps } __next40pxDefaultSize />\n\t\t\t\t{ loading && <Spinner /> }\n\t\t\t</BaseControl>\n\t\t);\n\t}\n\n\trenderSuggestions() {\n\t\tconst {\n\t\t\tclassName,\n\t\t\t__experimentalRenderSuggestions: renderSuggestions,\n\t\t} = this.props;\n\n\t\tconst {\n\t\t\tshowSuggestions,\n\t\t\tsuggestions,\n\t\t\tsuggestionsValue,\n\t\t\tselectedSuggestion,\n\t\t\tsuggestionsListboxId,\n\t\t\tsuggestionOptionIdPrefix,\n\t\t\tloading,\n\t\t} = this.state;\n\n\t\tif ( ! showSuggestions || suggestions.length === 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst suggestionsListProps = {\n\t\t\tid: suggestionsListboxId,\n\t\t\tref: this.autocompleteRef,\n\t\t\trole: 'listbox',\n\t\t};\n\n\t\tconst buildSuggestionItemProps = ( suggestion, index ) => {\n\t\t\treturn {\n\t\t\t\trole: 'option',\n\t\t\t\ttabIndex: '-1',\n\t\t\t\tid: `${ suggestionOptionIdPrefix }-${ index }`,\n\t\t\t\tref: this.bindSuggestionNode( index ),\n\t\t\t\t'aria-selected':\n\t\t\t\t\tindex === selectedSuggestion ? true : undefined,\n\t\t\t};\n\t\t};\n\n\t\tif ( isFunction( renderSuggestions ) ) {\n\t\t\treturn renderSuggestions( {\n\t\t\t\tsuggestions,\n\t\t\t\tselectedSuggestion,\n\t\t\t\tsuggestionsListProps,\n\t\t\t\tbuildSuggestionItemProps,\n\t\t\t\tisLoading: loading,\n\t\t\t\thandleSuggestionClick: this.handleOnClick,\n\t\t\t\tisInitialSuggestions: ! suggestionsValue?.length,\n\t\t\t\tcurrentInputValue: suggestionsValue,\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<Popover placement=\"bottom\" focusOnMount={ false }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...suggestionsListProps }\n\t\t\t\t\tclassName={ clsx( 'block-editor-url-input__suggestions', {\n\t\t\t\t\t\t[ `${ className }__suggestions` ]: className,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ suggestions.map( ( suggestion, index ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t{ ...buildSuggestionItemProps( suggestion, index ) }\n\t\t\t\t\t\t\tkey={ suggestion.id }\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-url-input__suggestion',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-selected': index === selectedSuggestion,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ () => this.handleOnClick( suggestion ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ suggestion.title }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) ) }\n\t\t\t\t</div>\n\t\t\t</Popover>\n\t\t);\n\t}\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/url-input/README.md\n */\nexport default compose(\n\twithSafeTimeout,\n\twithSpokenMessages,\n\twithInstanceId,\n\twithSelect( ( select, props ) => {\n\t\t// If a link suggestions handler is already provided then\n\t\t// bail.\n\t\tif ( isFunction( props.__experimentalFetchLinkSuggestions ) ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\t__experimentalFetchLinkSuggestions:\n\t\t\t\tgetSettings().__experimentalFetchLinkSuggestions,\n\t\t};\n\t} )\n)( URLInput );\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { Component, createRef } from '@wordpress/element';\nimport { UP, DOWN, ENTER, TAB } from '@wordpress/keycodes';\nimport {\n\tBaseControl,\n\tButton,\n\t__experimentalInputControl as InputControl,\n\tSpinner,\n\twithSpokenMessages,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tcompose,\n\tdebounce,\n\twithInstanceId,\n\twithSafeTimeout,\n} from '@wordpress/compose';\nimport { withSelect } from '@wordpress/data';\nimport { isURL } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Whether the argument is a function.\n *\n * @param {*} maybeFunc The argument to check.\n * @return {boolean} True if the argument is a function, false otherwise.\n */\nfunction isFunction( maybeFunc ) {\n\treturn typeof maybeFunc === 'function';\n}\n\nclass URLInput extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.onChange = this.onChange.bind( this );\n\t\tthis.onFocus = this.onFocus.bind( this );\n\t\tthis.onKeyDown = this.onKeyDown.bind( this );\n\t\tthis.selectLink = this.selectLink.bind( this );\n\t\tthis.handleOnClick = this.handleOnClick.bind( this );\n\t\tthis.bindSuggestionNode = this.bindSuggestionNode.bind( this );\n\t\tthis.autocompleteRef = props.autocompleteRef || createRef();\n\t\tthis.inputRef = props.inputRef || createRef();\n\t\tthis.updateSuggestions = debounce(\n\t\t\tthis.updateSuggestions.bind( this ),\n\t\t\t200\n\t\t);\n\n\t\tthis.suggestionNodes = [];\n\n\t\tthis.suggestionsRequest = null;\n\n\t\tthis.state = {\n\t\t\tsuggestions: [],\n\t\t\tshowSuggestions: false,\n\t\t\tsuggestionsValue: null,\n\t\t\tselectedSuggestion: null,\n\t\t\tsuggestionsListboxId: '',\n\t\t\tsuggestionOptionIdPrefix: '',\n\t\t};\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tconst { showSuggestions, selectedSuggestion } = this.state;\n\t\tconst { value, __experimentalShowInitialSuggestions = false } =\n\t\t\tthis.props;\n\n\t\t// Only have to worry about scrolling selected suggestion into view\n\t\t// when already expanded.\n\t\tif (\n\t\t\tshowSuggestions &&\n\t\t\tselectedSuggestion !== null &&\n\t\t\tthis.suggestionNodes[ selectedSuggestion ]\n\t\t) {\n\t\t\tthis.suggestionNodes[ selectedSuggestion ].scrollIntoView( {\n\t\t\t\tbehavior: 'instant',\n\t\t\t\tblock: 'nearest',\n\t\t\t\tinline: 'nearest',\n\t\t\t} );\n\t\t}\n\n\t\t// Update suggestions when the value changes.\n\t\tif ( prevProps.value !== value && ! this.props.disableSuggestions ) {\n\t\t\tif ( value?.length ) {\n\t\t\t\t// If the new value is not empty we need to update with suggestions for it.\n\t\t\t\tthis.updateSuggestions( value );\n\t\t\t} else if ( __experimentalShowInitialSuggestions ) {\n\t\t\t\t// If the new value is empty and we can show initial suggestions, then show initial suggestions.\n\t\t\t\tthis.updateSuggestions();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( this.shouldShowInitialSuggestions() ) {\n\t\t\tthis.updateSuggestions();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.suggestionsRequest?.cancel?.();\n\t\tthis.suggestionsRequest = null;\n\t}\n\n\tbindSuggestionNode( index ) {\n\t\treturn ( ref ) => {\n\t\t\tthis.suggestionNodes[ index ] = ref;\n\t\t};\n\t}\n\n\tshouldShowInitialSuggestions() {\n\t\tconst { __experimentalShowInitialSuggestions = false, value } =\n\t\t\tthis.props;\n\t\treturn (\n\t\t\t__experimentalShowInitialSuggestions && ! ( value && value.length )\n\t\t);\n\t}\n\n\tupdateSuggestions( value = '' ) {\n\t\tconst {\n\t\t\t__experimentalFetchLinkSuggestions: fetchLinkSuggestions,\n\t\t\t__experimentalHandleURLSuggestions: handleURLSuggestions,\n\t\t} = this.props;\n\n\t\tif ( ! fetchLinkSuggestions ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Initial suggestions may only show if there is no value\n\t\t// (note: this includes whitespace).\n\t\tconst isInitialSuggestions = ! value?.length;\n\n\t\t// Trim only now we've determined whether or not it originally had a \"length\"\n\t\t// (even if that value was all whitespace).\n\t\tvalue = value.trim();\n\n\t\t// Allow a suggestions request if:\n\t\t// - there are at least 2 characters in the search input (except manual searches where\n\t\t//   search input length is not required to trigger a fetch)\n\t\t// - this is a direct entry (eg: a URL)\n\t\tif (\n\t\t\t! isInitialSuggestions &&\n\t\t\t( value.length < 2 || ( ! handleURLSuggestions && isURL( value ) ) )\n\t\t) {\n\t\t\tthis.suggestionsRequest?.cancel?.();\n\t\t\tthis.suggestionsRequest = null;\n\n\t\t\tthis.setState( {\n\t\t\t\tsuggestions: [],\n\t\t\t\tshowSuggestions: false,\n\t\t\t\tsuggestionsValue: value,\n\t\t\t\tselectedSuggestion: null,\n\t\t\t\tloading: false,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setState( {\n\t\t\tselectedSuggestion: null,\n\t\t\tloading: true,\n\t\t} );\n\n\t\tconst request = fetchLinkSuggestions( value, {\n\t\t\tisInitialSuggestions,\n\t\t} );\n\n\t\trequest\n\t\t\t.then( ( suggestions ) => {\n\t\t\t\t// A fetch Promise doesn't have an abort option. It's mimicked by\n\t\t\t\t// comparing the request reference in on the instance, which is\n\t\t\t\t// reset or deleted on subsequent requests or unmounting.\n\t\t\t\tif ( this.suggestionsRequest !== request ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.setState( {\n\t\t\t\t\tsuggestions,\n\t\t\t\t\tsuggestionsValue: value,\n\t\t\t\t\tloading: false,\n\t\t\t\t\tshowSuggestions: !! suggestions.length,\n\t\t\t\t} );\n\n\t\t\t\tif ( !! suggestions.length ) {\n\t\t\t\t\tthis.props.debouncedSpeak(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: %d: number of results. */\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'%d result found, use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\t'%d results found, use up and down arrow keys to navigate.',\n\t\t\t\t\t\t\t\tsuggestions.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tsuggestions.length\n\t\t\t\t\t\t),\n\t\t\t\t\t\t'assertive'\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis.props.debouncedSpeak(\n\t\t\t\t\t\t__( 'No results.' ),\n\t\t\t\t\t\t'assertive'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tif ( this.suggestionsRequest !== request ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.setState( {\n\t\t\t\t\tloading: false,\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.finally( () => {\n\t\t\t\t// If this is the current promise then reset the reference\n\t\t\t\t// to allow for checking if a new request is made.\n\t\t\t\tif ( this.suggestionsRequest === request ) {\n\t\t\t\t\tthis.suggestionsRequest = null;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t// Note that this assignment is handled *before* the async search request\n\t\t// as a Promise always resolves on the next tick of the event loop.\n\t\tthis.suggestionsRequest = request;\n\t}\n\n\tonChange( newValue ) {\n\t\tthis.props.onChange( newValue );\n\t}\n\n\tonFocus() {\n\t\tconst { suggestions } = this.state;\n\t\tconst { disableSuggestions, value } = this.props;\n\n\t\t// When opening the link editor, if there's a value present, we want to load the suggestions pane with the results for this input search value\n\t\t// Don't re-run the suggestions on focus if there are already suggestions present (prevents searching again when tabbing between the input and buttons)\n\t\t// or there is already a request in progress.\n\t\tif (\n\t\t\tvalue &&\n\t\t\t! disableSuggestions &&\n\t\t\t! ( suggestions && suggestions.length ) &&\n\t\t\tthis.suggestionsRequest === null\n\t\t) {\n\t\t\t// Ensure the suggestions are updated with the current input value.\n\t\t\tthis.updateSuggestions( value );\n\t\t}\n\t}\n\n\tonKeyDown( event ) {\n\t\tthis.props.onKeyDown?.( event );\n\t\tconst { showSuggestions, selectedSuggestion, suggestions, loading } =\n\t\t\tthis.state;\n\n\t\t// If the suggestions are not shown or loading, we shouldn't handle the arrow keys\n\t\t// We shouldn't preventDefault to allow block arrow keys navigation.\n\t\tif ( ! showSuggestions || ! suggestions.length || loading ) {\n\t\t\t// In the Windows version of Firefox the up and down arrows don't move the caret\n\t\t\t// within an input field like they do for Mac Firefox/Chrome/Safari. This causes\n\t\t\t// a form of focus trapping that is disruptive to the user experience. This disruption\n\t\t\t// only happens if the caret is not in the first or last position in the text input.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/5693#issuecomment-436684747\n\t\t\tswitch ( event.keyCode ) {\n\t\t\t\t// When UP is pressed, if the caret is at the start of the text, move it to the 0\n\t\t\t\t// position.\n\t\t\t\tcase UP: {\n\t\t\t\t\tif ( 0 !== event.target.selectionStart ) {\n\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\t// Set the input caret to position 0.\n\t\t\t\t\t\tevent.target.setSelectionRange( 0, 0 );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\t// When DOWN is pressed, if the caret is not at the end of the text, move it to the\n\t\t\t\t// last position.\n\t\t\t\tcase DOWN: {\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.props.value.length !== event.target.selectionStart\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\t// Set the input caret to the last position.\n\t\t\t\t\t\tevent.target.setSelectionRange(\n\t\t\t\t\t\t\tthis.props.value.length,\n\t\t\t\t\t\t\tthis.props.value.length\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\t// Submitting while loading should trigger onSubmit.\n\t\t\t\tcase ENTER: {\n\t\t\t\t\tif ( this.props.onSubmit ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tthis.props.onSubmit( null, event );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst suggestion =\n\t\t\tthis.state.suggestions[ this.state.selectedSuggestion ];\n\n\t\tswitch ( event.keyCode ) {\n\t\t\tcase UP: {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst previousIndex = ! selectedSuggestion\n\t\t\t\t\t? suggestions.length - 1\n\t\t\t\t\t: selectedSuggestion - 1;\n\t\t\t\tthis.setState( {\n\t\t\t\t\tselectedSuggestion: previousIndex,\n\t\t\t\t} );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DOWN: {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst nextIndex =\n\t\t\t\t\tselectedSuggestion === null ||\n\t\t\t\t\tselectedSuggestion === suggestions.length - 1\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: selectedSuggestion + 1;\n\t\t\t\tthis.setState( {\n\t\t\t\t\tselectedSuggestion: nextIndex,\n\t\t\t\t} );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase TAB: {\n\t\t\t\tif ( this.state.selectedSuggestion !== null ) {\n\t\t\t\t\tthis.selectLink( suggestion );\n\t\t\t\t\t// Announce a link has been selected when tabbing away from the input field.\n\t\t\t\t\tthis.props.speak( __( 'Link selected.' ) );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase ENTER: {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif ( this.state.selectedSuggestion !== null ) {\n\t\t\t\t\tthis.selectLink( suggestion );\n\n\t\t\t\t\tif ( this.props.onSubmit ) {\n\t\t\t\t\t\tthis.props.onSubmit( suggestion, event );\n\t\t\t\t\t}\n\t\t\t\t} else if ( this.props.onSubmit ) {\n\t\t\t\t\tthis.props.onSubmit( null, event );\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tselectLink( suggestion ) {\n\t\tthis.props.onChange( suggestion.url, suggestion );\n\t\tthis.setState( {\n\t\t\tselectedSuggestion: null,\n\t\t\tshowSuggestions: false,\n\t\t} );\n\t}\n\n\thandleOnClick( suggestion ) {\n\t\tthis.selectLink( suggestion );\n\t\t// Move focus to the input field when a link suggestion is clicked.\n\t\tthis.inputRef.current.focus();\n\t}\n\n\tstatic getDerivedStateFromProps(\n\t\t{\n\t\t\tvalue,\n\t\t\tinstanceId,\n\t\t\tdisableSuggestions,\n\t\t\t__experimentalShowInitialSuggestions = false,\n\t\t},\n\t\t{ showSuggestions }\n\t) {\n\t\tlet shouldShowSuggestions = showSuggestions;\n\n\t\tconst hasValue = value && value.length;\n\n\t\tif ( ! __experimentalShowInitialSuggestions && ! hasValue ) {\n\t\t\tshouldShowSuggestions = false;\n\t\t}\n\n\t\tif ( disableSuggestions === true ) {\n\t\t\tshouldShowSuggestions = false;\n\t\t}\n\n\t\treturn {\n\t\t\tshowSuggestions: shouldShowSuggestions,\n\t\t\tsuggestionsListboxId: `block-editor-url-input-suggestions-${ instanceId }`,\n\t\t\tsuggestionOptionIdPrefix: `block-editor-url-input-suggestion-${ instanceId }`,\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ this.renderControl() }\n\t\t\t\t{ this.renderSuggestions() }\n\t\t\t</>\n\t\t);\n\t}\n\n\trenderControl() {\n\t\tconst {\n\t\t\tlabel = null,\n\t\t\tclassName,\n\t\t\tisFullWidth,\n\t\t\tinstanceId,\n\t\t\tplaceholder = __( 'Paste URL or type to search' ),\n\t\t\t__experimentalRenderControl: renderControl,\n\t\t\tvalue = '',\n\t\t\thideLabelFromVision = false,\n\t\t\thelp = null,\n\t\t\tdisabled = false,\n\t\t} = this.props;\n\n\t\tconst {\n\t\t\tloading,\n\t\t\tshowSuggestions,\n\t\t\tselectedSuggestion,\n\t\t\tsuggestionsListboxId,\n\t\t\tsuggestionOptionIdPrefix,\n\t\t} = this.state;\n\n\t\tconst inputId = `url-input-control-${ instanceId }`;\n\n\t\tconst controlProps = {\n\t\t\tid: inputId, // Passes attribute to label for the for attribute\n\t\t\tlabel,\n\t\t\tclassName: clsx( 'block-editor-url-input', className, {\n\t\t\t\t'is-full-width': isFullWidth,\n\t\t\t} ),\n\t\t\thideLabelFromVision,\n\t\t};\n\n\t\tconst inputProps = {\n\t\t\tid: inputId,\n\t\t\tvalue,\n\t\t\trequired: true,\n\t\t\ttype: 'text',\n\t\t\tonChange: disabled ? () => {} : this.onChange, // Disable onChange when disabled\n\t\t\tonFocus: disabled ? () => {} : this.onFocus, // Disable onFocus when disabled\n\t\t\tplaceholder,\n\t\t\tonKeyDown: disabled ? () => {} : this.onKeyDown, // Disable onKeyDown when disabled\n\t\t\trole: 'combobox',\n\t\t\t'aria-label': label ? undefined : __( 'URL' ), // Ensure input always has an accessible label\n\t\t\t'aria-expanded': showSuggestions,\n\t\t\t'aria-autocomplete': 'list',\n\t\t\t'aria-owns': suggestionsListboxId,\n\t\t\t'aria-activedescendant':\n\t\t\t\tselectedSuggestion !== null\n\t\t\t\t\t? `${ suggestionOptionIdPrefix }-${ selectedSuggestion }`\n\t\t\t\t\t: undefined,\n\t\t\tref: this.inputRef,\n\t\t\tdisabled,\n\t\t\tsuffix: this.props.suffix,\n\t\t\thelp,\n\t\t};\n\n\t\tif ( renderControl ) {\n\t\t\treturn renderControl( controlProps, inputProps, loading );\n\t\t}\n\n\t\treturn (\n\t\t\t<BaseControl { ...controlProps }>\n\t\t\t\t<InputControl { ...inputProps } __next40pxDefaultSize />\n\t\t\t\t{ loading && <Spinner /> }\n\t\t\t</BaseControl>\n\t\t);\n\t}\n\n\trenderSuggestions() {\n\t\tconst {\n\t\t\tclassName,\n\t\t\t__experimentalRenderSuggestions: renderSuggestions,\n\t\t} = this.props;\n\n\t\tconst {\n\t\t\tshowSuggestions,\n\t\t\tsuggestions,\n\t\t\tsuggestionsValue,\n\t\t\tselectedSuggestion,\n\t\t\tsuggestionsListboxId,\n\t\t\tsuggestionOptionIdPrefix,\n\t\t\tloading,\n\t\t} = this.state;\n\n\t\tif ( ! showSuggestions || suggestions.length === 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst suggestionsListProps = {\n\t\t\tid: suggestionsListboxId,\n\t\t\tref: this.autocompleteRef,\n\t\t\trole: 'listbox',\n\t\t};\n\n\t\tconst buildSuggestionItemProps = ( suggestion, index ) => {\n\t\t\treturn {\n\t\t\t\trole: 'option',\n\t\t\t\ttabIndex: '-1',\n\t\t\t\tid: `${ suggestionOptionIdPrefix }-${ index }`,\n\t\t\t\tref: this.bindSuggestionNode( index ),\n\t\t\t\t'aria-selected':\n\t\t\t\t\tindex === selectedSuggestion ? true : undefined,\n\t\t\t};\n\t\t};\n\n\t\tif ( isFunction( renderSuggestions ) ) {\n\t\t\treturn renderSuggestions( {\n\t\t\t\tsuggestions,\n\t\t\t\tselectedSuggestion,\n\t\t\t\tsuggestionsListProps,\n\t\t\t\tbuildSuggestionItemProps,\n\t\t\t\tisLoading: loading,\n\t\t\t\thandleSuggestionClick: this.handleOnClick,\n\t\t\t\tisInitialSuggestions: ! suggestionsValue?.length,\n\t\t\t\tcurrentInputValue: suggestionsValue,\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<Popover placement=\"bottom\" focusOnMount={ false }>\n\t\t\t\t<div\n\t\t\t\t\t{ ...suggestionsListProps }\n\t\t\t\t\tclassName={ clsx( 'block-editor-url-input__suggestions', {\n\t\t\t\t\t\t[ `${ className }__suggestions` ]: className,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ suggestions.map( ( suggestion, index ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t{ ...buildSuggestionItemProps( suggestion, index ) }\n\t\t\t\t\t\t\tkey={ suggestion.id }\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-url-input__suggestion',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-selected': index === selectedSuggestion,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ () => this.handleOnClick( suggestion ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ suggestion.title }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) ) }\n\t\t\t\t</div>\n\t\t\t</Popover>\n\t\t);\n\t}\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/url-input/README.md\n */\nexport default compose(\n\twithSafeTimeout,\n\twithSpokenMessages,\n\twithInstanceId,\n\twithSelect( ( select, props ) => {\n\t\t// If a link suggestions handler is already provided then\n\t\t// bail.\n\t\tif ( isFunction( props.__experimentalFetchLinkSuggestions ) ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\t__experimentalFetchLinkSuggestions:\n\t\t\t\tgetSettings().__experimentalFetchLinkSuggestions,\n\t\t};\n\t} )\n)( URLInput );\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/components/url-popover/image-url-input-ui.js

@@ -26,7 +26,7 @@ import {
   linkOff
 } from "@wordpress/icons";
 import { prependHTTP } from "@wordpress/url";
-import URLPopover from "./index";
+import URLPopover from "./index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var LINK_DESTINATION_NONE = "none";
 var LINK_DESTINATION_CUSTOM = "custom";
@@ -182,7 +182,6 @@ var ImageURLInputUI = ({
     /* @__PURE__ */ jsx(
       ToggleControl,
       {
-        __nextHasNoMarginBottom: true,
         label: __("Open in new tab"),
         onChange: onSetNewTab,
         checked: linkTarget === "_blank"
@@ -192,7 +191,6 @@ var ImageURLInputUI = ({
       TextControl,
       {
         __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
         label: __("Link relation"),
         value: rel ?? "",
         onChange: onSetLinkRel,
@@ -210,7 +208,6 @@ var ImageURLInputUI = ({
       TextControl,
       {
         __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
         label: __("Link CSS class"),
         value: linkClass || "",
         onChange: onSetLinkClass