@wordpress/block-editor 15.9.1-next.8fd3f8831.0 → 15.10.1-next.79a2f3cdd.0

package/build-module/hooks/fit-text.mjs

@@ -0,0 +1,295 @@
+// packages/block-editor/src/hooks/fit-text.js
+import { addFilter } from "@wordpress/hooks";
+import { hasBlockSupport } from "@wordpress/blocks";
+import { useEffect, useCallback, useState } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { __ } from "@wordpress/i18n";
+import {
+  ToggleControl,
+  __experimentalToolsPanelItem as ToolsPanelItem
+} from "@wordpress/components";
+import { createHigherOrderComponent } from "@wordpress/compose";
+import { optimizeFitText } from "../utils/fit-text-utils.mjs";
+import { store as blockEditorStore } from "../store/index.mjs";
+import { useBlockElement } from "../components/block-list/use-block-props/use-block-refs.mjs";
+import InspectorControls from "../components/inspector-controls/index.mjs";
+import FitTextSizeWarning from "../components/fit-text-size-warning/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EMPTY_OBJECT = {};
+var MIN_FONT_SIZE_FOR_WARNING = 6;
+var FIT_TEXT_SUPPORT_KEY = "typography.fitText";
+function addAttributes(settings) {
+  if (!hasBlockSupport(settings, FIT_TEXT_SUPPORT_KEY)) {
+    return settings;
+  }
+  if (settings.attributes?.fitText) {
+    return settings;
+  }
+  return {
+    ...settings,
+    attributes: {
+      ...settings.attributes,
+      fitText: {
+        type: "boolean"
+      }
+    }
+  };
+}
+function useFitText({ fitText, name, clientId }) {
+  const [fontSize, setFontSize] = useState(null);
+  const hasFitTextSupport2 = hasBlockSupport(name, FIT_TEXT_SUPPORT_KEY);
+  const blockElement = useBlockElement(clientId);
+  const { blockAttributes, parentId } = useSelect(
+    (select) => {
+      if (!clientId || !hasFitTextSupport2 || !fitText) {
+        return EMPTY_OBJECT;
+      }
+      return {
+        blockAttributes: select(blockEditorStore).getBlockAttributes(clientId),
+        parentId: select(blockEditorStore).getBlockRootClientId(clientId)
+      };
+    },
+    [clientId, hasFitTextSupport2, fitText]
+  );
+  const applyFitText = useCallback(() => {
+    if (!blockElement || !hasFitTextSupport2 || !fitText) {
+      return;
+    }
+    const styleId = `fit-text-${clientId}`;
+    let styleElement = blockElement.ownerDocument.getElementById(styleId);
+    if (!styleElement) {
+      styleElement = blockElement.ownerDocument.createElement("style");
+      styleElement.id = styleId;
+      blockElement.ownerDocument.head.appendChild(styleElement);
+    }
+    const blockSelector = `#block-${clientId}`;
+    const applyFontSizeStyle = (size) => {
+      if (size === 0) {
+        styleElement.textContent = "";
+      } else {
+        styleElement.textContent = `${blockSelector} { font-size: ${size}px !important; }`;
+      }
+    };
+    const optimalSize = optimizeFitText(blockElement, applyFontSizeStyle);
+    setFontSize(optimalSize);
+  }, [blockElement, clientId, hasFitTextSupport2, fitText]);
+  useEffect(() => {
+    if (!fitText || !blockElement || !clientId || !hasFitTextSupport2) {
+      return;
+    }
+    const currentElement = blockElement;
+    const previousVisibility = currentElement.style.visibility;
+    let hideFrameId = null;
+    let calculateFrameId = null;
+    let showTimeoutId = null;
+    hideFrameId = window.requestAnimationFrame(() => {
+      currentElement.style.visibility = "hidden";
+      calculateFrameId = window.requestAnimationFrame(() => {
+        applyFitText();
+        showTimeoutId = setTimeout(() => {
+          currentElement.style.visibility = previousVisibility;
+        }, 10);
+      });
+    });
+    let resizeObserver;
+    if (window.ResizeObserver && currentElement.parentElement) {
+      resizeObserver = new window.ResizeObserver(applyFitText);
+      resizeObserver.observe(currentElement.parentElement);
+      resizeObserver.observe(currentElement);
+    }
+    return () => {
+      if (hideFrameId !== null) {
+        window.cancelAnimationFrame(hideFrameId);
+      }
+      if (calculateFrameId !== null) {
+        window.cancelAnimationFrame(calculateFrameId);
+      }
+      if (showTimeoutId !== null) {
+        clearTimeout(showTimeoutId);
+      }
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+      const styleId = `fit-text-${clientId}`;
+      const styleElement = currentElement.ownerDocument.getElementById(styleId);
+      if (styleElement) {
+        styleElement.remove();
+      }
+    };
+  }, [
+    fitText,
+    clientId,
+    parentId,
+    applyFitText,
+    blockElement,
+    hasFitTextSupport2
+  ]);
+  useEffect(() => {
+    if (fitText && blockElement && hasFitTextSupport2) {
+      const frameId = window.requestAnimationFrame(() => {
+        if (blockElement) {
+          applyFitText();
+        }
+      });
+      return () => window.cancelAnimationFrame(frameId);
+    }
+  }, [
+    blockAttributes,
+    fitText,
+    applyFitText,
+    blockElement,
+    hasFitTextSupport2
+  ]);
+  return { fontSize };
+}
+function FitTextControl({
+  clientId,
+  fitText = false,
+  setAttributes,
+  name,
+  fontSize,
+  style,
+  warning
+}) {
+  if (!hasBlockSupport(name, FIT_TEXT_SUPPORT_KEY)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(InspectorControls, { group: "typography", children: /* @__PURE__ */ jsxs(
+    ToolsPanelItem,
+    {
+      hasValue: () => fitText,
+      label: __("Fit text"),
+      onDeselect: () => setAttributes({ fitText: void 0 }),
+      resetAllFilter: () => ({ fitText: void 0 }),
+      panelId: clientId,
+      children: [
+        /* @__PURE__ */ jsx(
+          ToggleControl,
+          {
+            label: __("Fit text"),
+            checked: fitText,
+            onChange: () => {
+              const newFitText = !fitText || void 0;
+              const updates = { fitText: newFitText };
+              if (newFitText) {
+                if (fontSize) {
+                  updates.fontSize = void 0;
+                }
+                if (style?.typography?.fontSize) {
+                  updates.style = {
+                    ...style,
+                    typography: {
+                      ...style?.typography,
+                      fontSize: void 0
+                    }
+                  };
+                }
+              }
+              setAttributes(updates);
+            },
+            help: fitText ? __("Text will resize to fit its container.") : __(
+              "The text will resize to fit its container, resetting other font size settings."
+            )
+          }
+        ),
+        warning
+      ]
+    }
+  ) });
+}
+function addSaveProps(props, blockType, attributes) {
+  if (!hasBlockSupport(blockType, FIT_TEXT_SUPPORT_KEY)) {
+    return props;
+  }
+  const { fitText } = attributes;
+  if (!fitText) {
+    return props;
+  }
+  const className = props.className ? `${props.className} has-fit-text` : "has-fit-text";
+  return {
+    ...props,
+    className
+  };
+}
+function useBlockProps({ name, fitText }) {
+  if (fitText && hasBlockSupport(name, FIT_TEXT_SUPPORT_KEY)) {
+    return {
+      className: "has-fit-text"
+    };
+  }
+  return {};
+}
+addFilter(
+  "blocks.registerBlockType",
+  "core/fit-text/addAttribute",
+  addAttributes
+);
+var hasFitTextSupport = (blockNameOrType) => {
+  return hasBlockSupport(blockNameOrType, FIT_TEXT_SUPPORT_KEY);
+};
+function WithFitTextFontSize({ fitText, name, clientId, children }) {
+  const { fontSize } = useFitText({ fitText, name, clientId });
+  return children(fontSize);
+}
+var addFitTextControl = createHigherOrderComponent((BlockEdit) => {
+  return (props) => {
+    const { name, attributes, clientId, isSelected, setAttributes } = props;
+    const { fitText } = attributes;
+    const supportsFitText = hasBlockSupport(name, FIT_TEXT_SUPPORT_KEY);
+    if (!supportsFitText) {
+      return /* @__PURE__ */ jsx(BlockEdit, { ...props });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BlockEdit, { ...props }),
+      fitText && /* @__PURE__ */ jsx(
+        WithFitTextFontSize,
+        {
+          fitText,
+          name,
+          clientId,
+          children: (fontSize) => isSelected && /* @__PURE__ */ jsx(
+            FitTextControl,
+            {
+              clientId,
+              fitText,
+              setAttributes,
+              name,
+              fontSize: attributes.fontSize,
+              style: attributes.style,
+              warning: fontSize < MIN_FONT_SIZE_FOR_WARNING && /* @__PURE__ */ jsx(FitTextSizeWarning, {})
+            }
+          )
+        }
+      ),
+      !fitText && isSelected && /* @__PURE__ */ jsx(
+        FitTextControl,
+        {
+          clientId,
+          fitText,
+          setAttributes,
+          name,
+          fontSize: attributes.fontSize,
+          style: attributes.style
+        }
+      )
+    ] });
+  };
+}, "addFitTextControl");
+addFilter(
+  "editor.BlockEdit",
+  "core/fit-text/add-fit-text-control",
+  addFitTextControl
+);
+var fit_text_default = {
+  useBlockProps,
+  addSaveProps,
+  attributeKeys: ["fitText", "fontSize", "style"],
+  hasSupport: hasFitTextSupport,
+  edit: () => null
+};
+export {
+  FIT_TEXT_SUPPORT_KEY,
+  FitTextControl,
+  fit_text_default as default
+};
+//# sourceMappingURL=fit-text.mjs.map

