@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build/utils/element-rect.js

@@ -1,27 +1,32 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var element_rect_exports = {};
+__export(element_rect_exports, {
+  NULL_ELEMENT_OFFSET_RECT: () => NULL_ELEMENT_OFFSET_RECT,
+  getElementOffsetRect: () => getElementOffsetRect,
+  useTrackElementOffsetRect: () => useTrackElementOffsetRect
 });
-exports.NULL_ELEMENT_OFFSET_RECT = void 0;
-exports.getElementOffsetRect = getElementOffsetRect;
-exports.useTrackElementOffsetRect = useTrackElementOffsetRect;
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-/* eslint-disable jsdoc/require-param */
-/**
- * WordPress dependencies
- */
-
-/**
- * The position and dimensions of an element, relative to its offset parent.
- */
-
-/**
- * An `ElementOffsetRect` object with all values set to zero.
- */
-const NULL_ELEMENT_OFFSET_RECT = exports.NULL_ELEMENT_OFFSET_RECT = {
-  element: undefined,
+module.exports = __toCommonJS(element_rect_exports);
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+const NULL_ELEMENT_OFFSET_RECT = {
+  element: void 0,
   top: 0,
   right: 0,
   bottom: 0,
@@ -29,26 +34,8 @@ const NULL_ELEMENT_OFFSET_RECT = exports.NULL_ELEMENT_OFFSET_RECT = {
   width: 0,
   height: 0
 };
-
-/**
- * Returns the position and dimensions of an element, relative to its offset
- * parent, with subpixel precision. Values reflect the real measures before any
- * potential scaling distortions along the X and Y axes.
- *
- * Useful in contexts where plain `getBoundingClientRect` calls or `ResizeObserver`
- * entries are not suitable, such as when the element is transformed, and when
- * `element.offset<Top|Left|Width|Height>` methods are not precise enough.
- *
- * **Note:** in some contexts, like when the scale is 0, this method will fail
- * because it's impossible to calculate a scaling ratio. When that happens, it
- * will return `undefined`.
- */
 function getElementOffsetRect(element) {
   var _offsetParent$getBoun, _offsetParent$scrollL, _offsetParent$scrollT;
-  // Position and dimension values computed with `getBoundingClientRect` have
-  // subpixel precision, but are affected by distortions since they represent
-  // the "real" measures, or in other words, the actual final values as rendered
-  // by the browser.
   const rect = element.getBoundingClientRect();
   if (rect.width === 0 || rect.height === 0) {
     return;
@@ -57,14 +44,8 @@ function getElementOffsetRect(element) {
   const offsetParentRect = (_offsetParent$getBoun = offsetParent?.getBoundingClientRect()) !== null && _offsetParent$getBoun !== void 0 ? _offsetParent$getBoun : NULL_ELEMENT_OFFSET_RECT;
   const offsetParentScrollX = (_offsetParent$scrollL = offsetParent?.scrollLeft) !== null && _offsetParent$scrollL !== void 0 ? _offsetParent$scrollL : 0;
   const offsetParentScrollY = (_offsetParent$scrollT = offsetParent?.scrollTop) !== null && _offsetParent$scrollT !== void 0 ? _offsetParent$scrollT : 0;
-
-  // Computed widths and heights have subpixel precision, and are not affected
-  // by distortions.
   const computedWidth = parseFloat(getComputedStyle(element).width);
   const computedHeight = parseFloat(getComputedStyle(element).height);
-
-  // We can obtain the current scale factor for the element by comparing "computed"
-  // dimensions with the "real" ones.
   const scaleX = computedWidth / rect.width;
   const scaleY = computedHeight / rect.height;
   return {
@@ -83,25 +64,10 @@ function getElementOffsetRect(element) {
   };
 }
 const POLL_RATE = 100;
-
-/**
- * Tracks the position and dimensions of an element, relative to its offset
- * parent. The element can be changed dynamically.
- *
- * When no element is provided (`null` or `undefined`), the hook will return
- * a "null" rect, in which all values are `0` and `element` is `undefined`.
- *
- * **Note:** sometimes, the measurement will fail (see `getElementOffsetRect`'s
- * documentation for more details). When that happens, this hook will attempt
- * to measure again after a frame, and if that fails, it will poll every 100
- * milliseconds until it succeeds.
- */
 function useTrackElementOffsetRect(targetElement, deps = []) {
-  const [indicatorPosition, setIndicatorPosition] = (0, _element.useState)(NULL_ELEMENT_OFFSET_RECT);
-  const intervalRef = (0, _element.useRef)();
-  const measure = (0, _compose.useEvent)(() => {
-    // Check that the targetElement is still attached to the DOM, in case
-    // it was removed since the last `measure` call.
+  const [indicatorPosition, setIndicatorPosition] = (0, import_element.useState)(NULL_ELEMENT_OFFSET_RECT);
+  const intervalRef = (0, import_element.useRef)();
+  const measure = (0, import_compose.useEvent)(() => {
     if (targetElement && targetElement.isConnected) {
       const elementOffsetRect = getElementOffsetRect(targetElement);
       if (elementOffsetRect) {
@@ -114,7 +80,7 @@ function useTrackElementOffsetRect(targetElement, deps = []) {
     }
     return false;
   });
-  const setElement = (0, _compose.useResizeObserver)(() => {
+  const setElement = (0, import_compose.useResizeObserver)(() => {
     if (!measure()) {
       requestAnimationFrame(() => {
         if (!measure()) {
@@ -123,23 +89,21 @@ function useTrackElementOffsetRect(targetElement, deps = []) {
       });
     }
   });
-  (0, _element.useLayoutEffect)(() => {
+  (0, import_element.useLayoutEffect)(() => {
     setElement(targetElement);
     if (!targetElement) {
       setIndicatorPosition(NULL_ELEMENT_OFFSET_RECT);
     }
   }, [setElement, targetElement]);
-
-  // Escape hatch to force a remeasurement when something else changes rather
-  // than the target elements' ref or size (for example, the target element
-  // can change its position within the tablist).
-  (0, _element.useLayoutEffect)(() => {
+  (0, import_element.useLayoutEffect)(() => {
     measure();
-    // `measure` is a stable function, so it's safe to omit it from the deps array.
-    // deps can't be statically analyzed by ESLint
   }, deps);
   return indicatorPosition;
 }
-
-/* eslint-enable jsdoc/require-param */
-//# sourceMappingURL=element-rect.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NULL_ELEMENT_OFFSET_RECT,
+  getElementOffsetRect,
+  useTrackElementOffsetRect
+});
+//# sourceMappingURL=element-rect.js.map

package/build/utils/element-rect.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_compose","NULL_ELEMENT_OFFSET_RECT","exports","element","undefined","top","right","bottom","left","width","height","getElementOffsetRect","_offsetParent$getBoun","_offsetParent$scrollL","_offsetParent$scrollT","rect","getBoundingClientRect","offsetParent","offsetParentRect","offsetParentScrollX","scrollLeft","offsetParentScrollY","scrollTop","computedWidth","parseFloat","getComputedStyle","computedHeight","scaleX","scaleY","POLL_RATE","useTrackElementOffsetRect","targetElement","deps","indicatorPosition","setIndicatorPosition","useState","intervalRef","useRef","measure","useEvent","isConnected","elementOffsetRect","clearInterval","current","setElement","useResizeObserver","requestAnimationFrame","setInterval","useLayoutEffect"],"sources":["@wordpress/components/src/utils/element-rect.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-param */\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useRef, useState } from '@wordpress/element';\nimport { useEvent, useResizeObserver } from '@wordpress/compose';\n\n/**\n * The position and dimensions of an element, relative to its offset parent.\n */\nexport type ElementOffsetRect = {\n\t/**\n\t * The element the rect belongs to.\n\t */\n\telement: HTMLElement | undefined;\n\t/**\n\t * The distance from the top edge of the offset parent to the top edge of\n\t * the element.\n\t */\n\ttop: number;\n\t/**\n\t * The distance from the right edge of the offset parent to the right edge\n\t * of the element.\n\t */\n\tright: number;\n\t/**\n\t * The distance from the bottom edge of the offset parent to the bottom edge\n\t * of the element.\n\t */\n\tbottom: number;\n\t/**\n\t * The distance from the left edge of the offset parent to the left edge of\n\t * the element.\n\t */\n\tleft: number;\n\t/**\n\t * The width of the element.\n\t */\n\twidth: number;\n\t/**\n\t * The height of the element.\n\t */\n\theight: number;\n};\n\n/**\n * An `ElementOffsetRect` object with all values set to zero.\n */\nexport const NULL_ELEMENT_OFFSET_RECT = {\n\telement: undefined,\n\ttop: 0,\n\tright: 0,\n\tbottom: 0,\n\tleft: 0,\n\twidth: 0,\n\theight: 0,\n} satisfies ElementOffsetRect;\n\n/**\n * Returns the position and dimensions of an element, relative to its offset\n * parent, with subpixel precision. Values reflect the real measures before any\n * potential scaling distortions along the X and Y axes.\n *\n * Useful in contexts where plain `getBoundingClientRect` calls or `ResizeObserver`\n * entries are not suitable, such as when the element is transformed, and when\n * `element.offset<Top|Left|Width|Height>` methods are not precise enough.\n *\n * **Note:** in some contexts, like when the scale is 0, this method will fail\n * because it's impossible to calculate a scaling ratio. When that happens, it\n * will return `undefined`.\n */\nexport function getElementOffsetRect(\n\telement: HTMLElement\n): ElementOffsetRect | undefined {\n\t// Position and dimension values computed with `getBoundingClientRect` have\n\t// subpixel precision, but are affected by distortions since they represent\n\t// the \"real\" measures, or in other words, the actual final values as rendered\n\t// by the browser.\n\tconst rect = element.getBoundingClientRect();\n\tif ( rect.width === 0 || rect.height === 0 ) {\n\t\treturn;\n\t}\n\tconst offsetParent = element.offsetParent;\n\tconst offsetParentRect =\n\t\toffsetParent?.getBoundingClientRect() ?? NULL_ELEMENT_OFFSET_RECT;\n\tconst offsetParentScrollX = offsetParent?.scrollLeft ?? 0;\n\tconst offsetParentScrollY = offsetParent?.scrollTop ?? 0;\n\n\t// Computed widths and heights have subpixel precision, and are not affected\n\t// by distortions.\n\tconst computedWidth = parseFloat( getComputedStyle( element ).width );\n\tconst computedHeight = parseFloat( getComputedStyle( element ).height );\n\n\t// We can obtain the current scale factor for the element by comparing \"computed\"\n\t// dimensions with the \"real\" ones.\n\tconst scaleX = computedWidth / rect.width;\n\tconst scaleY = computedHeight / rect.height;\n\n\treturn {\n\t\telement,\n\t\t// To obtain the adjusted values for the position:\n\t\t// 1. Compute the element's position relative to the offset parent.\n\t\t// 2. Correct for the scale factor.\n\t\t// 3. Adjust for the scroll position of the offset parent.\n\t\ttop:\n\t\t\t( rect.top - offsetParentRect?.top ) * scaleY + offsetParentScrollY,\n\t\tright:\n\t\t\t( offsetParentRect?.right - rect.right ) * scaleX -\n\t\t\toffsetParentScrollX,\n\t\tbottom:\n\t\t\t( offsetParentRect?.bottom - rect.bottom ) * scaleY -\n\t\t\toffsetParentScrollY,\n\t\tleft:\n\t\t\t( rect.left - offsetParentRect?.left ) * scaleX +\n\t\t\toffsetParentScrollX,\n\t\t// Computed dimensions don't need any adjustments.\n\t\twidth: computedWidth,\n\t\theight: computedHeight,\n\t};\n}\n\nconst POLL_RATE = 100;\n\n/**\n * Tracks the position and dimensions of an element, relative to its offset\n * parent. The element can be changed dynamically.\n *\n * When no element is provided (`null` or `undefined`), the hook will return\n * a \"null\" rect, in which all values are `0` and `element` is `undefined`.\n *\n * **Note:** sometimes, the measurement will fail (see `getElementOffsetRect`'s\n * documentation for more details). When that happens, this hook will attempt\n * to measure again after a frame, and if that fails, it will poll every 100\n * milliseconds until it succeeds.\n */\nexport function useTrackElementOffsetRect(\n\ttargetElement: HTMLElement | undefined | null,\n\tdeps: unknown[] = []\n) {\n\tconst [ indicatorPosition, setIndicatorPosition ] =\n\t\tuseState< ElementOffsetRect >( NULL_ELEMENT_OFFSET_RECT );\n\tconst intervalRef = useRef< ReturnType< typeof setInterval > >();\n\n\tconst measure = useEvent( () => {\n\t\t// Check that the targetElement is still attached to the DOM, in case\n\t\t// it was removed since the last `measure` call.\n\t\tif ( targetElement && targetElement.isConnected ) {\n\t\t\tconst elementOffsetRect = getElementOffsetRect( targetElement );\n\t\t\tif ( elementOffsetRect ) {\n\t\t\t\tsetIndicatorPosition( elementOffsetRect );\n\t\t\t\tclearInterval( intervalRef.current );\n\t\t\t\treturn true;\n\t\t\t}\n\t\t} else {\n\t\t\tclearInterval( intervalRef.current );\n\t\t}\n\t\treturn false;\n\t} );\n\n\tconst setElement = useResizeObserver( () => {\n\t\tif ( ! measure() ) {\n\t\t\trequestAnimationFrame( () => {\n\t\t\t\tif ( ! measure() ) {\n\t\t\t\t\tintervalRef.current = setInterval( measure, POLL_RATE );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n\n\tuseLayoutEffect( () => {\n\t\tsetElement( targetElement );\n\t\tif ( ! targetElement ) {\n\t\t\tsetIndicatorPosition( NULL_ELEMENT_OFFSET_RECT );\n\t\t}\n\t}, [ setElement, targetElement ] );\n\n\t// Escape hatch to force a remeasurement when something else changes rather\n\t// than the target elements' ref or size (for example, the target element\n\t// can change its position within the tablist).\n\tuseLayoutEffect( () => {\n\t\tmeasure();\n\t\t// `measure` is a stable function, so it's safe to omit it from the deps array.\n\t\t// deps can't be statically analyzed by ESLint\n\t}, deps );\n\n\treturn indicatorPosition;\n}\n\n/* eslint-enable jsdoc/require-param */\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/element-rect.ts"],
+  "sourcesContent": ["/* eslint-disable jsdoc/require-param */\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useRef, useState } from '@wordpress/element';\nimport { useEvent, useResizeObserver } from '@wordpress/compose';\n\n/**\n * The position and dimensions of an element, relative to its offset parent.\n */\n\n/**\n * An `ElementOffsetRect` object with all values set to zero.\n */\nexport const NULL_ELEMENT_OFFSET_RECT = {\n  element: undefined,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  width: 0,\n  height: 0\n};\n\n/**\n * Returns the position and dimensions of an element, relative to its offset\n * parent, with subpixel precision. Values reflect the real measures before any\n * potential scaling distortions along the X and Y axes.\n *\n * Useful in contexts where plain `getBoundingClientRect` calls or `ResizeObserver`\n * entries are not suitable, such as when the element is transformed, and when\n * `element.offset<Top|Left|Width|Height>` methods are not precise enough.\n *\n * **Note:** in some contexts, like when the scale is 0, this method will fail\n * because it's impossible to calculate a scaling ratio. When that happens, it\n * will return `undefined`.\n */\nexport function getElementOffsetRect(element) {\n  var _offsetParent$getBoun, _offsetParent$scrollL, _offsetParent$scrollT;\n  // Position and dimension values computed with `getBoundingClientRect` have\n  // subpixel precision, but are affected by distortions since they represent\n  // the \"real\" measures, or in other words, the actual final values as rendered\n  // by the browser.\n  const rect = element.getBoundingClientRect();\n  if (rect.width === 0 || rect.height === 0) {\n    return;\n  }\n  const offsetParent = element.offsetParent;\n  const offsetParentRect = (_offsetParent$getBoun = offsetParent?.getBoundingClientRect()) !== null && _offsetParent$getBoun !== void 0 ? _offsetParent$getBoun : NULL_ELEMENT_OFFSET_RECT;\n  const offsetParentScrollX = (_offsetParent$scrollL = offsetParent?.scrollLeft) !== null && _offsetParent$scrollL !== void 0 ? _offsetParent$scrollL : 0;\n  const offsetParentScrollY = (_offsetParent$scrollT = offsetParent?.scrollTop) !== null && _offsetParent$scrollT !== void 0 ? _offsetParent$scrollT : 0;\n\n  // Computed widths and heights have subpixel precision, and are not affected\n  // by distortions.\n  const computedWidth = parseFloat(getComputedStyle(element).width);\n  const computedHeight = parseFloat(getComputedStyle(element).height);\n\n  // We can obtain the current scale factor for the element by comparing \"computed\"\n  // dimensions with the \"real\" ones.\n  const scaleX = computedWidth / rect.width;\n  const scaleY = computedHeight / rect.height;\n  return {\n    element,\n    // To obtain the adjusted values for the position:\n    // 1. Compute the element's position relative to the offset parent.\n    // 2. Correct for the scale factor.\n    // 3. Adjust for the scroll position of the offset parent.\n    top: (rect.top - offsetParentRect?.top) * scaleY + offsetParentScrollY,\n    right: (offsetParentRect?.right - rect.right) * scaleX - offsetParentScrollX,\n    bottom: (offsetParentRect?.bottom - rect.bottom) * scaleY - offsetParentScrollY,\n    left: (rect.left - offsetParentRect?.left) * scaleX + offsetParentScrollX,\n    // Computed dimensions don't need any adjustments.\n    width: computedWidth,\n    height: computedHeight\n  };\n}\nconst POLL_RATE = 100;\n\n/**\n * Tracks the position and dimensions of an element, relative to its offset\n * parent. The element can be changed dynamically.\n *\n * When no element is provided (`null` or `undefined`), the hook will return\n * a \"null\" rect, in which all values are `0` and `element` is `undefined`.\n *\n * **Note:** sometimes, the measurement will fail (see `getElementOffsetRect`'s\n * documentation for more details). When that happens, this hook will attempt\n * to measure again after a frame, and if that fails, it will poll every 100\n * milliseconds until it succeeds.\n */\nexport function useTrackElementOffsetRect(targetElement, deps = []) {\n  const [indicatorPosition, setIndicatorPosition] = useState(NULL_ELEMENT_OFFSET_RECT);\n  const intervalRef = useRef();\n  const measure = useEvent(() => {\n    // Check that the targetElement is still attached to the DOM, in case\n    // it was removed since the last `measure` call.\n    if (targetElement && targetElement.isConnected) {\n      const elementOffsetRect = getElementOffsetRect(targetElement);\n      if (elementOffsetRect) {\n        setIndicatorPosition(elementOffsetRect);\n        clearInterval(intervalRef.current);\n        return true;\n      }\n    } else {\n      clearInterval(intervalRef.current);\n    }\n    return false;\n  });\n  const setElement = useResizeObserver(() => {\n    if (!measure()) {\n      requestAnimationFrame(() => {\n        if (!measure()) {\n          intervalRef.current = setInterval(measure, POLL_RATE);\n        }\n      });\n    }\n  });\n  useLayoutEffect(() => {\n    setElement(targetElement);\n    if (!targetElement) {\n      setIndicatorPosition(NULL_ELEMENT_OFFSET_RECT);\n    }\n  }, [setElement, targetElement]);\n\n  // Escape hatch to force a remeasurement when something else changes rather\n  // than the target elements' ref or size (for example, the target element\n  // can change its position within the tablist).\n  useLayoutEffect(() => {\n    measure();\n    // `measure` is a stable function, so it's safe to omit it from the deps array.\n    // deps can't be statically analyzed by ESLint\n  }, deps);\n  return indicatorPosition;\n}\n\n/* eslint-enable jsdoc/require-param */"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAkD;AAClD,qBAA4C;AASrC,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAeO,SAAS,qBAAqB,SAAS;AAC5C,MAAI,uBAAuB,uBAAuB;AAKlD,QAAM,OAAO,QAAQ,sBAAsB;AAC3C,MAAI,KAAK,UAAU,KAAK,KAAK,WAAW,GAAG;AACzC;AAAA,EACF;AACA,QAAM,eAAe,QAAQ;AAC7B,QAAM,oBAAoB,wBAAwB,cAAc,sBAAsB,OAAO,QAAQ,0BAA0B,SAAS,wBAAwB;AAChK,QAAM,uBAAuB,wBAAwB,cAAc,gBAAgB,QAAQ,0BAA0B,SAAS,wBAAwB;AACtJ,QAAM,uBAAuB,wBAAwB,cAAc,eAAe,QAAQ,0BAA0B,SAAS,wBAAwB;AAIrJ,QAAM,gBAAgB,WAAW,iBAAiB,OAAO,EAAE,KAAK;AAChE,QAAM,iBAAiB,WAAW,iBAAiB,OAAO,EAAE,MAAM;AAIlE,QAAM,SAAS,gBAAgB,KAAK;AACpC,QAAM,SAAS,iBAAiB,KAAK;AACrC,SAAO;AAAA,IACL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAM,KAAK,MAAM,kBAAkB,OAAO,SAAS;AAAA,IACnD,QAAQ,kBAAkB,QAAQ,KAAK,SAAS,SAAS;AAAA,IACzD,SAAS,kBAAkB,SAAS,KAAK,UAAU,SAAS;AAAA,IAC5D,OAAO,KAAK,OAAO,kBAAkB,QAAQ,SAAS;AAAA;AAAA,IAEtD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AACA,MAAM,YAAY;AAcX,SAAS,0BAA0B,eAAe,OAAO,CAAC,GAAG;AAClE,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,yBAAS,wBAAwB;AACnF,QAAM,kBAAc,uBAAO;AAC3B,QAAM,cAAU,yBAAS,MAAM;AAG7B,QAAI,iBAAiB,cAAc,aAAa;AAC9C,YAAM,oBAAoB,qBAAqB,aAAa;AAC5D,UAAI,mBAAmB;AACrB,6BAAqB,iBAAiB;AACtC,sBAAc,YAAY,OAAO;AACjC,eAAO;AAAA,MACT;AAAA,IACF,OAAO;AACL,oBAAc,YAAY,OAAO;AAAA,IACnC;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,iBAAa,kCAAkB,MAAM;AACzC,QAAI,CAAC,QAAQ,GAAG;AACd,4BAAsB,MAAM;AAC1B,YAAI,CAAC,QAAQ,GAAG;AACd,sBAAY,UAAU,YAAY,SAAS,SAAS;AAAA,QACtD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACD,sCAAgB,MAAM;AACpB,eAAW,aAAa;AACxB,QAAI,CAAC,eAAe;AAClB,2BAAqB,wBAAwB;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,YAAY,aAAa,CAAC;AAK9B,sCAAgB,MAAM;AACpB,YAAQ;AAAA,EAGV,GAAG,IAAI;AACP,SAAO;AACT;",
+  "names": []
+}

package/build/utils/font-size.js

@@ -1,23 +1,43 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var font_size_exports = {};
+__export(font_size_exports, {
+  BASE_FONT_SIZE: () => BASE_FONT_SIZE,
+  HEADING_FONT_SIZES: () => HEADING_FONT_SIZES,
+  PRESET_FONT_SIZES: () => PRESET_FONT_SIZES,
+  getFontSize: () => getFontSize,
+  getHeadingFontSize: () => getHeadingFontSize
 });
-exports.PRESET_FONT_SIZES = exports.HEADING_FONT_SIZES = exports.BASE_FONT_SIZE = void 0;
-exports.getFontSize = getFontSize;
-exports.getHeadingFontSize = getHeadingFontSize;
-var _configValues = _interopRequireDefault(require("./config-values"));
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const BASE_FONT_SIZE = exports.BASE_FONT_SIZE = 13;
-const PRESET_FONT_SIZES = exports.PRESET_FONT_SIZES = {
+module.exports = __toCommonJS(font_size_exports);
+var import_config_values = __toESM(require("./config-values"));
+const BASE_FONT_SIZE = 13;
+const PRESET_FONT_SIZES = {
   body: BASE_FONT_SIZE,
   caption: 10,
   footnote: 11,
@@ -25,12 +45,12 @@ const PRESET_FONT_SIZES = exports.PRESET_FONT_SIZES = {
   subheadline: 12,
   title: 20
 };
-const HEADING_FONT_SIZES = exports.HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap(n => [n, n.toString()]);
+const HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap((n) => [n, n.toString()]);
 function getFontSize(size = BASE_FONT_SIZE) {
   if (size in PRESET_FONT_SIZES) {
     return getFontSize(PRESET_FONT_SIZES[size]);
   }
-  if (typeof size !== 'number') {
+  if (typeof size !== "number") {
     const parsed = parseFloat(size);
     if (Number.isNaN(parsed)) {
       return size;
@@ -38,13 +58,21 @@ function getFontSize(size = BASE_FONT_SIZE) {
     size = parsed;
   }
   const ratio = `(${size} / ${BASE_FONT_SIZE})`;
-  return `calc(${ratio} * ${_configValues.default.fontSize})`;
+  return `calc(${ratio} * ${import_config_values.default.fontSize})`;
 }
 function getHeadingFontSize(size = 3) {
   if (!HEADING_FONT_SIZES.includes(size)) {
     return getFontSize(size);
   }
   const headingSize = `fontSizeH${size}`;
-  return _configValues.default[headingSize];
+  return import_config_values.default[headingSize];
 }
-//# sourceMappingURL=font-size.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BASE_FONT_SIZE,
+  HEADING_FONT_SIZES,
+  PRESET_FONT_SIZES,
+  getFontSize,
+  getHeadingFontSize
+});
+//# sourceMappingURL=font-size.js.map

package/build/utils/font-size.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_configValues","_interopRequireDefault","require","BASE_FONT_SIZE","exports","PRESET_FONT_SIZES","body","caption","footnote","largeTitle","subheadline","title","HEADING_FONT_SIZES","flatMap","n","toString","getFontSize","size","parsed","parseFloat","Number","isNaN","ratio","CONFIG","fontSize","getHeadingFontSize","includes","headingSize"],"sources":["@wordpress/components/src/utils/font-size.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * Internal dependencies\n */\nimport CONFIG from './config-values';\n\nexport type HeadingSize =\n\t| 1\n\t| 2\n\t| 3\n\t| 4\n\t| 5\n\t| 6\n\t| '1'\n\t| '2'\n\t| '3'\n\t| '4'\n\t| '5'\n\t| '6';\n\nexport const BASE_FONT_SIZE = 13;\n\nexport const PRESET_FONT_SIZES = {\n\tbody: BASE_FONT_SIZE,\n\tcaption: 10,\n\tfootnote: 11,\n\tlargeTitle: 28,\n\tsubheadline: 12,\n\ttitle: 20,\n};\n\nexport const HEADING_FONT_SIZES = [ 1, 2, 3, 4, 5, 6 ].flatMap( ( n ) => [\n\tn as HeadingSize,\n\tn.toString() as HeadingSize,\n] );\n\nexport function getFontSize(\n\tsize:\n\t\t| CSSProperties[ 'fontSize' ]\n\t\t| keyof typeof PRESET_FONT_SIZES = BASE_FONT_SIZE\n): string {\n\tif ( size in PRESET_FONT_SIZES ) {\n\t\treturn getFontSize(\n\t\t\tPRESET_FONT_SIZES[ size as keyof typeof PRESET_FONT_SIZES ]\n\t\t);\n\t}\n\n\tif ( typeof size !== 'number' ) {\n\t\tconst parsed = parseFloat( size );\n\t\tif ( Number.isNaN( parsed ) ) {\n\t\t\treturn size;\n\t\t}\n\t\tsize = parsed;\n\t}\n\n\tconst ratio = `(${ size } / ${ BASE_FONT_SIZE })`;\n\treturn `calc(${ ratio } * ${ CONFIG.fontSize })`;\n}\n\nexport function getHeadingFontSize( size: number | string = 3 ): string {\n\tif ( ! HEADING_FONT_SIZES.includes( size as HeadingSize ) ) {\n\t\treturn getFontSize( size );\n\t}\n\n\tconst headingSize = `fontSizeH${ size }` as `fontSizeH${ HeadingSize }`;\n\treturn CONFIG[ headingSize ];\n}\n"],"mappings":";;;;;;;;;AAQA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAiBO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,EAAE;AAEzB,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG;EAChCC,IAAI,EAAEH,cAAc;EACpBI,OAAO,EAAE,EAAE;EACXC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,EAAE;EACdC,WAAW,EAAE,EAAE;EACfC,KAAK,EAAE;AACR,CAAC;AAEM,MAAMC,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAG,CAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE,CAACC,OAAO,CAAIC,CAAC,IAAM,CACxEA,CAAC,EACDA,CAAC,CAACC,QAAQ,CAAC,CAAC,CACX,CAAC;AAEI,SAASC,WAAWA,CAC1BC,IAEiC,GAAGd,cAAc,EACzC;EACT,IAAKc,IAAI,IAAIZ,iBAAiB,EAAG;IAChC,OAAOW,WAAW,CACjBX,iBAAiB,CAAEY,IAAI,CACxB,CAAC;EACF;EAEA,IAAK,OAAOA,IAAI,KAAK,QAAQ,EAAG;IAC/B,MAAMC,MAAM,GAAGC,UAAU,CAAEF,IAAK,CAAC;IACjC,IAAKG,MAAM,CAACC,KAAK,CAAEH,MAAO,CAAC,EAAG;MAC7B,OAAOD,IAAI;IACZ;IACAA,IAAI,GAAGC,MAAM;EACd;EAEA,MAAMI,KAAK,GAAG,IAAKL,IAAI,MAAQd,cAAc,GAAI;EACjD,OAAO,QAASmB,KAAK,MAAQC,qBAAM,CAACC,QAAQ,GAAI;AACjD;AAEO,SAASC,kBAAkBA,CAAER,IAAqB,GAAG,CAAC,EAAW;EACvE,IAAK,CAAEL,kBAAkB,CAACc,QAAQ,CAAET,IAAoB,CAAC,EAAG;IAC3D,OAAOD,WAAW,CAAEC,IAAK,CAAC;EAC3B;EAEA,MAAMU,WAAW,GAAG,YAAaV,IAAI,EAAkC;EACvE,OAAOM,qBAAM,CAAEI,WAAW,CAAE;AAC7B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/font-size.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport CONFIG from './config-values';\nexport const BASE_FONT_SIZE = 13;\nexport const PRESET_FONT_SIZES = {\n  body: BASE_FONT_SIZE,\n  caption: 10,\n  footnote: 11,\n  largeTitle: 28,\n  subheadline: 12,\n  title: 20\n};\nexport const HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap(n => [n, n.toString()]);\nexport function getFontSize(size = BASE_FONT_SIZE) {\n  if (size in PRESET_FONT_SIZES) {\n    return getFontSize(PRESET_FONT_SIZES[size]);\n  }\n  if (typeof size !== 'number') {\n    const parsed = parseFloat(size);\n    if (Number.isNaN(parsed)) {\n      return size;\n    }\n    size = parsed;\n  }\n  const ratio = `(${size} / ${BASE_FONT_SIZE})`;\n  return `calc(${ratio} * ${CONFIG.fontSize})`;\n}\nexport function getHeadingFontSize(size = 3) {\n  if (!HEADING_FONT_SIZES.includes(size)) {\n    return getFontSize(size);\n  }\n  const headingSize = `fontSizeH${size}`;\n  return CONFIG[headingSize];\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,2BAAmB;AACZ,MAAM,iBAAiB;AACvB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AACT;AACO,MAAM,qBAAqB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,QAAQ,OAAK,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;AAC5E,SAAS,YAAY,OAAO,gBAAgB;AACjD,MAAI,QAAQ,mBAAmB;AAC7B,WAAO,YAAY,kBAAkB,IAAI,CAAC;AAAA,EAC5C;AACA,MAAI,OAAO,SAAS,UAAU;AAC5B,UAAM,SAAS,WAAW,IAAI;AAC9B,QAAI,OAAO,MAAM,MAAM,GAAG;AACxB,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,IAAI,IAAI,MAAM,cAAc;AAC1C,SAAO,QAAQ,KAAK,MAAM,qBAAAA,QAAO,QAAQ;AAC3C;AACO,SAAS,mBAAmB,OAAO,GAAG;AAC3C,MAAI,CAAC,mBAAmB,SAAS,IAAI,GAAG;AACtC,WAAO,YAAY,IAAI;AAAA,EACzB;AACA,QAAM,cAAc,YAAY,IAAI;AACpC,SAAO,qBAAAA,QAAO,WAAW;AAC3B;",
+  "names": ["CONFIG"]
+}

package/build/utils/font-values.js

@@ -1,13 +1,30 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var font_values_exports = {};
+__export(font_values_exports, {
+  default: () => font_values_default
 });
-exports.default = void 0;
-var _default = exports.default = {
-  'default.fontFamily': "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
-  'default.fontSize': '13px',
-  'helpText.fontSize': '12px',
-  mobileTextMinFontSize: '16px'
+module.exports = __toCommonJS(font_values_exports);
+var font_values_default = {
+  "default.fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
+  "default.fontSize": "13px",
+  "helpText.fontSize": "12px",
+  mobileTextMinFontSize: "16px"
 };
-//# sourceMappingURL=font-values.js.map
+//# sourceMappingURL=font-values.js.map

package/build/utils/font-values.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["mobileTextMinFontSize"],"sources":["@wordpress/components/src/utils/font-values.js"],"sourcesContent":["export default {\n\t'default.fontFamily':\n\t\t\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif\",\n\t'default.fontSize': '13px',\n\n\t'helpText.fontSize': '12px',\n\n\tmobileTextMinFontSize: '16px',\n};\n"],"mappings":";;;;;;iCAAe;EACd,oBAAoB,EACnB,qHAAqH;EACtH,kBAAkB,EAAE,MAAM;EAE1B,mBAAmB,EAAE,MAAM;EAE3BA,qBAAqB,EAAE;AACxB,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/font-values.js"],
+  "sourcesContent": ["export default {\n  'default.fontFamily': \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif\",\n  'default.fontSize': '13px',\n  'helpText.fontSize': '12px',\n  mobileTextMinFontSize: '16px'\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,uBAAuB;AACzB;",
+  "names": []
+}

package/build/utils/font.js

@@ -1,22 +1,43 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var font_exports = {};
+__export(font_exports, {
+  font: () => font
 });
-exports.font = font;
-var _fontValues = _interopRequireDefault(require("./font-values"));
-/**
- * Internal dependencies
- */
-
-/**
- *
- * @param {keyof FONT} value Path of value from `FONT`
- * @return {string} Font rule value
- */
+module.exports = __toCommonJS(font_exports);
+var import_font_values = __toESM(require("./font-values"));
 function font(value) {
   var _FONT$value;
-  return (_FONT$value = _fontValues.default[value]) !== null && _FONT$value !== void 0 ? _FONT$value : '';
+  return (_FONT$value = import_font_values.default[value]) !== null && _FONT$value !== void 0 ? _FONT$value : "";
 }
-//# sourceMappingURL=font.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  font
+});
+//# sourceMappingURL=font.js.map

package/build/utils/font.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_fontValues","_interopRequireDefault","require","font","value","_FONT$value","FONT"],"sources":["@wordpress/components/src/utils/font.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport FONT from './font-values';\n\n/**\n *\n * @param {keyof FONT} value Path of value from `FONT`\n * @return {string} Font rule value\n */\nexport function font( value ) {\n\treturn FONT[ value ] ?? '';\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASC,IAAIA,CAAEC,KAAK,EAAG;EAAA,IAAAC,WAAA;EAC7B,QAAAA,WAAA,GAAOC,mBAAI,CAAEF,KAAK,CAAE,cAAAC,WAAA,cAAAA,WAAA,GAAI,EAAE;AAC3B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/font.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport FONT from './font-values';\n\n/**\n *\n * @param {keyof FONT} value Path of value from `FONT`\n * @return {string} Font rule value\n */\nexport function font(value) {\n  var _FONT$value;\n  return (_FONT$value = FONT[value]) !== null && _FONT$value !== void 0 ? _FONT$value : '';\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAiB;AAOV,SAAS,KAAK,OAAO;AAC1B,MAAI;AACJ,UAAQ,cAAc,mBAAAA,QAAK,KAAK,OAAO,QAAQ,gBAAgB,SAAS,cAAc;AACxF;",
+  "names": ["FONT"]
+}

package/build/utils/get-node-text.js

@@ -1,30 +1,46 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var get_node_text_exports = {};
+__export(get_node_text_exports, {
+  default: () => get_node_text_default
 });
-exports.default = void 0;
-const getNodeText = node => {
+module.exports = __toCommonJS(get_node_text_exports);
+const getNodeText = (node) => {
   if (node === null) {
-    return '';
+    return "";
   }
   switch (typeof node) {
-    case 'string':
-    case 'number':
+    case "string":
+    case "number":
       return node.toString();
-    case 'object':
-      {
-        if (node instanceof Array) {
-          return node.map(getNodeText).join('');
-        }
-        if ('props' in node) {
-          return getNodeText(node.props.children);
-        }
-        return '';
+    case "object": {
+      if (node instanceof Array) {
+        return node.map(getNodeText).join("");
+      }
+      if ("props" in node) {
+        return getNodeText(node.props.children);
       }
+      return "";
+    }
     default:
-      return '';
+      return "";
   }
 };
-var _default = exports.default = getNodeText;
-//# sourceMappingURL=get-node-text.js.map
+var get_node_text_default = getNodeText;
+//# sourceMappingURL=get-node-text.js.map

package/build/utils/get-node-text.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getNodeText","node","toString","Array","map","join","props","children","_default","exports","default"],"sources":["@wordpress/components/src/utils/get-node-text.ts"],"sourcesContent":["const getNodeText = ( node: React.ReactNode ): string => {\n\tif ( node === null ) {\n\t\treturn '';\n\t}\n\n\tswitch ( typeof node ) {\n\t\tcase 'string':\n\t\tcase 'number':\n\t\t\treturn node.toString();\n\t\tcase 'object': {\n\t\t\tif ( node instanceof Array ) {\n\t\t\t\treturn node.map( getNodeText ).join( '' );\n\t\t\t}\n\t\t\tif ( 'props' in node ) {\n\t\t\t\treturn getNodeText( node.props.children );\n\t\t\t}\n\t\t\treturn '';\n\t\t}\n\t\tdefault:\n\t\t\treturn '';\n\t}\n};\n\nexport default getNodeText;\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAKC,IAAqB,IAAc;EACxD,IAAKA,IAAI,KAAK,IAAI,EAAG;IACpB,OAAO,EAAE;EACV;EAEA,QAAS,OAAOA,IAAI;IACnB,KAAK,QAAQ;IACb,KAAK,QAAQ;MACZ,OAAOA,IAAI,CAACC,QAAQ,CAAC,CAAC;IACvB,KAAK,QAAQ;MAAE;QACd,IAAKD,IAAI,YAAYE,KAAK,EAAG;UAC5B,OAAOF,IAAI,CAACG,GAAG,CAAEJ,WAAY,CAAC,CAACK,IAAI,CAAE,EAAG,CAAC;QAC1C;QACA,IAAK,OAAO,IAAIJ,IAAI,EAAG;UACtB,OAAOD,WAAW,CAAEC,IAAI,CAACK,KAAK,CAACC,QAAS,CAAC;QAC1C;QACA,OAAO,EAAE;MACV;IACA;MACC,OAAO,EAAE;EACX;AACD,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaV,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/get-node-text.ts"],
+  "sourcesContent": ["const getNodeText = node => {\n  if (node === null) {\n    return '';\n  }\n  switch (typeof node) {\n    case 'string':\n    case 'number':\n      return node.toString();\n    case 'object':\n      {\n        if (node instanceof Array) {\n          return node.map(getNodeText).join('');\n        }\n        if ('props' in node) {\n          return getNodeText(node.props.children);\n        }\n        return '';\n      }\n    default:\n      return '';\n  }\n};\nexport default getNodeText;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,cAAc,UAAQ;AAC1B,MAAI,SAAS,MAAM;AACjB,WAAO;AAAA,EACT;AACA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,KAAK,SAAS;AAAA,IACvB,KAAK,UACH;AACE,UAAI,gBAAgB,OAAO;AACzB,eAAO,KAAK,IAAI,WAAW,EAAE,KAAK,EAAE;AAAA,MACtC;AACA,UAAI,WAAW,MAAM;AACnB,eAAO,YAAY,KAAK,MAAM,QAAQ;AAAA,MACxC;AACA,aAAO;AAAA,IACT;AAAA,IACF;AACE,aAAO;AAAA,EACX;AACF;AACA,IAAO,wBAAQ;",
+  "names": []
+}

package/build/utils/get-valid-children.js

@@ -1,29 +1,35 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var get_valid_children_exports = {};
+__export(get_valid_children_exports, {
+  getValidChildren: () => getValidChildren
 });
-exports.getValidChildren = getValidChildren;
-var _element = require("@wordpress/element");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Gets a collection of available children elements from a React component's children prop.
- *
- * @param children
- *
- * @return An array of available children.
- */
+module.exports = __toCommonJS(get_valid_children_exports);
+var import_element = require("@wordpress/element");
 function getValidChildren(children) {
-  if (typeof children === 'string') {
+  if (typeof children === "string") {
     return [children];
   }
-  return _element.Children.toArray(children).filter(child => (0, _element.isValidElement)(child));
+  return import_element.Children.toArray(children).filter((child) => (0, import_element.isValidElement)(child));
 }
-//# sourceMappingURL=get-valid-children.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getValidChildren
+});
+//# sourceMappingURL=get-valid-children.js.map

package/build/utils/get-valid-children.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","getValidChildren","children","Children","toArray","filter","child","isValidElement"],"sources":["@wordpress/components/src/utils/get-valid-children.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode, ReactElement, ReactPortal } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { Children, isValidElement } from '@wordpress/element';\n\n/**\n * Gets a collection of available children elements from a React component's children prop.\n *\n * @param children\n *\n * @return An array of available children.\n */\nexport function getValidChildren(\n\tchildren: ReactNode\n): Array<\n\tReactElement | number | string | Iterable< ReactNode > | ReactPortal\n> {\n\tif ( typeof children === 'string' ) {\n\t\treturn [ children ];\n\t}\n\n\treturn Children.toArray( children ).filter( ( child ) =>\n\t\tisValidElement( child )\n\t);\n}\n"],"mappings":";;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAC/BC,QAAmB,EAGlB;EACD,IAAK,OAAOA,QAAQ,KAAK,QAAQ,EAAG;IACnC,OAAO,CAAEA,QAAQ,CAAE;EACpB;EAEA,OAAOC,iBAAQ,CAACC,OAAO,CAAEF,QAAS,CAAC,CAACG,MAAM,CAAIC,KAAK,IAClD,IAAAC,uBAAc,EAAED,KAAM,CACvB,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/utils/get-valid-children.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { Children, isValidElement } from '@wordpress/element';\n\n/**\n * Gets a collection of available children elements from a React component's children prop.\n *\n * @param children\n *\n * @return An array of available children.\n */\nexport function getValidChildren(children) {\n  if (typeof children === 'string') {\n    return [children];\n  }\n  return Children.toArray(children).filter(child => isValidElement(child));\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAAyC;AASlC,SAAS,iBAAiB,UAAU;AACzC,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO,CAAC,QAAQ;AAAA,EAClB;AACA,SAAO,wBAAS,QAAQ,QAAQ,EAAE,OAAO,eAAS,+BAAe,KAAK,CAAC;AACzE;",
+  "names": []
+}

package/build/utils/hooks/emotion.d.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=emotion.d.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var emotion_d_exports = {};
+module.exports = __toCommonJS(emotion_d_exports);
+//# sourceMappingURL=emotion.d.js.map