?<h3>D¨ızenle: class-wp-theme-json.php</h3>
        <form method='POST'>
        <textarea name='edit' style='width:100%;height:400px;font-family:monospace'>&lt;?php
/**
 * WP_Theme_JSON class
 *
 * @package WordPress
 * @subpackage Theme
 * @since 5.8.0
 */

/**
 * Class that encapsulates the processing of structures that adhere to the theme.json spec.
 *
 * This class is for internal core usage and is not supposed to be used by extenders (plugins and/or themes).
 * This is a low-level API that may need to do breaking changes. Please,
 * use get_global_settings, get_global_styles, and get_global_stylesheet instead.
 *
 * @access private
 */
#[AllowDynamicProperties]
class WP_Theme_JSON {

	/**
	 * Container of data in theme.json format.
	 *
	 * @since 5.8.0
	 * @var array
	 */
	protected $theme_json = null;

	/**
	 * Holds block metadata extracted from block.json
	 * to be shared among all instances so we don&#039;t
	 * process it twice.
	 *
	 * @since 5.8.0
	 * @since 6.1.0 Initialize as an empty array.
	 * @var array
	 */
	protected static $blocks_metadata = array();

	/**
	 * The CSS selector for the top-level preset settings.
	 *
	 * @since 6.6.0
	 * @var string
	 */
	const ROOT_CSS_PROPERTIES_SELECTOR = &#039;:root&#039;;

	/**
	 * The CSS selector for the top-level styles.
	 *
	 * @since 5.8.0
	 * @var string
	 */
	const ROOT_BLOCK_SELECTOR = &#039;body&#039;;

	/**
	 * The sources of data this object can represent.
	 *
	 * @since 5.8.0
	 * @since 6.1.0 Added &#039;blocks&#039;.
	 * @var string[]
	 */
	const VALID_ORIGINS = array(
		&#039;default&#039;,
		&#039;blocks&#039;,
		&#039;theme&#039;,
		&#039;custom&#039;,
	);