package/build-module/hooks/fit-text.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/fit-text.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { useEffect, useCallback, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\nconst EMPTY_OBJECT = {};\nconst MIN_FONT_SIZE_FOR_WARNING = 6;\n\n/**\n * Internal dependencies\n */\nimport { optimizeFitText } from '../utils/fit-text-utils';\nimport { store as blockEditorStore } from '../store';\nimport { useBlockElement } from '../components/block-list/use-block-props/use-block-refs';\nimport InspectorControls from '../components/inspector-controls';\nimport FitTextSizeWarning from '../components/fit-text-size-warning';\n\nexport const FIT_TEXT_SUPPORT_KEY = 'typography.fitText';\n\n/**\n * Filters registered block settings, extending attributes to include\n * the `fitText` attribute.\n *\n * @param {Object} settings Original block settings.\n * @return {Object} Filtered block settings.\n */\nfunction addAttributes( settings ) {\n\tif ( ! hasBlockSupport( settings, FIT_TEXT_SUPPORT_KEY ) ) {\n\t\treturn settings;\n\t}\n\n\t// Allow blocks to specify their own attribute definition.\n\tif ( settings.attributes?.fitText ) {\n\t\treturn settings;\n\t}\n\n\t// Add fitText attribute.\n\treturn {\n\t\t...settings,\n\t\tattributes: {\n\t\t\t...settings.attributes,\n\t\t\tfitText: {\n\t\t\t\ttype: 'boolean',\n\t\t\t},\n\t\t},\n\t};\n}\n\n/**\n * Custom hook to handle fit text functionality in the editor.\n *\n * @param {Object}   props          Component props.\n * @param {?boolean} props.fitText  Fit text attribute.\n * @param {string}   props.name     Block name.\n * @param {string}   props.clientId Block client ID.\n */\nfunction useFitText( { fitText, name, clientId } ) {\n\tconst [ fontSize, setFontSize ] = useState( null );\n\tconst hasFitTextSupport = hasBlockSupport( name, FIT_TEXT_SUPPORT_KEY );\n\tconst blockElement = useBlockElement( clientId );\n\n\t// Monitor block attribute changes, and parent changes.\n\t// Any attribute or parent change may change the available space.\n\tconst { blockAttributes, parentId } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId || ! hasFitTextSupport || ! fitText ) {\n\t\t\t\treturn EMPTY_OBJECT;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tblockAttributes:\n\t\t\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId ),\n\t\t\t\tparentId:\n\t\t\t\t\tselect( blockEditorStore ).getBlockRootClientId( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId, hasFitTextSupport, fitText ]\n\t);\n\n\tconst applyFitText = useCallback( () => {\n\t\tif ( ! blockElement || ! hasFitTextSupport || ! fitText ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get or create style element with unique ID\n\t\tconst styleId = `fit-text-${ clientId }`;\n\t\tlet styleElement = blockElement.ownerDocument.getElementById( styleId );\n\t\tif ( ! styleElement ) {\n\t\t\tstyleElement = blockElement.ownerDocument.createElement( 'style' );\n\t\t\tstyleElement.id = styleId;\n\t\t\tblockElement.ownerDocument.head.appendChild( styleElement );\n\t\t}\n\n\t\tconst blockSelector = `#block-${ clientId }`;\n\n\t\tconst applyFontSizeStyle = ( size ) => {\n\t\t\tif ( size === 0 ) {\n\t\t\t\tstyleElement.textContent = '';\n\t\t\t} else {\n\t\t\t\tstyleElement.textContent = `${ blockSelector } { font-size: ${ size }px !important; }`;\n\t\t\t}\n\t\t};\n\n\t\tconst optimalSize = optimizeFitText( blockElement, applyFontSizeStyle );\n\t\tsetFontSize( optimalSize );\n\t}, [ blockElement, clientId, hasFitTextSupport, fitText ] );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! fitText ||\n\t\t\t! blockElement ||\n\t\t\t! clientId ||\n\t\t\t! hasFitTextSupport\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Store current element value for cleanup\n\t\tconst currentElement = blockElement;\n\t\tconst previousVisibility = currentElement.style.visibility;\n\n\t\t// Store IDs for cleanup\n\t\tlet hideFrameId = null;\n\t\tlet calculateFrameId = null;\n\t\tlet showTimeoutId = null;\n\n\t\t// We are hiding the element doing the calculation of fit text\n\t\t// and then showing it again to avoid the user noticing a flash of potentially\n\t\t// big fitText while the binary search is happening.\n\t\thideFrameId = window.requestAnimationFrame( () => {\n\t\t\tcurrentElement.style.visibility = 'hidden';\n\t\t\t// Wait for browser to render the hidden state\n\t\t\tcalculateFrameId = window.requestAnimationFrame( () => {\n\t\t\t\tapplyFitText();\n\n\t\t\t\t// Using a timeout instead of requestAnimationFrame, because\n\t\t\t\t// with requestAnimationFrame a flash of very high size\n\t\t\t\t// can still occur although rare.\n\t\t\t\tshowTimeoutId = setTimeout( () => {\n\t\t\t\t\tcurrentElement.style.visibility = previousVisibility;\n\t\t\t\t}, 10 );\n\t\t\t} );\n\t\t} );\n\n\t\t// Watch for size changes\n\t\tlet resizeObserver;\n\t\tif ( window.ResizeObserver && currentElement.parentElement ) {\n\t\t\tresizeObserver = new window.ResizeObserver( applyFitText );\n\t\t\tresizeObserver.observe( currentElement.parentElement );\n\t\t\tresizeObserver.observe( currentElement );\n\t\t}\n\n\t\t// Cleanup function\n\t\treturn () => {\n\t\t\t// Cancel pending async operations\n\t\t\tif ( hideFrameId !== null ) {\n\t\t\t\twindow.cancelAnimationFrame( hideFrameId );\n\t\t\t}\n\t\t\tif ( calculateFrameId !== null ) {\n\t\t\t\twindow.cancelAnimationFrame( calculateFrameId );\n\t\t\t}\n\t\t\tif ( showTimeoutId !== null ) {\n\t\t\t\tclearTimeout( showTimeoutId );\n\t\t\t}\n\n\t\t\tif ( resizeObserver ) {\n\t\t\t\tresizeObserver.disconnect();\n\t\t\t}\n\n\t\t\tconst styleId = `fit-text-${ clientId }`;\n\t\t\tconst styleElement =\n\t\t\t\tcurrentElement.ownerDocument.getElementById( styleId );\n\t\t\tif ( styleElement ) {\n\t\t\t\tstyleElement.remove();\n\t\t\t}\n\t\t};\n\t}, [\n\t\tfitText,\n\t\tclientId,\n\t\tparentId,\n\t\tapplyFitText,\n\t\tblockElement,\n\t\thasFitTextSupport,\n\t] );\n\n\t// Trigger fit text recalculation when content changes\n\tuseEffect( () => {\n\t\tif ( fitText && blockElement && hasFitTextSupport ) {\n\t\t\t// Wait for next frame to ensure DOM has updated after content changes\n\t\t\tconst frameId = window.requestAnimationFrame( () => {\n\t\t\t\tif ( blockElement ) {\n\t\t\t\t\tapplyFitText();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\treturn () => window.cancelAnimationFrame( frameId );\n\t\t}\n\t}, [\n\t\tblockAttributes,\n\t\tfitText,\n\t\tapplyFitText,\n\t\tblockElement,\n\t\thasFitTextSupport,\n\t] );\n\n\treturn { fontSize };\n}\n\n/**\n * Fit text control component for the typography panel.\n *\n * @param {Object}      props               Component props.\n * @param {string}      props.clientId      Block client ID.\n * @param {Function}    props.setAttributes Function to set block attributes.\n * @param {string}      props.name          Block name.\n * @param {boolean}     props.fitText       Whether fit text is enabled.\n * @param {string}      props.fontSize      Font size slug.\n * @param {Object}      props.style         Block style object.\n * @param {JSX.Element} props.warning       Warning component to display.\n */\nexport function FitTextControl( {\n\tclientId,\n\tfitText = false,\n\tsetAttributes,\n\tname,\n\tfontSize,\n\tstyle,\n\twarning,\n} ) {\n\tif ( ! hasBlockSupport( name, FIT_TEXT_SUPPORT_KEY ) ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<InspectorControls group=\"typography\">\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => fitText }\n\t\t\t\tlabel={ __( 'Fit text' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { fitText: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( { fitText: undefined } ) }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Fit text' ) }\n\t\t\t\t\tchecked={ fitText }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tconst newFitText = ! fitText || undefined;\n\t\t\t\t\t\tconst updates = { fitText: newFitText };\n\n\t\t\t\t\t\t// When enabling fit text, clear font size if it has a value\n\t\t\t\t\t\tif ( newFitText ) {\n\t\t\t\t\t\t\tif ( fontSize ) {\n\t\t\t\t\t\t\t\tupdates.fontSize = undefined;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( style?.typography?.fontSize ) {\n\t\t\t\t\t\t\t\tupdates.style = {\n\t\t\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t\t\t\ttypography: {\n\t\t\t\t\t\t\t\t\t\t...style?.typography,\n\t\t\t\t\t\t\t\t\t\tfontSize: undefined,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tsetAttributes( updates );\n\t\t\t\t\t} }\n\t\t\t\t\thelp={\n\t\t\t\t\t\tfitText\n\t\t\t\t\t\t\t? __( 'Text will resize to fit its container.' )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'The text will resize to fit its container, resetting other font size settings.'\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ warning }\n\t\t\t</ToolsPanelItem>\n\t\t</InspectorControls>\n\t);\n}\n\n/**\n * Override props applied to the block element on save.\n *\n * @param {Object} props      Additional props applied to the block element.\n * @param {Object} blockType  Block type.\n * @param {Object} attributes Block attributes.\n * @return {Object} Filtered props applied to the block element.\n */\nfunction addSaveProps( props, blockType, attributes ) {\n\tif ( ! hasBlockSupport( blockType, FIT_TEXT_SUPPORT_KEY ) ) {\n\t\treturn props;\n\t}\n\n\tconst { fitText } = attributes;\n\n\tif ( ! fitText ) {\n\t\treturn props;\n\t}\n\n\t// Add CSS class for frontend detection and styling\n\tconst className = props.className\n\t\t? `${ props.className } has-fit-text`\n\t\t: 'has-fit-text';\n\n\treturn {\n\t\t...props,\n\t\tclassName,\n\t};\n}\n\n/**\n * Override props applied to the block element in the editor.\n *\n * @param {Object}  props         Component props including block attributes.\n * @param {string}  props.name    Block name.\n * @param {boolean} props.fitText Whether fit text is enabled.\n * @return {Object} Filtered props applied to the block element.\n */\nfunction useBlockProps( { name, fitText } ) {\n\tif ( fitText && hasBlockSupport( name, FIT_TEXT_SUPPORT_KEY ) ) {\n\t\treturn {\n\t\t\tclassName: 'has-fit-text',\n\t\t};\n\t}\n\treturn {};\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/fit-text/addAttribute',\n\taddAttributes\n);\n\nconst hasFitTextSupport = ( blockNameOrType ) => {\n\treturn hasBlockSupport( blockNameOrType, FIT_TEXT_SUPPORT_KEY );\n};\n\n/*\n * Helper to encapsulate calls to the relatively expensive `useFitText` hook.\n * Used in `addFitTextControl` so that the hook is only called when a block's\n * `fitText` attribute is set.\n */\nfunction WithFitTextFontSize( { fitText, name, clientId, children } ) {\n\tconst { fontSize } = useFitText( { fitText, name, clientId } );\n\treturn children( fontSize );\n}\n\n/*\n * Fit-text requires that layout calculations be done even when a block is not\n * currently selected. Therefore, the regular hooking approach using an\n * exported `edit` method is not enough, and we must use this HoC with the\n * `editor.BlockEdit` filter.\n */\nconst addFitTextControl = createHigherOrderComponent( ( BlockEdit ) => {\n\treturn ( props ) => {\n\t\tconst { name, attributes, clientId, isSelected, setAttributes } = props;\n\t\tconst { fitText } = attributes;\n\t\tconst supportsFitText = hasBlockSupport( name, FIT_TEXT_SUPPORT_KEY );\n\t\tif ( ! supportsFitText ) {\n\t\t\treturn <BlockEdit { ...props } />;\n\t\t}\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit { ...props } />\n\t\t\t\t{ fitText && (\n\t\t\t\t\t<WithFitTextFontSize\n\t\t\t\t\t\tfitText={ fitText }\n\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( fontSize ) =>\n\t\t\t\t\t\t\tisSelected && (\n\t\t\t\t\t\t\t\t<FitTextControl\n\t\t\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\t\t\tfitText={ fitText }\n\t\t\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\t\t\t\tfontSize={ attributes.fontSize }\n\t\t\t\t\t\t\t\t\tstyle={ attributes.style }\n\t\t\t\t\t\t\t\t\twarning={\n\t\t\t\t\t\t\t\t\t\tfontSize <\n\t\t\t\t\t\t\t\t\t\t\tMIN_FONT_SIZE_FOR_WARNING && (\n\t\t\t\t\t\t\t\t\t\t\t<FitTextSizeWarning />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t</WithFitTextFontSize>\n\t\t\t\t) }\n\t\t\t\t{ ! fitText && isSelected && (\n\t\t\t\t\t<FitTextControl\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tfitText={ fitText }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\tfontSize={ attributes.fontSize }\n\t\t\t\t\t\tstyle={ attributes.style }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t};\n}, 'addFitTextControl' );\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/fit-text/add-fit-text-control',\n\taddFitTextControl\n);\n\nexport default {\n\tuseBlockProps,\n\taddSaveProps,\n\tattributeKeys: [ 'fitText', 'fontSize', 'style' ],\n\thasSupport: hasFitTextSupport,\n\tedit: () => null,\n};\n"],
+  "mappings": "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",
+  "names": ["hasFitTextSupport"]
+}

package/build-module/hooks/font-family.mjs

@@ -0,0 +1,68 @@
+// packages/block-editor/src/hooks/font-family.js
+import { addFilter } from "@wordpress/hooks";
+import { hasBlockSupport } from "@wordpress/blocks";
+import TokenList from "@wordpress/token-list";
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { shouldSkipSerialization } from "./utils.mjs";
+import { TYPOGRAPHY_SUPPORT_KEY } from "./typography.mjs";
+import { unlock } from "../lock-unlock.mjs";
+var FONT_FAMILY_SUPPORT_KEY = "typography.__experimentalFontFamily";
+var { kebabCase } = unlock(componentsPrivateApis);
+function addAttributes(settings) {
+  if (!hasBlockSupport(settings, FONT_FAMILY_SUPPORT_KEY)) {
+    return settings;
+  }
+  if (!settings.attributes.fontFamily) {
+    Object.assign(settings.attributes, {
+      fontFamily: {
+        type: "string"
+      }
+    });
+  }
+  return settings;
+}
+function addSaveProps(props, blockType, attributes) {
+  if (!hasBlockSupport(blockType, FONT_FAMILY_SUPPORT_KEY)) {
+    return props;
+  }
+  if (shouldSkipSerialization(
+    blockType,
+    TYPOGRAPHY_SUPPORT_KEY,
+    "fontFamily"
+  )) {
+    return props;
+  }
+  if (!attributes?.fontFamily) {
+    return props;
+  }
+  const classes = new TokenList(props.className);
+  classes.add(`has-${kebabCase(attributes?.fontFamily)}-font-family`);
+  const newClassName = classes.value;
+  props.className = newClassName ? newClassName : void 0;
+  return props;
+}
+function useBlockProps({ name, fontFamily }) {
+  return addSaveProps({}, name, { fontFamily });
+}
+var font_family_default = {
+  useBlockProps,
+  addSaveProps,
+  attributeKeys: ["fontFamily"],
+  hasSupport(name) {
+    return hasBlockSupport(name, FONT_FAMILY_SUPPORT_KEY);
+  }
+};
+function resetFontFamily({ setAttributes }) {
+  setAttributes({ fontFamily: void 0 });
+}
+addFilter(
+  "blocks.registerBlockType",
+  "core/fontFamily/addAttribute",
+  addAttributes
+);
+export {
+  FONT_FAMILY_SUPPORT_KEY,
+  font_family_default as default,
+  resetFontFamily
+};
+//# sourceMappingURL=font-family.mjs.map

package/build-module/hooks/font-size.mjs

@@ -0,0 +1,178 @@
+// packages/block-editor/src/hooks/font-size.js
+import { addFilter } from "@wordpress/hooks";
+import { hasBlockSupport } from "@wordpress/blocks";
+import TokenList from "@wordpress/token-list";
+import { getTypographyFontSizeValue } from "@wordpress/global-styles-engine";
+import {
+  getFontSize,
+  getFontSizeClass,
+  getFontSizeObjectByValue,
+  FontSizePicker
+} from "../components/font-sizes/index.mjs";
+import { TYPOGRAPHY_SUPPORT_KEY } from "./typography.mjs";
+import {
+  cleanEmptyObject,
+  transformStyles,
+  shouldSkipSerialization
+} from "./utils.mjs";
+import { useSettings } from "../components/use-settings/index.mjs";
+import { jsx } from "react/jsx-runtime";
+var FONT_SIZE_SUPPORT_KEY = "typography.fontSize";
+function addAttributes(settings) {
+  if (!hasBlockSupport(settings, FONT_SIZE_SUPPORT_KEY)) {
+    return settings;
+  }
+  if (!settings.attributes.fontSize) {
+    Object.assign(settings.attributes, {
+      fontSize: {
+        type: "string"
+      }
+    });
+  }
+  return settings;
+}
+function addSaveProps(props, blockNameOrType, attributes) {
+  if (!hasBlockSupport(blockNameOrType, FONT_SIZE_SUPPORT_KEY)) {
+    return props;
+  }
+  if (shouldSkipSerialization(
+    blockNameOrType,
+    TYPOGRAPHY_SUPPORT_KEY,
+    "fontSize"
+  )) {
+    return props;
+  }
+  const classes = new TokenList(props.className);
+  classes.add(getFontSizeClass(attributes.fontSize));
+  const newClassName = classes.value;
+  props.className = newClassName ? newClassName : void 0;
+  return props;
+}
+function FontSizeEdit(props) {
+  const {
+    attributes: { fontSize, style },
+    setAttributes
+  } = props;
+  const [fontSizes] = useSettings("typography.fontSizes");
+  const onChange = (value, selectedItem) => {
+    const fontSizeSlug = selectedItem?.slug || getFontSizeObjectByValue(fontSizes, value).slug;
+    setAttributes({
+      style: cleanEmptyObject({
+        ...style,
+        typography: {
+          ...style?.typography,
+          fontSize: fontSizeSlug ? void 0 : value
+        }
+      }),
+      fontSize: fontSizeSlug
+    });
+  };
+  const fontSizeObject = getFontSize(
+    fontSizes,
+    fontSize,
+    style?.typography?.fontSize
+  );
+  const fontSizeValue = fontSizeObject?.size || style?.typography?.fontSize || fontSize;
+  return /* @__PURE__ */ jsx(
+    FontSizePicker,
+    {
+      onChange,
+      value: fontSize || fontSizeValue,
+      valueMode: fontSize ? "slug" : "literal",
+      withReset: false,
+      withSlider: true,
+      size: "__unstable-large"
+    }
+  );
+}
+function useIsFontSizeDisabled({ name: blockName } = {}) {
+  const [fontSizes] = useSettings("typography.fontSizes");
+  const hasFontSizes = !!fontSizes?.length;
+  return !hasBlockSupport(blockName, FONT_SIZE_SUPPORT_KEY) || !hasFontSizes;
+}
+function useBlockProps({ name, fontSize, style }) {
+  const [fontSizes, fluidTypographySettings, layoutSettings] = useSettings(
+    "typography.fontSizes",
+    "typography.fluid",
+    "layout"
+  );
+  if (!hasBlockSupport(name, FONT_SIZE_SUPPORT_KEY) || shouldSkipSerialization(name, TYPOGRAPHY_SUPPORT_KEY, "fontSize") || !fontSize && !style?.typography?.fontSize) {
+    return;
+  }
+  let props;
+  if (style?.typography?.fontSize) {
+    props = {
+      style: {
+        fontSize: getTypographyFontSizeValue(
+          { size: style.typography.fontSize },
+          {
+            typography: {
+              fluid: fluidTypographySettings
+            },
+            layout: layoutSettings
+          }
+        )
+      }
+    };
+  }
+  if (fontSize) {
+    props = {
+      style: {
+        fontSize: getFontSize(
+          fontSizes,
+          fontSize,
+          style?.typography?.fontSize
+        ).size
+      }
+    };
+  }
+  if (!props) {
+    return;
+  }
+  return addSaveProps(props, name, { fontSize });
+}
+var font_size_default = {
+  useBlockProps,
+  addSaveProps,
+  attributeKeys: ["fontSize", "style"],
+  hasSupport(name) {
+    return hasBlockSupport(name, FONT_SIZE_SUPPORT_KEY);
+  }
+};
+var MIGRATION_PATHS = {
+  fontSize: [["fontSize"], ["style", "typography", "fontSize"]]
+};
+function addTransforms(result, source, index, results) {
+  const destinationBlockType = result.name;
+  const activeSupports = {
+    fontSize: hasBlockSupport(
+      destinationBlockType,
+      FONT_SIZE_SUPPORT_KEY
+    )
+  };
+  return transformStyles(
+    activeSupports,
+    MIGRATION_PATHS,
+    result,
+    source,
+    index,
+    results
+  );
+}
+addFilter(
+  "blocks.registerBlockType",
+  "core/font/addAttribute",
+  addAttributes
+);
+addFilter(
+  "blocks.switchToBlockType.transformedBlock",
+  "core/font-size/addTransforms",
+  addTransforms
+);
+export {
+  FONT_SIZE_SUPPORT_KEY,
+  FontSizeEdit,
+  font_size_default as default,
+  useIsFontSizeDisabled
+};
+//# sourceMappingURL=font-size.mjs.map

package/build-module/hooks/gap.mjs

@@ -0,0 +1,26 @@
+// packages/block-editor/src/hooks/gap.js
+import { getSpacingPresetCssVar } from "../components/spacing-sizes-control/utils.mjs";
+function getGapBoxControlValueFromStyle(blockGapValue) {
+  if (!blockGapValue) {
+    return null;
+  }
+  const isValueString = typeof blockGapValue === "string";
+  return {
+    top: isValueString ? blockGapValue : blockGapValue?.top,
+    left: isValueString ? blockGapValue : blockGapValue?.left
+  };
+}
+function getGapCSSValue(blockGapValue, defaultValue = "0") {
+  const blockGapBoxControlValue = getGapBoxControlValueFromStyle(blockGapValue);
+  if (!blockGapBoxControlValue) {
+    return null;
+  }
+  const row = getSpacingPresetCssVar(blockGapBoxControlValue?.top) || defaultValue;
+  const column = getSpacingPresetCssVar(blockGapBoxControlValue?.left) || defaultValue;
+  return row === column ? row : `${row} ${column}`;
+}
+export {
+  getGapBoxControlValueFromStyle,
+  getGapCSSValue
+};
+//# sourceMappingURL=gap.mjs.map

package/build-module/hooks/generate-fields-from-attributes.mjs

@@ -0,0 +1,43 @@
+// packages/block-editor/src/hooks/generate-fields-from-attributes.js
+function generateFieldsFromAttributes(attributes) {
+  const fields = [];
+  const fieldIds = [];
+  Object.entries(attributes).forEach(([name, def]) => {
+    if (!def.__experimentalAutoInspectorControl) {
+      return;
+    }
+    const field = createFieldFromAttribute(name, def);
+    if (field) {
+      fields.push(field);
+      fieldIds.push(name);
+    }
+  });
+  return {
+    fields,
+    form: { fields: fieldIds }
+  };
+}
+function createFieldFromAttribute(name, def) {
+  const type = def.type;
+  if (!["string", "number", "integer", "boolean"].includes(type)) {
+    return null;
+  }
+  const field = {
+    id: name,
+    label: def.label || name,
+    // Only 'string' needs mapping to 'text'; others are 1:1 with DataForm types.
+    // This mapping will be unnecessary once #74105 lands.
+    type: type === "string" ? "text" : type
+  };
+  if (def.enum && Array.isArray(def.enum)) {
+    field.elements = def.enum.map((value) => ({
+      value,
+      label: String(value)
+    }));
+  }
+  return field;
+}
+export {
+  generateFieldsFromAttributes
+};
+//# sourceMappingURL=generate-fields-from-attributes.mjs.map

package/build-module/hooks/generate-fields-from-attributes.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/generate-fields-from-attributes.js"],
+  "sourcesContent": ["/**\n * Generates DataForm field definitions from block attributes.\n *\n * This utility enables PHP-only blocks to have auto-generated inspector controls\n * by converting block attribute definitions into DataForm field definitions.\n *\n * @param {Object} attributes - Block type attributes from block registration\n * @return {{ fields: Array, form: Object }} fieldsKey and formKey values\n */\nexport function generateFieldsFromAttributes( attributes ) {\n\tconst fields = [];\n\tconst fieldIds = [];\n\n\tObject.entries( attributes ).forEach( ( [ name, def ] ) => {\n\t\tif ( ! def.__experimentalAutoInspectorControl ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst field = createFieldFromAttribute( name, def );\n\t\tif ( field ) {\n\t\t\tfields.push( field );\n\t\t\tfieldIds.push( name );\n\t\t}\n\t} );\n\n\treturn {\n\t\tfields,\n\t\tform: { fields: fieldIds },\n\t};\n}\n\n/**\n * Creates a DataForm field definition from a block attribute definition.\n *\n * @param {string} name - The attribute name\n * @param {Object} def  - The attribute definition from block.json\n * @return {Object|null} DataForm field definition or null if type not supported\n */\nfunction createFieldFromAttribute( name, def ) {\n\tconst type = def.type;\n\n\t// Skip unsupported types (object, union types, etc.)\n\t// Supported: string\u2192text, number, integer, boolean (1:1 with DataForm)\n\tif ( ! [ 'string', 'number', 'integer', 'boolean' ].includes( type ) ) {\n\t\treturn null;\n\t}\n\n\tconst field = {\n\t\tid: name,\n\t\tlabel: def.label || name,\n\t\t// Only 'string' needs mapping to 'text'; others are 1:1 with DataForm types.\n\t\t// This mapping will be unnecessary once #74105 lands.\n\t\ttype: type === 'string' ? 'text' : type,\n\t};\n\n\t// Add elements for enums (DataForm shows select UI when elements are present)\n\tif ( def.enum && Array.isArray( def.enum ) ) {\n\t\tfield.elements = def.enum.map( ( value ) => ( {\n\t\t\tvalue,\n\t\t\tlabel: String( value ),\n\t\t} ) );\n\t}\n\n\treturn field;\n}\n"],
+  "mappings": ";AASO,SAAS,6BAA8B,YAAa;AAC1D,QAAM,SAAS,CAAC;AAChB,QAAM,WAAW,CAAC;AAElB,SAAO,QAAS,UAAW,EAAE,QAAS,CAAE,CAAE,MAAM,GAAI,MAAO;AAC1D,QAAK,CAAE,IAAI,oCAAqC;AAC/C;AAAA,IACD;AAEA,UAAM,QAAQ,yBAA0B,MAAM,GAAI;AAClD,QAAK,OAAQ;AACZ,aAAO,KAAM,KAAM;AACnB,eAAS,KAAM,IAAK;AAAA,IACrB;AAAA,EACD,CAAE;AAEF,SAAO;AAAA,IACN;AAAA,IACA,MAAM,EAAE,QAAQ,SAAS;AAAA,EAC1B;AACD;AASA,SAAS,yBAA0B,MAAM,KAAM;AAC9C,QAAM,OAAO,IAAI;AAIjB,MAAK,CAAE,CAAE,UAAU,UAAU,WAAW,SAAU,EAAE,SAAU,IAAK,GAAI;AACtE,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ;AAAA,IACb,IAAI;AAAA,IACJ,OAAO,IAAI,SAAS;AAAA;AAAA;AAAA,IAGpB,MAAM,SAAS,WAAW,SAAS;AAAA,EACpC;AAGA,MAAK,IAAI,QAAQ,MAAM,QAAS,IAAI,IAAK,GAAI;AAC5C,UAAM,WAAW,IAAI,KAAK,IAAK,CAAE,WAAa;AAAA,MAC7C;AAAA,MACA,OAAO,OAAQ,KAAM;AAAA,IACtB,EAAI;AAAA,EACL;AAEA,SAAO;AACR;",
+  "names": []
+}