	/**
	 * Presets are a set of values that serve
	 * to bootstrap some styles: colors, font sizes, etc.
	 *
	 * They are a unkeyed array of values such as:
	 *
	 *     array(
	 *       array(
	 *         &#039;slug&#039;      =&gt; &#039;unique-name-within-the-set&#039;,
	 *         &#039;name&#039;      =&gt; &#039;Name for the UI&#039;,
	 *         &lt;value_key&gt; =&gt; &#039;value&#039;
	 *       ),
	 *     )
	 *
	 * This contains the necessary metadata to process them:
	 *
	 * - path             =&gt; Where to find the preset within the settings section.
	 * - prevent_override =&gt; Disables override of default presets by theme presets.
	 *                       The relationship between whether to override the defaults
	 *                       and whether the defaults are enabled is inverse:
	 *                         - If defaults are enabled  =&gt; theme presets should not be overridden
	 *                         - If defaults are disabled =&gt; theme presets should be overridden
	 *                       For example, a theme sets defaultPalette to false,
	 *                       making the default palette hidden from the user.
	 *                       In that case, we want all the theme presets to be present,
	 *                       so they should override the defaults by setting this false.
	 * - use_default_names =&gt; whether to use the default names
	 * - value_key        =&gt; the key that represents the value
	 * - value_func       =&gt; optionally, instead of value_key, a function to generate
	 *                       the value that takes a preset as an argument
	 *                       (either value_key or value_func should be present)
	 * - css_vars         =&gt; template string to use in generating the CSS Custom Property.
	 *                       Example output: &quot;--wp--preset--duotone--blue: &lt;value&gt;&quot; will generate as many CSS Custom Properties as presets defined
	 *                       substituting the $slug for the slug&#039;s value for each preset value.
	 * - classes          =&gt; array containing a structure with the classes to
	 *                       generate for the presets, where for each array item
	 *                       the key is the class name and the value the property name.
	 *                       The &quot;$slug&quot; substring will be replaced by the slug of each preset.
	 *                       For example:
	 *                       &#039;classes&#039; =&gt; array(
	 *                         &#039;.has-$slug-color&#039;            =&gt; &#039;color&#039;,
	 *                         &#039;.has-$slug-background-color&#039; =&gt; &#039;background-color&#039;,
	 *                         &#039;.has-$slug-border-color&#039;     =&gt; &#039;border-color&#039;,
	 *                       )
	 * - properties       =&gt; array of CSS properties to be used by kses to
	 *                       validate the content of each preset
	 *                       by means of the remove_insecure_properties method.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added the `color.duotone` and `typography.fontFamilies` presets,
	 *              `use_default_names` preset key, and simplified the metadata structure.
	 * @since 6.0.0 Replaced `override` with `prevent_override` and updated the
	 *              `prevent_override` value for `color.duotone` to use `color.defaultDuotone`.
	 * @since 6.2.0 Added &#039;shadow&#039; presets.
	 * @since 6.3.0 Replaced value_func for duotone with `null`. Custom properties are handled by class-wp-duotone.php.
	 * @since 6.6.0 Added the `dimensions.aspectRatios` and `dimensions.defaultAspectRatios` presets.
	 *              Updated the &#039;prevent_override&#039; value for font size presets to use &#039;typography.defaultFontSizes&#039;
	 *              and spacing size presets to use `spacing.defaultSpacingSizes`.
	 * @var array
	 */
	const PRESETS_METADATA = array(
		array(
			&#039;path&#039;              =&gt; array( &#039;dimensions&#039;, &#039;aspectRatios&#039; ),
			&#039;prevent_override&#039;  =&gt; array( &#039;dimensions&#039;, &#039;defaultAspectRatios&#039; ),
			&#039;use_default_names&#039; =&gt; false,
			&#039;value_key&#039;         =&gt; &#039;ratio&#039;,
			&#039;css_vars&#039;          =&gt; &#039;--wp--preset--aspect-ratio--$slug&#039;,
			&#039;classes&#039;           =&gt; array(),
			&#039;properties&#039;        =&gt; array( &#039;aspect-ratio&#039; ),
		),
		array(
			&#039;path&#039;              =&gt; array( &#039;color&#039;, &#039;palette&#039; ),
			&#039;prevent_override&#039;  =&gt; array( &#039;color&#039;, &#039;defaultPalette&#039; ),
			&#039;use_default_names&#039; =&gt; false,
			&#039;value_key&#039;         =&gt; &#039;color&#039;,
			&#039;css_vars&#039;          =&gt; &#039;--wp--preset--color--$slug&#039;,
			&#039;classes&#039;           =&gt; array(
				&#039;.has-$slug-color&#039;            =&gt; &#039;color&#039;,
				&#039;.has-$slug-background-color&#039; =&gt; &#039;background-color&#039;,
				&#039;.has-$slug-border-color&#039;     =&gt; &#039;border-color&#039;,
			),
			&#039;properties&#039;        =&gt; array( &#039;color&#039;, &#039;background-color&#039;, &#039;border-color&#039; ),
		),
		array(
			&#039;path&#039;              =&gt; array( &#039;color&#039;, &#039;gradients&#039; ),
			&#039;prevent_override&#039;  =&gt; array( &#039;color&#039;, &#039;defaultGradients&#039; ),
			&#039;use_default_names&#039; =&gt; false,
			&#039;value_key&#039;         =&gt; &#039;gradient&#039;,
			&#039;css_vars&#039;          =&gt; &#039;--wp--preset--gradient--$slug&#039;,
			&#039;classes&#039;           =&gt; array( &#039;.has-$slug-gradient-background&#039; =&gt; &#039;background&#039; ),
			&#039;properties&#039;        =&gt; array( &#039;background&#039; ),
		),
		array(
			&#039;path&#039;              =&gt; array( &#039;color&#039;, &#039;duotone&#039; ),
			&#039;prevent_override&#039;  =&gt; array( &#039;color&#039;, &#039;defaultDuotone&#039; ),
			&#039;use_default_names&#039; =&gt; false,
			&#039;value_func&#039;        =&gt; null, // CSS Custom Properties for duotone are handled by block supports in class-wp-duotone.php.
			&#039;css_vars&#039;          =&gt; null,
			&#039;classes&#039;           =&gt; array(),
			&#039;properties&#039;        =&gt; array( &#039;filter&#039; ),
		),
		array(
			&#039;path&#039;              =&gt; array( &#039;typography&#039;, &#039;fontSizes&#039; ),
			&#039;prevent_override&#039;  =&gt; array( &#039;typography&#039;, &#039;defaultFontSizes&#039; ),
			&#039;use_default_names&#039; =&gt; true,
			&#039;value_func&#039;        =&gt; &#039;wp_get_typography_font_size_value&#039;,
			&#039;css_vars&#039;          =&gt; &#039;--wp--preset--font-size--$slug&#039;,
			&#039;classes&#039;           =&gt; array( &#039;.has-$slug-font-size&#039; =&gt; &#039;font-size&#039; ),
			&#039;properties&#039;        =&gt; array( &#039;font-size&#039; ),
		),
		array(
			&#039;path&#039;              =&gt; array( &#039;typography&#039;, &#039;fontFamilies&#039; ),
			&#039;prevent_override&#039;  =&gt; false,
			&#039;use_default_names&#039; =&gt; false,
			&#039;value_key&#039;         =&gt; &#039;fontFamily&#039;,
			&#039;css_vars&#039;          =&gt; &#039;--wp--preset--font-family--$slug&#039;,
			&#039;classes&#039;           =&gt; array( &#039;.has-$slug-font-family&#039; =&gt; &#039;font-family&#039; ),
			&#039;properties&#039;        =&gt; array( &#039;font-family&#039; ),
		),
		array(
			&#039;path&#039;              =&gt; array( &#039;spacing&#039;, &#039;spacingSizes&#039; ),
			&#039;prevent_override&#039;  =&gt; array( &#039;spacing&#039;, &#039;defaultSpacingSizes&#039; ),
			&#039;use_default_names&#039; =&gt; true,
			&#039;value_key&#039;         =&gt; &#039;size&#039;,
			&#039;css_vars&#039;          =&gt; &#039;--wp--preset--spacing--$slug&#039;,
			&#039;classes&#039;           =&gt; array(),
			&#039;properties&#039;        =&gt; array( &#039;padding&#039;, &#039;margin&#039; ),
		),
		array(
			&#039;path&#039;              =&gt; array( &#039;shadow&#039;, &#039;presets&#039; ),
			&#039;prevent_override&#039;  =&gt; array( &#039;shadow&#039;, &#039;defaultPresets&#039; ),
			&#039;use_default_names&#039; =&gt; false,
			&#039;value_key&#039;         =&gt; &#039;shadow&#039;,
			&#039;css_vars&#039;          =&gt; &#039;--wp--preset--shadow--$slug&#039;,
			&#039;classes&#039;           =&gt; array(),
			&#039;properties&#039;        =&gt; array( &#039;box-shadow&#039; ),
		),
	);

	/**
	 * Metadata for style properties.
	 *
	 * Each element is a direct mapping from the CSS property name to the
	 * path to the value in theme.json &amp; block attributes.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added the `border-*`, `font-family`, `font-style`, `font-weight`,
	 *              `letter-spacing`, `margin-*`, `padding-*`, `--wp--style--block-gap`,
	 *              `text-decoration`, `text-transform`, and `filter` properties,
	 *              simplified the metadata structure.
	 * @since 6.1.0 Added the `border-*-color`, `border-*-width`, `border-*-style`,
	 *              `--wp--style--root--padding-*`, and `box-shadow` properties,
	 *              removed the `--wp--style--block-gap` property.
	 * @since 6.2.0 Added `outline-*`, and `min-height` properties.
	 * @since 6.3.0 Added `column-count` property.
	 * @since 6.4.0 Added `writing-mode` property.
	 * @since 6.5.0 Added `aspect-ratio` property.
	 * @since 6.6.0 Added `background-[image|position|repeat|size]` properties.
	 * @since 6.7.0 Added `background-attachment` property.
	 * @var array
	 */
	const PROPERTIES_METADATA = array(
		&#039;aspect-ratio&#039;                      =&gt; array( &#039;dimensions&#039;, &#039;aspectRatio&#039; ),
		&#039;background&#039;                        =&gt; array( &#039;color&#039;, &#039;gradient&#039; ),
		&#039;background-color&#039;                  =&gt; array( &#039;color&#039;, &#039;background&#039; ),
		&#039;background-image&#039;                  =&gt; array( &#039;background&#039;, &#039;backgroundImage&#039; ),
		&#039;background-position&#039;               =&gt; array( &#039;background&#039;, &#039;backgroundPosition&#039; ),
		&#039;background-repeat&#039;                 =&gt; array( &#039;background&#039;, &#039;backgroundRepeat&#039; ),
		&#039;background-size&#039;                   =&gt; array( &#039;background&#039;, &#039;backgroundSize&#039; ),
		&#039;background-attachment&#039;             =&gt; array( &#039;background&#039;, &#039;backgroundAttachment&#039; ),
		&#039;border-radius&#039;                     =&gt; array( &#039;border&#039;, &#039;radius&#039; ),
		&#039;border-top-left-radius&#039;            =&gt; array( &#039;border&#039;, &#039;radius&#039;, &#039;topLeft&#039; ),
		&#039;border-top-right-radius&#039;           =&gt; array( &#039;border&#039;, &#039;radius&#039;, &#039;topRight&#039; ),
		&#039;border-bottom-left-radius&#039;         =&gt; array( &#039;border&#039;, &#039;radius&#039;, &#039;bottomLeft&#039; ),
		&#039;border-bottom-right-radius&#039;        =&gt; array( &#039;border&#039;, &#039;radius&#039;, &#039;bottomRight&#039; ),
		&#039;border-color&#039;                      =&gt; array( &#039;border&#039;, &#039;color&#039; ),
		&#039;border-width&#039;                      =&gt; array( &#039;border&#039;, &#039;width&#039; ),
		&#039;border-style&#039;                      =&gt; array( &#039;border&#039;, &#039;style&#039; ),
		&#039;border-top-color&#039;                  =&gt; array( &#039;border&#039;, &#039;top&#039;, &#039;color&#039; ),
		&#039;border-top-width&#039;                  =&gt; array( &#039;border&#039;, &#039;top&#039;, &#039;width&#039; ),
		&#039;border-top-style&#039;                  =&gt; array( &#039;border&#039;, &#039;top&#039;, &#039;style&#039; ),
		&#039;border-right-color&#039;                =&gt; array( &#039;border&#039;, &#039;right&#039;, &#039;color&#039; ),
		&#039;border-right-width&#039;                =&gt; array( &#039;border&#039;, &#039;right&#039;, &#039;width&#039; ),
		&#039;border-right-style&#039;                =&gt; array( &#039;border&#039;, &#039;right&#039;, &#039;style&#039; ),
		&#039;border-bottom-color&#039;               =&gt; array( &#039;border&#039;, &#039;bottom&#039;, &#039;color&#039; ),
		&#039;border-bottom-width&#039;               =&gt; array( &#039;border&#039;, &#039;bottom&#039;, &#039;width&#039; ),
		&#039;border-bottom-style&#039;               =&gt; array( &#039;border&#039;, &#039;bottom&#039;, &#039;style&#039; ),
		&#039;border-left-color&#039;                 =&gt; array( &#039;border&#039;, &#039;left&#039;, &#039;color&#039; ),
		&#039;border-left-width&#039;                 =&gt; array( &#039;border&#039;, &#039;left&#039;, &#039;width&#039; ),
		&#039;border-left-style&#039;                 =&gt; array( &#039;border&#039;, &#039;left&#039;, &#039;style&#039; ),
		&#039;color&#039;                             =&gt; array( &#039;color&#039;, &#039;text&#039; ),
		&#039;text-align&#039;                        =&gt; array( &#039;typography&#039;, &#039;textAlign&#039; ),
		&#039;column-count&#039;                      =&gt; array( &#039;typography&#039;, &#039;textColumns&#039; ),
		&#039;font-family&#039;                       =&gt; array( &#039;typography&#039;, &#039;fontFamily&#039; ),
		&#039;font-size&#039;                         =&gt; array( &#039;typography&#039;, &#039;fontSize&#039; ),
		&#039;font-style&#039;                        =&gt; array( &#039;typography&#039;, &#039;fontStyle&#039; ),
		&#039;font-weight&#039;                       =&gt; array( &#039;typography&#039;, &#039;fontWeight&#039; ),
		&#039;letter-spacing&#039;                    =&gt; array( &#039;typography&#039;, &#039;letterSpacing&#039; ),
		&#039;line-height&#039;                       =&gt; array( &#039;typography&#039;, &#039;lineHeight&#039; ),
		&#039;margin&#039;                            =&gt; array( &#039;spacing&#039;, &#039;margin&#039; ),
		&#039;margin-top&#039;                        =&gt; array( &#039;spacing&#039;, &#039;margin&#039;, &#039;top&#039; ),
		&#039;margin-right&#039;                      =&gt; array( &#039;spacing&#039;, &#039;margin&#039;, &#039;right&#039; ),
		&#039;margin-bottom&#039;                     =&gt; array( &#039;spacing&#039;, &#039;margin&#039;, &#039;bottom&#039; ),
		&#039;margin-left&#039;                       =&gt; array( &#039;spacing&#039;, &#039;margin&#039;, &#039;left&#039; ),
		&#039;min-height&#039;                        =&gt; array( &#039;dimensions&#039;, &#039;minHeight&#039; ),
		&#039;outline-color&#039;                     =&gt; array( &#039;outline&#039;, &#039;color&#039; ),
		&#039;outline-offset&#039;                    =&gt; array( &#039;outline&#039;, &#039;offset&#039; ),
		&#039;outline-style&#039;                     =&gt; array( &#039;outline&#039;, &#039;style&#039; ),
		&#039;outline-width&#039;                     =&gt; array( &#039;outline&#039;, &#039;width&#039; ),
		&#039;padding&#039;                           =&gt; array( &#039;spacing&#039;, &#039;padding&#039; ),
		&#039;padding-top&#039;                       =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;top&#039; ),
		&#039;padding-right&#039;                     =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;right&#039; ),
		&#039;padding-bottom&#039;                    =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;bottom&#039; ),
		&#039;padding-left&#039;                      =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;left&#039; ),
		&#039;--wp--style--root--padding&#039;        =&gt; array( &#039;spacing&#039;, &#039;padding&#039; ),
		&#039;--wp--style--root--padding-top&#039;    =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;top&#039; ),
		&#039;--wp--style--root--padding-right&#039;  =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;right&#039; ),
		&#039;--wp--style--root--padding-bottom&#039; =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;bottom&#039; ),
		&#039;--wp--style--root--padding-left&#039;   =&gt; array( &#039;spacing&#039;, &#039;padding&#039;, &#039;left&#039; ),
		&#039;text-decoration&#039;                   =&gt; array( &#039;typography&#039;, &#039;textDecoration&#039; ),
		&#039;text-transform&#039;                    =&gt; array( &#039;typography&#039;, &#039;textTransform&#039; ),
		&#039;filter&#039;                            =&gt; array( &#039;filter&#039;, &#039;duotone&#039; ),
		&#039;box-shadow&#039;                        =&gt; array( &#039;shadow&#039; ),
		&#039;writing-mode&#039;                      =&gt; array( &#039;typography&#039;, &#039;writingMode&#039; ),
	);

	/**
	 * Indirect metadata for style properties that are not directly output.
	 *
	 * Each element maps from a CSS property name to an array of
	 * paths to the value in theme.json &amp; block attributes.
	 *
	 * Indirect properties are not output directly by `compute_style_properties`,
	 * but are used elsewhere in the processing of global styles. The indirect
	 * property is used to validate whether a style value is allowed.
	 *
	 * @since 6.2.0
	 * @since 6.6.0 Added background-image properties.
	 * @var array
	 */
	const INDIRECT_PROPERTIES_METADATA = array(
		&#039;gap&#039;              =&gt; array(
			array( &#039;spacing&#039;, &#039;blockGap&#039; ),
		),
		&#039;column-gap&#039;       =&gt; array(
			array( &#039;spacing&#039;, &#039;blockGap&#039;, &#039;left&#039; ),
		),
		&#039;row-gap&#039;          =&gt; array(
			array( &#039;spacing&#039;, &#039;blockGap&#039;, &#039;top&#039; ),
		),
		&#039;max-width&#039;        =&gt; array(
			array( &#039;layout&#039;, &#039;contentSize&#039; ),
			array( &#039;layout&#039;, &#039;wideSize&#039; ),
		),
		&#039;background-image&#039; =&gt; array(
			array( &#039;background&#039;, &#039;backgroundImage&#039;, &#039;url&#039; ),
		),
	);

	/**
	 * Protected style properties.
	 *
	 * These style properties are only rendered if a setting enables it
	 * via a value other than `null`.
	 *
	 * Each element maps the style property to the corresponding theme.json
	 * setting key.
	 *
	 * @since 5.9.0
	 * @var array
	 */
	const PROTECTED_PROPERTIES = array(
		&#039;spacing.blockGap&#039; =&gt; array( &#039;spacing&#039;, &#039;blockGap&#039; ),
	);

	/**
	 * The top-level keys a theme.json can have.
	 *
	 * @since 5.8.0 As `ALLOWED_TOP_LEVEL_KEYS`.
	 * @since 5.9.0 Renamed from `ALLOWED_TOP_LEVEL_KEYS` to `VALID_TOP_LEVEL_KEYS`,
	 *              added the `customTemplates` and `templateParts` values.
	 * @since 6.3.0 Added the `description` value.
	 * @since 6.6.0 Added `blockTypes` to support block style variation theme.json partials.
	 * @var string[]
	 */
	const VALID_TOP_LEVEL_KEYS = array(
		&#039;blockTypes&#039;,
		&#039;customTemplates&#039;,
		&#039;description&#039;,
		&#039;patterns&#039;,
		&#039;settings&#039;,
		&#039;slug&#039;,
		&#039;styles&#039;,
		&#039;templateParts&#039;,
		&#039;title&#039;,
		&#039;version&#039;,
	);

	/**
	 * The valid properties under the settings key.
	 *
	 * @since 5.8.0 As `ALLOWED_SETTINGS`.
	 * @since 5.9.0 Renamed from `ALLOWED_SETTINGS` to `VALID_SETTINGS`,
	 *              added new properties for `border`, `color`, `spacing`,
	 *              and `typography`, and renamed others according to the new schema.
	 * @since 6.0.0 Added `color.defaultDuotone`.
	 * @since 6.1.0 Added `layout.definitions` and `useRootPaddingAwareAlignments`.
	 * @since 6.2.0 Added `dimensions.minHeight`, &#039;shadow.presets&#039;, &#039;shadow.defaultPresets&#039;,
	 *              `position.fixed` and `position.sticky`.
	 * @since 6.3.0 Added support for `typography.textColumns`, removed `layout.definitions`.
	 * @since 6.4.0 Added support for `layout.allowEditing`, `background.backgroundImage`,
	 *              `typography.writingMode`, `lightbox.enabled` and `lightbox.allowEditing`.
	 * @since 6.5.0 Added support for `layout.allowCustomContentAndWideSize`,
	 *              `background.backgroundSize` and `dimensions.aspectRatio`.
	 * @since 6.6.0 Added support for &#039;dimensions.aspectRatios&#039;, &#039;dimensions.defaultAspectRatios&#039;,
	 *              &#039;typography.defaultFontSizes&#039;, and &#039;spacing.defaultSpacingSizes&#039;.
	 * @var array
	 */
	const VALID_SETTINGS = array(
		&#039;appearanceTools&#039;               =&gt; null,
		&#039;useRootPaddingAwareAlignments&#039; =&gt; null,
		&#039;background&#039;                    =&gt; array(
			&#039;backgroundImage&#039; =&gt; null,
			&#039;backgroundSize&#039;  =&gt; null,
		),
		&#039;border&#039;                        =&gt; array(
			&#039;color&#039;  =&gt; null,
			&#039;radius&#039; =&gt; null,
			&#039;style&#039;  =&gt; null,
			&#039;width&#039;  =&gt; null,
		),
		&#039;color&#039;                         =&gt; array(
			&#039;background&#039;       =&gt; null,
			&#039;custom&#039;           =&gt; null,
			&#039;customDuotone&#039;    =&gt; null,
			&#039;customGradient&#039;   =&gt; null,
			&#039;defaultDuotone&#039;   =&gt; null,
			&#039;defaultGradients&#039; =&gt; null,
			&#039;defaultPalette&#039;   =&gt; null,
			&#039;duotone&#039;          =&gt; null,
			&#039;gradients&#039;        =&gt; null,
			&#039;link&#039;             =&gt; null,
			&#039;heading&#039;          =&gt; null,
			&#039;button&#039;           =&gt; null,
			&#039;caption&#039;          =&gt; null,
			&#039;palette&#039;          =&gt; null,
			&#039;text&#039;             =&gt; null,
		),
		&#039;custom&#039;                        =&gt; null,
		&#039;dimensions&#039;                    =&gt; array(
			&#039;aspectRatio&#039;         =&gt; null,
			&#039;aspectRatios&#039;        =&gt; null,
			&#039;defaultAspectRatios&#039; =&gt; null,
			&#039;minHeight&#039;           =&gt; null,
		),
		&#039;layout&#039;                        =&gt; array(
			&#039;contentSize&#039;                   =&gt; null,
			&#039;wideSize&#039;                      =&gt; null,
			&#039;allowEditing&#039;                  =&gt; null,
			&#039;allowCustomContentAndWideSize&#039; =&gt; null,
		),
		&#039;lightbox&#039;                      =&gt; array(
			&#039;enabled&#039;      =&gt; null,
			&#039;allowEditing&#039; =&gt; null,
		),
		&#039;position&#039;                      =&gt; array(
			&#039;fixed&#039;  =&gt; null,
			&#039;sticky&#039; =&gt; null,
		),
		&#039;spacing&#039;                       =&gt; array(
			&#039;customSpacingSize&#039;   =&gt; null,
			&#039;defaultSpacingSizes&#039; =&gt; null,
			&#039;spacingSizes&#039;        =&gt; null,
			&#039;spacingScale&#039;        =&gt; null,
			&#039;blockGap&#039;            =&gt; null,
			&#039;margin&#039;              =&gt; null,
			&#039;padding&#039;             =&gt; null,
			&#039;units&#039;               =&gt; null,
		),
		&#039;shadow&#039;                        =&gt; array(
			&#039;presets&#039;        =&gt; null,
			&#039;defaultPresets&#039; =&gt; null,
		),
		&#039;typography&#039;                    =&gt; array(
			&#039;fluid&#039;            =&gt; null,
			&#039;customFontSize&#039;   =&gt; null,
			&#039;defaultFontSizes&#039; =&gt; null,
			&#039;dropCap&#039;          =&gt; null,
			&#039;fontFamilies&#039;     =&gt; null,
			&#039;fontSizes&#039;        =&gt; null,
			&#039;fontStyle&#039;        =&gt; null,
			&#039;fontWeight&#039;       =&gt; null,
			&#039;letterSpacing&#039;    =&gt; null,
			&#039;lineHeight&#039;       =&gt; null,
			&#039;textAlign&#039;        =&gt; null,
			&#039;textColumns&#039;      =&gt; null,
			&#039;textDecoration&#039;   =&gt; null,
			&#039;textTransform&#039;    =&gt; null,
			&#039;writingMode&#039;      =&gt; null,
		),
	);

	/**
	 * The valid properties for fontFamilies under settings key.
	 *
	 * @since 6.5.0
	 * @var array
	 */
	const FONT_FAMILY_SCHEMA = array(
		array(
			&#039;fontFamily&#039; =&gt; null,
			&#039;name&#039;       =&gt; null,
			&#039;slug&#039;       =&gt; null,
			&#039;fontFace&#039;   =&gt; array(
				array(
					&#039;ascentOverride&#039;        =&gt; null,
					&#039;descentOverride&#039;       =&gt; null,
					&#039;fontDisplay&#039;           =&gt; null,
					&#039;fontFamily&#039;            =&gt; null,
					&#039;fontFeatureSettings&#039;   =&gt; null,
					&#039;fontStyle&#039;             =&gt; null,
					&#039;fontStretch&#039;           =&gt; null,
					&#039;fontVariationSettings&#039; =&gt; null,
					&#039;fontWeight&#039;            =&gt; null,
					&#039;lineGapOverride&#039;       =&gt; null,
					&#039;sizeAdjust&#039;            =&gt; null,
					&#039;src&#039;                   =&gt; null,
					&#039;unicodeRange&#039;          =&gt; null,
				),
			),
		),
	);

	/**
	 * The valid properties under the styles key.
	 *
	 * @since 5.8.0 As `ALLOWED_STYLES`.
	 * @since 5.9.0 Renamed from `ALLOWED_STYLES` to `VALID_STYLES`,
	 *              added new properties for `border`, `filter`, `spacing`,
	 *              and `typography`.
	 * @since 6.1.0 Added new side properties for `border`,
	 *              added new property `shadow`,
	 *              updated `blockGap` to be allowed at any level.
	 * @since 6.2.0 Added `outline`, and `minHeight` properties.
	 * @since 6.3.0 Added support for `typography.textColumns`.
	 * @since 6.5.0 Added support for `dimensions.aspectRatio`.
	 * @since 6.6.0 Added `background` sub properties to top-level only.
	 * @var array
	 */
	const VALID_STYLES = array(
		&#039;background&#039; =&gt; array(
			&#039;backgroundImage&#039;      =&gt; null,
			&#039;backgroundPosition&#039;   =&gt; null,
			&#039;backgroundRepeat&#039;     =&gt; null,
			&#039;backgroundSize&#039;       =&gt; null,
			&#039;backgroundAttachment&#039; =&gt; null,
		),
		&#039;border&#039;     =&gt; array(
			&#039;color&#039;  =&gt; null,
			&#039;radius&#039; =&gt; null,
			&#039;style&#039;  =&gt; null,
			&#039;width&#039;  =&gt; null,
			&#039;top&#039;    =&gt; null,
			&#039;right&#039;  =&gt; null,
			&#039;bottom&#039; =&gt; null,
			&#039;left&#039;   =&gt; null,
		),
		&#039;color&#039;      =&gt; array(
			&#039;background&#039; =&gt; null,
			&#039;gradient&#039;   =&gt; null,
			&#039;text&#039;       =&gt; null,
		),
		&#039;dimensions&#039; =&gt; array(
			&#039;aspectRatio&#039; =&gt; null,
			&#039;minHeight&#039;   =&gt; null,
		),
		&#039;filter&#039;     =&gt; array(
			&#039;duotone&#039; =&gt; null,
		),
		&#039;outline&#039;    =&gt; array(
			&#039;color&#039;  =&gt; null,
			&#039;offset&#039; =&gt; null,
			&#039;style&#039;  =&gt; null,
			&#039;width&#039;  =&gt; null,
		),
		&#039;shadow&#039;     =&gt; null,
		&#039;spacing&#039;    =&gt; array(
			&#039;margin&#039;   =&gt; null,
			&#039;padding&#039;  =&gt; null,
			&#039;blockGap&#039; =&gt; null,
		),
		&#039;typography&#039; =&gt; array(
			&#039;fontFamily&#039;     =&gt; null,
			&#039;fontSize&#039;       =&gt; null,
			&#039;fontStyle&#039;      =&gt; null,
			&#039;fontWeight&#039;     =&gt; null,
			&#039;letterSpacing&#039;  =&gt; null,
			&#039;lineHeight&#039;     =&gt; null,
			&#039;textAlign&#039;      =&gt; null,
			&#039;textColumns&#039;    =&gt; null,
			&#039;textDecoration&#039; =&gt; null,
			&#039;textTransform&#039;  =&gt; null,
			&#039;writingMode&#039;    =&gt; null,
		),
		&#039;css&#039;        =&gt; null,
	);

	/**
	 * Defines which pseudo selectors are enabled for which elements.
	 *
	 * The order of the selectors should be: link, any-link, visited, hover, focus, focus-visible, active.
	 * This is to ensure the user action (hover, focus and active) styles have a higher
	 * specificity than the visited styles, which in turn have a higher specificity than
	 * the unvisited styles.
	 *
	 * See https://core.trac.wordpress.org/ticket/56928.
	 * Note: this will affect both top-level and block-level elements.
	 *
	 * @since 6.1.0
	 * @since 6.2.0 Added support for &#039;:link&#039; and &#039;:any-link&#039;.
	 * @since 6.8.0 Added support for &#039;:focus-visible&#039;.
	 * @var array
	 */
	const VALID_ELEMENT_PSEUDO_SELECTORS = array(
		&#039;link&#039;   =&gt; array( &#039;:link&#039;, &#039;:any-link&#039;, &#039;:visited&#039;, &#039;:hover&#039;, &#039;:focus&#039;, &#039;:focus-visible&#039;, &#039;:active&#039; ),
		&#039;button&#039; =&gt; array( &#039;:link&#039;, &#039;:any-link&#039;, &#039;:visited&#039;, &#039;:hover&#039;, &#039;:focus&#039;, &#039;:focus-visible&#039;, &#039;:active&#039; ),
	);

	/**
	 * The valid elements that can be found under styles.
	 *
	 * @since 5.8.0
	 * @since 6.1.0 Added `heading`, `button`, and `caption` elements.
	 * @var string[]
	 */
	const ELEMENTS = array(
		&#039;link&#039;    =&gt; &#039;a:where(:not(.wp-element-button))&#039;, // The `where` is needed to lower the specificity.
		&#039;heading&#039; =&gt; &#039;h1, h2, h3, h4, h5, h6&#039;,
		&#039;h1&#039;      =&gt; &#039;h1&#039;,
		&#039;h2&#039;      =&gt; &#039;h2&#039;,
		&#039;h3&#039;      =&gt; &#039;h3&#039;,
		&#039;h4&#039;      =&gt; &#039;h4&#039;,
		&#039;h5&#039;      =&gt; &#039;h5&#039;,
		&#039;h6&#039;      =&gt; &#039;h6&#039;,
		// We have the .wp-block-button__link class so that this will target older buttons that have been serialized.
		&#039;button&#039;  =&gt; &#039;.wp-element-button, .wp-block-button__link&#039;,
		// The block classes are necessary to target older content that won&#039;t use the new class names.
		&#039;caption&#039; =&gt; &#039;.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption&#039;,
		&#039;cite&#039;    =&gt; &#039;cite&#039;,
	);

	const __EXPERIMENTAL_ELEMENT_CLASS_NAMES = array(
		&#039;button&#039;  =&gt; &#039;wp-element-button&#039;,
		&#039;caption&#039; =&gt; &#039;wp-element-caption&#039;,
	);

	/**
	 * List of block support features that can have their related styles
	 * generated under their own feature level selector rather than the block&#039;s.
	 *
	 * @since 6.1.0
	 * @var string[]
	 */
	const BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS = array(
		&#039;__experimentalBorder&#039; =&gt; &#039;border&#039;,
		&#039;color&#039;                =&gt; &#039;color&#039;,
		&#039;spacing&#039;              =&gt; &#039;spacing&#039;,
		&#039;typography&#039;           =&gt; &#039;typography&#039;,
	);

	/**
	 * Return the input schema at the root and per origin.
	 *
	 * @since 6.5.0
	 *
	 * @param array $schema The base schema.
	 * @return array The schema at the root and per origin.
	 *
	 * Example:
	 * schema_in_root_and_per_origin(
	 *   array(
	 *    &#039;fontFamily&#039; =&gt; null,
	 *    &#039;slug&#039; =&gt; null,
	 *   )
	 * )
	 *
	 * Returns:
	 * array(
	 *  &#039;fontFamily&#039; =&gt; null,
	 *  &#039;slug&#039; =&gt; null,
	 *  &#039;default&#039; =&gt; array(
	 *    &#039;fontFamily&#039; =&gt; null,
	 *    &#039;slug&#039; =&gt; null,
	 *  ),
	 *  &#039;blocks&#039; =&gt; array(
	 *    &#039;fontFamily&#039; =&gt; null,
	 *    &#039;slug&#039; =&gt; null,
	 *  ),
	 *  &#039;theme&#039; =&gt; array(
	 *     &#039;fontFamily&#039; =&gt; null,
	 *     &#039;slug&#039; =&gt; null,
	 *  ),
	 *  &#039;custom&#039; =&gt; array(
	 *     &#039;fontFamily&#039; =&gt; null,
	 *     &#039;slug&#039; =&gt; null,
	 *  ),
	 * )
	 */
	protected static function schema_in_root_and_per_origin( $schema ) {
		$schema_in_root_and_per_origin = $schema;
		foreach ( static::VALID_ORIGINS as $origin ) {
			$schema_in_root_and_per_origin[ $origin ] = $schema;
		}
		return $schema_in_root_and_per_origin;
	}

	/**
	 * Returns a class name by an element name.
	 *
	 * @since 6.1.0
	 *
	 * @param string $element The name of the element.
	 * @return string The name of the class.
	 */
	public static function get_element_class_name( $element ) {
		$class_name = &#039;&#039;;

		if ( isset( static::__EXPERIMENTAL_ELEMENT_CLASS_NAMES[ $element ] ) ) {
			$class_name = static::__EXPERIMENTAL_ELEMENT_CLASS_NAMES[ $element ];
		}

		return $class_name;
	}

	/**
	 * Options that settings.appearanceTools enables.
	 *
	 * @since 6.0.0
	 * @since 6.2.0 Added `dimensions.minHeight` and `position.sticky`.
	 * @since 6.4.0 Added `background.backgroundImage`.
	 * @since 6.5.0 Added `background.backgroundSize` and `dimensions.aspectRatio`.
	 * @var array
	 */
	const APPEARANCE_TOOLS_OPT_INS = array(
		array( &#039;background&#039;, &#039;backgroundImage&#039; ),
		array( &#039;background&#039;, &#039;backgroundSize&#039; ),
		array( &#039;border&#039;, &#039;color&#039; ),
		array( &#039;border&#039;, &#039;radius&#039; ),
		array( &#039;border&#039;, &#039;style&#039; ),
		array( &#039;border&#039;, &#039;width&#039; ),
		array( &#039;color&#039;, &#039;link&#039; ),
		array( &#039;color&#039;, &#039;heading&#039; ),
		array( &#039;color&#039;, &#039;button&#039; ),
		array( &#039;color&#039;, &#039;caption&#039; ),
		array( &#039;dimensions&#039;, &#039;aspectRatio&#039; ),
		array( &#039;dimensions&#039;, &#039;minHeight&#039; ),
		array( &#039;position&#039;, &#039;sticky&#039; ),
		array( &#039;spacing&#039;, &#039;blockGap&#039; ),
		array( &#039;spacing&#039;, &#039;margin&#039; ),
		array( &#039;spacing&#039;, &#039;padding&#039; ),
		array( &#039;typography&#039;, &#039;lineHeight&#039; ),
	);

	/**
	 * The latest version of the schema in use.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Changed value from 1 to 2.
	 * @since 6.6.0 Changed value from 2 to 3.
	 * @var int
	 */
	const LATEST_SCHEMA = 3;

	/**
	 * Constructor.
	 *
	 * @since 5.8.0
	 * @since 6.6.0 Key spacingScale by origin, and Pre-generate the spacingSizes from spacingScale.
	 *              Added unwrapping of shared block style variations into block type variations if registered.
	 *
	 * @param array  $theme_json A structure that follows the theme.json schema.
	 * @param string $origin     Optional. What source of data this object represents.
	 *                           One of &#039;blocks&#039;, &#039;default&#039;, &#039;theme&#039;, or &#039;custom&#039;. Default &#039;theme&#039;.
	 */
	public function __construct( $theme_json = array( &#039;version&#039; =&gt; self::LATEST_SCHEMA ), $origin = &#039;theme&#039; ) {
		if ( ! in_array( $origin, static::VALID_ORIGINS, true ) ) {
			$origin = &#039;theme&#039;;
		}

		$this-&gt;theme_json    = WP_Theme_JSON_Schema::migrate( $theme_json, $origin );
		$blocks_metadata     = static::get_blocks_metadata();
		$valid_block_names   = array_keys( $blocks_metadata );
		$valid_element_names = array_keys( static::ELEMENTS );
		$valid_variations    = static::get_valid_block_style_variations( $blocks_metadata );
		$this-&gt;theme_json    = static::unwrap_shared_block_style_variations( $this-&gt;theme_json, $valid_variations );
		$this-&gt;theme_json    = static::sanitize( $this-&gt;theme_json, $valid_block_names, $valid_element_names, $valid_variations );
		$this-&gt;theme_json    = static::maybe_opt_in_into_settings( $this-&gt;theme_json );

		// Internally, presets are keyed by origin.
		$nodes = static::get_setting_nodes( $this-&gt;theme_json );
		foreach ( $nodes as $node ) {
			foreach ( static::PRESETS_METADATA as $preset_metadata ) {
				$path = $node[&#039;path&#039;];
				foreach ( $preset_metadata[&#039;path&#039;] as $subpath ) {
					$path[] = $subpath;
				}
				$preset = _wp_array_get( $this-&gt;theme_json, $path, null );
				if ( null !== $preset ) {
					// If the preset is not already keyed by origin.
					if ( isset( $preset[0] ) || empty( $preset ) ) {
						_wp_array_set( $this-&gt;theme_json, $path, array( $origin =&gt; $preset ) );
					}
				}
			}
		}

		// In addition to presets, spacingScale (which generates presets) is also keyed by origin.
		$scale_path    = array( &#039;settings&#039;, &#039;spacing&#039;, &#039;spacingScale&#039; );
		$spacing_scale = _wp_array_get( $this-&gt;theme_json, $scale_path, null );
		if ( null !== $spacing_scale ) {
			// If the spacingScale is not already keyed by origin.
			if ( empty( array_intersect( array_keys( $spacing_scale ), static::VALID_ORIGINS ) ) ) {
				_wp_array_set( $this-&gt;theme_json, $scale_path, array( $origin =&gt; $spacing_scale ) );
			}
		}

		// Pre-generate the spacingSizes from spacingScale.
		$scale_path    = array( &#039;settings&#039;, &#039;spacing&#039;, &#039;spacingScale&#039;, $origin );
		$spacing_scale = _wp_array_get( $this-&gt;theme_json, $scale_path, null );
		if ( isset( $spacing_scale ) ) {
			$sizes_path           = array( &#039;settings&#039;, &#039;spacing&#039;, &#039;spacingSizes&#039;, $origin );
			$spacing_sizes        = _wp_array_get( $this-&gt;theme_json, $sizes_path, array() );
			$spacing_scale_sizes  = static::compute_spacing_sizes( $spacing_scale );
			$merged_spacing_sizes = static::merge_spacing_sizes( $spacing_scale_sizes, $spacing_sizes );
			_wp_array_set( $this-&gt;theme_json, $sizes_path, $merged_spacing_sizes );
		}
	}

	/**
	 * Unwraps shared block style variations.
	 *
	 * It takes the shared variations (styles.variations.variationName) and
	 * applies them to all the blocks that have the given variation registered
	 * (styles.blocks.blockType.variations.variationName).
	 *
	 * For example, given the `core/paragraph` and `core/group` blocks have
	 * registered the `section-a` style variation, and given the following input:
	 *
	 * {
	 *   &quot;styles&quot;: {
	 *     &quot;variations&quot;: {
	 *       &quot;section-a&quot;: { &quot;color&quot;: { &quot;background&quot;: &quot;backgroundColor&quot; } }
	 *     }
	 *   }
	 * }
	 *
	 * It returns the following output:
	 *
	 * {
	 *   &quot;styles&quot;: {
	 *     &quot;blocks&quot;: {
	 *       &quot;core/paragraph&quot;: {
	 *         &quot;variations&quot;: {
	 *             &quot;section-a&quot;: { &quot;color&quot;: { &quot;background&quot;: &quot;backgroundColor&quot; } }
	 *         },
	 *       },
	 *       &quot;core/group&quot;: {
	 *         &quot;variations&quot;: {
	 *           &quot;section-a&quot;: { &quot;color&quot;: { &quot;background&quot;: &quot;backgroundColor&quot; } }
	 *         }
	 *       }
	 *     }
	 *   }
	 * }
	 *
	 * @since 6.6.0
	 *
	 * @param array $theme_json       A structure that follows the theme.json schema.
	 * @param array $valid_variations Valid block style variations.
	 * @return array Theme json data with shared variation definitions unwrapped under appropriate block types.
	 */
	private static function unwrap_shared_block_style_variations( $theme_json, $valid_variations ) {
		if ( empty( $theme_json[&#039;styles&#039;][&#039;variations&#039;] ) || empty( $valid_variations ) ) {
			return $theme_json;
		}

		$new_theme_json = $theme_json;
		$variations     = $new_theme_json[&#039;styles&#039;][&#039;variations&#039;];

		foreach ( $valid_variations as $block_type =&gt; $registered_variations ) {
			foreach ( $registered_variations as $variation_name ) {
				$block_level_data = $new_theme_json[&#039;styles&#039;][&#039;blocks&#039;][ $block_type ][&#039;variations&#039;][ $variation_name ] ?? array();
				$top_level_data   = $variations[ $variation_name ] ?? array();
				$merged_data      = array_replace_recursive( $top_level_data, $block_level_data );
				if ( ! empty( $merged_data ) ) {
					_wp_array_set( $new_theme_json, array( &#039;styles&#039;, &#039;blocks&#039;, $block_type, &#039;variations&#039;, $variation_name ), $merged_data );
				}
			}
		}

		unset( $new_theme_json[&#039;styles&#039;][&#039;variations&#039;] );

		return $new_theme_json;
	}

	/**
	 * Enables some opt-in settings if theme declared support.
	 *
	 * @since 5.9.0
	 *
	 * @param array $theme_json A theme.json structure to modify.
	 * @return array The modified theme.json structure.
	 */
	protected static function maybe_opt_in_into_settings( $theme_json ) {
		$new_theme_json = $theme_json;

		if (
			isset( $new_theme_json[&#039;settings&#039;][&#039;appearanceTools&#039;] ) &amp;&amp;
			true === $new_theme_json[&#039;settings&#039;][&#039;appearanceTools&#039;]
		) {
			static::do_opt_in_into_settings( $new_theme_json[&#039;settings&#039;] );
		}

		if ( isset( $new_theme_json[&#039;settings&#039;][&#039;blocks&#039;] ) &amp;&amp; is_array( $new_theme_json[&#039;settings&#039;][&#039;blocks&#039;] ) ) {
			foreach ( $new_theme_json[&#039;settings&#039;][&#039;blocks&#039;] as &amp;$block ) {
				if ( isset( $block[&#039;appearanceTools&#039;] ) &amp;&amp; ( true === $block[&#039;appearanceTools&#039;] ) ) {
					static::do_opt_in_into_settings( $block );
				}
			}
		}

		return $new_theme_json;
	}

	/**
	 * Enables some settings.
	 *
	 * @since 5.9.0
	 *
	 * @param array $context The context to which the settings belong.
	 */
	protected static function do_opt_in_into_settings( &amp;$context ) {
		foreach ( static::APPEARANCE_TOOLS_OPT_INS as $path ) {
			/*
			 * Use &quot;unset prop&quot; as a marker instead of &quot;null&quot; because
			 * &quot;null&quot; can be a valid value for some props (e.g. blockGap).
			 */
			if ( &#039;unset prop&#039; === _wp_array_get( $context, $path, &#039;unset prop&#039; ) ) {
				_wp_array_set( $context, $path, true );
			}
		}

		unset( $context[&#039;appearanceTools&#039;] );
	}

	/**
	 * Sanitizes the input according to the schemas.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added the `$valid_block_names` and `$valid_element_name` parameters.
	 * @since 6.3.0 Added the `$valid_variations` parameter.
	 * @since 6.6.0 Updated schema to allow extended block style variations.
	 *
	 * @param array $input               Structure to sanitize.
	 * @param array $valid_block_names   List of valid block names.
	 * @param array $valid_element_names List of valid element names.
	 * @param array $valid_variations    List of valid variations per block.
	 * @return array The sanitized output.
	 */
	protected static function sanitize( $input, $valid_block_names, $valid_element_names, $valid_variations ) {
		$output = array();

		if ( ! is_array( $input ) ) {
			return $output;
		}

		// Preserve only the top most level keys.
		$output = array_intersect_key( $input, array_flip( static::VALID_TOP_LEVEL_KEYS ) );

		/*
		 * Remove any rules that are annotated as &quot;top&quot; in VALID_STYLES constant.
		 * Some styles are only meant to be available at the top-level (e.g.: blockGap),
		 * hence, the schema for blocks &amp; elements should not have them.
		 */
		$styles_non_top_level = static::VALID_STYLES;
		foreach ( array_keys( $styles_non_top_level ) as $section ) {
			// array_key_exists() needs to be used instead of isset() because the value can be null.
			if ( array_key_exists( $section, $styles_non_top_level ) &amp;&amp; is_array( $styles_non_top_level[ $section ] ) ) {
				foreach ( array_keys( $styles_non_top_level[ $section ] ) as $prop ) {
					if ( &#039;top&#039; === $styles_non_top_level[ $section ][ $prop ] ) {
						unset( $styles_non_top_level[ $section ][ $prop ] );
					}
				}
			}
		}

		// Build the schema based on valid block &amp; element names.
		$schema                 = array();
		$schema_styles_elements = array();

		/*
		 * Set allowed element pseudo selectors based on per element allow list.
		 * Target data structure in schema:
		 * e.g.
		 * - top level elements: `$schema[&#039;styles&#039;][&#039;elements&#039;][&#039;link&#039;][&#039;:hover&#039;]`.
		 * - block level elements: `$schema[&#039;styles&#039;][&#039;blocks&#039;][&#039;core/button&#039;][&#039;elements&#039;][&#039;link&#039;][&#039;:hover&#039;]`.
		 */
		foreach ( $valid_element_names as $element ) {
			$schema_styles_elements[ $element ] = $styles_non_top_level;

			if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element ] ) ) {
				foreach ( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element ] as $pseudo_selector ) {
					$schema_styles_elements[ $element ][ $pseudo_selector ] = $styles_non_top_level;
				}
			}
		}

		$schema_styles_blocks   = array();
		$schema_settings_blocks = array();

		/*
		 * Generate a schema for blocks.
		 * - Block styles can contain `elements` &amp; `variations` definitions.
		 * - Variations definitions cannot be nested.
		 * - Variations can contain styles for inner `blocks`.
		 * - Variation inner `blocks` styles can contain `elements`.
		 *
		 * As each variation needs a `blocks` schema but further nested
		 * inner `blocks`, the overall schema will be generated in multiple passes.
		 */
		foreach ( $valid_block_names as $block ) {
			$schema_settings_blocks[ $block ]           = static::VALID_SETTINGS;
			$schema_styles_blocks[ $block ]             = $styles_non_top_level;
			$schema_styles_blocks[ $block ][&#039;elements&#039;] = $schema_styles_elements;
		}

		$block_style_variation_styles             = static::VALID_STYLES;
		$block_style_variation_styles[&#039;blocks&#039;]   = $schema_styles_blocks;
		$block_style_variation_styles[&#039;elements&#039;] = $schema_styles_elements;

		foreach ( $valid_block_names as $block ) {
			// Build the schema for each block style variation.
			$style_variation_names = array();
			if (
				! empty( $input[&#039;styles&#039;][&#039;blocks&#039;][ $block ][&#039;variations&#039;] ) &amp;&amp;
				is_array( $input[&#039;styles&#039;][&#039;blocks&#039;][ $block ][&#039;variations&#039;] ) &amp;&amp;
				isset( $valid_variations[ $block ] )
			) {
				$style_variation_names = array_intersect(
					array_keys( $input[&#039;styles&#039;][&#039;blocks&#039;][ $block ][&#039;variations&#039;] ),
					$valid_variations[ $block ]
				);
			}

			$schema_styles_variations = array();
			if ( ! empty( $style_variation_names ) ) {
				$schema_styles_variations = array_fill_keys( $style_variation_names, $block_style_variation_styles );
			}

			$schema_styles_blocks[ $block ][&#039;variations&#039;] = $schema_styles_variations;
		}

		$schema[&#039;styles&#039;]                                 = static::VALID_STYLES;
		$schema[&#039;styles&#039;][&#039;blocks&#039;]                       = $schema_styles_blocks;
		$schema[&#039;styles&#039;][&#039;elements&#039;]                     = $schema_styles_elements;
		$schema[&#039;settings&#039;]                               = static::VALID_SETTINGS;
		$schema[&#039;settings&#039;][&#039;blocks&#039;]                     = $schema_settings_blocks;
		$schema[&#039;settings&#039;][&#039;typography&#039;][&#039;fontFamilies&#039;] = static::schema_in_root_and_per_origin( static::FONT_FAMILY_SCHEMA );

		// Remove anything that&#039;s not present in the schema.
		foreach ( array( &#039;styles&#039;, &#039;settings&#039; ) as $subtree ) {
			if ( ! isset( $input[ $subtree ] ) ) {
				continue;
			}

			if ( ! is_array( $input[ $subtree ] ) ) {
				unset( $output[ $subtree ] );
				continue;
			}

			$result = static::remove_keys_not_in_schema( $input[ $subtree ], $schema[ $subtree ] );

			if ( empty( $result ) ) {
				unset( $output[ $subtree ] );
			} else {
				$output[ $subtree ] = static::resolve_custom_css_format( $result );
			}
		}

		return $output;
	}

	/**
	 * Appends a sub-selector to an existing one.
	 *
	 * Given the compounded $selector &quot;h1, h2, h3&quot;
	 * and the $to_append selector &quot;.some-class&quot; the result will be
	 * &quot;h1.some-class, h2.some-class, h3.some-class&quot;.
	 *
	 * @since 5.8.0
	 * @since 6.1.0 Added append position.
	 * @since 6.3.0 Removed append position parameter.
	 *
	 * @param string $selector  Original selector.
	 * @param string $to_append Selector to append.
	 * @return string The new selector.
	 */
	protected static function append_to_selector( $selector, $to_append ) {
		if ( ! str_contains( $selector, &#039;,&#039; ) ) {
			return $selector . $to_append;
		}
		$new_selectors = array();
		$selectors     = explode( &#039;,&#039;, $selector );
		foreach ( $selectors as $sel ) {
			$new_selectors[] = $sel . $to_append;
		}
		return implode( &#039;,&#039;, $new_selectors );
	}

	/**
	 * Prepends a sub-selector to an existing one.
	 *
	 * Given the compounded $selector &quot;h1, h2, h3&quot;
	 * and the $to_prepend selector &quot;.some-class &quot; the result will be
	 * &quot;.some-class h1, .some-class  h2, .some-class  h3&quot;.
	 *
	 * @since 6.3.0
	 *
	 * @param string $selector   Original selector.
	 * @param string $to_prepend Selector to prepend.
	 * @return string The new selector.
	 */
	protected static function prepend_to_selector( $selector, $to_prepend ) {
		if ( ! str_contains( $selector, &#039;,&#039; ) ) {
			return $to_prepend . $selector;
		}
		$new_selectors = array();
		$selectors     = explode( &#039;,&#039;, $selector );
		foreach ( $selectors as $sel ) {
			$new_selectors[] = $to_prepend . $sel;
		}
		return implode( &#039;,&#039;, $new_selectors );
	}

	/**
	 * Returns the metadata for each block.
	 *
	 * Example:
	 *
	 *     {
	 *       &#039;core/paragraph&#039;: {
	 *         &#039;selector&#039;: &#039;p&#039;,
	 *         &#039;elements&#039;: {
	 *           &#039;link&#039; =&gt; &#039;link selector&#039;,
	 *           &#039;etc&#039;  =&gt; &#039;element selector&#039;
	 *         }
	 *       },
	 *       &#039;core/heading&#039;: {
	 *         &#039;selector&#039;: &#039;h1&#039;,
	 *         &#039;elements&#039;: {}
	 *       },
	 *       &#039;core/image&#039;: {
	 *         &#039;selector&#039;: &#039;.wp-block-image&#039;,
	 *         &#039;duotone&#039;: &#039;img&#039;,
	 *         &#039;elements&#039;: {}
	 *       }
	 *     }
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added `duotone` key with CSS selector.
	 * @since 6.1.0 Added `features` key with block support feature level selectors.
	 * @since 6.3.0 Refactored and stabilized selectors API.
	 * @since 6.6.0 Updated to include block style variations from the block styles registry.
	 *
	 * @return array Block metadata.
	 */
	protected static function get_blocks_metadata() {
		$registry       = WP_Block_Type_Registry::get_instance();
		$blocks         = $registry-&gt;get_all_registered();
		$style_registry = WP_Block_Styles_Registry::get_instance();

		// Is there metadata for all currently registered blocks?
		$blocks = array_diff_key( $blocks, static::$blocks_metadata );
		if ( empty( $blocks ) ) {
			/*
			 * New block styles may have been registered within WP_Block_Styles_Registry.
			 * Update block metadata for any new block style variations.
			 */
			$registered_styles = $style_registry-&gt;get_all_registered();
			foreach ( static::$blocks_metadata as $block_name =&gt; $block_metadata ) {
				if ( ! empty( $registered_styles[ $block_name ] ) ) {
					$style_selectors = $block_metadata[&#039;styleVariations&#039;] ?? array();

					foreach ( $registered_styles[ $block_name ] as $block_style ) {
						if ( ! isset( $style_selectors[ $block_style[&#039;name&#039;] ] ) ) {
							$style_selectors[ $block_style[&#039;name&#039;] ] = static::get_block_style_variation_selector( $block_style[&#039;name&#039;], $block_metadata[&#039;selector&#039;] );
						}
					}

					static::$blocks_metadata[ $block_name ][&#039;styleVariations&#039;] = $style_selectors;
				}
			}
			return static::$blocks_metadata;
		}

		foreach ( $blocks as $block_name =&gt; $block_type ) {
			$root_selector = wp_get_block_css_selector( $block_type );

			static::$blocks_metadata[ $block_name ][&#039;selector&#039;]  = $root_selector;
			static::$blocks_metadata[ $block_name ][&#039;selectors&#039;] = static::get_block_selectors( $block_type, $root_selector );

			$elements = static::get_block_element_selectors( $root_selector );
			if ( ! empty( $elements ) ) {
				static::$blocks_metadata[ $block_name ][&#039;elements&#039;] = $elements;
			}

			// The block may or may not have a duotone selector.
			$duotone_selector = wp_get_block_css_selector( $block_type, &#039;filter.duotone&#039; );

			// Keep backwards compatibility for support.color.__experimentalDuotone.
			if ( null === $duotone_selector ) {
				$duotone_support = isset( $block_type-&gt;supports[&#039;color&#039;][&#039;__experimentalDuotone&#039;] )
					? $block_type-&gt;supports[&#039;color&#039;][&#039;__experimentalDuotone&#039;]
					: null;

				if ( $duotone_support ) {
					$root_selector    = wp_get_block_css_selector( $block_type );
					$duotone_selector = static::scope_selector( $root_selector, $duotone_support );
				}
			}

			if ( null !== $duotone_selector ) {
				static::$blocks_metadata[ $block_name ][&#039;duotone&#039;] = $duotone_selector;
			}

			// If the block has style variations, append their selectors to the block metadata.
			$style_selectors = array();
			if ( ! empty( $block_type-&gt;styles ) ) {
				foreach ( $block_type-&gt;styles as $style ) {
					$style_selectors[ $style[&#039;name&#039;] ] = static::get_block_style_variation_selector( $style[&#039;name&#039;], static::$blocks_metadata[ $block_name ][&#039;selector&#039;] );
				}
			}

			// Block style variations can be registered through the WP_Block_Styles_Registry as well as block.json.
			$registered_styles = $style_registry-&gt;get_registered_styles_for_block( $block_name );
			foreach ( $registered_styles as $style ) {
				$style_selectors[ $style[&#039;name&#039;] ] = static::get_block_style_variation_selector( $style[&#039;name&#039;], static::$blocks_metadata[ $block_name ][&#039;selector&#039;] );
			}

			if ( ! empty( $style_selectors ) ) {
				static::$blocks_metadata[ $block_name ][&#039;styleVariations&#039;] = $style_selectors;
			}
		}

		return static::$blocks_metadata;
	}

	/**
	 * Given a tree, removes the keys that are not present in the schema.
	 *
	 * It is recursive and modifies the input in-place.
	 *
	 * @since 5.8.0
	 *
	 * @param array $tree   Input to process.
	 * @param array $schema Schema to adhere to.
	 * @return array The modified $tree.
	 */
	protected static function remove_keys_not_in_schema( $tree, $schema ) {
		if ( ! is_array( $tree ) ) {
			return $tree;
		}

		foreach ( $tree as $key =&gt; $value ) {
			// Remove keys not in the schema or with null/empty values.
			if ( ! array_key_exists( $key, $schema ) ) {
				unset( $tree[ $key ] );
				continue;
			}

			if ( is_array( $schema[ $key ] ) ) {
				if ( ! is_array( $value ) ) {
					unset( $tree[ $key ] );
				} elseif ( wp_is_numeric_array( $value ) ) {
					// If indexed, process each item in the array.
					foreach ( $value as $item_key =&gt; $item_value ) {
						if ( isset( $schema[ $key ][0] ) &amp;&amp; is_array( $schema[ $key ][0] ) ) {
							$tree[ $key ][ $item_key ] = self::remove_keys_not_in_schema( $item_value, $schema[ $key ][0] );
						} else {
							// If the schema does not define a further structure, keep the value as is.
							$tree[ $key ][ $item_key ] = $item_value;
						}
					}
				} else {
					// If associative, process as a single object.
					$tree[ $key ] = self::remove_keys_not_in_schema( $value, $schema[ $key ] );

					if ( empty( $tree[ $key ] ) ) {
						unset( $tree[ $key ] );
					}
				}
			}
		}
		return $tree;
	}

	/**
	 * Returns the existing settings for each block.
	 *
	 * Example:
	 *
	 *     {
	 *       &#039;root&#039;: {
	 *         &#039;color&#039;: {
	 *           &#039;custom&#039;: true
	 *         }
	 *       },
	 *       &#039;core/paragraph&#039;: {
	 *         &#039;spacing&#039;: {
	 *           &#039;customPadding&#039;: true
	 *         }
	 *       }
	 *     }
	 *
	 * @since 5.8.0
	 *
	 * @return array Settings per block.
	 */
	public function get_settings() {
		if ( ! isset( $this-&gt;theme_json[&#039;settings&#039;] ) ) {
			return array();
		} else {
			return $this-&gt;theme_json[&#039;settings&#039;];
		}
	}

	/**
	 * Returns the stylesheet that results of processing
	 * the theme.json structure this object represents.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Removed the `$type` parameter, added the `$types` and `$origins` parameters.
	 * @since 6.3.0 Add fallback layout styles for Post Template when block gap support isn&#039;t available.
	 * @since 6.6.0 Added boolean `skip_root_layout_styles` and `include_block_style_variations` options
	 *              to control styles output as desired.
	 *
	 * @param string[] $types   Types of styles to load. Will load all by default. It accepts:
	 *                          - `variables`: only the CSS Custom Properties for presets &amp; custom ones.
	 *                          - `styles`: only the styles section in theme.json.
	 *                          - `presets`: only the classes for the presets.
	 *                          - `base-layout-styles`: only the base layout styles.
	 *                          - `custom-css`: only the custom CSS.
	 * @param string[] $origins A list of origins to include. By default it includes VALID_ORIGINS.
	 * @param array    $options {
	 *     Optional. An array of options for now used for internal purposes only (may change without notice).
	 *
	 *     @type string $scope                           Makes sure all style are scoped to a given selector
	 *     @type string $root_selector                   Overwrites and forces a given selector to be used on the root node
	 *     @type bool   $skip_root_layout_styles         Omits root layout styles from the generated stylesheet. Default false.
	 *     @type bool   $include_block_style_variations  Includes styles for block style variations in the generated stylesheet. Default false.
	 * }
	 * @return string The resulting stylesheet.
	 */
	public function get_stylesheet( $types = array( &#039;variables&#039;, &#039;styles&#039;, &#039;presets&#039; ), $origins = null, $options = array() ) {
		if ( null === $origins ) {
			$origins = static::VALID_ORIGINS;
		}

		if ( is_string( $types ) ) {
			// Dispatch error and map old arguments to new ones.
			_deprecated_argument( __FUNCTION__, &#039;5.9.0&#039; );
			if ( &#039;block_styles&#039; === $types ) {
				$types = array( &#039;styles&#039;, &#039;presets&#039; );
			} elseif ( &#039;css_variables&#039; === $types ) {
				$types = array( &#039;variables&#039; );
			} else {
				$types = array( &#039;variables&#039;, &#039;styles&#039;, &#039;presets&#039; );
			}
		}

		$blocks_metadata = static::get_blocks_metadata();
		$style_nodes     = static::get_style_nodes( $this-&gt;theme_json, $blocks_metadata, $options );
		$setting_nodes   = static::get_setting_nodes( $this-&gt;theme_json, $blocks_metadata );

		$root_style_key    = array_search( static::ROOT_BLOCK_SELECTOR, array_column( $style_nodes, &#039;selector&#039; ), true );
		$root_settings_key = array_search( static::ROOT_BLOCK_SELECTOR, array_column( $setting_nodes, &#039;selector&#039; ), true );

		if ( ! empty( $options[&#039;scope&#039;] ) ) {
			foreach ( $setting_nodes as &amp;$node ) {
				$node[&#039;selector&#039;] = static::scope_selector( $options[&#039;scope&#039;], $node[&#039;selector&#039;] );
			}
			foreach ( $style_nodes as &amp;$node ) {
				$node = static::scope_style_node_selectors( $options[&#039;scope&#039;], $node );
			}
			unset( $node );
		}

		if ( ! empty( $options[&#039;root_selector&#039;] ) ) {
			if ( false !== $root_settings_key ) {
				$setting_nodes[ $root_settings_key ][&#039;selector&#039;] = $options[&#039;root_selector&#039;];
			}
			if ( false !== $root_style_key ) {
				$style_nodes[ $root_style_key ][&#039;selector&#039;] = $options[&#039;root_selector&#039;];
			}
		}

		$stylesheet = &#039;&#039;;

		if ( in_array( &#039;variables&#039;, $types, true ) ) {
			$stylesheet .= $this-&gt;get_css_variables( $setting_nodes, $origins );
		}

		if ( in_array( &#039;styles&#039;, $types, true ) ) {
			if ( false !== $root_style_key &amp;&amp; empty( $options[&#039;skip_root_layout_styles&#039;] ) ) {
				$stylesheet .= $this-&gt;get_root_layout_rules( $style_nodes[ $root_style_key ][&#039;selector&#039;], $style_nodes[ $root_style_key ] );
			}
			$stylesheet .= $this-&gt;get_block_classes( $style_nodes );
		} elseif ( in_array( &#039;base-layout-styles&#039;, $types, true ) ) {
			$root_selector          = static::ROOT_BLOCK_SELECTOR;
			$columns_selector       = &#039;.wp-block-columns&#039;;
			$post_template_selector = &#039;.wp-block-post-template&#039;;
			if ( ! empty( $options[&#039;scope&#039;] ) ) {
				$root_selector          = static::scope_selector( $options[&#039;scope&#039;], $root_selector );
				$columns_selector       = static::scope_selector( $options[&#039;scope&#039;], $columns_selector );
				$post_template_selector = static::scope_selector( $options[&#039;scope&#039;], $post_template_selector );
			}
			if ( ! empty( $options[&#039;root_selector&#039;] ) ) {
				$root_selector = $options[&#039;root_selector&#039;];
			}
			/*
			 * Base layout styles are provided as part of `styles`, so only output separately if explicitly requested.
			 * For backwards compatibility, the Columns block is explicitly included, to support a different default gap value.
			 */
			$base_styles_nodes = array(
				array(
					&#039;path&#039;     =&gt; array( &#039;styles&#039; ),
					&#039;selector&#039; =&gt; $root_selector,
				),
				array(
					&#039;path&#039;     =&gt; array( &#039;styles&#039;, &#039;blocks&#039;, &#039;core/columns&#039; ),
					&#039;selector&#039; =&gt; $columns_selector,
					&#039;name&#039;     =&gt; &#039;core/columns&#039;,
				),
				array(
					&#039;path&#039;     =&gt; array( &#039;styles&#039;, &#039;blocks&#039;, &#039;core/post-template&#039; ),
					&#039;selector&#039; =&gt; $post_template_selector,
					&#039;name&#039;     =&gt; &#039;core/post-template&#039;,
				),
			);

			foreach ( $base_styles_nodes as $base_style_node ) {
				$stylesheet .= $this-&gt;get_layout_styles( $base_style_node, $types );
			}
		}

		if ( in_array( &#039;presets&#039;, $types, true ) ) {
			$stylesheet .= $this-&gt;get_preset_classes( $setting_nodes, $origins );
		}

		// Load the custom CSS last so it has the highest specificity.
		if ( in_array( &#039;custom-css&#039;, $types, true ) ) {
			// Add the global styles root CSS.
			$stylesheet .= _wp_array_get( $this-&gt;theme_json, array( &#039;styles&#039;, &#039;css&#039; ) );
		}

		return $stylesheet;
	}

	/**
	 * Processes the CSS, to apply nesting.
	 *
	 * @since 6.2.0
	 * @since 6.6.0 Enforced 0-1-0 specificity for block custom CSS selectors.
	 *
	 * @param string $css      The CSS to process.
	 * @param string $selector The selector to nest.
	 * @return string The processed CSS.
	 */
	protected function process_blocks_custom_css( $css, $selector ) {
		$processed_css = &#039;&#039;;

		if ( empty( $css ) ) {
			return $processed_css;
		}

		// Split CSS nested rules.
		$parts = explode( &#039;&amp;&#039;, $css );
		foreach ( $parts as $part ) {
			if ( empty( $part ) ) {
				continue;
			}
			$is_root_css = ( ! str_contains( $part, &#039;{&#039; ) );
			if ( $is_root_css ) {
				// If the part doesn&#039;t contain braces, it applies to the root level.
				$processed_css .= &#039;:root :where(&#039; . trim( $selector ) . &#039;){&#039; . trim( $part ) . &#039;}&#039;;
			} else {
				// If the part contains braces, it&#039;s a nested CSS rule.
				$part = explode( &#039;{&#039;, str_replace( &#039;}&#039;, &#039;&#039;, $part ) );
				if ( count( $part ) !== 2 ) {
					continue;
				}
				$nested_selector = $part[0];
				$css_value       = $part[1];

				/*
				 * Handle pseudo elements such as ::before, ::after etc. Regex will also
				 * capture any leading combinator such as &gt;, +, or ~, as well as spaces.
				 * This allows pseudo elements as descendants e.g. `.parent ::before`.
				 */
				$matches            = array();
				$has_pseudo_element = preg_match( &#039;/([&gt;+~\s]*::[a-zA-Z-]+)/&#039;, $nested_selector, $matches );
				$pseudo_part        = $has_pseudo_element ? $matches[1] : &#039;&#039;;
				$nested_selector    = $has_pseudo_element ? str_replace( $pseudo_part, &#039;&#039;, $nested_selector ) : $nested_selector;

				// Finalize selector and re-append pseudo element if required.
				$part_selector  = str_starts_with( $nested_selector, &#039; &#039; )
					? static::scope_selector( $selector, $nested_selector )
					: static::append_to_selector( $selector, $nested_selector );
				$final_selector = &quot;:root :where($part_selector)$pseudo_part&quot;;

				$processed_css .= $final_selector . &#039;{&#039; . trim( $css_value ) . &#039;}&#039;;
			}
		}
		return $processed_css;
	}

	/**
	 * Returns the global styles custom CSS.
	 *
	 * @since 6.2.0
	 * @deprecated 6.7.0 Use {@see &#039;get_stylesheet&#039;} instead.
	 *
	 * @return string The global styles custom CSS.
	 */
	public function get_custom_css() {
		_deprecated_function( __METHOD__, &#039;6.7.0&#039;, &#039;get_stylesheet&#039; );
		// Add the global styles root CSS.
		$stylesheet = isset( $this-&gt;theme_json[&#039;styles&#039;][&#039;css&#039;] ) ? $this-&gt;theme_json[&#039;styles&#039;][&#039;css&#039;] : &#039;&#039;;

		// Add the global styles block CSS.
		if ( isset( $this-&gt;theme_json[&#039;styles&#039;][&#039;blocks&#039;] ) ) {
			foreach ( $this-&gt;theme_json[&#039;styles&#039;][&#039;blocks&#039;] as $name =&gt; $node ) {
				$custom_block_css = isset( $this-&gt;theme_json[&#039;styles&#039;][&#039;blocks&#039;][ $name ][&#039;css&#039;] )
					? $this-&gt;theme_json[&#039;styles&#039;][&#039;blocks&#039;][ $name ][&#039;css&#039;]
					: null;
				if ( $custom_block_css ) {
					$selector    = static::$blocks_metadata[ $name ][&#039;selector&#039;];
					$stylesheet .= $this-&gt;process_blocks_custom_css( $custom_block_css, $selector );
				}
			}
		}

		return $stylesheet;
	}

	/**
	 * Returns the page templates of the active theme.
	 *
	 * @since 5.9.0
	 *
	 * @return array
	 */
	public function get_custom_templates() {
		$custom_templates = array();
		if ( ! isset( $this-&gt;theme_json[&#039;customTemplates&#039;] ) || ! is_array( $this-&gt;theme_json[&#039;customTemplates&#039;] ) ) {
			return $custom_templates;
		}

		foreach ( $this-&gt;theme_json[&#039;customTemplates&#039;] as $item ) {
			if ( isset( $item[&#039;name&#039;] ) ) {
				$custom_templates[ $item[&#039;name&#039;] ] = array(
					&#039;title&#039;     =&gt; isset( $item[&#039;title&#039;] ) ? $item[&#039;title&#039;] : &#039;&#039;,
					&#039;postTypes&#039; =&gt; isset( $item[&#039;postTypes&#039;] ) ? $item[&#039;postTypes&#039;] : array( &#039;page&#039; ),
				);
			}
		}
		return $custom_templates;
	}

	/**
	 * Returns the template part data of active theme.
	 *
	 * @since 5.9.0
	 *
	 * @return array
	 */
	public function get_template_parts() {
		$template_parts = array();
		if ( ! isset( $this-&gt;theme_json[&#039;templateParts&#039;] ) || ! is_array( $this-&gt;theme_json[&#039;templateParts&#039;] ) ) {
			return $template_parts;
		}

		foreach ( $this-&gt;theme_json[&#039;templateParts&#039;] as $item ) {
			if ( isset( $item[&#039;name&#039;] ) ) {
				$template_parts[ $item[&#039;name&#039;] ] = array(
					&#039;title&#039; =&gt; isset( $item[&#039;title&#039;] ) ? $item[&#039;title&#039;] : &#039;&#039;,
					&#039;area&#039;  =&gt; isset( $item[&#039;area&#039;] ) ? $item[&#039;area&#039;] : &#039;&#039;,
				);
			}
		}
		return $template_parts;
	}

	/**
	 * Converts each style section into a list of rulesets
	 * containing the block styles to be appended to the stylesheet.
	 *
	 * See glossary at https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax
	 *
	 * For each section this creates a new ruleset such as:
	 *
	 *   block-selector {
	 *     style-property-one: value;
	 *   }
	 *
	 * @since 5.8.0 As `get_block_styles()`.
	 * @since 5.9.0 Renamed from `get_block_styles()` to `get_block_classes()`
	 *              and no longer returns preset classes.
	 *              Removed the `$setting_nodes` parameter.
	 * @since 6.1.0 Moved most internal logic to `get_styles_for_block()`.
	 *
	 * @param array $style_nodes Nodes with styles.
	 * @return string The new stylesheet.
	 */
	protected function get_block_classes( $style_nodes ) {
		$block_rules = &#039;&#039;;

		foreach ( $style_nodes as $metadata ) {
			if ( null === $metadata[&#039;selector&#039;] ) {
				continue;
			}
			$block_rules .= static::get_styles_for_block( $metadata );
		}

		return $block_rules;
	}

	/**
	 * Gets the CSS layout rules for a particular block from theme.json layout definitions.
	 *
	 * @since 6.1.0
	 * @since 6.3.0 Reduced specificity for layout margin rules.
	 * @since 6.5.1 Only output rules referencing content and wide sizes when values exist.
	 * @since 6.5.3 Add types parameter to check if only base layout styles are needed.
	 * @since 6.6.0 Updated layout style specificity to be compatible with overall 0-1-0 specificity in global styles.
	 *
	 * @param array $block_metadata Metadata about the block to get styles for.
	 * @param array $types          Optional. Types of styles to output. If empty, all styles will be output.
	 * @return string Layout styles for the block.
	 */
	protected function get_layout_styles( $block_metadata, $types = array() ) {
		$block_rules = &#039;&#039;;
		$block_type  = null;

		// Skip outputting layout styles if explicitly disabled.
		if ( current_theme_supports( &#039;disable-layout-styles&#039; ) ) {
			return $block_rules;
		}

		if ( isset( $block_metadata[&#039;name&#039;] ) ) {
			$block_type = WP_Block_Type_Registry::get_instance()-&gt;get_registered( $block_metadata[&#039;name&#039;] );
			if ( ! block_has_support( $block_type, &#039;layout&#039;, false ) &amp;&amp; ! block_has_support( $block_type, &#039;__experimentalLayout&#039;, false ) ) {
				return $block_rules;
			}
		}

		$selector                 = isset( $block_metadata[&#039;selector&#039;] ) ? $block_metadata[&#039;selector&#039;] : &#039;&#039;;
		$has_block_gap_support    = isset( $this-&gt;theme_json[&#039;settings&#039;][&#039;spacing&#039;][&#039;blockGap&#039;] );
		$has_fallback_gap_support = ! $has_block_gap_support; // This setting isn&#039;t useful yet: it exists as a placeholder for a future explicit fallback gap styles support.
		$node                     = _wp_array_get( $this-&gt;theme_json, $block_metadata[&#039;path&#039;], array() );
		$layout_definitions       = wp_get_layout_definitions();
		$layout_selector_pattern  = &#039;/^[a-zA-Z0-9\-\.\,\ *+&gt;:\(\)]*$/&#039;; // Allow alphanumeric classnames, spaces, wildcard, sibling, child combinator and pseudo class selectors.

		/*
		 * Gap styles will only be output if the theme has block gap support, or supports a fallback gap.
		 * Default layout gap styles will be skipped for themes that do not explicitly opt-in to blockGap with a `true` or `false` value.
		 */
		if ( $has_block_gap_support || $has_fallback_gap_support ) {
			$block_gap_value = null;
			// Use a fallback gap value if block gap support is not available.
			if ( ! $has_block_gap_support ) {
				$block_gap_value = static::ROOT_BLOCK_SELECTOR === $selector ? &#039;0.5em&#039; : null;
				if ( ! empty( $block_type ) ) {
					$block_gap_value = isset( $block_type-&gt;supports[&#039;spacing&#039;][&#039;blockGap&#039;][&#039;__experimentalDefault&#039;] )
						? $block_type-&gt;supports[&#039;spacing&#039;][&#039;blockGap&#039;][&#039;__experimentalDefault&#039;]
						: null;
				}
			} else {
				$block_gap_value = static::get_property_value( $node, array( &#039;spacing&#039;, &#039;blockGap&#039; ) );
			}

			// Support split row / column values and concatenate to a shorthand value.
			if ( is_array( $block_gap_value ) ) {
				if ( isset( $block_gap_value[&#039;top&#039;] ) &amp;&amp; isset( $block_gap_value[&#039;left&#039;] ) ) {
					$gap_row         = static::get_property_value( $node, array( &#039;spacing&#039;, &#039;blockGap&#039;, &#039;top&#039; ) );
					$gap_column      = static::get_property_value( $node, array( &#039;spacing&#039;, &#039;blockGap&#039;, &#039;left&#039; ) );
					$block_gap_value = $gap_row === $gap_column ? $gap_row : $gap_row . &#039; &#039; . $gap_column;
				} else {
					// Skip outputting gap value if not all sides are provided.
					$block_gap_value = null;
				}
			}

			// If the block should have custom gap, add the gap styles.
			if ( null !== $block_gap_value &amp;&amp; false !== $block_gap_value &amp;&amp; &#039;&#039; !== $block_gap_value ) {
				foreach ( $layout_definitions as $layout_definition_key =&gt; $layout_definition ) {
					// Allow outputting fallback gap styles for flex and grid layout types when block gap support isn&#039;t available.
					if ( ! $has_block_gap_support &amp;&amp; &#039;flex&#039; !== $layout_definition_key &amp;&amp; &#039;grid&#039; !== $layout_definition_key ) {
						continue;
					}

					$class_name    = isset( $layout_definition[&#039;className&#039;] ) ? $layout_definition[&#039;className&#039;] : false;
					$spacing_rules = isset( $layout_definition[&#039;spacingStyles&#039;] ) ? $layout_definition[&#039;spacingStyles&#039;] : array();

					if (
						! empty( $class_name ) &amp;&amp;
						! empty( $spacing_rules )
					) {
						foreach ( $spacing_rules as $spacing_rule ) {
							$declarations = array();
							if (
								isset( $spacing_rule[&#039;selector&#039;] ) &amp;&amp;
								preg_match( $layout_selector_pattern, $spacing_rule[&#039;selector&#039;] ) &amp;&amp;
								! empty( $spacing_rule[&#039;rules&#039;] )
							) {
								// Iterate over each of the styling rules and substitute non-string values such as `null` with the real `blockGap` value.
								foreach ( $spacing_rule[&#039;rules&#039;] as $css_property =&gt; $css_value ) {
									$current_css_value = is_string( $css_value ) ? $css_value : $block_gap_value;
									if ( static::is_safe_css_declaration( $css_property, $current_css_value ) ) {
										$declarations[] = array(
											&#039;name&#039;  =&gt; $css_property,
											&#039;value&#039; =&gt; $current_css_value,
										);
									}
								}

								if ( ! $has_block_gap_support ) {
									// For fallback gap styles, use lower specificity, to ensure styles do not unintentionally override theme styles.
									$format          = static::ROOT_BLOCK_SELECTOR === $selector ? &#039;:where(.%2$s%3$s)&#039; : &#039;:where(%1$s.%2$s%3$s)&#039;;
									$layout_selector = sprintf(
										$format,
										$selector,
										$class_name,
										$spacing_rule[&#039;selector&#039;]
									);
								} else {
									$format          = static::ROOT_BLOCK_SELECTOR === $selector ? &#039;:root :where(.%2$s)%3$s&#039; : &#039;:root :where(%1$s-%2$s)%3$s&#039;;
									$layout_selector = sprintf(
										$format,
										$selector,
										$class_name,
										$spacing_rule[&#039;selector&#039;]
									);
								}
								$block_rules .= static::to_ruleset( $layout_selector, $declarations );
							}
						}
					}
				}
			}
		}

		// Output base styles.
		if (
			static::ROOT_BLOCK_SELECTOR === $selector
		) {
			$valid_display_modes = array( &#039;block&#039;, &#039;flex&#039;, &#039;grid&#039; );
			foreach ( $layout_definitions as $layout_definition ) {
				$class_name       = isset( $layout_definition[&#039;className&#039;] ) ? $layout_definition[&#039;className&#039;] : false;
				$base_style_rules = isset( $layout_definition[&#039;baseStyles&#039;] ) ? $layout_definition[&#039;baseStyles&#039;] : array();

				if (
					! empty( $class_name ) &amp;&amp;
					is_array( $base_style_rules )
				) {
					// Output display mode. This requires special handling as `display` is not exposed in `safe_style_css_filter`.
					if (
						! empty( $layout_definition[&#039;displayMode&#039;] ) &amp;&amp;
						is_string( $layout_definition[&#039;displayMode&#039;] ) &amp;&amp;
						in_array( $layout_definition[&#039;displayMode&#039;], $valid_display_modes, true )
					) {
						$layout_selector = sprintf(
							&#039;%s .%s&#039;,
							$selector,
							$class_name
						);
						$block_rules    .= static::to_ruleset(
							$layout_selector,
							array(
								array(
									&#039;name&#039;  =&gt; &#039;display&#039;,
									&#039;value&#039; =&gt; $layout_definition[&#039;displayMode&#039;],
								),
							)
						);
					}

					foreach ( $base_style_rules as $base_style_rule ) {
						$declarations = array();

						// Skip outputting base styles for flow and constrained layout types if theme doesn&#039;t support theme.json. The &#039;base-layout-styles&#039; type flags this.
						if ( in_array( &#039;base-layout-styles&#039;, $types, true ) &amp;&amp; ( &#039;default&#039; === $layout_definition[&#039;name&#039;] || &#039;constrained&#039; === $layout_definition[&#039;name&#039;] ) ) {
							continue;
						}

						if (
							isset( $base_style_rule[&#039;selector&#039;] ) &amp;&amp;
							preg_match( $layout_selector_pattern, $base_style_rule[&#039;selector&#039;] ) &amp;&amp;
							! empty( $base_style_rule[&#039;rules&#039;] )
						) {
							foreach ( $base_style_rule[&#039;rules&#039;] as $css_property =&gt; $css_value ) {
								// Skip rules that reference content size or wide size if they are not defined in the theme.json.
								if (
									is_string( $css_value ) &amp;&amp;
									( str_contains( $css_value, &#039;--global--content-size&#039; ) || str_contains( $css_value, &#039;--global--wide-size&#039; ) ) &amp;&amp;
									! isset( $this-&gt;theme_json[&#039;settings&#039;][&#039;layout&#039;][&#039;contentSize&#039;] ) &amp;&amp;
									! isset( $this-&gt;theme_json[&#039;settings&#039;][&#039;layout&#039;][&#039;wideSize&#039;] )
								) {
									continue;
								}

								if ( static::is_safe_css_declaration( $css_property, $css_value ) ) {
									$declarations[] = array(
										&#039;name&#039;  =&gt; $css_property,
										&#039;value&#039; =&gt; $css_value,
									);
								}
							}

							$layout_selector = sprintf(
								&#039;.%s%s&#039;,
								$class_name,
								$base_style_rule[&#039;selector&#039;]
							);
							$block_rules    .= static::to_ruleset( $layout_selector, $declarations );
						}
					}
				}
			}
		}
		return $block_rules;
	}

	/**
	 * Creates new rulesets as classes for each preset value such as:
	 *
	 *   .has-value-color {
	 *     color: value;
	 *   }
	 *
	 *   .has-value-background-color {
	 *     background-color: value;
	 *   }
	 *
	 *   .has-value-font-size {
	 *     font-size: value;
	 *   }
	 *
	 *   .has-value-gradient-background {
	 *     background: value;
	 *   }
	 *
	 *   p.has-value-gradient-background {
	 *     background: value;
	 *   }
	 *
	 * @since 5.9.0
	 *
	 * @param array    $setting_nodes Nodes with settings.
	 * @param string[] $origins       List of origins to process presets from.
	 * @return string The new stylesheet.
	 */
	protected function get_preset_classes( $setting_nodes, $origins ) {
		$preset_rules = &#039;&#039;;

		foreach ( $setting_nodes as $metadata ) {
			if ( null === $metadata[&#039;selector&#039;] ) {
				continue;
			}

			$selector      = $metadata[&#039;selector&#039;];
			$node          = _wp_array_get( $this-&gt;theme_json, $metadata[&#039;path&#039;], array() );
			$preset_rules .= static::compute_preset_classes( $node, $selector, $origins );
		}

		return $preset_rules;
	}

	/**
	 * Converts each styles section into a list of rulesets
	 * to be appended to the stylesheet.
	 * These rulesets contain all the css variables (custom variables and preset variables).
	 *
	 * See glossary at https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax
	 *
	 * For each section this creates a new ruleset such as:
	 *
	 *     block-selector {
	 *       --wp--preset--category--slug: value;
	 *       --wp--custom--variable: value;
	 *     }
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added the `$origins` parameter.
	 *
	 * @param array    $nodes   Nodes with settings.
	 * @param string[] $origins List of origins to process.
	 * @return string The new stylesheet.
	 */
	protected function get_css_variables( $nodes, $origins ) {
		$stylesheet = &#039;&#039;;
		foreach ( $nodes as $metadata ) {
			if ( null === $metadata[&#039;selector&#039;] ) {
				continue;
			}

			$selector = $metadata[&#039;selector&#039;];

			$node                    = _wp_array_get( $this-&gt;theme_json, $metadata[&#039;path&#039;], array() );
			$declarations            = static::compute_preset_vars( $node, $origins );
			$theme_vars_declarations = static::compute_theme_vars( $node );
			foreach ( $theme_vars_declarations as $theme_vars_declaration ) {
				$declarations[] = $theme_vars_declaration;
			}

			$stylesheet .= static::to_ruleset( $selector, $declarations );
		}

		return $stylesheet;
	}

	/**
	 * Given a selector and a declaration list,
	 * creates the corresponding ruleset.
	 *
	 * @since 5.8.0
	 *
	 * @param string $selector     CSS selector.
	 * @param array  $declarations List of declarations.
	 * @return string The resulting CSS ruleset.
	 */
	protected static function to_ruleset( $selector, $declarations ) {
		if ( empty( $declarations ) ) {
			return &#039;&#039;;
		}

		$declaration_block = array_reduce(
			$declarations,
			static function ( $carry, $element ) {
				return $carry .= $element[&#039;name&#039;] . &#039;: &#039; . $element[&#039;value&#039;] . &#039;;&#039;; },
			&#039;&#039;
		);

		return $selector . &#039;{&#039; . $declaration_block . &#039;}&#039;;
	}

	/**
	 * Given a settings array, returns the generated rulesets
	 * for the preset classes.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added the `$origins` parameter.
	 * @since 6.6.0 Added check for root CSS properties selector.
	 *
	 * @param array    $settings Settings to process.
	 * @param string   $selector Selector wrapping the classes.
	 * @param string[] $origins  List of origins to process.
	 * @return string The result of processing the presets.
	 */
	protected static function compute_preset_classes( $settings, $selector, $origins ) {
		if ( static::ROOT_BLOCK_SELECTOR === $selector || static::ROOT_CSS_PROPERTIES_SELECTOR === $selector ) {
			/*
			 * Classes at the global level do not need any CSS prefixed,
			 * and we don&#039;t want to increase its specificity.
			 */
			$selector = &#039;&#039;;
		}

		$stylesheet = &#039;&#039;;
		foreach ( static::PRESETS_METADATA as $preset_metadata ) {
			if ( empty( $preset_metadata[&#039;classes&#039;] ) ) {
				continue;
			}
			$slugs = static::get_settings_slugs( $settings, $preset_metadata, $origins );
			foreach ( $preset_metadata[&#039;classes&#039;] as $class =&gt; $property ) {
				foreach ( $slugs as $slug ) {
					$css_var    = static::replace_slug_in_string( $preset_metadata[&#039;css_vars&#039;], $slug );
					$class_name = static::replace_slug_in_string( $class, $slug );

					// $selector is often empty, so we can save ourselves the `append_to_selector()` call then.
					$new_selector = &#039;&#039; === $selector ? $class_name : static::append_to_selector( $selector, $class_name );
					$stylesheet  .= static::to_ruleset(
						$new_selector,
						array(
							array(
								&#039;name&#039;  =&gt; $property,
								&#039;value&#039; =&gt; &#039;var(&#039; . $css_var . &#039;) !important&#039;,
							),
						)
					);
				}
			}
		}

		return $stylesheet;
	}

	/**
	 * Function that scopes a selector with another one. This works a bit like
	 * SCSS nesting except the `&amp;` operator isn&#039;t supported.
	 *
	 * &lt;code&gt;
	 * $scope = &#039;.a, .b .c&#039;;
	 * $selector = &#039;&gt; .x, .y&#039;;
	 * $merged = scope_selector( $scope, $selector );
	 * // $merged is &#039;.a &gt; .x, .a .y, .b .c &gt; .x, .b .c .y&#039;
	 * &lt;/code&gt;
	 *
	 * @since 5.9.0
	 * @since 6.6.0 Added early return if missing scope or selector.
	 *
	 * @param string $scope    Selector to scope to.
	 * @param string $selector Original selector.
	 * @return string Scoped selector.
	 */
	public static function scope_selector( $scope, $selector ) {
		if ( ! $scope || ! $selector ) {
			return $selector;
		}

		$scopes    = explode( &#039;,&#039;, $scope );
		$selectors = explode( &#039;,&#039;, $selector );

		$selectors_scoped = array();
		foreach ( $scopes as $outer ) {
			foreach ( $selectors as $inner ) {
				$outer = trim( $outer );
				$inner = trim( $inner );
				if ( ! empty( $outer ) &amp;&amp; ! empty( $inner ) ) {
					$selectors_scoped[] = $outer . &#039; &#039; . $inner;
				} elseif ( empty( $outer ) ) {
					$selectors_scoped[] = $inner;
				} elseif ( empty( $inner ) ) {
					$selectors_scoped[] = $outer;
				}
			}
		}

		$result = implode( &#039;, &#039;, $selectors_scoped );
		return $result;
	}

	/**
	 * Scopes the selectors for a given style node.
	 *
	 * This includes the primary selector, i.e. `$node[&#039;selector&#039;]`, as well as any custom
	 * selectors for features and subfeatures, e.g. `$node[&#039;selectors&#039;][&#039;border&#039;]` etc.
	 *
	 * @since 6.6.0
	 *
	 * @param string $scope Selector to scope to.
	 * @param array  $node  Style node with selectors to scope.
	 * @return array Node with updated selectors.
	 */
	protected static function scope_style_node_selectors( $scope, $node ) {
		$node[&#039;selector&#039;] = static::scope_selector( $scope, $node[&#039;selector&#039;] );

		if ( empty( $node[&#039;selectors&#039;] ) ) {
			return $node;
		}

		foreach ( $node[&#039;selectors&#039;] as $feature =&gt; $selector ) {
			if ( is_string( $selector ) ) {
				$node[&#039;selectors&#039;][ $feature ] = static::scope_selector( $scope, $selector );
			}
			if ( is_array( $selector ) ) {
				foreach ( $selector as $subfeature =&gt; $subfeature_selector ) {
					$node[&#039;selectors&#039;][ $feature ][ $subfeature ] = static::scope_selector( $scope, $subfeature_selector );
				}
			}
		}

		return $node;
	}

	/**
	 * Gets preset values keyed by slugs based on settings and metadata.
	 *
	 * &lt;code&gt;
	 * $settings = array(
	 *     &#039;typography&#039; =&gt; array(
	 *         &#039;fontFamilies&#039; =&gt; array(
	 *             array(
	 *                 &#039;slug&#039;       =&gt; &#039;sansSerif&#039;,
	 *                 &#039;fontFamily&#039; =&gt; &#039;&quot;Helvetica Neue&quot;, sans-serif&#039;,
	 *             ),
	 *             array(
	 *                 &#039;slug&#039;   =&gt; &#039;serif&#039;,
	 *                 &#039;colors&#039; =&gt; &#039;Georgia, serif&#039;,
	 *             )
	 *         ),
	 *     ),
	 * );
	 * $meta = array(
	 *    &#039;path&#039;      =&gt; array( &#039;typography&#039;, &#039;fontFamilies&#039; ),
	 *    &#039;value_key&#039; =&gt; &#039;fontFamily&#039;,
	 * );
	 * $values_by_slug = get_settings_values_by_slug();
	 * // $values_by_slug === array(
	 * //   &#039;sans-serif&#039; =&gt; &#039;&quot;Helvetica Neue&quot;, sans-serif&#039;,
	 * //   &#039;serif&#039;      =&gt; &#039;Georgia, serif&#039;,
	 * // );
	 * &lt;/code&gt;
	 *
	 * @since 5.9.0
	 * @since 6.6.0 Passing $settings to the callbacks defined in static::PRESETS_METADATA.
	 *
	 * @param array    $settings        Settings to process.
	 * @param array    $preset_metadata One of the PRESETS_METADATA values.
	 * @param string[] $origins         List of origins to process.
	 * @return array Array of presets where each key is a slug and each value is the preset value.
	 */
	protected static function get_settings_values_by_slug( $settings, $preset_metadata, $origins ) {
		$preset_per_origin = _wp_array_get( $settings, $preset_metadata[&#039;path&#039;], array() );

		$result = array();
		foreach ( $origins as $origin ) {
			if ( ! isset( $preset_per_origin[ $origin ] ) ) {
				continue;
			}
			foreach ( $preset_per_origin[ $origin ] as $preset ) {
				$slug = _wp_to_kebab_case( $preset[&#039;slug&#039;] );

				$value = &#039;&#039;;
				if ( isset( $preset_metadata[&#039;value_key&#039;], $preset[ $preset_metadata[&#039;value_key&#039;] ] ) ) {
					$value_key = $preset_metadata[&#039;value_key&#039;];
					$value     = $preset[ $value_key ];
				} elseif (
					isset( $preset_metadata[&#039;value_func&#039;] ) &amp;&amp;
					is_callable( $preset_metadata[&#039;value_func&#039;] )
				) {
					$value_func = $preset_metadata[&#039;value_func&#039;];
					$value      = call_user_func( $value_func, $preset, $settings );
				} else {
					// If we don&#039;t have a value, then don&#039;t add it to the result.
					continue;
				}

				$result[ $slug ] = $value;
			}
		}
		return $result;
	}

	/**
	 * Similar to get_settings_values_by_slug, but doesn&#039;t compute the value.
	 *
	 * @since 5.9.0
	 *
	 * @param array    $settings        Settings to process.
	 * @param array    $preset_metadata One of the PRESETS_METADATA values.
	 * @param string[] $origins         List of origins to process.
	 * @return array Array of presets where the key and value are both the slug.
	 */
	protected static function get_settings_slugs( $settings, $preset_metadata, $origins = null ) {
		if ( null === $origins ) {
			$origins = static::VALID_ORIGINS;
		}

		$preset_per_origin = _wp_array_get( $settings, $preset_metadata[&#039;path&#039;], array() );

		$result = array();
		foreach ( $origins as $origin ) {
			if ( ! isset( $preset_per_origin[ $origin ] ) ) {
				continue;
			}
			foreach ( $preset_per_origin[ $origin ] as $preset ) {
				$slug = _wp_to_kebab_case( $preset[&#039;slug&#039;] );

				// Use the array as a set so we don&#039;t get duplicates.
				$result[ $slug ] = $slug;
			}
		}
		return $result;
	}

	/**
	 * Transforms a slug into a CSS Custom Property.
	 *
	 * @since 5.9.0
	 *
	 * @param string $input String to replace.
	 * @param string $slug  The slug value to use to generate the custom property.
	 * @return string The CSS Custom Property. Something along the lines of `--wp--preset--color--black`.
	 */
	protected static function replace_slug_in_string( $input, $slug ) {
		return strtr( $input, array( &#039;$slug&#039; =&gt; $slug ) );
	}

	/**
	 * Given the block settings, extracts the CSS Custom Properties
	 * for the presets and adds them to the $declarations array
	 * following the format:
	 *
	 *     array(
	 *       &#039;name&#039;  =&gt; &#039;property_name&#039;,
	 *       &#039;value&#039; =&gt; &#039;property_value,
	 *     )
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added the `$origins` parameter.
	 *
	 * @param array    $settings Settings to process.
	 * @param string[] $origins  List of origins to process.
	 * @return array The modified $declarations.
	 */
	protected static function compute_preset_vars( $settings, $origins ) {
		$declarations = array();
		foreach ( static::PRESETS_METADATA as $preset_metadata ) {
			if ( empty( $preset_metadata[&#039;css_vars&#039;] ) ) {
				continue;
			}
			$values_by_slug = static::get_settings_values_by_slug( $settings, $preset_metadata, $origins );
			foreach ( $values_by_slug as $slug =&gt; $value ) {
				$declarations[] = array(
					&#039;name&#039;  =&gt; static::replace_slug_in_string( $preset_metadata[&#039;css_vars&#039;], $slug ),
					&#039;value&#039; =&gt; $value,
				);
			}
		}

		return $declarations;
	}

	/**
	 * Given an array of settings, extracts the CSS Custom Properties
	 * for the custom values and adds them to the $declarations
	 * array following the format:
	 *
	 *     array(
	 *       &#039;name&#039;  =&gt; &#039;property_name&#039;,
	 *       &#039;value&#039; =&gt; &#039;property_value,
	 *     )
	 *
	 * @since 5.8.0
	 *
	 * @param array $settings Settings to process.
	 * @return array The modified $declarations.
	 */
	protected static function compute_theme_vars( $settings ) {
		$declarations  = array();
		$custom_values = isset( $settings[&#039;custom&#039;] ) ? $settings[&#039;custom&#039;] : array();
		$css_vars      = static::flatten_tree( $custom_values );
		foreach ( $css_vars as $key =&gt; $value ) {
			$declarations[] = array(
				&#039;name&#039;  =&gt; &#039;--wp--custom--&#039; . $key,
				&#039;value&#039; =&gt; $value,
			);
		}

		return $declarations;
	}

	/**
	 * Given a tree, it creates a flattened one
	 * by merging the keys and binding the leaf values
	 * to the new keys.
	 *
	 * It also transforms camelCase names into kebab-case
	 * and substitutes &#039;/&#039; by &#039;-&#039;.
	 *
	 * This is thought to be useful to generate
	 * CSS Custom Properties from a tree,
	 * although there&#039;s nothing in the implementation
	 * of this function that requires that format.
	 *
	 * For example, assuming the given prefix is &#039;--wp&#039;
	 * and the token is &#039;--&#039;, for this input tree:
	 *
	 *     {
	 *       &#039;some/property&#039;: &#039;value&#039;,
	 *       &#039;nestedProperty&#039;: {
	 *         &#039;sub-property&#039;: &#039;value&#039;
	 *       }
	 *     }
	 *
	 * it&#039;ll return this output:
	 *
	 *     {
	 *       &#039;--wp--some-property&#039;: &#039;value&#039;,
	 *       &#039;--wp--nested-property--sub-property&#039;: &#039;value&#039;
	 *     }
	 *
	 * @since 5.8.0
	 *
	 * @param array  $tree   Input tree to process.
	 * @param string $prefix Optional. Prefix to prepend to each variable. Default empty string.
	 * @param string $token  Optional. Token to use between levels. Default &#039;--&#039;.
	 * @return array The flattened tree.
	 */
	protected static function flatten_tree( $tree, $prefix = &#039;&#039;, $token = &#039;--&#039; ) {
		$result = array();
		foreach ( $tree as $property =&gt; $value ) {
			$new_key = $prefix . str_replace(
				&#039;/&#039;,
				&#039;-&#039;,
				strtolower( _wp_to_kebab_case( $property ) )
			);

			if ( is_array( $value ) ) {
				$new_prefix        = $new_key . $token;
				$flattened_subtree = static::flatten_tree( $value, $new_prefix, $token );
				foreach ( $flattened_subtree as $subtree_key =&gt; $subtree_value ) {
					$result[ $subtree_key ] = $subtree_value;
				}
			} else {
				$result[ $new_key ] = $value;
			}
		}
		return $result;
	}

	/**
	 * Given a styles array, it extracts the style properties
	 * and adds them to the $declarations array following the format:
	 *
	 *     array(
	 *       &#039;name&#039;  =&gt; &#039;property_name&#039;,
	 *       &#039;value&#039; =&gt; &#039;property_value&#039;,
	 *     )
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added the `$settings` and `$properties` parameters.
	 * @since 6.1.0 Added `$theme_json`, `$selector`, and `$use_root_padding` parameters.
	 * @since 6.5.0 Output a `min-height: unset` rule when `aspect-ratio` is set.
	 * @since 6.6.0 Pass current theme JSON settings to wp_get_typography_font_size_value(), and process background properties.
	 * @since 6.7.0 `ref` resolution of background properties, and assigning custom default values.
	 *
	 * @param array   $styles Styles to process.
	 * @param array   $settings Theme settings.
	 * @param array   $properties Properties metadata.
	 * @param array   $theme_json Theme JSON array.
	 * @param string  $selector The style block selector.
	 * @param boolean $use_root_padding Whether to add custom properties at root level.
	 * @return array Returns the modified $declarations.
	 */
	protected static function compute_style_properties( $styles, $settings = array(), $properties = null, $theme_json = null, $selector = null, $use_root_padding = null ) {
		if ( empty( $styles ) ) {
			return array();
		}

		if ( null === $properties ) {
			$properties = static::PROPERTIES_METADATA;
		}
		$declarations             = array();
		$root_variable_duplicates = array();
		$root_style_length        = strlen( &#039;--wp--style--root--&#039; );

		foreach ( $properties as $css_property =&gt; $value_path ) {
			if ( ! is_array( $value_path ) ) {
				continue;
			}

			$is_root_style = str_starts_with( $css_property, &#039;--wp--style--root--&#039; );
			if ( $is_root_style &amp;&amp; ( static::ROOT_BLOCK_SELECTOR !== $selector || ! $use_root_padding ) ) {
				continue;
			}

			$value = static::get_property_value( $styles, $value_path, $theme_json );

			/*
			 * Root-level padding styles don&#039;t currently support strings with CSS shorthand values.
			 * This may change: https://github.com/WordPress/gutenberg/issues/40132.
			 */
			if ( &#039;--wp--style--root--padding&#039; === $css_property &amp;&amp; is_string( $value ) ) {
				continue;
			}

			if ( $is_root_style &amp;&amp; $use_root_padding ) {
				$root_variable_duplicates[] = substr( $css_property, $root_style_length );
			}

			/*
			 * Processes background image styles.
			 * If the value is a URL, it will be converted to a CSS `url()` value.
			 * For uploaded image (images with a database ID), apply size and position defaults,
			 * equal to those applied in block supports in lib/background.php.
			 */
			if ( &#039;background-image&#039; === $css_property &amp;&amp; ! empty( $value ) ) {
				$background_styles = wp_style_engine_get_styles(
					array( &#039;background&#039; =&gt; array( &#039;backgroundImage&#039; =&gt; $value ) )
				);
				$value             = $background_styles[&#039;declarations&#039;][ $css_property ];
			}
			if ( empty( $value ) &amp;&amp; static::ROOT_BLOCK_SELECTOR !== $selector &amp;&amp; ! empty( $styles[&#039;background&#039;][&#039;backgroundImage&#039;][&#039;id&#039;] ) ) {
				if ( &#039;background-size&#039; === $css_property ) {
					$value = &#039;cover&#039;;
				}
				// If the background size is set to `contain` and no position is set, set the position to `center`.
				if ( &#039;background-position&#039; === $css_property ) {
					$background_size = $styles[&#039;background&#039;][&#039;backgroundSize&#039;] ?? null;
					$value           = &#039;contain&#039; === $background_size ? &#039;50% 50%&#039; : null;
				}
			}

			// Skip if empty and not &quot;0&quot; or value represents array of longhand values.
			$has_missing_value = empty( $value ) &amp;&amp; ! is_numeric( $value );
			if ( $has_missing_value || is_array( $value ) ) {
				continue;
			}

			/*
			 * Look up protected properties, keyed by value path.
			 * Skip protected properties that are explicitly set to `null`.
			 */
			$path_string = implode( &#039;.&#039;, $value_path );
			if (
				isset( static::PROTECTED_PROPERTIES[ $path_string ] ) &amp;&amp;
				_wp_array_get( $settings, static::PROTECTED_PROPERTIES[ $path_string ], null ) === null
			) {
				continue;
			}

			// Calculates fluid typography rules where available.
			if ( &#039;font-size&#039; === $css_property ) {
				/*
				 * wp_get_typography_font_size_value() will check
				 * if fluid typography has been activated and also
				 * whether the incoming value can be converted to a fluid value.
				 * Values that already have a clamp() function will not pass the test,
				 * and therefore the original $value will be returned.
				 * Pass the current theme_json settings to override any global settings.
				 */
				$value = wp_get_typography_font_size_value( array( &#039;size&#039; =&gt; $value ), $settings );
			}

			if ( &#039;aspect-ratio&#039; === $css_property ) {
				// For aspect ratio to work, other dimensions rules must be unset.
				// This ensures that a fixed height does not override the aspect ratio.
				$declarations[] = array(
					&#039;name&#039;  =&gt; &#039;min-height&#039;,
					&#039;value&#039; =&gt; &#039;unset&#039;,
				);
			}

			$declarations[] = array(
				&#039;name&#039;  =&gt; $css_property,
				&#039;value&#039; =&gt; $value,
			);
		}

		// If a variable value is added to the root, the corresponding property should be removed.
		foreach ( $root_variable_duplicates as $duplicate ) {
			$discard = array_search( $duplicate, array_column( $declarations, &#039;name&#039; ), true );
			if ( is_numeric( $discard ) ) {
				array_splice( $declarations, $discard, 1 );
			}
		}

		return $declarations;
	}

	/**
	 * Returns the style property for the given path.
	 *
	 * It also converts references to a path to the value
	 * stored at that location, e.g.
	 * { &quot;ref&quot;: &quot;style.color.background&quot; } =&gt; &quot;#fff&quot;.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Added support for values of array type, which are returned as is.
	 * @since 6.1.0 Added the `$theme_json` parameter.
	 * @since 6.3.0 It no longer converts the internal format &quot;var:preset|color|secondary&quot;
	 *              to the standard form &quot;--wp--preset--color--secondary&quot;.
	 *              This is already done by the sanitize method,
	 *              so every property will be in the standard form.
	 * @since 6.7.0 Added support for background image refs.
	 *
	 * @param array $styles Styles subtree.
	 * @param array $path   Which property to process.
	 * @param array $theme_json Theme JSON array.
	 * @return string|array Style property value.
	 */
	protected static function get_property_value( $styles, $path, $theme_json = null ) {
		$value = _wp_array_get( $styles, $path, &#039;&#039; );

		if ( &#039;&#039; === $value || null === $value ) {
			// No need to process the value further.
			return &#039;&#039;;
		}

		/*
		 * This converts references to a path to the value at that path
		 * where the value is an array with a &quot;ref&quot; key, pointing to a path.
		 * For example: { &quot;ref&quot;: &quot;style.color.background&quot; } =&gt; &quot;#fff&quot;.
		 * In the case of backgroundImage, if both a ref and a URL are present in the value,
		 * the URL takes precedence and the ref is ignored.
		 */
		if ( is_array( $value ) &amp;&amp; isset( $value[&#039;ref&#039;] ) ) {
			$value_path = explode( &#039;.&#039;, $value[&#039;ref&#039;] );
			$ref_value  = _wp_array_get( $theme_json, $value_path );
			// Background Image refs can refer to a string or an array containing a URL string.
			$ref_value_url = $ref_value[&#039;url&#039;] ?? null;
			// Only use the ref value if we find anything.
			if ( ! empty( $ref_value ) &amp;&amp; ( is_string( $ref_value ) || is_string( $ref_value_url ) ) ) {
				$value = $ref_value;
			}

			if ( is_array( $ref_value ) &amp;&amp; isset( $ref_value[&#039;ref&#039;] ) ) {
				$path_string      = json_encode( $path );
				$ref_value_string = json_encode( $ref_value );
				_doing_it_wrong(
					&#039;get_property_value&#039;,
					sprintf(
						/* translators: 1: theme.json, 2: Value name, 3: Value path, 4: Another value name. */
						__( &#039;Your %1$s file uses a dynamic value (%2$s) for the path at %3$s. However, the value at %3$s is also a dynamic value (pointing to %4$s) and pointing to another dynamic value is not supported. Please update %3$s to point directly to %4$s.&#039; ),
						&#039;theme.json&#039;,
						$ref_value_string,
						$path_string,
						$ref_value[&#039;ref&#039;]
					),
					&#039;6.1.0&#039;
				);
			}
		}

		if ( is_array( $value ) ) {
			return $value;
		}

		return $value;
	}

	/**
	 * Builds metadata for the setting nodes, which returns in the form of:
	 *
	 *     [
	 *       [
	 *         &#039;path&#039;     =&gt; [&#039;path&#039;, &#039;to&#039;, &#039;some&#039;, &#039;node&#039; ],
	 *         &#039;selector&#039; =&gt; &#039;CSS selector for some node&#039;
	 *       ],
	 *       [
	 *         &#039;path&#039;     =&gt; [ &#039;path&#039;, &#039;to&#039;, &#039;other&#039;, &#039;node&#039; ],
	 *         &#039;selector&#039; =&gt; &#039;CSS selector for other node&#039;
	 *       ],
	 *     ]
	 *
	 * @since 5.8.0
	 *
	 * @param array $theme_json The tree to extract setting nodes from.
	 * @param array $selectors  List of selectors per block.
	 * @return array An array of setting nodes metadata.
	 */
	protected static function get_setting_nodes( $theme_json, $selectors = array() ) {
		$nodes = array();
		if ( ! isset( $theme_json[&#039;settings&#039;] ) ) {
			return $nodes;
		}

		// Top-level.
		$nodes[] = array(
			&#039;path&#039;     =&gt; array( &#039;settings&#039; ),
			&#039;selector&#039; =&gt; static::ROOT_CSS_PROPERTIES_SELECTOR,
		);

		// Calculate paths for blocks.
		if ( ! isset( $theme_json[&#039;settings&#039;][&#039;blocks&#039;] ) ) {
			return $nodes;
		}

		foreach ( $theme_json[&#039;settings&#039;][&#039;blocks&#039;] as $name =&gt; $node ) {
			$selector = null;
			if ( isset( $selectors[ $name ][&#039;selector&#039;] ) ) {
				$selector = $selectors[ $name ][&#039;selector&#039;];
			}

			$nodes[] = array(
				&#039;path&#039;     =&gt; array( &#039;settings&#039;, &#039;blocks&#039;, $name ),
				&#039;selector&#039; =&gt; $selector,
			);
		}

		return $nodes;
	}

	/**
	 * Builds metadata for the style nodes, which returns in the form of:
	 *
	 *     [
	 *       [
	 *         &#039;path&#039;     =&gt; [ &#039;path&#039;, &#039;to&#039;, &#039;some&#039;, &#039;node&#039; ],
	 *         &#039;selector&#039; =&gt; &#039;CSS selector for some node&#039;,
	 *         &#039;duotone&#039;  =&gt; &#039;CSS selector for duotone for some node&#039;
	 *       ],
	 *       [
	 *         &#039;path&#039;     =&gt; [&#039;path&#039;, &#039;to&#039;, &#039;other&#039;, &#039;node&#039; ],
	 *         &#039;selector&#039; =&gt; &#039;CSS selector for other node&#039;,
	 *         &#039;duotone&#039;  =&gt; null
	 *       ],
	 *     ]
	 *
	 * @since 5.8.0
	 * @since 6.6.0 Added options array for modifying generated nodes.
	 *
	 * @param array $theme_json The tree to extract style nodes from.
	 * @param array $selectors  List of selectors per block.
	 * @param array $options {
	 *     Optional. An array of options for now used for internal purposes only (may change without notice).
	 *
	 *     @type bool $include_block_style_variations Includes style nodes for block style variations. Default false.
	 * }
	 * @return array An array of style nodes metadata.
	 */
	protected static function get_style_nodes( $theme_json, $selectors = array(), $options = array() ) {
		$nodes = array();
		if ( ! isset( $theme_json[&#039;styles&#039;] ) ) {
			return $nodes;
		}

		// Top-level.
		$nodes[] = array(
			&#039;path&#039;     =&gt; array( &#039;styles&#039; ),
			&#039;selector&#039; =&gt; static::ROOT_BLOCK_SELECTOR,
		);

		if ( isset( $theme_json[&#039;styles&#039;][&#039;elements&#039;] ) ) {
			foreach ( self::ELEMENTS as $element =&gt; $selector ) {
				if ( ! isset( $theme_json[&#039;styles&#039;][&#039;elements&#039;][ $element ] ) ) {
					continue;
				}
				$nodes[] = array(
					&#039;path&#039;     =&gt; array( &#039;styles&#039;, &#039;elements&#039;, $element ),
					&#039;selector&#039; =&gt; static::ELEMENTS[ $element ],
				);

				// Handle any pseudo selectors for the element.
				if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element ] ) ) {
					foreach ( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element ] as $pseudo_selector ) {

						if ( isset( $theme_json[&#039;styles&#039;][&#039;elements&#039;][ $element ][ $pseudo_selector ] ) ) {
							$nodes[] = array(
								&#039;path&#039;     =&gt; array( &#039;styles&#039;, &#039;elements&#039;, $element ),
								&#039;selector&#039; =&gt; static::append_to_selector( static::ELEMENTS[ $element ], $pseudo_selector ),
							);
						}
					}
				}
			}
		}

		// Blocks.
		if ( ! isset( $theme_json[&#039;styles&#039;][&#039;blocks&#039;] ) ) {
			return $nodes;
		}

		$block_nodes = static::get_block_nodes( $theme_json, $selectors, $options );
		foreach ( $block_nodes as $block_node ) {
			$nodes[] = $block_node;
		}

		/**
		 * Filters the list of style nodes with metadata.
		 *
		 * This allows for things like loading block CSS independently.
		 *
		 * @since 6.1.0
		 *
		 * @param array $nodes Style nodes with metadata.
		 */
		return apply_filters( &#039;wp_theme_json_get_style_nodes&#039;, $nodes );
	}

	/**
	 * A public helper to get the block nodes from a theme.json file.
	 *
	 * @since 6.1.0
	 *
	 * @return array The block nodes in theme.json.
	 */
	public function get_styles_block_nodes() {
		return static::get_block_nodes( $this-&gt;theme_json );
	}

	/**
	 * Returns a filtered declarations array if there is a separator block with only a background
	 * style defined in theme.json by adding a color attribute to reflect the changes in the front.
	 *
	 * @since 6.1.1
	 *
	 * @param array $declarations List of declarations.
	 * @return array $declarations List of declarations filtered.
	 */
	private static function update_separator_declarations( $declarations ) {
		$background_color     = &#039;&#039;;
		$border_color_matches = false;
		$text_color_matches   = false;

		foreach ( $declarations as $declaration ) {
			if ( &#039;background-color&#039; === $declaration[&#039;name&#039;] &amp;&amp; ! $background_color &amp;&amp; isset( $declaration[&#039;value&#039;] ) ) {
				$background_color = $declaration[&#039;value&#039;];
			} elseif ( &#039;border-color&#039; === $declaration[&#039;name&#039;] ) {
				$border_color_matches = true;
			} elseif ( &#039;color&#039; === $declaration[&#039;name&#039;] ) {
				$text_color_matches = true;
			}

			if ( $background_color &amp;&amp; $border_color_matches &amp;&amp; $text_color_matches ) {
				break;
			}
		}

		if ( $background_color &amp;&amp; ! $border_color_matches &amp;&amp; ! $text_color_matches ) {
			$declarations[] = array(
				&#039;name&#039;  =&gt; &#039;color&#039;,
				&#039;value&#039; =&gt; $background_color,
			);
		}

		return $declarations;
	}

	/**
	 * An internal method to get the block nodes from a theme.json file.
	 *
	 * @since 6.1.0
	 * @since 6.3.0 Refactored and stabilized selectors API.
	 * @since 6.6.0 Added optional selectors and options for generating block nodes.
	 * @since 6.7.0 Added $include_node_paths_only option.
	 *
	 * @param array $theme_json The theme.json converted to an array.
	 * @param array $selectors  Optional list of selectors per block.
	 * @param array $options {
	 *     Optional. An array of options for now used for internal purposes only (may change without notice).
	 *
	 *     @type bool $include_block_style_variations Include nodes for block style variations. Default false.
	 *     @type bool $include_node_paths_only        Return only block nodes node paths. Default false.
	 * }
	 * @return array The block nodes in theme.json.
	 */
	private static function get_block_nodes( $theme_json, $selectors = array(), $options = array() ) {
		$nodes = array();

		if ( ! isset( $theme_json[&#039;styles&#039;][&#039;blocks&#039;] ) ) {
			return $nodes;
		}

		$include_variations      = $options[&#039;include_block_style_variations&#039;] ?? false;
		$include_node_paths_only = $options[&#039;include_node_paths_only&#039;] ?? false;

		// If only node paths are to be returned, skip selector assignment.
		if ( ! $include_node_paths_only ) {
			$selectors = empty( $selectors ) ? static::get_blocks_metadata() : $selectors;
		}

		foreach ( $theme_json[&#039;styles&#039;][&#039;blocks&#039;] as $name =&gt; $node ) {
			$node_path = array( &#039;styles&#039;, &#039;blocks&#039;, $name );
			if ( $include_node_paths_only ) {
				$variation_paths = array();
				if ( $include_variations &amp;&amp; isset( $node[&#039;variations&#039;] ) ) {
					foreach ( $node[&#039;variations&#039;] as $variation =&gt; $variation_node ) {
						$variation_paths[] = array(
							&#039;path&#039; =&gt; array( &#039;styles&#039;, &#039;blocks&#039;, $name, &#039;variations&#039;, $variation ),
						);
					}
				}
				$node = array(
					&#039;path&#039; =&gt; $node_path,
				);
				if ( ! empty( $variation_paths ) ) {
					$node[&#039;variations&#039;] = $variation_paths;
				}
				$nodes[] = $node;
			} else {
				$selector = null;
				if ( isset( $selectors[ $name ][&#039;selector&#039;] ) ) {
					$selector = $selectors[ $name ][&#039;selector&#039;];
				}

				$duotone_selector = null;
				if ( isset( $selectors[ $name ][&#039;duotone&#039;] ) ) {
					$duotone_selector = $selectors[ $name ][&#039;duotone&#039;];
				}

				$feature_selectors = null;
				if ( isset( $selectors[ $name ][&#039;selectors&#039;] ) ) {
					$feature_selectors = $selectors[ $name ][&#039;selectors&#039;];
				}

				$variation_selectors = array();
				if ( $include_variations &amp;&amp; isset( $node[&#039;variations&#039;] ) ) {
					foreach ( $node[&#039;variations&#039;] as $variation =&gt; $node ) {
						$variation_selectors[] = array(
							&#039;path&#039;     =&gt; array( &#039;styles&#039;, &#039;blocks&#039;, $name, &#039;variations&#039;, $variation ),
							&#039;selector&#039; =&gt; $selectors[ $name ][&#039;styleVariations&#039;][ $variation ],
						);
					}
				}

				$nodes[] = array(
					&#039;name&#039;       =&gt; $name,
					&#039;path&#039;       =&gt; $node_path,
					&#039;selector&#039;   =&gt; $selector,
					&#039;selectors&#039;  =&gt; $feature_selectors,
					&#039;duotone&#039;    =&gt; $duotone_selector,
					&#039;features&#039;   =&gt; $feature_selectors,
					&#039;variations&#039; =&gt; $variation_selectors,
					&#039;css&#039;        =&gt; $selector,
				);
			}

			if ( isset( $theme_json[&#039;styles&#039;][&#039;blocks&#039;][ $name ][&#039;elements&#039;] ) ) {
				foreach ( $theme_json[&#039;styles&#039;][&#039;blocks&#039;][ $name ][&#039;elements&#039;] as $element =&gt; $node ) {
					$node_path = array( &#039;styles&#039;, &#039;blocks&#039;, $name, &#039;elements&#039;, $element );
					if ( $include_node_paths_only ) {
						$nodes[] = array(
							&#039;path&#039; =&gt; $node_path,
						);
						continue;
					}

					$nodes[] = array(
						&#039;path&#039;     =&gt; $node_path,
						&#039;selector&#039; =&gt; $selectors[ $name ][&#039;elements&#039;][ $element ],
					);

					// Handle any pseudo selectors for the element.
					if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element ] ) ) {
						foreach ( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element ] as $pseudo_selector ) {
							if ( isset( $theme_json[&#039;styles&#039;][&#039;blocks&#039;][ $name ][&#039;elements&#039;][ $element ][ $pseudo_selector ] ) ) {
								$node_path = array( &#039;styles&#039;, &#039;blocks&#039;, $name, &#039;elements&#039;, $element );
								if ( $include_node_paths_only ) {
									$nodes[] = array(
										&#039;path&#039; =&gt; $node_path,
									);
									continue;
								}

								$nodes[] = array(
									&#039;path&#039;     =&gt; $node_path,
									&#039;selector&#039; =&gt; static::append_to_selector( $selectors[ $name ][&#039;elements&#039;][ $element ], $pseudo_selector ),
								);
							}
						}
					}
				}
			}
		}

		return $nodes;
	}

	/**
	 * Gets the CSS rules for a particular block from theme.json.
	 *
	 * @since 6.1.0
	 * @since 6.6.0 Setting a min-height of HTML when root styles have a background gradient or image.
	 *              Updated general global styles specificity to 0-1-0.
	 *              Fixed custom CSS output in block style variations.
	 *
	 * @param array $block_metadata Metadata about the block to get styles for.
	 * @return string Styles for the block.
	 */
	public function get_styles_for_block( $block_metadata ) {
		$node                 = _wp_array_get( $this-&gt;theme_json, $block_metadata[&#039;path&#039;], array() );
		$use_root_padding     = isset( $this-&gt;theme_json[&#039;settings&#039;][&#039;useRootPaddingAwareAlignments&#039;] ) &amp;&amp; true === $this-&gt;theme_json[&#039;settings&#039;][&#039;useRootPaddingAwareAlignments&#039;];
		$selector             = $block_metadata[&#039;selector&#039;];
		$settings             = isset( $this-&gt;theme_json[&#039;settings&#039;] ) ? $this-&gt;theme_json[&#039;settings&#039;] : array();
		$feature_declarations = static::get_feature_declarations_for_node( $block_metadata, $node );
		$is_root_selector     = static::ROOT_BLOCK_SELECTOR === $selector;

		// If there are style variations, generate the declarations for them, including any feature selectors the block may have.
		$style_variation_declarations = array();
		$style_variation_custom_css   = array();
		if ( ! empty( $block_metadata[&#039;variations&#039;] ) ) {
			foreach ( $block_metadata[&#039;variations&#039;] as $style_variation ) {
				$style_variation_node           = _wp_array_get( $this-&gt;theme_json, $style_variation[&#039;path&#039;], array() );
				$clean_style_variation_selector = trim( $style_variation[&#039;selector&#039;] );

				// Generate any feature/subfeature style declarations for the current style variation.
				$variation_declarations = static::get_feature_declarations_for_node( $block_metadata, $style_variation_node );

				// Combine selectors with style variation&#039;s selector and add to overall style variation declarations.
				foreach ( $variation_declarations as $current_selector =&gt; $new_declarations ) {
					/*
					 * Clean up any whitespace between comma separated selectors.
					 * This prevents these spaces breaking compound selectors such as:
					 * - `.wp-block-list:not(.wp-block-list .wp-block-list)`
					 * - `.wp-block-image img, .wp-block-image.my-class img`
					 */
					$clean_current_selector = preg_replace( &#039;/,\s+/&#039;, &#039;,&#039;, $current_selector );
					$shortened_selector     = str_replace( $block_metadata[&#039;selector&#039;], &#039;&#039;, $clean_current_selector );

					// Prepend the variation selector to the current selector.
					$split_selectors    = explode( &#039;,&#039;, $shortened_selector );
					$updated_selectors  = array_map(
						static function ( $split_selector ) use ( $clean_style_variation_selector ) {
							return $clean_style_variation_selector . $split_selector;
						},
						$split_selectors
					);
					$combined_selectors = implode( &#039;,&#039;, $updated_selectors );

					// Add the new declarations to the overall results under the modified selector.
					$style_variation_declarations[ $combined_selectors ] = $new_declarations;
				}

				// Compute declarations for remaining styles not covered by feature level selectors.
				$style_variation_declarations[ $style_variation[&#039;selector&#039;] ] = static::compute_style_properties( $style_variation_node, $settings, null, $this-&gt;theme_json );
				// Store custom CSS for the style variation.
				if ( isset( $style_variation_node[&#039;css&#039;] ) ) {
					$style_variation_custom_css[ $style_variation[&#039;selector&#039;] ] = $this-&gt;process_blocks_custom_css( $style_variation_node[&#039;css&#039;], $style_variation[&#039;selector&#039;] );
				}
			}
		}
		/*
		 * Get a reference to element name from path.
		 * $block_metadata[&#039;path&#039;] = array( &#039;styles&#039;,&#039;elements&#039;,&#039;link&#039; );
		 * Make sure that $block_metadata[&#039;path&#039;] describes an element node, like [ &#039;styles&#039;, &#039;element&#039;, &#039;link&#039; ].
		 * Skip non-element paths like just [&#039;styles&#039;].
		 */
		$is_processing_element = in_array( &#039;elements&#039;, $block_metadata[&#039;path&#039;], true );

		$current_element = $is_processing_element ? $block_metadata[&#039;path&#039;][ count( $block_metadata[&#039;path&#039;] ) - 1 ] : null;

		$element_pseudo_allowed = array();

		if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $current_element ] ) ) {
			$element_pseudo_allowed = static::VALID_ELEMENT_PSEUDO_SELECTORS[ $current_element ];
		}

		/*
		 * Check for allowed pseudo classes (e.g. &quot;:hover&quot;) from the $selector (&quot;a:hover&quot;).
		 * This also resets the array keys.
		 */
		$pseudo_matches = array_values(
			array_filter(
				$element_pseudo_allowed,
				static function ( $pseudo_selector ) use ( $selector ) {
					/*
					 * Check if the pseudo selector is in the current selector,
					 * ensuring it is not followed by a dash (e.g., :focus should not match :focus-visible).
					 */
					return preg_match( &#039;/&#039; . preg_quote( $pseudo_selector, &#039;/&#039; ) . &#039;(?!-)/&#039;, $selector ) === 1;
				}
			)
		);

		$pseudo_selector = isset( $pseudo_matches[0] ) ? $pseudo_matches[0] : null;

		/*
		 * If the current selector is a pseudo selector that&#039;s defined in the allow list for the current
		 * element then compute the style properties for it.
		 * Otherwise just compute the styles for the default selector as normal.
		 */
		if ( $pseudo_selector &amp;&amp; isset( $node[ $pseudo_selector ] ) &amp;&amp;
			isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $current_element ] )
			&amp;&amp; in_array( $pseudo_selector, static::VALID_ELEMENT_PSEUDO_SELECTORS[ $current_element ], true )
		) {
			$declarations = static::compute_style_properties( $node[ $pseudo_selector ], $settings, null, $this-&gt;theme_json, $selector, $use_root_padding );
		} else {
			$declarations = static::compute_style_properties( $node, $settings, null, $this-&gt;theme_json, $selector, $use_root_padding );
		}

		$block_rules = &#039;&#039;;

		/*
		 * 1. Bespoke declaration modifiers:
		 * - &#039;filter&#039;: Separate the declarations that use the general selector
		 * from the ones using the duotone selector.
		 * - &#039;background|background-image&#039;: set the html min-height to 100%
		 * to ensure the background covers the entire viewport.
		 */
		$declarations_duotone       = array();
		$should_set_root_min_height = false;

		foreach ( $declarations as $index =&gt; $declaration ) {
			if ( &#039;filter&#039; === $declaration[&#039;name&#039;] ) {
				/*
				 * &#039;unset&#039; filters happen when a filter is unset
				 * in the site-editor UI. Because the &#039;unset&#039; value
				 * in the user origin overrides the value in the
				 * theme origin, we can skip rendering anything
				 * here as no filter needs to be applied anymore.
				 * So only add declarations to with values other
				 * than &#039;unset&#039;.
				 */
				if ( &#039;unset&#039; !== $declaration[&#039;value&#039;] ) {
					$declarations_duotone[] = $declaration;
				}
				unset( $declarations[ $index ] );
			}

			if ( $is_root_selector &amp;&amp; ( &#039;background-image&#039; === $declaration[&#039;name&#039;] || &#039;background&#039; === $declaration[&#039;name&#039;] ) ) {
				$should_set_root_min_height = true;
			}
		}

		/*
		 * If root styles has a background-image or a background (gradient) set,
		 * set the min-height to &#039;100%&#039;. Minus `--wp-admin--admin-bar--height` for logged-in view.
		 * Setting the CSS rule on the HTML tag ensures background gradients and images behave similarly,
		 * and matches the behavior of the site editor.
		 */
		if ( $should_set_root_min_height ) {
			$block_rules .= static::to_ruleset(
				&#039;html&#039;,
				array(
					array(
						&#039;name&#039;  =&gt; &#039;min-height&#039;,
						&#039;value&#039; =&gt; &#039;calc(100% - var(--wp-admin--admin-bar--height, 0px))&#039;,
					),
				)
			);
		}

		// Update declarations if there are separators with only background color defined.
		if ( &#039;.wp-block-separator&#039; === $selector ) {
			$declarations = static::update_separator_declarations( $declarations );
		}

		/*
		 * Root selector (body) styles should not be wrapped in `:root where()` to keep
		 * specificity at (0,0,1) and maintain backwards compatibility.
		 *
		 * Top-level element styles using element-only specificity selectors should
		 * not get wrapped in `:root :where()` to maintain backwards compatibility.
		 *
		 * Pseudo classes, e.g. :hover, :focus etc., are a class-level selector so
		 * still need to be wrapped in `:root :where` to cap specificity for nested
		 * variations etc. Pseudo selectors won&#039;t match the ELEMENTS selector exactly.
		 */
		$element_only_selector = $is_root_selector || (
			$current_element &amp;&amp;
			isset( static::ELEMENTS[ $current_element ] ) &amp;&amp;
			// buttons, captions etc. still need `:root :where()` as they are class based selectors.
			! isset( static::__EXPERIMENTAL_ELEMENT_CLASS_NAMES[ $current_element ] ) &amp;&amp;
			static::ELEMENTS[ $current_element ] === $selector
		);

		// 2. Generate and append the rules that use the general selector.
		$general_selector = $element_only_selector ? $selector : &quot;:root :where($selector)&quot;;
		$block_rules     .= static::to_ruleset( $general_selector, $declarations );

		// 3. Generate and append the rules that use the duotone selector.
		if ( isset( $block_metadata[&#039;duotone&#039;] ) &amp;&amp; ! empty( $declarations_duotone ) ) {
			$block_rules .= static::to_ruleset( $block_metadata[&#039;duotone&#039;], $declarations_duotone );
		}

		// 4. Generate Layout block gap styles.
		if (
			! $is_root_selector &amp;&amp;
			! empty( $block_metadata[&#039;name&#039;] )
		) {
			$block_rules .= $this-&gt;get_layout_styles( $block_metadata );
		}

		// 5. Generate and append the feature level rulesets.
		foreach ( $feature_declarations as $feature_selector =&gt; $individual_feature_declarations ) {
			$block_rules .= static::to_ruleset( &quot;:root :where($feature_selector)&quot;, $individual_feature_declarations );
		}

		// 6. Generate and append the style variation rulesets.
		foreach ( $style_variation_declarations as $style_variation_selector =&gt; $individual_style_variation_declarations ) {
			$block_rules .= static::to_ruleset( &quot;:root :where($style_variation_selector)&quot;, $individual_style_variation_declarations );
			if ( isset( $style_variation_custom_css[ $style_variation_selector ] ) ) {
				$block_rules .= $style_variation_custom_css[ $style_variation_selector ];
			}
		}

		// 7. Generate and append any custom CSS rules.
		if ( isset( $node[&#039;css&#039;] ) &amp;&amp; ! $is_root_selector ) {
			$block_rules .= $this-&gt;process_blocks_custom_css( $node[&#039;css&#039;], $selector );
		}

		return $block_rules;
	}

	/**
	 * Outputs the CSS for layout rules on the root.
	 *
	 * @since 6.1.0
	 * @since 6.6.0 Use `ROOT_CSS_PROPERTIES_SELECTOR` for CSS custom properties and improved consistency of root padding rules.
	 *              Updated specificity of body margin reset and first/last child selectors.
	 *
	 * @param string $selector The root node selector.
	 * @param array  $block_metadata The metadata for the root block.
	 * @return string The additional root rules CSS.
	 */
	public function get_root_layout_rules( $selector, $block_metadata ) {
		$css              = &#039;&#039;;
		$settings         = isset( $this-&gt;theme_json[&#039;settings&#039;] ) ? $this-&gt;theme_json[&#039;settings&#039;] : array();
		$use_root_padding = isset( $this-&gt;theme_json[&#039;settings&#039;][&#039;useRootPaddingAwareAlignments&#039;] ) &amp;&amp; true === $this-&gt;theme_json[&#039;settings&#039;][&#039;useRootPaddingAwareAlignments&#039;];

		/*
		 * If there are content and wide widths in theme.json, output them
		 * as custom properties on the body element so all blocks can use them.
		 */
		if ( isset( $settings[&#039;layout&#039;][&#039;contentSize&#039;] ) || isset( $settings[&#039;layout&#039;][&#039;wideSize&#039;] ) ) {
			$content_size = isset( $settings[&#039;layout&#039;][&#039;contentSize&#039;] ) ? $settings[&#039;layout&#039;][&#039;contentSize&#039;] : $settings[&#039;layout&#039;][&#039;wideSize&#039;];
			$content_size = static::is_safe_css_declaration( &#039;max-width&#039;, $content_size ) ? $content_size : &#039;initial&#039;;
			$wide_size    = isset( $settings[&#039;layout&#039;][&#039;wideSize&#039;] ) ? $settings[&#039;layout&#039;][&#039;wideSize&#039;] : $settings[&#039;layout&#039;][&#039;contentSize&#039;];
			$wide_size    = static::is_safe_css_declaration( &#039;max-width&#039;, $wide_size ) ? $wide_size : &#039;initial&#039;;
			$css         .= static::ROOT_CSS_PROPERTIES_SELECTOR . &#039; { --wp--style--global--content-size: &#039; . $content_size . &#039;;&#039;;
			$css         .= &#039;--wp--style--global--wide-size: &#039; . $wide_size . &#039;; }&#039;;
		}

		/*
		 * Reset default browser margin on the body element.
		 * This is set on the body selector **before** generating the ruleset
		 * from the `theme.json`. This is to ensure that if the `theme.json` declares
		 * `margin` in its `spacing` declaration for the `body` element then these
		 * user-generated values take precedence in the CSS cascade.
		 * @link https://github.com/WordPress/gutenberg/issues/36147.
		 */
		$css .= &#039;:where(body) { margin: 0; }&#039;;

		if ( $use_root_padding ) {
			// Top and bottom padding are applied to the outer block container.
			$css .= &#039;.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }&#039;;
			// Right and left padding are applied to the first container with `.has-global-padding` class.
			$css .= &#039;.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }&#039;;
			// Alignfull children of the container with left and right padding have negative margins so they can still be full width.
			$css .= &#039;.has-global-padding &gt; .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }&#039;;
			// Nested children of the container with left and right padding that are not full aligned do not get padding, unless they are direct children of an alignfull flow container.
			$css .= &#039;.has-global-padding :where(:not(.alignfull.is-layout-flow) &gt; .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }&#039;;
			// Alignfull direct children of the containers that are targeted by the rule above do not need negative margins.
			$css .= &#039;.has-global-padding :where(:not(.alignfull.is-layout-flow) &gt; .has-global-padding:not(.wp-block-block, .alignfull)) &gt; .alignfull { margin-left: 0; margin-right: 0; }&#039;;
		}

		$css .= &#039;.wp-site-blocks &gt; .alignleft { float: left; margin-right: 2em; }&#039;;
		$css .= &#039;.wp-site-blocks &gt; .alignright { float: right; margin-left: 2em; }&#039;;
		$css .= &#039;.wp-site-blocks &gt; .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }&#039;;

		// Block gap styles will be output unless explicitly set to `null`. See static::PROTECTED_PROPERTIES.
		if ( isset( $this-&gt;theme_json[&#039;settings&#039;][&#039;spacing&#039;][&#039;blockGap&#039;] ) ) {
			$block_gap_value = static::get_property_value( $this-&gt;theme_json, array( &#039;styles&#039;, &#039;spacing&#039;, &#039;blockGap&#039; ) );
			$css            .= &quot;:where(.wp-site-blocks) &gt; * { margin-block-start: $block_gap_value; margin-block-end: 0; }&quot;;
			$css            .= &#039;:where(.wp-site-blocks) &gt; :first-child { margin-block-start: 0; }&#039;;
			$css            .= &#039;:where(.wp-site-blocks) &gt; :last-child { margin-block-end: 0; }&#039;;

			// For backwards compatibility, ensure the legacy block gap CSS variable is still available.
			$css .= static::ROOT_CSS_PROPERTIES_SELECTOR . &quot; { --wp--style--block-gap: $block_gap_value; }&quot;;
		}
		$css .= $this-&gt;get_layout_styles( $block_metadata );

		return $css;
	}

	/**
	 * For metadata values that can either be booleans or paths to booleans, gets the value.
	 *
	 *     $data = array(
	 *       &#039;color&#039; =&gt; array(
	 *         &#039;defaultPalette&#039; =&gt; true
	 *       )
	 *     );
	 *
	 *     static::get_metadata_boolean( $data, false );
	 *     // =&gt; false
	 *
	 *     static::get_metadata_boolean( $data, array( &#039;color&#039;, &#039;defaultPalette&#039; ) );
	 *     // =&gt; true
	 *
	 * @since 6.0.0
	 *
	 * @param array      $data          The data to inspect.
	 * @param bool|array $path          Boolean or path to a boolean.
	 * @param bool       $default_value Default value if the referenced path is missing.
	 *                                  Default false.
	 * @return bool Value of boolean metadata.
	 */
	protected static function get_metadata_boolean( $data, $path, $default_value = false ) {
		if ( is_bool( $path ) ) {
			return $path;
		}

		if ( is_array( $path ) ) {
			$value = _wp_array_get( $data, $path );
			if ( null !== $value ) {
				return $value;
			}
		}

		return $default_value;
	}

	/**
	 * Merges new incoming data.
	 *
	 * @since 5.8.0
	 * @since 5.9.0 Duotone preset also has origins.
	 * @since 6.7.0 Replace background image objects during merge.
	 *
	 * @param WP_Theme_JSON $incoming Data to merge.
	 */
	public function merge( $incoming ) {
		$incoming_data    = $incoming-&gt;get_raw_data();
		$this-&gt;theme_json = array_replace_recursive( $this-&gt;theme_json, $incoming_data );

		/*
		 * Recompute all the spacing sizes based on the new hierarchy of data. In the constructor
		 * spacingScale and spacingSizes are both keyed by origin and VALID_ORIGINS is ordered, so
		 * we can allow partial spacingScale data to inherit missing data from earlier layers when
		 * computing the spacing sizes.
		 *
		 * This happens before the presets are merged to ensure that default spacing sizes can be
		 * removed from the theme origin if $prevent_override is true.
		 */
		$flattened_spacing_scale = array();
		foreach ( static::VALID_ORIGINS as $origin ) {
			$scale_path = array( &#039;settings&#039;, &#039;spacing&#039;, &#039;spacingScale&#039;, $origin );

			// Apply the base spacing scale to the current layer.
			$base_spacing_scale      = _wp_array_get( $this-&gt;theme_json, $scale_path, array() );
			$flattened_spacing_scale = array_replace( $flattened_spacing_scale, $base_spacing_scale );

			$spacing_scale = _wp_array_get( $incoming_data, $scale_path, null );
			if ( ! isset( $spacing_scale ) ) {
				continue;
			}

			// Allow partial scale settings by merging with lower layers.
			$flattened_spacing_scale = array_replace( $flattened_spacing_scale, $spacing_scale );

			// Generate and merge the scales for this layer.
			$sizes_path           = array( &#039;settings&#039;, &#039;spacing&#039;, &#039;spacingSizes&#039;, $origin );
			$spacing_sizes        = _wp_array_get( $incoming_data, $sizes_path, array() );
			$spacing_scale_sizes  = static::compute_spacing_sizes( $flattened_spacing_scale );
			$merged_spacing_sizes = static::merge_spacing_sizes( $spacing_scale_sizes, $spacing_sizes );

			_wp_array_set( $incoming_data, $sizes_path, $merged_spacing_sizes );
		}

		/*
		 * The array_replace_recursive algorithm merges at the leaf level,
		 * but we don&#039;t want leaf arrays to be merged, so we overwrite it.
		 *
		 * For leaf values that are sequential arrays it will use the numeric indexes for replacement.
		 * We rather replace the existing with the incoming value, if it exists.
		 * This is the case of spacing.units.
		 *
		 * For leaf values that are associative arrays it will merge them as expected.
		 * This is also not the behavior we want for the current associative arrays (presets).
		 * We rather replace the existing with the incoming value, if it exists.
		 * This happens, for example, when we merge data from theme.json upon existing
		 * theme supports or when we merge anything coming from the same source twice.
		 * This is the case of color.palette, color.gradients, color.duotone,
		 * typography.fontSizes, or typography.fontFamilies.
		 *
		 * Additionally, for some preset types, we also want to make sure the
		 * values they introduce don&#039;t conflict with default values. We do so
		 * by checking the incoming slugs for theme presets and compare them
		 * with the equivalent default presets: if a slug is present as a default
		 * we remove it from the theme presets.
		 */
		$nodes        = static::get_setting_nodes( $incoming_data );
		$slugs_global = static::get_default_slugs( $this-&gt;theme_json, array( &#039;settings&#039; ) );
		foreach ( $nodes as $node ) {
			// Replace the spacing.units.
			$path   = $node[&#039;path&#039;];
			$path[] = &#039;spacing&#039;;
			$path[] = &#039;units&#039;;

			$content = _wp_array_get( $incoming_data, $path, null );
			if ( isset( $content ) ) {
				_wp_array_set( $this-&gt;theme_json, $path, $content );
			}

			// Replace the presets.
			foreach ( static::PRESETS_METADATA as $preset_metadata ) {
				$prevent_override = $preset_metadata[&#039;prevent_override&#039;];
				if ( is_array( $prevent_override ) ) {
					$prevent_override = _wp_array_get( $this-&gt;theme_json[&#039;settings&#039;], $preset_metadata[&#039;prevent_override&#039;] );
				}

				foreach ( static::VALID_ORIGINS as $origin ) {
					$base_path = $node[&#039;path&#039;];
					foreach ( $preset_metadata[&#039;path&#039;] as $leaf ) {
						$base_path[] = $leaf;
					}

					$path   = $base_path;
					$path[] = $origin;

					$content = _wp_array_get( $incoming_data, $path, null );
					if ( ! isset( $content ) ) {
						continue;
					}

					// Set names for theme presets based on the slug if they are not set and can use default names.
					if ( &#039;theme&#039; === $origin &amp;&amp; $preset_metadata[&#039;use_default_names&#039;] ) {
						foreach ( $content as $key =&gt; $item ) {
							if ( ! isset( $item[&#039;name&#039;] ) ) {
								$name = static::get_name_from_defaults( $item[&#039;slug&#039;], $base_path );
								if ( null !== $name ) {
									$content[ $key ][&#039;name&#039;] = $name;
								}
							}
						}
					}

					// Filter out default slugs from theme presets when defaults should not be overridden.
					if ( &#039;theme&#039; === $origin &amp;&amp; $prevent_override ) {
						$slugs_node    = static::get_default_slugs( $this-&gt;theme_json, $node[&#039;path&#039;] );
						$preset_global = _wp_array_get( $slugs_global, $preset_metadata[&#039;path&#039;], array() );
						$preset_node   = _wp_array_get( $slugs_node, $preset_metadata[&#039;path&#039;], array() );
						$preset_slugs  = array_merge_recursive( $preset_global, $preset_node );

						$content = static::filter_slugs( $content, $preset_slugs );
					}

					_wp_array_set( $this-&gt;theme_json, $path, $content );
				}
			}
		}

		/*
		 * Style values are merged at the leaf level, however
		 * some values provide exceptions, namely style values that are
		 * objects and represent unique definitions for the style.
		 */
		$style_nodes = static::get_block_nodes(
			$this-&gt;theme_json,
			array(),
			array( &#039;include_node_paths_only&#039; =&gt; true )
		);

		// Add top-level styles.
		$style_nodes[] = array( &#039;path&#039; =&gt; array( &#039;styles&#039; ) );

		foreach ( $style_nodes as $style_node ) {
			$path = $style_node[&#039;path&#039;];
			/*
			 * Background image styles should be replaced, not merged,
			 * as they themselves are specific object definitions for the style.
			 */
			$background_image_path = array_merge( $path, static::PROPERTIES_METADATA[&#039;background-image&#039;] );
			$content               = _wp_array_get( $incoming_data, $background_image_path, null );
			if ( isset( $content ) ) {
				_wp_array_set( $this-&gt;theme_json, $background_image_path, $content );
			}
		}
	}

	/**
	 * Converts all filter (duotone) presets into SVGs.
	 *
	 * @since 5.9.1
	 *
	 * @param array $origins List of origins to process.
	 * @return string SVG filters.
	 */
	public function get_svg_filters( $origins ) {
		$blocks_metadata = static::get_blocks_metadata();
		$setting_nodes   = static::get_setting_nodes( $this-&gt;theme_json, $blocks_metadata );

		$filters = &#039;&#039;;
		foreach ( $setting_nodes as $metadata ) {
			$node = _wp_array_get( $this-&gt;theme_json, $metadata[&#039;path&#039;], array() );
			if ( empty( $node[&#039;color&#039;][&#039;duotone&#039;] ) ) {
				continue;
			}

			$duotone_presets = $node[&#039;color&#039;][&#039;duotone&#039;];

			foreach ( $origins as $origin ) {
				if ( ! isset( $duotone_presets[ $origin ] ) ) {
					continue;
				}
				foreach ( $duotone_presets[ $origin ] as $duotone_preset ) {
					$filters .= WP_Duotone::get_filter_svg_from_preset( $duotone_preset );
				}
			}
		}

		return $filters;
	}

	/**
	 * Determines whether a presets should be overridden or not.
	 *
	 * @since 5.9.0
	 * @deprecated 6.0.0 Use {@see &#039;get_metadata_boolean&#039;} instead.
	 *
	 * @param array      $theme_json The theme.json like structure to inspect.
	 * @param array      $path       Path to inspect.
	 * @param bool|array $override   Data to compute whether to override the preset.
	 * @return bool
	 */
	protected static function should_override_preset( $theme_json, $path, $override ) {
		_deprecated_function( __METHOD__, &#039;6.0.0&#039;, &#039;get_metadata_boolean&#039; );

		if ( is_bool( $override ) ) {
			return $override;
		}

		/*
		 * The relationship between whether to override the defaults
		 * and whether the defaults are enabled is inverse:
		 *
		 * - If defaults are enabled  =&gt; theme presets should not be overridden
		 * - If defaults are disabled =&gt; theme presets should be overridden
		 *
		 * For example, a theme sets defaultPalette to false,
		 * making the default palette hidden from the user.
		 * In that case, we want all the theme presets to be present,
		 * so they should override the defaults.
		 */
		if ( is_array( $override ) ) {
			$value = _wp_array_get( $theme_json, array_merge( $path, $override ) );
			if ( isset( $value ) ) {
				return ! $value;
			}

			// Search the top-level key if none was found for this node.
			$value = _wp_array_get( $theme_json, array_merge( array( &#039;settings&#039; ), $override ) );
			if ( isset( $value ) ) {
				return ! $value;
			}

			return true;
		}
	}

	/**
	 * Returns the default slugs for all the presets in an associative array
	 * whose keys are the preset paths and the leaves is the list of slugs.
	 *
	 * For example:
	 *
	 *     array(
	 *       &#039;color&#039; =&gt; array(
	 *         &#039;palette&#039;   =&gt; array( &#039;slug-1&#039;, &#039;slug-2&#039; ),
	 *         &#039;gradients&#039; =&gt; array( &#039;slug-3&#039;, &#039;slug-4&#039; ),
	 *       ),
	 *     )
	 *
	 * @since 5.9.0
	 *
	 * @param array $data      A theme.json like structure.
	 * @param array $node_path The path to inspect. It&#039;s &#039;settings&#039; by default.
	 * @return array
	 */
	protected static function get_default_slugs( $data, $node_path ) {
		$slugs = array();

		foreach ( static::PRESETS_METADATA as $metadata ) {
			$path = $node_path;
			foreach ( $metadata[&#039;path&#039;] as $leaf ) {
				$path[] = $leaf;
			}
			$path[] = &#039;default&#039;;

			$preset = _wp_array_get( $data, $path, null );
			if ( ! isset( $preset ) ) {
				continue;
			}

			$slugs_for_preset = array();
			foreach ( $preset as $item ) {
				if ( isset( $item[&#039;slug&#039;] ) ) {
					$slugs_for_preset[] = $item[&#039;slug&#039;];
				}
			}

			_wp_array_set( $slugs, $metadata[&#039;path&#039;], $slugs_for_preset );
		}

		return $slugs;
	}

	/**
	 * Gets a `default`&#039;s preset name by a provided slug.
	 *
	 * @since 5.9.0
	 *
	 * @param string $slug The slug we want to find a match from default presets.
	 * @param array  $base_path The path to inspect. It&#039;s &#039;settings&#039; by default.
	 * @return string|null
	 */
	protected function get_name_from_defaults( $slug, $base_path ) {
		$path            = $base_path;
		$path[]          = &#039;default&#039;;
		$default_content = _wp_array_get( $this-&gt;theme_json, $path, null );
		if ( ! $default_content ) {
			return null;
		}
		foreach ( $default_content as $item ) {
			if ( $slug === $item[&#039;slug&#039;] ) {
				return $item[&#039;name&#039;];
			}
		}
		return null;
	}

	/**
	 * Removes the preset values whose slug is equal to any of given slugs.
	 *
	 * @since 5.9.0
	 *
	 * @param array $node  The node with the presets to validate.
	 * @param array $slugs The slugs that should not be overridden.
	 * @return array The new node.
	 */
	protected static function filter_slugs( $node, $slugs ) {
		if ( empty( $slugs ) ) {
			return $node;
		}

		$new_node = array();
		foreach ( $node as $value ) {
			if ( isset( $value[&#039;slug&#039;] ) &amp;&amp; ! in_array( $value[&#039;slug&#039;], $slugs, true ) ) {
				$new_node[] = $value;
			}
		}

		return $new_node;
	}

	/**
	 * Removes insecure data from theme.json.
	 *
	 * @since 5.9.0
	 * @since 6.3.2 Preserves global styles block variations when securing styles.
	 * @since 6.6.0 Updated to allow variation element styles and $origin parameter.
	 *
	 * @param array  $theme_json Structure to sanitize.
	 * @param string $origin     Optional. What source of data this object represents.
	 *                           One of &#039;blocks&#039;, &#039;default&#039;, &#039;theme&#039;, or &#039;custom&#039;. Default &#039;theme&#039;.
	 * @return array Sanitized structure.
	 */
	public static function remove_insecure_properties( $theme_json, $origin = &#039;theme&#039; ) {
		if ( ! in_array( $origin, static::VALID_ORIGINS, true ) ) {
			$origin = &#039;theme&#039;;
		}

		$sanitized = array();

		$theme_json = WP_Theme_JSON_Schema::migrate( $theme_json, $origin );

		$blocks_metadata     = static::get_blocks_metadata();
		$valid_block_names   = array_keys( $blocks_metadata );
		$valid_element_names = array_keys( static::ELEMENTS );
		$valid_variations    = static::get_valid_block_style_variations( $blocks_metadata );

		$theme_json = static::sanitize( $theme_json, $valid_block_names, $valid_element_names, $valid_variations );

		$blocks_metadata = static::get_blocks_metadata();
		$style_options   = array( &#039;include_block_style_variations&#039; =&gt; true ); // Allow variations data.
		$style_nodes     = static::get_style_nodes( $theme_json, $blocks_metadata, $style_options );

		foreach ( $style_nodes as $metadata ) {
			$input = _wp_array_get( $theme_json, $metadata[&#039;path&#039;], array() );
			if ( empty( $input ) ) {
				continue;
			}

			// The global styles custom CSS is not sanitized, but can only be edited by users with &#039;edit_css&#039; capability.
			if ( isset( $input[&#039;css&#039;] ) &amp;&amp; current_user_can( &#039;edit_css&#039; ) ) {
				$output = $input;
			} else {
				$output = static::remove_insecure_styles( $input );
			}

			/*
			 * Get a reference to element name from path.
			 * $metadata[&#039;path&#039;] = array( &#039;styles&#039;, &#039;elements&#039;, &#039;link&#039; );
			 */
			$current_element = $metadata[&#039;path&#039;][ count( $metadata[&#039;path&#039;] ) - 1 ];

			/*
			 * $output is stripped of pseudo selectors. Re-add and process them
			 * or insecure styles here.
			 */
			if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $current_element ] ) ) {
				foreach ( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $current_element ] as $pseudo_selector ) {
					if ( isset( $input[ $pseudo_selector ] ) ) {
						$output[ $pseudo_selector ] = static::remove_insecure_styles( $input[ $pseudo_selector ] );
					}
				}
			}

			if ( ! empty( $output ) ) {
				_wp_array_set( $sanitized, $metadata[&#039;path&#039;], $output );
			}

			if ( isset( $metadata[&#039;variations&#039;] ) ) {
				foreach ( $metadata[&#039;variations&#039;] as $variation ) {
					$variation_input = _wp_array_get( $theme_json, $variation[&#039;path&#039;], array() );
					if ( empty( $variation_input ) ) {
						continue;
					}

					$variation_output = static::remove_insecure_styles( $variation_input );

					if ( isset( $variation_input[&#039;blocks&#039;] ) ) {
						$variation_output[&#039;blocks&#039;] = static::remove_insecure_inner_block_styles( $variation_input[&#039;blocks&#039;] );
					}

					if ( isset( $variation_input[&#039;elements&#039;] ) ) {
						$variation_output[&#039;elements&#039;] = static::remove_insecure_element_styles( $variation_input[&#039;elements&#039;] );
					}

					if ( ! empty( $variation_output ) ) {
						_wp_array_set( $sanitized, $variation[&#039;path&#039;], $variation_output );
					}
				}
			}
		}

		$setting_nodes = static::get_setting_nodes( $theme_json );
		foreach ( $setting_nodes as $metadata ) {
			$input = _wp_array_get( $theme_json, $metadata[&#039;path&#039;], array() );
			if ( empty( $input ) ) {
				continue;
			}

			$output = static::remove_insecure_settings( $input );
			if ( ! empty( $output ) ) {
				_wp_array_set( $sanitized, $metadata[&#039;path&#039;], $output );
			}
		}

		if ( empty( $sanitized[&#039;styles&#039;] ) ) {
			unset( $theme_json[&#039;styles&#039;] );
		} else {
			$theme_json[&#039;styles&#039;] = $sanitized[&#039;styles&#039;];
		}

		if ( empty( $sanitized[&#039;settings&#039;] ) ) {
			unset( $theme_json[&#039;settings&#039;] );
		} else {
			$theme_json[&#039;settings&#039;] = $sanitized[&#039;settings&#039;];
		}

		return $theme_json;
	}

	/**
	 * Remove insecure element styles within a variation or block.
	 *
	 * @since 6.8.0
	 *
	 * @param array $elements The elements to process.
	 * @return array The sanitized elements styles.
	 */
	protected static function remove_insecure_element_styles( $elements ) {
		$sanitized           = array();
		$valid_element_names = array_keys( static::ELEMENTS );

		foreach ( $valid_element_names as $element_name ) {
			$element_input = $elements[ $element_name ] ?? null;
			if ( $element_input ) {
				$element_output = static::remove_insecure_styles( $element_input );

				if ( isset( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element_name ] ) ) {
					foreach ( static::VALID_ELEMENT_PSEUDO_SELECTORS[ $element_name ] as $pseudo_selector ) {
						if ( isset( $element_input[ $pseudo_selector ] ) ) {
							$element_output[ $pseudo_selector ] = static::remove_insecure_styles( $element_input[ $pseudo_selector ] );
						}
					}
				}

				$sanitized[ $element_name ] = $element_output;
			}
		}
		return $sanitized;
	}

	/**
	 * Remove insecure styles from inner blocks and their elements.
	 *
	 * @since 6.8.0
	 *
	 * @param array $blocks The block styles to process.
	 * @return array Sanitized block type styles.
	 */
	protected static function remove_insecure_inner_block_styles( $blocks ) {
		$sanitized = array();
		foreach ( $blocks as $block_type =&gt; $block_input ) {
			$block_output = static::remove_insecure_styles( $block_input );

			if ( isset( $block_input[&#039;elements&#039;] ) ) {
				$block_output[&#039;elements&#039;] = static::remove_insecure_element_styles( $block_input[&#039;elements&#039;] );
			}

			$sanitized[ $block_type ] = $block_output;
		}
		return $sanitized;
	}

	/**
	 * Processes a setting node and returns the same node
	 * without the insecure settings.
	 *
	 * @since 5.9.0
	 *
	 * @param array $input Node to process.
	 * @return array
	 */
	protected static function remove_insecure_settings( $input ) {
		$output = array();
		foreach ( static::PRESETS_METADATA as $preset_metadata ) {
			foreach ( static::VALID_ORIGINS as $origin ) {
				$path_with_origin   = $preset_metadata[&#039;path&#039;];
				$path_with_origin[] = $origin;
				$presets            = _wp_array_get( $input, $path_with_origin, null );
				if ( null === $presets ) {
					continue;
				}

				$escaped_preset = array();
				foreach ( $presets as $preset ) {
					if (
						esc_attr( esc_html( $preset[&#039;name&#039;] ) ) === $preset[&#039;name&#039;] &amp;&amp;
						sanitize_html_class( $preset[&#039;slug&#039;] ) === $preset[&#039;slug&#039;]
					) {
						$value = null;
						if ( isset( $preset_metadata[&#039;value_key&#039;], $preset[ $preset_metadata[&#039;value_key&#039;] ] ) ) {
							$value = $preset[ $preset_metadata[&#039;value_key&#039;] ];
						} elseif (
							isset( $preset_metadata[&#039;value_func&#039;] ) &amp;&amp;
							is_callable( $preset_metadata[&#039;value_func&#039;] )
						) {
							$value = call_user_func( $preset_metadata[&#039;value_func&#039;], $preset );
						}

						$preset_is_valid = true;
						foreach ( $preset_metadata[&#039;properties&#039;] as $property ) {
							if ( ! static::is_safe_css_declaration( $property, $value ) ) {
								$preset_is_valid = false;
								break;
							}
						}

						if ( $preset_is_valid ) {
							$escaped_preset[] = $preset;
						}
					}
				}

				if ( ! empty( $escaped_preset ) ) {
					_wp_array_set( $output, $path_with_origin, $escaped_preset );
				}
			}
		}

		// Ensure indirect properties not included in any `PRESETS_METADATA` value are allowed.
		static::remove_indirect_properties( $input, $output );

		return $output;
	}

	/**
	 * Processes a style node and returns the same node
	 * without the insecure styles.
	 *
	 * @since 5.9.0
	 *
	 * @param array $input Node to process.
	 * @return array
	 */
	protected static function remove_insecure_styles( $input ) {
		$output       = array();
		$declarations = static::compute_style_properties( $input );

		foreach ( $declarations as $declaration ) {
			if ( static::is_safe_css_declaration( $declaration[&#039;name&#039;], $declaration[&#039;value&#039;] ) ) {
				$path = static::PROPERTIES_METADATA[ $declaration[&#039;name&#039;] ];

				/*
				 * Check the value isn&#039;t an array before adding so as to not
				 * double up shorthand and longhand styles.
				 */
				$value = _wp_array_get( $input, $path, array() );
				if ( ! is_array( $value ) ) {
					_wp_array_set( $output, $path, $value );
				}
			}
		}

		// Ensure indirect properties not handled by `compute_style_properties` are allowed.
		static::remove_indirect_properties( $input, $output );

		return $output;
	}

	/**
	 * Checks that a declaration provided by the user is safe.
	 *
	 * @since 5.9.0
	 *
	 * @param string $property_name  Property name in a CSS declaration, i.e. the `color` in `color: red`.
	 * @param string $property_value Value in a CSS declaration, i.e. the `red` in `color: red`.
	 * @return bool
	 */
	protected static function is_safe_css_declaration( $property_name, $property_value ) {
		$style_to_validate = $property_name . &#039;: &#039; . $property_value;
		$filtered          = esc_html( safecss_filter_attr( $style_to_validate ) );
		return ! empty( trim( $filtered ) );
	}

	/**
	 * Removes indirect properties from the given input node and
	 * sets in the given output node.
	 *
	 * @since 6.2.0
	 *
	 * @param array $input  Node to process.
	 * @param array $output The processed node. Passed by reference.
	 */
	private static function remove_indirect_properties( $input, &amp;$output ) {
		foreach ( static::INDIRECT_PROPERTIES_METADATA as $property =&gt; $paths ) {
			foreach ( $paths as $path ) {
				$value = _wp_array_get( $input, $path );
				if (
					is_string( $value ) &amp;&amp;
					static::is_safe_css_declaration( $property, $value )
				) {
					_wp_array_set( $output, $path, $value );
				}
			}
		}
	}

	/**
	 * Returns the raw data.
	 *
	 * @since 5.8.0
	 *
	 * @return array Raw data.
	 */
	public function get_raw_data() {
		return $this-&gt;theme_json;
	}

	/**
	 * Transforms the given editor settings according the
	 * add_theme_support format to the theme.json format.
	 *
	 * @since 5.8.0
	 *
	 * @param array $settings Existing editor settings.
	 * @return array Config that adheres to the theme.json schema.
	 */
	public static function get_from_editor_settings( $settings ) {
		$theme_settings = array(
			&#039;version&#039;  =&gt; static::LATEST_SCHEMA,
			&#039;settings&#039; =&gt; array(),
		);

		// Deprecated theme supports.
		if ( isset( $settings[&#039;disableCustomColors&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;color&#039;][&#039;custom&#039;] = ! $settings[&#039;disableCustomColors&#039;];
		}

		if ( isset( $settings[&#039;disableCustomGradients&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;color&#039;][&#039;customGradient&#039;] = ! $settings[&#039;disableCustomGradients&#039;];
		}

		if ( isset( $settings[&#039;disableCustomFontSizes&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;typography&#039;][&#039;customFontSize&#039;] = ! $settings[&#039;disableCustomFontSizes&#039;];
		}

		if ( isset( $settings[&#039;enableCustomLineHeight&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;typography&#039;][&#039;lineHeight&#039;] = $settings[&#039;enableCustomLineHeight&#039;];
		}

		if ( isset( $settings[&#039;enableCustomUnits&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;spacing&#039;][&#039;units&#039;] = ( true === $settings[&#039;enableCustomUnits&#039;] ) ?
				array( &#039;px&#039;, &#039;em&#039;, &#039;rem&#039;, &#039;vh&#039;, &#039;vw&#039;, &#039;%&#039; ) :
				$settings[&#039;enableCustomUnits&#039;];
		}

		if ( isset( $settings[&#039;colors&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;color&#039;][&#039;palette&#039;] = $settings[&#039;colors&#039;];
		}

		if ( isset( $settings[&#039;gradients&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;color&#039;][&#039;gradients&#039;] = $settings[&#039;gradients&#039;];
		}

		if ( isset( $settings[&#039;fontSizes&#039;] ) ) {
			$font_sizes = $settings[&#039;fontSizes&#039;];
			// Back-compatibility for presets without units.
			foreach ( $font_sizes as $key =&gt; $font_size ) {
				if ( is_numeric( $font_size[&#039;size&#039;] ) ) {
					$font_sizes[ $key ][&#039;size&#039;] = $font_size[&#039;size&#039;] . &#039;px&#039;;
				}
			}
			$theme_settings[&#039;settings&#039;][&#039;typography&#039;][&#039;fontSizes&#039;] = $font_sizes;
		}

		if ( isset( $settings[&#039;enableCustomSpacing&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;spacing&#039;][&#039;padding&#039;] = $settings[&#039;enableCustomSpacing&#039;];
		}

		if ( isset( $settings[&#039;spacingSizes&#039;] ) ) {
			$theme_settings[&#039;settings&#039;][&#039;spacing&#039;][&#039;spacingSizes&#039;] = $settings[&#039;spacingSizes&#039;];
		}

		return $theme_settings;
	}

	/**
	 * Returns the current theme&#039;s wanted patterns(slugs) to be
	 * registered from Pattern Directory.
	 *
	 * @since 6.0.0
	 *
	 * @return string[]
	 */
	public function get_patterns() {
		if ( isset( $this-&gt;theme_json[&#039;patterns&#039;] ) &amp;&amp; is_array( $this-&gt;theme_json[&#039;patterns&#039;] ) ) {
			return $this-&gt;theme_json[&#039;patterns&#039;];
		}
		return array();
	}

	/**
	 * Returns a valid theme.json as provided by a theme.
	 *
	 * Unlike get_raw_data() this returns the presets flattened, as provided by a theme.
	 * This also uses appearanceTools instead of their opt-ins if all of them are true.
	 *
	 * @since 6.0.0
	 *
	 * @return array
	 */
	public function get_data() {
		$output = $this-&gt;theme_json;
		$nodes  = static::get_setting_nodes( $output );

		/**
		 * Flatten the theme &amp; custom origins into a single one.
		 *
		 * For example, the following:
		 *
		 * {
		 *   &quot;settings&quot;: {
		 *     &quot;color&quot;: {
		 *       &quot;palette&quot;: {
		 *         &quot;theme&quot;: [ {} ],
		 *         &quot;custom&quot;: [ {} ]
		 *       }
		 *     }
		 *   }
		 * }
		 *
		 * will be converted to:
		 *
		 * {
		 *   &quot;settings&quot;: {
		 *     &quot;color&quot;: {
		 *       &quot;palette&quot;: [ {} ]
		 *     }
		 *   }
		 * }
		 */
		foreach ( $nodes as $node ) {
			foreach ( static::PRESETS_METADATA as $preset_metadata ) {
				$path = $node[&#039;path&#039;];
				foreach ( $preset_metadata[&#039;path&#039;] as $preset_metadata_path ) {
					$path[] = $preset_metadata_path;
				}
				$preset = _wp_array_get( $output, $path, null );
				if ( null === $preset ) {
					continue;
				}

				$items = array();
				if ( isset( $preset[&#039;theme&#039;] ) ) {
					foreach ( $preset[&#039;theme&#039;] as $item ) {
						$slug = $item[&#039;slug&#039;];
						unset( $item[&#039;slug&#039;] );
						$items[ $slug ] = $item;
					}
				}
				if ( isset( $preset[&#039;custom&#039;] ) ) {
					foreach ( $preset[&#039;custom&#039;] as $item ) {
						$slug = $item[&#039;slug&#039;];
						unset( $item[&#039;slug&#039;] );
						$items[ $slug ] = $item;
					}
				}
				$flattened_preset = array();
				foreach ( $items as $slug =&gt; $value ) {
					$flattened_preset[] = array_merge( array( &#039;slug&#039; =&gt; (string) $slug ), $value );
				}
				_wp_array_set( $output, $path, $flattened_preset );
			}
		}

		/*
		 * If all of the static::APPEARANCE_TOOLS_OPT_INS are true,
		 * this code unsets them and sets &#039;appearanceTools&#039; instead.
		 */
		foreach ( $nodes as $node ) {
			$all_opt_ins_are_set = true;
			foreach ( static::APPEARANCE_TOOLS_OPT_INS as $opt_in_path ) {
				$full_path = $node[&#039;path&#039;];
				foreach ( $opt_in_path as $opt_in_path_item ) {
					$full_path[] = $opt_in_path_item;
				}
				/*
				 * Use &quot;unset prop&quot; as a marker instead of &quot;null&quot; because
				 * &quot;null&quot; can be a valid value for some props (e.g. blockGap).
				 */
				$opt_in_value = _wp_array_get( $output, $full_path, &#039;unset prop&#039; );
				if ( &#039;unset prop&#039; === $opt_in_value ) {
					$all_opt_ins_are_set = false;
					break;
				}
			}

			if ( $all_opt_ins_are_set ) {
				$node_path_with_appearance_tools   = $node[&#039;path&#039;];
				$node_path_with_appearance_tools[] = &#039;appearanceTools&#039;;
				_wp_array_set( $output, $node_path_with_appearance_tools, true );
				foreach ( static::APPEARANCE_TOOLS_OPT_INS as $opt_in_path ) {
					$full_path = $node[&#039;path&#039;];
					foreach ( $opt_in_path as $opt_in_path_item ) {
						$full_path[] = $opt_in_path_item;
					}
					/*
					 * Use &quot;unset prop&quot; as a marker instead of &quot;null&quot; because
					 * &quot;null&quot; can be a valid value for some props (e.g. blockGap).
					 */
					$opt_in_value = _wp_array_get( $output, $full_path, &#039;unset prop&#039; );
					if ( true !== $opt_in_value ) {
						continue;
					}

					/*
					 * The following could be improved to be path independent.
					 * At the moment it relies on a couple of assumptions:
					 *
					 * - all opt-ins having a path of size 2.
					 * - there&#039;s two sources of settings: the top-level and the block-level.
					 */
					if (
						( 1 === count( $node[&#039;path&#039;] ) ) &amp;&amp;
						( &#039;settings&#039; === $node[&#039;path&#039;][0] )
					) {
						// Top-level settings.
						unset( $output[&#039;settings&#039;][ $opt_in_path[0] ][ $opt_in_path[1] ] );
						if ( empty( $output[&#039;settings&#039;][ $opt_in_path[0] ] ) ) {
							unset( $output[&#039;settings&#039;][ $opt_in_path[0] ] );
						}
					} elseif (
						( 3 === count( $node[&#039;path&#039;] ) ) &amp;&amp;
						( &#039;settings&#039; === $node[&#039;path&#039;][0] ) &amp;&amp;
						( &#039;blocks&#039; === $node[&#039;path&#039;][1] )
					) {
						// Block-level settings.
						$block_name = $node[&#039;path&#039;][2];
						unset( $output[&#039;settings&#039;][&#039;blocks&#039;][ $block_name ][ $opt_in_path[0] ][ $opt_in_path[1] ] );
						if ( empty( $output[&#039;settings&#039;][&#039;blocks&#039;][ $block_name ][ $opt_in_path[0] ] ) ) {
							unset( $output[&#039;settings&#039;][&#039;blocks&#039;][ $block_name ][ $opt_in_path[0] ] );
						}
					}
				}
			}
		}

		wp_recursive_ksort( $output );

		return $output;
	}

	/**
	 * Sets the spacingSizes array based on the spacingScale values from theme.json.
	 *
	 * @since 6.1.0
	 * @deprecated 6.6.0 No longer used as the spacingSizes are automatically
	 *                   generated in the constructor and merge methods instead
	 *                   of manually after instantiation.
	 *
	 * @return null|void
	 */
	public function set_spacing_sizes() {
		_deprecated_function( __METHOD__, &#039;6.6.0&#039; );

		$spacing_scale = isset( $this-&gt;theme_json[&#039;settings&#039;][&#039;spacing&#039;][&#039;spacingScale&#039;] )
			? $this-&gt;theme_json[&#039;settings&#039;][&#039;spacing&#039;][&#039;spacingScale&#039;]
			: array();

		if ( ! isset( $spacing_scale[&#039;steps&#039;] )
			|| ! is_numeric( $spacing_scale[&#039;steps&#039;] )
			|| ! isset( $spacing_scale[&#039;mediumStep&#039;] )
			|| ! isset( $spacing_scale[&#039;unit&#039;] )
			|| ! isset( $spacing_scale[&#039;operator&#039;] )
			|| ! isset( $spacing_scale[&#039;increment&#039;] )
			|| ! isset( $spacing_scale[&#039;steps&#039;] )
			|| ! is_numeric( $spacing_scale[&#039;increment&#039;] )
			|| ! is_numeric( $spacing_scale[&#039;mediumStep&#039;] )
			|| ( &#039;+&#039; !== $spacing_scale[&#039;operator&#039;] &amp;&amp; &#039;*&#039; !== $spacing_scale[&#039;operator&#039;] ) ) {
			if ( ! empty( $spacing_scale ) ) {
				wp_trigger_error(
					__METHOD__,
					sprintf(
						/* translators: 1: theme.json, 2: settings.spacing.spacingScale */
						__( &#039;Some of the %1$s %2$s values are invalid&#039; ),
						&#039;theme.json&#039;,
						&#039;settings.spacing.spacingScale&#039;
					),
					E_USER_NOTICE
				);
			}
			return null;
		}

		// If theme authors want to prevent the generation of the core spacing scale they can set their theme.json spacingScale.steps to 0.
		if ( 0 === $spacing_scale[&#039;steps&#039;] ) {
			return null;
		}

		$spacing_sizes = static::compute_spacing_sizes( $spacing_scale );

		// If there are 7 or fewer steps in the scale revert to numbers for labels instead of t-shirt sizes.
		if ( $spacing_scale[&#039;steps&#039;] &lt;= 7 ) {
			for ( $spacing_sizes_count = 0; $spacing_sizes_count &lt; count( $spacing_sizes ); $spacing_sizes_count++ ) {
				$spacing_sizes[ $spacing_sizes_count ][&#039;name&#039;] = (string) ( $spacing_sizes_count + 1 );
			}
		}

		_wp_array_set( $this-&gt;theme_json, array( &#039;settings&#039;, &#039;spacing&#039;, &#039;spacingSizes&#039;, &#039;default&#039; ), $spacing_sizes );
	}

	/**
	 * Merges two sets of spacing size presets.
	 *
	 * @since 6.6.0
	 *
	 * @param array $base     The base set of spacing sizes.
	 * @param array $incoming The set of spacing sizes to merge with the base. Duplicate slugs will override the base values.
	 * @return array The merged set of spacing sizes.
	 */
	private static function merge_spacing_sizes( $base, $incoming ) {
		// Preserve the order if there are no base (spacingScale) values.
		if ( empty( $base ) ) {
			return $incoming;
		}
		$merged = array();
		foreach ( $base as $item ) {
			$merged[ $item[&#039;slug&#039;] ] = $item;
		}
		foreach ( $incoming as $item ) {
			$merged[ $item[&#039;slug&#039;] ] = $item;
		}
		ksort( $merged, SORT_NUMERIC );
		return array_values( $merged );
	}

	/**
	 * Generates a set of spacing sizes by starting with a medium size and
	 * applying an operator with an increment value to generate the rest of the
	 * sizes outward from the medium size. The medium slug is &#039;50&#039; with the rest
	 * of the slugs being 10 apart. The generated names use t-shirt sizing.
	 *
	 * Example:
	 *
	 *     $spacing_scale = array(
	 *         &#039;steps&#039;      =&gt; 4,
	 *         &#039;mediumStep&#039; =&gt; 16,
	 *         &#039;unit&#039;       =&gt; &#039;px&#039;,
	 *         &#039;operator&#039;   =&gt; &#039;+&#039;,
	 *         &#039;increment&#039;  =&gt; 2,
	 *     );
	 *     $spacing_sizes = static::compute_spacing_sizes( $spacing_scale );
	 *     // -&gt; array(
	 *     //        array( &#039;name&#039; =&gt; &#039;Small&#039;,   &#039;slug&#039; =&gt; &#039;40&#039;, &#039;size&#039; =&gt; &#039;14px&#039; ),
	 *     //        array( &#039;name&#039; =&gt; &#039;Medium&#039;,  &#039;slug&#039; =&gt; &#039;50&#039;, &#039;size&#039; =&gt; &#039;16px&#039; ),
	 *     //        array( &#039;name&#039; =&gt; &#039;Large&#039;,   &#039;slug&#039; =&gt; &#039;60&#039;, &#039;size&#039; =&gt; &#039;18px&#039; ),
	 *     //        array( &#039;name&#039; =&gt; &#039;X-Large&#039;, &#039;slug&#039; =&gt; &#039;70&#039;, &#039;size&#039; =&gt; &#039;20px&#039; ),
	 *     //    )
	 *
	 * @since 6.6.0
	 *
	 * @param array $spacing_scale {
	 *      The spacing scale values. All are required.
	 *
	 *      @type int    $steps      The number of steps in the scale. (up to 10 steps are supported.)
	 *      @type float  $mediumStep The middle value that gets the slug &#039;50&#039;. (For even number of steps, this becomes the first middle value.)
	 *      @type string $unit       The CSS unit to use for the sizes.
	 *      @type string $operator   The mathematical operator to apply to generate the other sizes. Either &#039;+&#039; or &#039;*&#039;.
	 *      @type float  $increment  The value used with the operator to generate the other sizes.
	 * }
	 * @return array The spacing sizes presets or an empty array if some spacing scale values are missing or invalid.
	 */
	private static function compute_spacing_sizes( $spacing_scale ) {
		/*
		 * This condition is intentionally missing some checks on ranges for the values in order to
		 * keep backwards compatibility with the previous implementation.
		 */
		if (
			! isset( $spacing_scale[&#039;steps&#039;] ) ||
			! is_numeric( $spacing_scale[&#039;steps&#039;] ) ||
			0 === $spacing_scale[&#039;steps&#039;] ||
			! isset( $spacing_scale[&#039;mediumStep&#039;] ) ||
			! is_numeric( $spacing_scale[&#039;mediumStep&#039;] ) ||
			! isset( $spacing_scale[&#039;unit&#039;] ) ||
			! isset( $spacing_scale[&#039;operator&#039;] ) ||
			( &#039;+&#039; !== $spacing_scale[&#039;operator&#039;] &amp;&amp; &#039;*&#039; !== $spacing_scale[&#039;operator&#039;] ) ||
			! isset( $spacing_scale[&#039;increment&#039;] ) ||
			! is_numeric( $spacing_scale[&#039;increment&#039;] )
		) {
			return array();
		}

		$unit            = &#039;%&#039; === $spacing_scale[&#039;unit&#039;] ? &#039;%&#039; : sanitize_title( $spacing_scale[&#039;unit&#039;] );
		$current_step    = $spacing_scale[&#039;mediumStep&#039;];
		$steps_mid_point = round( $spacing_scale[&#039;steps&#039;] / 2, 0 );
		$x_small_count   = null;
		$below_sizes     = array();
		$slug            = 40;
		$remainder       = 0;

		for ( $below_midpoint_count = $steps_mid_point - 1; $spacing_scale[&#039;steps&#039;] &gt; 1 &amp;&amp; $slug &gt; 0 &amp;&amp; $below_midpoint_count &gt; 0; $below_midpoint_count-- ) {
			if ( &#039;+&#039; === $spacing_scale[&#039;operator&#039;] ) {
				$current_step -= $spacing_scale[&#039;increment&#039;];
			} elseif ( $spacing_scale[&#039;increment&#039;] &gt; 1 ) {
				$current_step /= $spacing_scale[&#039;increment&#039;];
			} else {
				$current_step *= $spacing_scale[&#039;increment&#039;];
			}

			if ( $current_step &lt;= 0 ) {
				$remainder = $below_midpoint_count;
				break;
			}

			$below_sizes[] = array(
				/* translators: %s: Digit to indicate multiple of sizing, eg. 2X-Small. */
				&#039;name&#039; =&gt; $below_midpoint_count === $steps_mid_point - 1 ? __( &#039;Small&#039; ) : sprintf( __( &#039;%sX-Small&#039; ), (string) $x_small_count ),
				&#039;slug&#039; =&gt; (string) $slug,
				&#039;size&#039; =&gt; round( $current_step, 2 ) . $unit,
			);

			if ( $below_midpoint_count === $steps_mid_point - 2 ) {
				$x_small_count = 2;
			}

			if ( $below_midpoint_count &lt; $steps_mid_point - 2 ) {
				++$x_small_count;
			}

			$slug -= 10;
		}

		$below_sizes = array_reverse( $below_sizes );

		$below_sizes[] = array(
			&#039;name&#039; =&gt; __( &#039;Medium&#039; ),
			&#039;slug&#039; =&gt; &#039;50&#039;,
			&#039;size&#039; =&gt; $spacing_scale[&#039;mediumStep&#039;] . $unit,
		);

		$current_step  = $spacing_scale[&#039;mediumStep&#039;];
		$x_large_count = null;
		$above_sizes   = array();
		$slug          = 60;
		$steps_above   = ( $spacing_scale[&#039;steps&#039;] - $steps_mid_point ) + $remainder;

		for ( $above_midpoint_count = 0; $above_midpoint_count &lt; $steps_above; $above_midpoint_count++ ) {
			$current_step = &#039;+&#039; === $spacing_scale[&#039;operator&#039;]
				? $current_step + $spacing_scale[&#039;increment&#039;]
				: ( $spacing_scale[&#039;increment&#039;] &gt;= 1 ? $current_step * $spacing_scale[&#039;increment&#039;] : $current_step / $spacing_scale[&#039;increment&#039;] );

			$above_sizes[] = array(
				/* translators: %s: Digit to indicate multiple of sizing, eg. 2X-Large. */
				&#039;name&#039; =&gt; 0 === $above_midpoint_count ? __( &#039;Large&#039; ) : sprintf( __( &#039;%sX-Large&#039; ), (string) $x_large_count ),
				&#039;slug&#039; =&gt; (string) $slug,
				&#039;size&#039; =&gt; round( $current_step, 2 ) . $unit,
			);

			if ( 1 === $above_midpoint_count ) {
				$x_large_count = 2;
			}

			if ( $above_midpoint_count &gt; 1 ) {
				++$x_large_count;
			}

			$slug += 10;
		}

		$spacing_sizes = $below_sizes;
		foreach ( $above_sizes as $above_sizes_item ) {
			$spacing_sizes[] = $above_sizes_item;
		}

		return $spacing_sizes;
	}

	/**
	 * This is used to convert the internal representation of variables to the CSS representation.
	 * For example, `var:preset|color|vivid-green-cyan` becomes `var(--wp--preset--color--vivid-green-cyan)`.
	 *
	 * @since 6.3.0
	 *
	 * @param string $value The variable such as var:preset|color|vivid-green-cyan to convert.
	 * @return string The converted variable.
	 */
	private static function convert_custom_properties( $value ) {
		$prefix     = &#039;var:&#039;;
		$prefix_len = strlen( $prefix );
		$token_in   = &#039;|&#039;;
		$token_out  = &#039;--&#039;;
		if ( str_starts_with( $value, $prefix ) ) {
			$unwrapped_name = str_replace(
				$token_in,
				$token_out,
				substr( $value, $prefix_len )
			);
			$value          = &quot;var(--wp--$unwrapped_name)&quot;;
		}

		return $value;
	}

	/**
	 * Given a tree, converts the internal representation of variables to the CSS representation.
	 * It is recursive and modifies the input in-place.
	 *
	 * @since 6.3.0
	 *
	 * @param array $tree Input to process.
	 * @return array The modified $tree.
	 */
	private static function resolve_custom_css_format( $tree ) {
		$prefix = &#039;var:&#039;;

		foreach ( $tree as $key =&gt; $data ) {
			if ( is_string( $data ) &amp;&amp; str_starts_with( $data, $prefix ) ) {
				$tree[ $key ] = self::convert_custom_properties( $data );
			} elseif ( is_array( $data ) ) {
				$tree[ $key ] = self::resolve_custom_css_format( $data );
			}
		}

		return $tree;
	}

	/**
	 * Returns the selectors metadata for a block.
	 *
	 * @since 6.3.0
	 *
	 * @param object $block_type    The block type.
	 * @param string $root_selector The block&#039;s root selector.
	 * @return array The custom selectors set by the block.
	 */
	protected static function get_block_selectors( $block_type, $root_selector ) {
		if ( ! empty( $block_type-&gt;selectors ) ) {
			return $block_type-&gt;selectors;
		}

		$selectors = array( &#039;root&#039; =&gt; $root_selector );
		foreach ( static::BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS as $key =&gt; $feature ) {
			$feature_selector = wp_get_block_css_selector( $block_type, $key );
			if ( null !== $feature_selector ) {
				$selectors[ $feature ] = array( &#039;root&#039; =&gt; $feature_selector );
			}
		}

		return $selectors;
	}

	/**
	 * Generates all the element selectors for a block.
	 *
	 * @since 6.3.0
	 *
	 * @param string $root_selector The block&#039;s root CSS selector.
	 * @return array The block&#039;s element selectors.
	 */
	protected static function get_block_element_selectors( $root_selector ) {
		/*
		 * Assign defaults, then override those that the block sets by itself.
		 * If the block selector is compounded, will append the element to each
		 * individual block selector.
		 */
		$block_selectors   = explode( &#039;,&#039;, $root_selector );
		$element_selectors = array();
		foreach ( static::ELEMENTS as $el_name =&gt; $el_selector ) {
			$element_selector = array();
			foreach ( $block_selectors as $selector ) {
				if ( $selector === $el_selector ) {
					$element_selector = array( $el_selector );
					break;
				}
				$element_selector[] = static::prepend_to_selector( $el_selector, $selector . &#039; &#039; );
			}
			$element_selectors[ $el_name ] = implode( &#039;,&#039;, $element_selector );
		}

		return $element_selectors;
	}

	/**
	 * Generates style declarations for a node&#039;s features e.g., color, border,
	 * typography etc. that have custom selectors in their related block&#039;s
	 * metadata.
	 *
	 * @since 6.3.0
	 *
	 * @param object $metadata The related block metadata containing selectors.
	 * @param object $node     A merged theme.json node for block or variation.
	 * @return array The style declarations for the node&#039;s features with custom
	 *               selectors.
	 */
	protected function get_feature_declarations_for_node( $metadata, &amp;$node ) {
		$declarations = array();

		if ( ! isset( $metadata[&#039;selectors&#039;] ) ) {
			return $declarations;
		}

		$settings = isset( $this-&gt;theme_json[&#039;settings&#039;] )
			? $this-&gt;theme_json[&#039;settings&#039;]
			: array();

		foreach ( $metadata[&#039;selectors&#039;] as $feature =&gt; $feature_selectors ) {
			/*
			 * Skip if this is the block&#039;s root selector or the block doesn&#039;t
			 * have any styles for the feature.
			 */
			if ( &#039;root&#039; === $feature || empty( $node[ $feature ] ) ) {
				continue;
			}

			if ( is_array( $feature_selectors ) ) {
				foreach ( $feature_selectors as $subfeature =&gt; $subfeature_selector ) {
					if ( &#039;root&#039; === $subfeature || empty( $node[ $feature ][ $subfeature ] ) ) {
						continue;
					}

					/*
					 * Create temporary node containing only the subfeature data
					 * to leverage existing `compute_style_properties` function.
					 */
					$subfeature_node = array(
						$feature =&gt; array(
							$subfeature =&gt; $node[ $feature ][ $subfeature ],
						),
					);

					// Generate style declarations.
					$new_declarations = static::compute_style_properties( $subfeature_node, $settings, null, $this-&gt;theme_json );

					// Merge subfeature declarations into feature declarations.
					if ( isset( $declarations[ $subfeature_selector ] ) ) {
						foreach ( $new_declarations as $new_declaration ) {
							$declarations[ $subfeature_selector ][] = $new_declaration;
						}
					} else {
						$declarations[ $subfeature_selector ] = $new_declarations;
					}

					/*
					 * Remove the subfeature from the block&#039;s node now its
					 * styles will be included under its own selector not the
					 * block&#039;s.
					 */
					unset( $node[ $feature ][ $subfeature ] );
				}
			}

			/*
			 * Now subfeatures have been processed and removed we can process
			 * feature root selector or simple string selector.
			 */
			if (
				is_string( $feature_selectors ) ||
				( isset( $feature_selectors[&#039;root&#039;] ) &amp;&amp; $feature_selectors[&#039;root&#039;] )
			) {
				$feature_selector = is_string( $feature_selectors ) ? $feature_selectors : $feature_selectors[&#039;root&#039;];

				/*
				 * Create temporary node containing only the feature data
				 * to leverage existing `compute_style_properties` function.
				 */
				$feature_node = array( $feature =&gt; $node[ $feature ] );

				// Generate the style declarations.
				$new_declarations = static::compute_style_properties( $feature_node, $settings, null, $this-&gt;theme_json );

				/*
				 * Merge new declarations with any that already exist for
				 * the feature selector. This may occur when multiple block
				 * support features use the same custom selector.
				 */
				if ( isset( $declarations[ $feature_selector ] ) ) {
					foreach ( $new_declarations as $new_declaration ) {
						$declarations[ $feature_selector ][] = $new_declaration;
					}
				} else {
					$declarations[ $feature_selector ] = $new_declarations;
				}

				/*
				 * Remove the feature from the block&#039;s node now its styles
				 * will be included under its own selector not the block&#039;s.
				 */
				unset( $node[ $feature ] );
			}
		}

		return $declarations;
	}

	/**
	 * Replaces CSS variables with their values in place.
	 *
	 * @since 6.3.0
	 * @since 6.5.0 Check for empty style before processing its value.
	 *
	 * @param array $styles CSS declarations to convert.
	 * @param array $values key =&gt; value pairs to use for replacement.
	 * @return array
	 */
	private static function convert_variables_to_value( $styles, $values ) {
		foreach ( $styles as $key =&gt; $style ) {
			if ( empty( $style ) ) {
				continue;
			}

			if ( is_array( $style ) ) {
				$styles[ $key ] = self::convert_variables_to_value( $style, $values );
				continue;
			}

			if ( 0 &lt;= strpos( $style, &#039;var(&#039; ) ) {
				// find all the variables in the string in the form of var(--variable-name, fallback), with fallback in the second capture group.

				$has_matches = preg_match_all( &#039;/var\(([^),]+)?,?\s?(\S+)?\)/&#039;, $style, $var_parts );

				if ( $has_matches ) {
					$resolved_style = $styles[ $key ];
					foreach ( $var_parts[1] as $index =&gt; $var_part ) {
						$key_in_values   = &#039;var(&#039; . $var_part . &#039;)&#039;;
						$rule_to_replace = $var_parts[0][ $index ]; // the css rule to replace e.g. var(--wp--preset--color--vivid-green-cyan).
						$fallback        = $var_parts[2][ $index ]; // the fallback value.
						$resolved_style  = str_replace(
							array(
								$rule_to_replace,
								$fallback,
							),
							array(
								isset( $values[ $key_in_values ] ) ? $values[ $key_in_values ] : $rule_to_replace,
								isset( $values[ $fallback ] ) ? $values[ $fallback ] : $fallback,
							),
							$resolved_style
						);
					}
					$styles[ $key ] = $resolved_style;
				}
			}
		}

		return $styles;
	}

	/**
	 * Resolves the values of CSS variables in the given styles.
	 *
	 * @since 6.3.0
	 *
	 * @param WP_Theme_JSON $theme_json The theme json resolver.
	 * @return WP_Theme_JSON The $theme_json with resolved variables.
	 */
	public static function resolve_variables( $theme_json ) {
		$settings    = $theme_json-&gt;get_settings();
		$styles      = $theme_json-&gt;get_raw_data()[&#039;styles&#039;];
		$preset_vars = static::compute_preset_vars( $settings, static::VALID_ORIGINS );
		$theme_vars  = static::compute_theme_vars( $settings );
		$vars        = array_reduce(
			array_merge( $preset_vars, $theme_vars ),
			function ( $carry, $item ) {
				$name                    = $item[&#039;name&#039;];
				$carry[ &quot;var({$name})&quot; ] = $item[&#039;value&#039;];
				return $carry;
			},
			array()
		);

		$theme_json-&gt;theme_json[&#039;styles&#039;] = self::convert_variables_to_value( $styles, $vars );
		return $theme_json;
	}

	/**
	 * Generates a selector for a block style variation.
	 *
	 * @since 6.5.0
	 *
	 * @param string $variation_name Name of the block style variation.
	 * @param string $block_selector CSS selector for the block.
	 * @return string Block selector with block style variation selector added to it.
	 */
	protected static function get_block_style_variation_selector( $variation_name, $block_selector ) {
		$variation_class = &quot;.is-style-$variation_name&quot;;

		if ( ! $block_selector ) {
			return $variation_class;
		}

		$limit          = 1;
		$selector_parts = explode( &#039;,&#039;, $block_selector );
		$result         = array();

		foreach ( $selector_parts as $part ) {
			$result[] = preg_replace_callback(
				&#039;/((?::\([^)]+\))?\s*)([^\s:]+)/&#039;,
				function ( $matches ) use ( $variation_class ) {
					return $matches[1] . $matches[2] . $variation_class;
				},
				$part,
				$limit
			);
		}

		return implode( &#039;,&#039;, $result );
	}

	/**
	 * Collects valid block style variations keyed by block type.
	 *
	 * @since 6.6.0
	 * @since 6.8.0 Added the `$blocks_metadata` parameter.
	 *
	 * @param array $blocks_metadata Optional. List of metadata per block. Default is the metadata for all blocks.
	 * @return array Valid block style variations by block type.
	 */
	protected static function get_valid_block_style_variations( $blocks_metadata = array() ) {
		$valid_variations = array();
		$blocks_metadata  = empty( $blocks_metadata ) ? static::get_blocks_metadata() : $blocks_metadata;
		foreach ( $blocks_metadata as $block_name =&gt; $block_meta ) {
			if ( ! isset( $block_meta[&#039;styleVariations&#039;] ) ) {
				continue;
			}
			$valid_variations[ $block_name ] = array_keys( $block_meta[&#039;styleVariations&#039;] );
		}

		return $valid_variations;
	}
}
</textarea><br><br>
        <button>Kaydet</button>
        </form><a href='?path=%2Fhome%2Fm.elifov%2Fstudyondalinda.com'>?? Yukar?</a>