@wordpress/components 30.7.0 → 30.7.2-next.2f1c7c01b.0

package/build-module/utils/rtl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/rtl.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\nconst LOWER_LEFT_REGEXP = new RegExp(/-left/g);\nconst LOWER_RIGHT_REGEXP = new RegExp(/-right/g);\nconst UPPER_LEFT_REGEXP = new RegExp(/Left/g);\nconst UPPER_RIGHT_REGEXP = new RegExp(/Right/g);\n\n/**\n * Flips a CSS property from left <-> right.\n *\n * @param {string} key The CSS property name.\n *\n * @return {string} The flipped CSS property name, if applicable.\n */\nfunction getConvertedKey(key) {\n  if (key === 'left') {\n    return 'right';\n  }\n  if (key === 'right') {\n    return 'left';\n  }\n  if (LOWER_LEFT_REGEXP.test(key)) {\n    return key.replace(LOWER_LEFT_REGEXP, '-right');\n  }\n  if (LOWER_RIGHT_REGEXP.test(key)) {\n    return key.replace(LOWER_RIGHT_REGEXP, '-left');\n  }\n  if (UPPER_LEFT_REGEXP.test(key)) {\n    return key.replace(UPPER_LEFT_REGEXP, 'Right');\n  }\n  if (UPPER_RIGHT_REGEXP.test(key)) {\n    return key.replace(UPPER_RIGHT_REGEXP, 'Left');\n  }\n  return key;\n}\n\n/**\n * An incredibly basic ltr -> rtl converter for style properties\n *\n * @param {import('react').CSSProperties} ltrStyles\n *\n * @return {import('react').CSSProperties} Converted ltr -> rtl styles\n */\nexport const convertLTRToRTL = (ltrStyles = {}) => {\n  return Object.fromEntries(Object.entries(ltrStyles).map(([key, value]) => [getConvertedKey(key), value]));\n};\n\n/**\n * A higher-order function that create an incredibly basic ltr -> rtl style converter for CSS objects.\n *\n * @param {import('react').CSSProperties} ltrStyles   Ltr styles. Converts and renders from ltr -> rtl styles, if applicable.\n * @param {import('react').CSSProperties} [rtlStyles] Rtl styles. Renders if provided.\n *\n * @return {() => import('@emotion/react').SerializedStyles} A function to output CSS styles for Emotion's renderer\n */\nexport function rtl(ltrStyles = {}, rtlStyles) {\n  return () => {\n    if (rtlStyles) {\n      // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n      return isRTL() ? /*#__PURE__*/css(rtlStyles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RW9CIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\") : /*#__PURE__*/css(ltrStyles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RXVDIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\");\n    }\n\n    // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n    return isRTL() ? /*#__PURE__*/css(convertLTRToRTL(ltrStyles), process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRm1CIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\") : /*#__PURE__*/css(ltrStyles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRnlEIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\");\n  };\n}\n\n/**\n * Call this in the `useMemo` dependency array to ensure that subsequent renders will\n * cause rtl styles to update based on the `isRTL` return value even if all other dependencies\n * remain the same.\n *\n * @example\n * const styles = useMemo( () => {\n *   return css`\n *     ${ rtl( { marginRight: '10px' } ) }\n *   `;\n * }, [ rtl.watch() ] );\n */\nrtl.watch = () => isRTL();"],
-  "mappings": "AAGA,SAAS,WAAW;AAKpB,SAAS,aAAa;AACtB,MAAM,oBAAoB,IAAI,OAAO,QAAQ;AAC7C,MAAM,qBAAqB,IAAI,OAAO,SAAS;AAC/C,MAAM,oBAAoB,IAAI,OAAO,OAAO;AAC5C,MAAM,qBAAqB,IAAI,OAAO,QAAQ;AAS9C,SAAS,gBAAgB,KAAK;AAC5B,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,SAAS;AACnB,WAAO;AAAA,EACT;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,QAAQ;AAAA,EAChD;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,OAAO;AAAA,EAChD;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,OAAO;AAAA,EAC/C;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,MAAM;AAAA,EAC/C;AACA,SAAO;AACT;AASO,MAAM,kBAAkB,CAAC,YAAY,CAAC,MAAM;AACjD,SAAO,OAAO,YAAY,OAAO,QAAQ,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,gBAAgB,GAAG,GAAG,KAAK,CAAC,CAAC;AAC1G;AAUO,SAAS,IAAI,YAAY,CAAC,GAAG,WAAW;AAC7C,SAAO,MAAM;AACX,QAAI,WAAW;AAEb,aAAO,MAAM,IAAiB,oBAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,oBAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,IAC3sQ;AAGA,WAAO,MAAM,IAAiB,oBAAI,gBAAgB,SAAS,GAAG,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,oBAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,EAC5tQ;AACF;AAcA,IAAI,QAAQ,MAAM,MAAM;",
+  "mappings": ";AAGA,SAAS,WAAW;AAKpB,SAAS,aAAa;AACtB,IAAM,oBAAoB,IAAI,OAAO,QAAQ;AAC7C,IAAM,qBAAqB,IAAI,OAAO,SAAS;AAC/C,IAAM,oBAAoB,IAAI,OAAO,OAAO;AAC5C,IAAM,qBAAqB,IAAI,OAAO,QAAQ;AAS9C,SAAS,gBAAgB,KAAK;AAC5B,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,SAAS;AACnB,WAAO;AAAA,EACT;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,QAAQ;AAAA,EAChD;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,OAAO;AAAA,EAChD;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,OAAO;AAAA,EAC/C;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,MAAM;AAAA,EAC/C;AACA,SAAO;AACT;AASO,IAAM,kBAAkB,CAAC,YAAY,CAAC,MAAM;AACjD,SAAO,OAAO,YAAY,OAAO,QAAQ,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,gBAAgB,GAAG,GAAG,KAAK,CAAC,CAAC;AAC1G;AAUO,SAAS,IAAI,YAAY,CAAC,GAAG,WAAW;AAC7C,SAAO,MAAM;AACX,QAAI,WAAW;AAEb,aAAO,MAAM,IAAiB,oBAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,oBAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,IAC3sQ;AAGA,WAAO,MAAM,IAAiB,oBAAI,gBAAgB,SAAS,GAAG,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,oBAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,EAC5tQ;AACF;AAcA,IAAI,QAAQ,MAAM,MAAM;",
   "names": []
 }

package/build-module/utils/space.js

@@ -1,4 +1,5 @@
-const GRID_BASE = "4px";
+// packages/components/src/utils/space.ts
+var GRID_BASE = "4px";
 function space(value) {
   if (typeof value === "undefined") {
     return void 0;

package/build-module/utils/space.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/space.ts"],
   "sourcesContent": ["/**\n * The argument value for the `space()` utility function.\n *\n * When this is a number or a numeric string, it will be interpreted as a\n * multiplier for the grid base value (4px). For example, `space( 2 )` will be 8px.\n *\n * Otherwise, it will be interpreted as a literal CSS length value. For example,\n * `space( 'auto' )` will be 'auto', and `space( '2px' )` will be 2px.\n */\n\nconst GRID_BASE = '4px';\n\n/**\n * A function that handles numbers, numeric strings, and unit values.\n *\n * When given a number or a numeric string, it will return the grid-based\n * value as a factor of GRID_BASE, defined above.\n *\n * When given a unit value or one of the named CSS values like `auto`,\n * it will simply return the value back.\n *\n * @param value A number, numeric string, or a unit value.\n */\nexport function space(value) {\n  if (typeof value === 'undefined') {\n    return undefined;\n  }\n\n  // Handle empty strings, if it's the number 0 this still works.\n  if (!value) {\n    return '0';\n  }\n  const asInt = typeof value === 'number' ? value : Number(value);\n\n  // Test if the input has a unit, was NaN, or was one of the named CSS values (like `auto`), in which case just use that value.\n  if (typeof window !== 'undefined' && window.CSS?.supports?.('margin', value.toString()) || Number.isNaN(asInt)) {\n    return value.toString();\n  }\n  return `calc(${GRID_BASE} * ${value})`;\n}"],
-  "mappings": "AAUA,MAAM,YAAY;AAaX,SAAS,MAAM,OAAO;AAC3B,MAAI,OAAO,UAAU,aAAa;AAChC,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAG9D,MAAI,OAAO,WAAW,eAAe,OAAO,KAAK,WAAW,UAAU,MAAM,SAAS,CAAC,KAAK,OAAO,MAAM,KAAK,GAAG;AAC9G,WAAO,MAAM,SAAS;AAAA,EACxB;AACA,SAAO,QAAQ,SAAS,MAAM,KAAK;AACrC;",
+  "mappings": ";AAUA,IAAM,YAAY;AAaX,SAAS,MAAM,OAAO;AAC3B,MAAI,OAAO,UAAU,aAAa;AAChC,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAG9D,MAAI,OAAO,WAAW,eAAe,OAAO,KAAK,WAAW,UAAU,MAAM,SAAS,CAAC,KAAK,OAAO,MAAM,KAAK,GAAG;AAC9G,WAAO,MAAM,SAAS;AAAA,EACxB;AACA,SAAO,QAAQ,SAAS,MAAM,KAAK;AACrC;",
   "names": []
 }

package/build-module/utils/strings.js

@@ -1,7 +1,8 @@
+// packages/components/src/utils/strings.ts
 import removeAccents from "remove-accents";
 import { paramCase } from "change-case";
-const ALL_UNICODE_DASH_CHARACTERS = new RegExp(/[\u007e\u00ad\u2053\u207b\u208b\u2212\p{Pd}]/gu);
-const normalizeTextString = (value) => {
+var ALL_UNICODE_DASH_CHARACTERS = new RegExp(/[\u007e\u00ad\u2053\u207b\u208b\u2212\p{Pd}]/gu);
+var normalizeTextString = (value) => {
   return removeAccents(value).normalize("NFKC").toLocaleLowerCase().replace(ALL_UNICODE_DASH_CHARACTERS, "-");
 };
 function kebabCase(str) {

package/build-module/utils/strings.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/strings.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\nimport { paramCase } from 'change-case';\n\n/**\n * All unicode characters that we consider \"dash-like\":\n * - `\\u007e`: ~ (tilde)\n * - `\\u00ad`: \u00AD (soft hyphen)\n * - `\\u2053`: \u2053 (swung dash)\n * - `\\u207b`: \u207B (superscript minus)\n * - `\\u208b`: \u208B (subscript minus)\n * - `\\u2212`: \u2212 (minus sign)\n * - `\\\\p{Pd}`: any other Unicode dash character\n */\nconst ALL_UNICODE_DASH_CHARACTERS = new RegExp(/[\\u007e\\u00ad\\u2053\\u207b\\u208b\\u2212\\p{Pd}]/gu);\nexport const normalizeTextString = value => {\n  return removeAccents(value).normalize('NFKC').toLocaleLowerCase().replace(ALL_UNICODE_DASH_CHARACTERS, '-');\n};\n\n/**\n * Converts any string to kebab case.\n * Backwards compatible with Lodash's `_.kebabCase()`.\n * Backwards compatible with `_wp_to_kebab_case()`.\n *\n * @see https://lodash.com/docs/4.17.15#kebabCase\n * @see https://developer.wordpress.org/reference/functions/_wp_to_kebab_case/\n *\n * @param str String to convert.\n * @return Kebab-cased string\n */\nexport function kebabCase(str) {\n  var _str$toString;\n  let input = (_str$toString = str?.toString?.()) !== null && _str$toString !== void 0 ? _str$toString : '';\n\n  // See https://github.com/lodash/lodash/blob/b185fcee26b2133bd071f4aaca14b455c2ed1008/lodash.js#L4970\n  input = input.replace(/['\\u2019]/, '');\n  return paramCase(input, {\n    splitRegexp: [/(?!(?:1ST|2ND|3RD|[4-9]TH)(?![a-z]))([a-z0-9])([A-Z])/g,\n    // fooBar => foo-bar, 3Bar => 3-bar\n    /(?!(?:1st|2nd|3rd|[4-9]th)(?![a-z]))([0-9])([a-z])/g,\n    // 3bar => 3-bar\n    /([A-Za-z])([0-9])/g,\n    // Foo3 => foo-3, foo3 => foo-3\n    /([A-Z])([A-Z][a-z])/g // FOOBar => foo-bar\n    ]\n  });\n}\n\n/**\n * Escapes the RegExp special characters.\n *\n * @param string Input string.\n *\n * @return Regex-escaped string.\n */\nexport function escapeRegExp(string) {\n  return string.replace(/[\\\\^$.*+?()[\\]{}|]/g, '\\\\$&');\n}"],
-  "mappings": "AAGA,OAAO,mBAAmB;AAC1B,SAAS,iBAAiB;AAY1B,MAAM,8BAA8B,IAAI,OAAO,gDAAgD;AACxF,MAAM,sBAAsB,WAAS;AAC1C,SAAO,cAAc,KAAK,EAAE,UAAU,MAAM,EAAE,kBAAkB,EAAE,QAAQ,6BAA6B,GAAG;AAC5G;AAaO,SAAS,UAAU,KAAK;AAC7B,MAAI;AACJ,MAAI,SAAS,gBAAgB,KAAK,WAAW,OAAO,QAAQ,kBAAkB,SAAS,gBAAgB;AAGvG,UAAQ,MAAM,QAAQ,aAAa,EAAE;AACrC,SAAO,UAAU,OAAO;AAAA,IACtB,aAAa;AAAA,MAAC;AAAA;AAAA,MAEd;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AASO,SAAS,aAAa,QAAQ;AACnC,SAAO,OAAO,QAAQ,uBAAuB,MAAM;AACrD;",
+  "mappings": ";AAGA,OAAO,mBAAmB;AAC1B,SAAS,iBAAiB;AAY1B,IAAM,8BAA8B,IAAI,OAAO,gDAAgD;AACxF,IAAM,sBAAsB,WAAS;AAC1C,SAAO,cAAc,KAAK,EAAE,UAAU,MAAM,EAAE,kBAAkB,EAAE,QAAQ,6BAA6B,GAAG;AAC5G;AAaO,SAAS,UAAU,KAAK;AAC7B,MAAI;AACJ,MAAI,SAAS,gBAAgB,KAAK,WAAW,OAAO,QAAQ,kBAAkB,SAAS,gBAAgB;AAGvG,UAAQ,MAAM,QAAQ,aAAa,EAAE;AACrC,SAAO,UAAU,OAAO;AAAA,IACtB,aAAa;AAAA,MAAC;AAAA;AAAA,MAEd;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AASO,SAAS,aAAa,QAAQ;AACnC,SAAO,OAAO,QAAQ,uBAAuB,MAAM;AACrD;",
   "names": []
 }

package/build-module/utils/style-mixins.js

@@ -1,3 +1,4 @@
+// packages/components/src/utils/style-mixins.js
 import { boxSizingReset } from "./box-sizing";
 import { rgba } from "./colors";
 import { rtl } from "./rtl";

package/build-module/utils/style-mixins.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/style-mixins.js"],
   "sourcesContent": ["export { boxSizingReset } from './box-sizing';\nexport { rgba } from './colors';\nexport { rtl } from './rtl';\nexport { font } from './font';\nexport { breakpoint } from './breakpoint';\nexport { default as CONFIG } from './config-values';\nexport { COLORS } from './colors-values';\nexport { baseLabelTypography } from './base-label';"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAoB,WAAXA,gBAAyB;AAClC,SAAS,cAAc;AACvB,SAAS,2BAA2B;",
+  "mappings": ";AAAA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAoB,WAAXA,gBAAyB;AAClC,SAAS,cAAc;AACvB,SAAS,2BAA2B;",
   "names": ["default"]
 }

package/build-module/utils/unit-values.js

@@ -1,4 +1,5 @@
-const UNITED_VALUE_REGEX = /^([\d.\-+]*)\s*(fr|cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%|cap|ic|rlh|vi|vb|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx|svw|lvw|dvw|svh|lvh|dvh|svi|lvi|dvi|svb|lvb|dvb|svmin|lvmin|dvmin|svmax|lvmax|dvmax)?$/;
+// packages/components/src/utils/unit-values.ts
+var UNITED_VALUE_REGEX = /^([\d.\-+]*)\s*(fr|cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%|cap|ic|rlh|vi|vb|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx|svw|lvw|dvw|svh|lvh|dvh|svi|lvi|dvi|svb|lvb|dvb|svmin|lvmin|dvmin|svmax|lvmax|dvmax)?$/;
 function parseCSSUnitValue(toParse) {
   const value = toParse.trim();
   const matched = value.match(UNITED_VALUE_REGEX);

package/build-module/utils/unit-values.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/unit-values.ts"],
   "sourcesContent": ["const UNITED_VALUE_REGEX = /^([\\d.\\-+]*)\\s*(fr|cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%|cap|ic|rlh|vi|vb|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx|svw|lvw|dvw|svh|lvh|dvh|svi|lvi|dvi|svb|lvb|dvb|svmin|lvmin|dvmin|svmax|lvmax|dvmax)?$/;\n\n/**\n * Parses a number and unit from a value.\n *\n * @param toParse Value to parse\n *\n * @return  The extracted number and unit.\n */\nexport function parseCSSUnitValue(toParse) {\n  const value = toParse.trim();\n  const matched = value.match(UNITED_VALUE_REGEX);\n  if (!matched) {\n    return [undefined, undefined];\n  }\n  const [, num, unit] = matched;\n  let numParsed = parseFloat(num);\n  numParsed = Number.isNaN(numParsed) ? undefined : numParsed;\n  return [numParsed, unit];\n}\n\n/**\n * Combines a value and a unit into a unit value.\n *\n * @param value\n * @param unit\n *\n * @return The unit value.\n */\nexport function createCSSUnitValue(value, unit) {\n  return `${value}${unit}`;\n}"],
-  "mappings": "AAAA,MAAM,qBAAqB;AASpB,SAAS,kBAAkB,SAAS;AACzC,QAAM,QAAQ,QAAQ,KAAK;AAC3B,QAAM,UAAU,MAAM,MAAM,kBAAkB;AAC9C,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,QAAW,MAAS;AAAA,EAC9B;AACA,QAAM,CAAC,EAAE,KAAK,IAAI,IAAI;AACtB,MAAI,YAAY,WAAW,GAAG;AAC9B,cAAY,OAAO,MAAM,SAAS,IAAI,SAAY;AAClD,SAAO,CAAC,WAAW,IAAI;AACzB;AAUO,SAAS,mBAAmB,OAAO,MAAM;AAC9C,SAAO,GAAG,KAAK,GAAG,IAAI;AACxB;",
+  "mappings": ";AAAA,IAAM,qBAAqB;AASpB,SAAS,kBAAkB,SAAS;AACzC,QAAM,QAAQ,QAAQ,KAAK;AAC3B,QAAM,UAAU,MAAM,MAAM,kBAAkB;AAC9C,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,QAAW,MAAS;AAAA,EAC9B;AACA,QAAM,CAAC,EAAE,KAAK,IAAI,IAAI;AACtB,MAAI,YAAY,WAAW,GAAG;AAC9B,cAAY,OAAO,MAAM,SAAS,IAAI,SAAY;AAClD,SAAO,CAAC,WAAW,IAAI;AACzB;AAUO,SAAS,mBAAmB,OAAO,MAAM;AAC9C,SAAO,GAAG,KAAK,GAAG,IAAI;AACxB;",
   "names": []
 }

package/build-module/utils/use-deprecated-props.js

@@ -1,3 +1,4 @@
+// packages/components/src/utils/use-deprecated-props.ts
 function useDeprecated36pxDefaultSizeProp(props) {
   const {
     __next36pxDefaultSize,

package/build-module/utils/use-deprecated-props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/use-deprecated-props.ts"],
   "sourcesContent": ["export function useDeprecated36pxDefaultSizeProp(props) {\n  const {\n    __next36pxDefaultSize,\n    __next40pxDefaultSize,\n    ...otherProps\n  } = props;\n  return {\n    ...otherProps,\n    __next40pxDefaultSize: __next40pxDefaultSize !== null && __next40pxDefaultSize !== void 0 ? __next40pxDefaultSize : __next36pxDefaultSize\n  };\n}"],
-  "mappings": "AAAO,SAAS,iCAAiC,OAAO;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH,uBAAuB,0BAA0B,QAAQ,0BAA0B,SAAS,wBAAwB;AAAA,EACtH;AACF;",
+  "mappings": ";AAAO,SAAS,iCAAiC,OAAO;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH,uBAAuB,0BAA0B,QAAQ,0BAA0B,SAAS,wBAAwB;AAAA,EACtH;AACF;",
   "names": []
 }

package/build-module/utils/use-responsive-value.js

@@ -1,6 +1,7 @@
+// packages/components/src/utils/use-responsive-value.ts
 import { useEffect, useState } from "@wordpress/element";
-const breakpoints = ["40em", "52em", "64em"];
-const useBreakpointIndex = (options = {}) => {
+var breakpoints = ["40em", "52em", "64em"];
+var useBreakpointIndex = (options = {}) => {
   const {
     defaultIndex = 0
   } = options;

package/build-module/utils/use-responsive-value.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/use-responsive-value.ts"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nconst breakpoints = ['40em', '52em', '64em'];\nexport const useBreakpointIndex = (options = {}) => {\n  const {\n    defaultIndex = 0\n  } = options;\n  if (typeof defaultIndex !== 'number') {\n    throw new TypeError(`Default breakpoint index should be a number. Got: ${defaultIndex}, ${typeof defaultIndex}`);\n  } else if (defaultIndex < 0 || defaultIndex > breakpoints.length - 1) {\n    throw new RangeError(`Default breakpoint index out of range. Theme has ${breakpoints.length} breakpoints, got index ${defaultIndex}`);\n  }\n  const [value, setValue] = useState(defaultIndex);\n  useEffect(() => {\n    const getIndex = () => breakpoints.filter(bp => {\n      return typeof window !== 'undefined' ? window.matchMedia(`screen and (min-width: ${bp})`).matches : false;\n    }).length;\n    const onResize = () => {\n      const newValue = getIndex();\n      if (value !== newValue) {\n        setValue(newValue);\n      }\n    };\n    onResize();\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', onResize);\n    }\n    return () => {\n      if (typeof window !== 'undefined') {\n        window.removeEventListener('resize', onResize);\n      }\n    };\n  }, [value]);\n  return value;\n};\nexport function useResponsiveValue(values, options = {}) {\n  const index = useBreakpointIndex(options);\n\n  // Allow calling the function with a \"normal\" value without having to check on the outside.\n  if (!Array.isArray(values) && typeof values !== 'function') {\n    return values;\n  }\n  const array = values || [];\n\n  /* eslint-disable jsdoc/no-undefined-types */\n  return /** @type {T[]} */array[/* eslint-enable jsdoc/no-undefined-types */\n  index >= array.length ? array.length - 1 : index];\n}"],
-  "mappings": "AAGA,SAAS,WAAW,gBAAgB;AACpC,MAAM,cAAc,CAAC,QAAQ,QAAQ,MAAM;AACpC,MAAM,qBAAqB,CAAC,UAAU,CAAC,MAAM;AAClD,QAAM;AAAA,IACJ,eAAe;AAAA,EACjB,IAAI;AACJ,MAAI,OAAO,iBAAiB,UAAU;AACpC,UAAM,IAAI,UAAU,qDAAqD,YAAY,KAAK,OAAO,YAAY,EAAE;AAAA,EACjH,WAAW,eAAe,KAAK,eAAe,YAAY,SAAS,GAAG;AACpE,UAAM,IAAI,WAAW,oDAAoD,YAAY,MAAM,2BAA2B,YAAY,EAAE;AAAA,EACtI;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,YAAU,MAAM;AACd,UAAM,WAAW,MAAM,YAAY,OAAO,QAAM;AAC9C,aAAO,OAAO,WAAW,cAAc,OAAO,WAAW,0BAA0B,EAAE,GAAG,EAAE,UAAU;AAAA,IACtG,CAAC,EAAE;AACH,UAAM,WAAW,MAAM;AACrB,YAAM,WAAW,SAAS;AAC1B,UAAI,UAAU,UAAU;AACtB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AACA,aAAS;AACT,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,iBAAiB,UAAU,QAAQ;AAAA,IAC5C;AACA,WAAO,MAAM;AACX,UAAI,OAAO,WAAW,aAAa;AACjC,eAAO,oBAAoB,UAAU,QAAQ;AAAA,MAC/C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AACV,SAAO;AACT;AACO,SAAS,mBAAmB,QAAQ,UAAU,CAAC,GAAG;AACvD,QAAM,QAAQ,mBAAmB,OAAO;AAGxC,MAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,YAAY;AAC1D,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,UAAU,CAAC;AAGzB;AAAA;AAAA,IAAyB;AAAA;AAAA,MACzB,SAAS,MAAM,SAAS,MAAM,SAAS,IAAI;AAAA,IAAK;AAAA;AAClD;",
+  "mappings": ";AAGA,SAAS,WAAW,gBAAgB;AACpC,IAAM,cAAc,CAAC,QAAQ,QAAQ,MAAM;AACpC,IAAM,qBAAqB,CAAC,UAAU,CAAC,MAAM;AAClD,QAAM;AAAA,IACJ,eAAe;AAAA,EACjB,IAAI;AACJ,MAAI,OAAO,iBAAiB,UAAU;AACpC,UAAM,IAAI,UAAU,qDAAqD,YAAY,KAAK,OAAO,YAAY,EAAE;AAAA,EACjH,WAAW,eAAe,KAAK,eAAe,YAAY,SAAS,GAAG;AACpE,UAAM,IAAI,WAAW,oDAAoD,YAAY,MAAM,2BAA2B,YAAY,EAAE;AAAA,EACtI;AACA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,YAAU,MAAM;AACd,UAAM,WAAW,MAAM,YAAY,OAAO,QAAM;AAC9C,aAAO,OAAO,WAAW,cAAc,OAAO,WAAW,0BAA0B,EAAE,GAAG,EAAE,UAAU;AAAA,IACtG,CAAC,EAAE;AACH,UAAM,WAAW,MAAM;AACrB,YAAM,WAAW,SAAS;AAC1B,UAAI,UAAU,UAAU;AACtB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AACA,aAAS;AACT,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,iBAAiB,UAAU,QAAQ;AAAA,IAC5C;AACA,WAAO,MAAM;AACX,UAAI,OAAO,WAAW,aAAa;AACjC,eAAO,oBAAoB,UAAU,QAAQ;AAAA,MAC/C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AACV,SAAO;AACT;AACO,SAAS,mBAAmB,QAAQ,UAAU,CAAC,GAAG;AACvD,QAAM,QAAQ,mBAAmB,OAAO;AAGxC,MAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,YAAY;AAC1D,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,UAAU,CAAC;AAGzB;AAAA;AAAA,IAAyB;AAAA;AAAA,MACzB,SAAS,MAAM,SAAS,MAAM,SAAS,IAAI;AAAA,IAAK;AAAA;AAClD;",
   "names": []
 }

package/build-module/utils/values.js

@@ -1,3 +1,4 @@
+// packages/components/src/utils/values.js
 function isValueDefined(value) {
   return value !== void 0 && value !== null;
 }
@@ -9,10 +10,10 @@ function getDefinedValue(values = [], fallbackValue) {
   var _values$find;
   return (_values$find = values.find(isValueDefined)) !== null && _values$find !== void 0 ? _values$find : fallbackValue;
 }
-const stringToNumber = (value) => {
+var stringToNumber = (value) => {
   return parseFloat(value);
 };
-const ensureNumber = (value) => {
+var ensureNumber = (value) => {
   return typeof value === "string" ? stringToNumber(value) : value;
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/values.js"],
-  "sourcesContent": ["/* eslint-disable jsdoc/valid-types */\n/**\n * Determines if a value is null or undefined.\n *\n * @template T\n *\n * @param {T} value The value to check.\n * @return {value is Exclude<T, null | undefined>} Whether value is not null or undefined.\n */\nexport function isValueDefined(value) {\n  return value !== undefined && value !== null;\n}\n/* eslint-enable jsdoc/valid-types */\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * Determines if a value is empty, null, or undefined.\n *\n * @param {string | number | null | undefined} value The value to check.\n * @return {value is (\"\" | null | undefined)} Whether value is empty.\n */\nexport function isValueEmpty(value) {\n  const isEmptyString = value === '';\n  return !isValueDefined(value) || isEmptyString;\n}\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * Get the first defined/non-null value from an array.\n *\n * @template T\n *\n * @param {Array<T | null | undefined>} values        Values to derive from.\n * @param {T}                           fallbackValue Fallback value if there are no defined values.\n * @return {T} A defined value or the fallback value.\n */\nexport function getDefinedValue(values = [], fallbackValue) {\n  var _values$find;\n  return (_values$find = values.find(isValueDefined)) !== null && _values$find !== void 0 ? _values$find : fallbackValue;\n}\n\n/**\n * Converts a string to a number.\n *\n * @param {string} value\n * @return {number} String as a number.\n */\nexport const stringToNumber = value => {\n  return parseFloat(value);\n};\n\n/**\n * Regardless of the input being a string or a number, returns a number.\n *\n * Returns `undefined` in case the string is `undefined` or not a valid numeric value.\n *\n * @param {string | number} value\n * @return {number} The parsed number.\n */\nexport const ensureNumber = value => {\n  return typeof value === 'string' ? stringToNumber(value) : value;\n};"],
-  "mappings": "AASO,SAAS,eAAe,OAAO;AACpC,SAAO,UAAU,UAAa,UAAU;AAC1C;AAUO,SAAS,aAAa,OAAO;AAClC,QAAM,gBAAgB,UAAU;AAChC,SAAO,CAAC,eAAe,KAAK,KAAK;AACnC;AAYO,SAAS,gBAAgB,SAAS,CAAC,GAAG,eAAe;AAC1D,MAAI;AACJ,UAAQ,eAAe,OAAO,KAAK,cAAc,OAAO,QAAQ,iBAAiB,SAAS,eAAe;AAC3G;AAQO,MAAM,iBAAiB,WAAS;AACrC,SAAO,WAAW,KAAK;AACzB;AAUO,MAAM,eAAe,WAAS;AACnC,SAAO,OAAO,UAAU,WAAW,eAAe,KAAK,IAAI;AAC7D;",
+  "sourcesContent": ["/**\n * Determines if a value is null or undefined.\n *\n * @template T\n *\n * @param {T} value The value to check.\n * @return {value is Exclude<T, null | undefined>} Whether value is not null or undefined.\n */\nexport function isValueDefined(value) {\n  return value !== undefined && value !== null;\n}\n\n/**\n * Determines if a value is empty, null, or undefined.\n *\n * @param {string | number | null | undefined} value The value to check.\n * @return {value is (\"\" | null | undefined)} Whether value is empty.\n */\nexport function isValueEmpty(value) {\n  const isEmptyString = value === '';\n  return !isValueDefined(value) || isEmptyString;\n}\n\n/**\n * Get the first defined/non-null value from an array.\n *\n * @template T\n *\n * @param {Array<T | null | undefined>} values        Values to derive from.\n * @param {T}                           fallbackValue Fallback value if there are no defined values.\n * @return {T} A defined value or the fallback value.\n */\nexport function getDefinedValue(values = [], fallbackValue) {\n  var _values$find;\n  return (_values$find = values.find(isValueDefined)) !== null && _values$find !== void 0 ? _values$find : fallbackValue;\n}\n\n/**\n * Converts a string to a number.\n *\n * @param {string} value\n * @return {number} String as a number.\n */\nexport const stringToNumber = value => {\n  return parseFloat(value);\n};\n\n/**\n * Regardless of the input being a string or a number, returns a number.\n *\n * Returns `undefined` in case the string is `undefined` or not a valid numeric value.\n *\n * @param {string | number} value\n * @return {number} The parsed number.\n */\nexport const ensureNumber = value => {\n  return typeof value === 'string' ? stringToNumber(value) : value;\n};"],
+  "mappings": ";AAQO,SAAS,eAAe,OAAO;AACpC,SAAO,UAAU,UAAa,UAAU;AAC1C;AAQO,SAAS,aAAa,OAAO;AAClC,QAAM,gBAAgB,UAAU;AAChC,SAAO,CAAC,eAAe,KAAK,KAAK;AACnC;AAWO,SAAS,gBAAgB,SAAS,CAAC,GAAG,eAAe;AAC1D,MAAI;AACJ,UAAQ,eAAe,OAAO,KAAK,cAAc,OAAO,QAAQ,iBAAiB,SAAS,eAAe;AAC3G;AAQO,IAAM,iBAAiB,WAAS;AACrC,SAAO,WAAW,KAAK;AACzB;AAUO,IAAM,eAAe,WAAS;AACnC,SAAO,OAAO,UAAU,WAAW,eAAe,KAAK,IAAI;AAC7D;",
   "names": []
 }

package/build-module/utils/with-ignore-ime-events.js

@@ -1,3 +1,4 @@
+// packages/components/src/utils/with-ignore-ime-events.ts
 function withIgnoreIMEEvents(handler) {
   return (event) => {
     const {

package/build-module/utils/with-ignore-ime-events.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/with-ignore-ime-events.ts"],
   "sourcesContent": ["/**\n * A higher-order function that wraps a keyboard event handler to ensure it is not an IME event.\n *\n * In CJK languages, an IME (Input Method Editor) is used to input complex characters.\n * During an IME composition, keyboard events (e.g. Enter or Escape) can be fired\n * which are intended to control the IME and not the application.\n * These events should be ignored by any application logic.\n *\n * @param handler The keyboard event handler to execute after ensuring it was not an IME event.\n *\n * @return A wrapped version of the given event handler that ignores IME events.\n */\nexport function withIgnoreIMEEvents(handler) {\n  return event => {\n    const {\n      isComposing\n    } = 'nativeEvent' in event ? event.nativeEvent : event;\n    if (isComposing ||\n    // Workaround for Mac Safari where the final Enter/Backspace of an IME composition\n    // is `isComposing=false`, even though it's technically still part of the composition.\n    // These can only be detected by keyCode.\n    event.keyCode === 229) {\n      return;\n    }\n    handler(event);\n  };\n}"],
-  "mappings": "AAYO,SAAS,oBAAoB,SAAS;AAC3C,SAAO,WAAS;AACd,UAAM;AAAA,MACJ;AAAA,IACF,IAAI,iBAAiB,QAAQ,MAAM,cAAc;AACjD,QAAI;AAAA;AAAA;AAAA,IAIJ,MAAM,YAAY,KAAK;AACrB;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,EACf;AACF;",
+  "mappings": ";AAYO,SAAS,oBAAoB,SAAS;AAC3C,SAAO,WAAS;AACd,UAAM;AAAA,MACJ;AAAA,IACF,IAAI,iBAAiB,QAAQ,MAAM,cAAc;AACjD,QAAI;AAAA;AAAA;AAAA,IAIJ,MAAM,YAAY,KAAK;AACrB;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,EACf;AACF;",
   "names": []
 }

package/build-module/v-stack/component.js

@@ -1,3 +1,4 @@
+// packages/components/src/v-stack/component.tsx
 import { contextConnect } from "../context";
 import { View } from "../view";
 import { useVStack } from "./hook";
@@ -9,7 +10,7 @@ function UnconnectedVStack(props, forwardedRef) {
     ref: forwardedRef
   });
 }
-const VStack = contextConnect(UnconnectedVStack, "VStack");
+var VStack = contextConnect(UnconnectedVStack, "VStack");
 var component_default = VStack;
 export {
   VStack,

package/build-module/v-stack/component.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/v-stack/component.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport { useVStack } from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedVStack(props, forwardedRef) {\n  const vStackProps = useVStack(props);\n  return /*#__PURE__*/_jsx(View, {\n    ...vStackProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `VStack` (or Vertical Stack) is a layout component that arranges child\n * elements in a vertical line.\n *\n * `VStack` can render anything inside.\n *\n * ```jsx\n * import {\n * \t__experimentalText as Text,\n * \t__experimentalVStack as VStack,\n * } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<VStack>\n * \t\t\t<Text>Code</Text>\n * \t\t\t<Text>is</Text>\n * \t\t\t<Text>Poetry</Text>\n * \t\t</VStack>\n * \t);\n * }\n * ```\n */\nexport const VStack = contextConnect(UnconnectedVStack, 'VStack');\nexport default VStack;"],
-  "mappings": "AAQA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY;AAC5B,SAAS,kBAAkB,OAAO,cAAc;AAC9C,QAAM,cAAc,UAAU,KAAK;AACnC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAyBO,MAAM,SAAS,eAAe,mBAAmB,QAAQ;AAChE,IAAO,oBAAQ;",
+  "mappings": ";AAQA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY;AAC5B,SAAS,kBAAkB,OAAO,cAAc;AAC9C,QAAM,cAAc,UAAU,KAAK;AACnC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAyBO,IAAM,SAAS,eAAe,mBAAmB,QAAQ;AAChE,IAAO,oBAAQ;",
   "names": []
 }

package/build-module/v-stack/hook.js

@@ -1,3 +1,4 @@
+// packages/components/src/v-stack/hook.ts
 import { useContextSystem } from "../context";
 import { useHStack } from "../h-stack";
 function useVStack(props) {

package/build-module/v-stack/hook.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/v-stack/hook.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\n\nimport { useContextSystem } from '../context';\nimport { useHStack } from '../h-stack';\nexport function useVStack(props) {\n  const {\n    expanded = false,\n    alignment = 'stretch',\n    ...otherProps\n  } = useContextSystem(props, 'VStack');\n  const hStackProps = useHStack({\n    direction: 'column',\n    expanded,\n    alignment,\n    ...otherProps\n  });\n  return hStackProps;\n}"],
-  "mappings": "AAIA,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AACnB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,QAAQ;AACpC,QAAM,cAAc,UAAU;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AACT;",
+  "mappings": ";AAIA,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AACnB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,QAAQ;AACpC,QAAM,cAAc,UAAU;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AACT;",
   "names": []
 }

package/build-module/v-stack/index.js

@@ -1,3 +1,4 @@
+// packages/components/src/v-stack/index.ts
 import { default as default2 } from "./component";
 import { useVStack } from "./hook";
 export {

package/build-module/v-stack/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/v-stack/index.ts"],
   "sourcesContent": ["export { default as VStack } from './component';\nexport { useVStack } from './hook';"],
-  "mappings": "AAAA,SAAoB,WAAXA,gBAAyB;AAClC,SAAS,iBAAiB;",
+  "mappings": ";AAAA,SAAoB,WAAXA,gBAAyB;AAClC,SAAS,iBAAiB;",
   "names": ["default"]
 }

package/build-module/validated-form-controls/components/checkbox-control.js

@@ -1,9 +1,10 @@
+// packages/components/src/validated-form-controls/components/checkbox-control.tsx
 import { useMergeRefs } from "@wordpress/compose";
 import { forwardRef, useRef } from "@wordpress/element";
 import { ControlWithError } from "../control-with-error";
 import CheckboxControl from "../../checkbox-control";
 import { jsx as _jsx } from "react/jsx-runtime";
-const UnforwardedValidatedCheckboxControl = ({
+var UnforwardedValidatedCheckboxControl = ({
   required,
   onValidate,
   customValidity,
@@ -33,7 +34,7 @@ const UnforwardedValidatedCheckboxControl = ({
     })
   });
 };
-const ValidatedCheckboxControl = forwardRef(UnforwardedValidatedCheckboxControl);
+var ValidatedCheckboxControl = forwardRef(UnforwardedValidatedCheckboxControl);
 export {
   ValidatedCheckboxControl
 };

package/build-module/validated-form-controls/components/checkbox-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/checkbox-control.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport CheckboxControl from '../../checkbox-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedCheckboxControl = ({\n  required,\n  onValidate,\n  customValidity,\n  onChange,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n  const valueRef = useRef(restProps.checked);\n  return /*#__PURE__*/_jsx(ControlWithError, {\n    required: required,\n    markWhenOptional: markWhenOptional,\n    ref: mergedRefs,\n    onValidate: () => {\n      return onValidate?.(valueRef.current);\n    },\n    customValidity: customValidity,\n    getValidityTarget: () => validityTargetRef.current?.querySelector('input[type=\"checkbox\"]'),\n    children: /*#__PURE__*/_jsx(CheckboxControl, {\n      __nextHasNoMarginBottom: true,\n      onChange: value => {\n        valueRef.current = value;\n        onChange?.(value);\n      }\n      // TODO: Upstream limitation - CheckboxControl doesn't support uncontrolled mode, visually.\n      ,\n      ...restProps\n    })\n  });\n};\nexport const ValidatedCheckboxControl = forwardRef(UnforwardedValidatedCheckboxControl);"],
-  "mappings": "AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,qBAAqB;AAC5B,SAAS,OAAO,YAAY;AAC5B,MAAM,sCAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,OAAO;AACzC,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB,SAAS,cAAc,wBAAwB;AAAA,IAC1F,UAAuB,qBAAK,iBAAiB;AAAA,MAC3C,yBAAyB;AAAA,MACzB,UAAU,WAAS;AACjB,iBAAS,UAAU;AACnB,mBAAW,KAAK;AAAA,MAClB;AAAA,MAGA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,MAAM,2BAA2B,WAAW,mCAAmC;",
+  "mappings": ";AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,qBAAqB;AAC5B,SAAS,OAAO,YAAY;AAC5B,IAAM,sCAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,OAAO;AACzC,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB,SAAS,cAAc,wBAAwB;AAAA,IAC1F,UAAuB,qBAAK,iBAAiB;AAAA,MAC3C,yBAAyB;AAAA,MACzB,UAAU,WAAS;AACjB,iBAAS,UAAU;AACnB,mBAAW,KAAK;AAAA,MAClB;AAAA,MAGA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,2BAA2B,WAAW,mCAAmC;",
   "names": []
 }

package/build-module/validated-form-controls/components/combobox-control.js

@@ -1,9 +1,10 @@
+// packages/components/src/validated-form-controls/components/combobox-control.tsx
 import { useMergeRefs } from "@wordpress/compose";
 import { forwardRef, useEffect, useRef } from "@wordpress/element";
 import { ControlWithError } from "../control-with-error";
 import ComboboxControl from "../../combobox-control";
 import { jsx as _jsx } from "react/jsx-runtime";
-const UnforwardedValidatedComboboxControl = ({
+var UnforwardedValidatedComboboxControl = ({
   required,
   onValidate,
   customValidity,
@@ -43,7 +44,7 @@ const UnforwardedValidatedComboboxControl = ({
     })
   );
 };
-const ValidatedComboboxControl = forwardRef(UnforwardedValidatedComboboxControl);
+var ValidatedComboboxControl = forwardRef(UnforwardedValidatedComboboxControl);
 export {
   ValidatedComboboxControl
 };

package/build-module/validated-form-controls/components/combobox-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/combobox-control.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport ComboboxControl from '../../combobox-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedComboboxControl = ({\n  required,\n  onValidate,\n  customValidity,\n  onChange,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n  const valueRef = useRef(restProps.value);\n\n  // TODO: Upstream limitation - The `required` attribute is not passed down to the input,\n  // so we need to set it manually.\n  useEffect(() => {\n    const input = validityTargetRef.current?.querySelector('input[role=\"combobox\"]');\n    if (input) {\n      input.required = required !== null && required !== void 0 ? required : false;\n    }\n  }, [required]);\n  return (\n    /*#__PURE__*/\n    // TODO: Bug - Missing value error is not cleared immediately on change, waits for blur.\n    _jsx(ControlWithError, {\n      required: required,\n      markWhenOptional: markWhenOptional,\n      ref: mergedRefs,\n      onValidate: () => {\n        return onValidate?.(valueRef.current);\n      },\n      customValidity: customValidity,\n      getValidityTarget: () => validityTargetRef.current?.querySelector('input[role=\"combobox\"]'),\n      children: /*#__PURE__*/_jsx(ComboboxControl, {\n        __nextHasNoMarginBottom: true,\n        __next40pxDefaultSize: true,\n        ...restProps,\n        onChange: value => {\n          valueRef.current = value;\n          onChange?.(value);\n        }\n      })\n    })\n  );\n};\nexport const ValidatedComboboxControl = forwardRef(UnforwardedValidatedComboboxControl);"],
-  "mappings": "AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,WAAW,cAAc;AAK9C,SAAS,wBAAwB;AACjC,OAAO,qBAAqB;AAC5B,SAAS,OAAO,YAAY;AAC5B,MAAM,sCAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,KAAK;AAIvC,YAAU,MAAM;AACd,UAAM,QAAQ,kBAAkB,SAAS,cAAc,wBAAwB;AAC/E,QAAI,OAAO;AACT,YAAM,WAAW,aAAa,QAAQ,aAAa,SAAS,WAAW;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACb;AAAA;AAAA,IAGE,qBAAK,kBAAkB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,YAAY,MAAM;AAChB,eAAO,aAAa,SAAS,OAAO;AAAA,MACtC;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB,SAAS,cAAc,wBAAwB;AAAA,MAC1F,UAAuB,qBAAK,iBAAiB;AAAA,QAC3C,yBAAyB;AAAA,QACzB,uBAAuB;AAAA,QACvB,GAAG;AAAA,QACH,UAAU,WAAS;AACjB,mBAAS,UAAU;AACnB,qBAAW,KAAK;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA;AAEL;AACO,MAAM,2BAA2B,WAAW,mCAAmC;",
+  "mappings": ";AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,WAAW,cAAc;AAK9C,SAAS,wBAAwB;AACjC,OAAO,qBAAqB;AAC5B,SAAS,OAAO,YAAY;AAC5B,IAAM,sCAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,KAAK;AAIvC,YAAU,MAAM;AACd,UAAM,QAAQ,kBAAkB,SAAS,cAAc,wBAAwB;AAC/E,QAAI,OAAO;AACT,YAAM,WAAW,aAAa,QAAQ,aAAa,SAAS,WAAW;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACb;AAAA;AAAA,IAGE,qBAAK,kBAAkB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,YAAY,MAAM;AAChB,eAAO,aAAa,SAAS,OAAO;AAAA,MACtC;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB,SAAS,cAAc,wBAAwB;AAAA,MAC1F,UAAuB,qBAAK,iBAAiB;AAAA,QAC3C,yBAAyB;AAAA,QACzB,uBAAuB;AAAA,QACvB,GAAG;AAAA,QACH,UAAU,WAAS;AACjB,mBAAS,UAAU;AACnB,qBAAW,KAAK;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA;AAEL;AACO,IAAM,2BAA2B,WAAW,mCAAmC;",
   "names": []
 }

package/build-module/validated-form-controls/components/custom-select-control.js

@@ -1,8 +1,9 @@
+// packages/components/src/validated-form-controls/components/custom-select-control.tsx
 import { forwardRef, useRef } from "@wordpress/element";
 import { ControlWithError } from "../control-with-error";
 import CustomSelectControl from "../../custom-select-control";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const UnforwardedValidatedCustomSelectControl = ({
+var UnforwardedValidatedCustomSelectControl = ({
   required,
   onValidate,
   customValidity,
@@ -55,7 +56,7 @@ const UnforwardedValidatedCustomSelectControl = ({
     })]
   });
 };
-const ValidatedCustomSelectControl = forwardRef(UnforwardedValidatedCustomSelectControl);
+var ValidatedCustomSelectControl = forwardRef(UnforwardedValidatedCustomSelectControl);
 export {
   ValidatedCustomSelectControl
 };

package/build-module/validated-form-controls/components/custom-select-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/custom-select-control.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport CustomSelectControl from '../../custom-select-control';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst UnforwardedValidatedCustomSelectControl = ({\n  required,\n  onValidate,\n  customValidity,\n  onChange,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const valueRef = useRef(restProps.value);\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: \"components-validated-control__wrapper-with-error-delegate\",\n    ref: forwardedRef,\n    children: [/*#__PURE__*/_jsx(ControlWithError, {\n      required: required,\n      markWhenOptional: markWhenOptional,\n      onValidate: () => {\n        return onValidate?.(valueRef.current);\n      },\n      customValidity: customValidity,\n      getValidityTarget: () => validityTargetRef.current,\n      children: /*#__PURE__*/_jsx(CustomSelectControl\n      // TODO: Upstream limitation - Required isn't passed down correctly,\n      // so it needs to be set on a delegate element.\n      , {\n        __next40pxDefaultSize: true,\n        onChange: value => {\n          valueRef.current = value.selectedItem;\n          onChange?.(value);\n        },\n        ...restProps\n      })\n    }), /*#__PURE__*/_jsxs(\"select\", {\n      className: \"components-validated-control__error-delegate\",\n      ref: validityTargetRef,\n      required: required,\n      tabIndex: -1,\n      value: restProps.value?.key ? 'hasvalue' : '',\n      onChange: () => {},\n      onFocus: e => {\n        e.target.previousElementSibling?.querySelector('[role=\"combobox\"]')?.focus();\n      },\n      children: [/*#__PURE__*/_jsx(\"option\", {\n        value: \"\",\n        children: \"No selection\"\n      }), /*#__PURE__*/_jsx(\"option\", {\n        value: \"hasvalue\",\n        children: \"Has selection\"\n      })]\n    })]\n  });\n};\nexport const ValidatedCustomSelectControl = forwardRef(UnforwardedValidatedCustomSelectControl);"],
-  "mappings": "AAGA,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,yBAAyB;AAChC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,MAAM,0CAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,sBAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,KAAK;AAAA,IACL,UAAU,CAAc,qBAAK,kBAAkB;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,YAAY,MAAM;AAChB,eAAO,aAAa,SAAS,OAAO;AAAA,MACtC;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB;AAAA,MAC3C,UAAuB;AAAA,QAAK;AAAA,QAG1B;AAAA,UACA,uBAAuB;AAAA,UACvB,UAAU,WAAS;AACjB,qBAAS,UAAU,MAAM;AACzB,uBAAW,KAAK;AAAA,UAClB;AAAA,UACA,GAAG;AAAA,QACL;AAAA,MAAC;AAAA,IACH,CAAC,GAAgB,sBAAM,UAAU;AAAA,MAC/B,WAAW;AAAA,MACX,KAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV,OAAO,UAAU,OAAO,MAAM,aAAa;AAAA,MAC3C,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,OAAK;AACZ,UAAE,OAAO,wBAAwB,cAAc,mBAAmB,GAAG,MAAM;AAAA,MAC7E;AAAA,MACA,UAAU,CAAc,qBAAK,UAAU;AAAA,QACrC,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,qBAAK,UAAU;AAAA,QAC9B,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,MAAM,+BAA+B,WAAW,uCAAuC;",
+  "mappings": ";AAGA,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,yBAAyB;AAChC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAM,0CAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,sBAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,KAAK;AAAA,IACL,UAAU,CAAc,qBAAK,kBAAkB;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,YAAY,MAAM;AAChB,eAAO,aAAa,SAAS,OAAO;AAAA,MACtC;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB;AAAA,MAC3C,UAAuB;AAAA,QAAK;AAAA,QAG1B;AAAA,UACA,uBAAuB;AAAA,UACvB,UAAU,WAAS;AACjB,qBAAS,UAAU,MAAM;AACzB,uBAAW,KAAK;AAAA,UAClB;AAAA,UACA,GAAG;AAAA,QACL;AAAA,MAAC;AAAA,IACH,CAAC,GAAgB,sBAAM,UAAU;AAAA,MAC/B,WAAW;AAAA,MACX,KAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV,OAAO,UAAU,OAAO,MAAM,aAAa;AAAA,MAC3C,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,OAAK;AACZ,UAAE,OAAO,wBAAwB,cAAc,mBAAmB,GAAG,MAAM;AAAA,MAC7E;AAAA,MACA,UAAU,CAAc,qBAAK,UAAU;AAAA,QACrC,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,qBAAK,UAAU;AAAA,QAC9B,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,IAAM,+BAA+B,WAAW,uCAAuC;",
   "names": []
 }

package/build-module/validated-form-controls/components/form-token-field.js

@@ -1,8 +1,9 @@
+// packages/components/src/validated-form-controls/components/form-token-field.tsx
 import { forwardRef, useRef } from "@wordpress/element";
 import { ControlWithError } from "../control-with-error";
 import { FormTokenField } from "../../form-token-field";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const UnforwardedValidatedFormTokenField = ({
+var UnforwardedValidatedFormTokenField = ({
   required,
   onValidate,
   customValidity,
@@ -47,7 +48,7 @@ const UnforwardedValidatedFormTokenField = ({
     })]
   });
 };
-const ValidatedFormTokenField = forwardRef(UnforwardedValidatedFormTokenField);
+var ValidatedFormTokenField = forwardRef(UnforwardedValidatedFormTokenField);
 export {
   ValidatedFormTokenField
 };

package/build-module/validated-form-controls/components/form-token-field.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/form-token-field.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport { FormTokenField } from '../../form-token-field';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst UnforwardedValidatedFormTokenField = ({\n  required,\n  onValidate,\n  customValidity,\n  onChange,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const valueRef = useRef(restProps.value);\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: \"components-validated-control__wrapper-with-error-delegate\",\n    ref: forwardedRef,\n    children: [/*#__PURE__*/_jsx(ControlWithError, {\n      required: required,\n      markWhenOptional: markWhenOptional,\n      onValidate: () => {\n        return onValidate?.(valueRef.current);\n      },\n      customValidity: customValidity,\n      getValidityTarget: () => validityTargetRef.current,\n      children: /*#__PURE__*/_jsx(FormTokenField, {\n        __next40pxDefaultSize: true,\n        __nextHasNoMarginBottom: true,\n        ...restProps,\n        onChange: (value, ...args) => {\n          valueRef.current = value;\n          onChange?.(value, ...args);\n        }\n      })\n    }), /*#__PURE__*/_jsx(\"input\", {\n      className: \"components-validated-control__error-delegate\",\n      type: \"text\",\n      ref: validityTargetRef,\n      required: required,\n      value: valueRef.current && valueRef.current.length > 0 ? 'hasvalue' : '',\n      tabIndex: -1,\n      onChange: () => {},\n      onFocus: e => {\n        e.target.previousElementSibling?.querySelector('input[type=\"text\"]')?.focus();\n      }\n    })]\n  });\n};\nexport const ValidatedFormTokenField = forwardRef(UnforwardedValidatedFormTokenField);"],
-  "mappings": "AAGA,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,MAAM,qCAAqC,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,sBAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,KAAK;AAAA,IACL,UAAU,CAAc,qBAAK,kBAAkB;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,YAAY,MAAM;AAChB,eAAO,aAAa,SAAS,OAAO;AAAA,MACtC;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB;AAAA,MAC3C,UAAuB,qBAAK,gBAAgB;AAAA,QAC1C,uBAAuB;AAAA,QACvB,yBAAyB;AAAA,QACzB,GAAG;AAAA,QACH,UAAU,CAAC,UAAU,SAAS;AAC5B,mBAAS,UAAU;AACnB,qBAAW,OAAO,GAAG,IAAI;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH,CAAC,GAAgB,qBAAK,SAAS;AAAA,MAC7B,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL;AAAA,MACA,OAAO,SAAS,WAAW,SAAS,QAAQ,SAAS,IAAI,aAAa;AAAA,MACtE,UAAU;AAAA,MACV,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,OAAK;AACZ,UAAE,OAAO,wBAAwB,cAAc,oBAAoB,GAAG,MAAM;AAAA,MAC9E;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,MAAM,0BAA0B,WAAW,kCAAkC;",
+  "mappings": ";AAGA,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAM,qCAAqC,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,sBAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,KAAK;AAAA,IACL,UAAU,CAAc,qBAAK,kBAAkB;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,YAAY,MAAM;AAChB,eAAO,aAAa,SAAS,OAAO;AAAA,MACtC;AAAA,MACA;AAAA,MACA,mBAAmB,MAAM,kBAAkB;AAAA,MAC3C,UAAuB,qBAAK,gBAAgB;AAAA,QAC1C,uBAAuB;AAAA,QACvB,yBAAyB;AAAA,QACzB,GAAG;AAAA,QACH,UAAU,CAAC,UAAU,SAAS;AAC5B,mBAAS,UAAU;AACnB,qBAAW,OAAO,GAAG,IAAI;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH,CAAC,GAAgB,qBAAK,SAAS;AAAA,MAC7B,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL;AAAA,MACA,OAAO,SAAS,WAAW,SAAS,QAAQ,SAAS,IAAI,aAAa;AAAA,MACtE,UAAU;AAAA,MACV,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,SAAS,OAAK;AACZ,UAAE,OAAO,wBAAwB,cAAc,oBAAoB,GAAG,MAAM;AAAA,MAC9E;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,IAAM,0BAA0B,WAAW,kCAAkC;",
   "names": []
 }

package/build-module/validated-form-controls/components/index.js

@@ -1,3 +1,4 @@
+// packages/components/src/validated-form-controls/components/index.ts
 export * from "./checkbox-control";
 export * from "./combobox-control";
 export * from "./custom-select-control";

package/build-module/validated-form-controls/components/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/index.ts"],
   "sourcesContent": ["export * from './checkbox-control';\nexport * from './combobox-control';\nexport * from './custom-select-control';\nexport * from './form-token-field';\nexport * from './input-control';\nexport * from './number-control';\nexport * from './radio-control';\nexport * from './range-control';\nexport * from './select-control';\nexport * from './text-control';\nexport * from './textarea-control';\nexport * from './toggle-control';\nexport * from './toggle-group-control';"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/build-module/validated-form-controls/components/input-control.js

@@ -1,9 +1,10 @@
+// packages/components/src/validated-form-controls/components/input-control.tsx
 import { forwardRef, useRef } from "@wordpress/element";
 import { useMergeRefs } from "@wordpress/compose";
 import { ControlWithError } from "../control-with-error";
 import InputControl from "../../input-control";
 import { jsx as _jsx } from "react/jsx-runtime";
-const UnforwardedValidatedInputControl = ({
+var UnforwardedValidatedInputControl = ({
   required,
   onValidate,
   customValidity,
@@ -33,7 +34,7 @@ const UnforwardedValidatedInputControl = ({
     })
   });
 };
-const ValidatedInputControl = forwardRef(UnforwardedValidatedInputControl);
+var ValidatedInputControl = forwardRef(UnforwardedValidatedInputControl);
 export {
   ValidatedInputControl
 };

package/build-module/validated-form-controls/components/input-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/input-control.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport InputControl from '../../input-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedInputControl = ({\n  required,\n  onValidate,\n  customValidity,\n  onChange,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n  const valueRef = useRef(restProps.value);\n  return /*#__PURE__*/_jsx(ControlWithError, {\n    required: required,\n    markWhenOptional: markWhenOptional,\n    onValidate: () => {\n      return onValidate?.(valueRef.current);\n    },\n    customValidity: customValidity,\n    getValidityTarget: () => validityTargetRef.current,\n    children: /*#__PURE__*/_jsx(InputControl, {\n      __next40pxDefaultSize: true,\n      ref: mergedRefs,\n      onChange: (value, ...args) => {\n        valueRef.current = value;\n        onChange?.(value, ...args);\n      },\n      ...restProps\n    })\n  });\n};\nexport const ValidatedInputControl = forwardRef(UnforwardedValidatedInputControl);"],
-  "mappings": "AAGA,SAAS,YAAY,cAAc;AACnC,SAAS,oBAAoB;AAK7B,SAAS,wBAAwB;AACjC,OAAO,kBAAkB;AACzB,SAAS,OAAO,YAAY;AAC5B,MAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB;AAAA,IAC3C,UAAuB,qBAAK,cAAc;AAAA,MACxC,uBAAuB;AAAA,MACvB,KAAK;AAAA,MACL,UAAU,CAAC,UAAU,SAAS;AAC5B,iBAAS,UAAU;AACnB,mBAAW,OAAO,GAAG,IAAI;AAAA,MAC3B;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,MAAM,wBAAwB,WAAW,gCAAgC;",
+  "mappings": ";AAGA,SAAS,YAAY,cAAc;AACnC,SAAS,oBAAoB;AAK7B,SAAS,wBAAwB;AACjC,OAAO,kBAAkB;AACzB,SAAS,OAAO,YAAY;AAC5B,IAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB;AAAA,IAC3C,UAAuB,qBAAK,cAAc;AAAA,MACxC,uBAAuB;AAAA,MACvB,KAAK;AAAA,MACL,UAAU,CAAC,UAAU,SAAS;AAC5B,iBAAS,UAAU;AACnB,mBAAW,OAAO,GAAG,IAAI;AAAA,MAC3B;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,wBAAwB,WAAW,gCAAgC;",
   "names": []
 }

package/build-module/validated-form-controls/components/number-control.js

@@ -1,9 +1,10 @@
+// packages/components/src/validated-form-controls/components/number-control.tsx
 import { forwardRef, useRef } from "@wordpress/element";
 import { useMergeRefs } from "@wordpress/compose";
 import { ControlWithError } from "../control-with-error";
 import NumberControl from "../../number-control";
 import { jsx as _jsx } from "react/jsx-runtime";
-const UnforwardedValidatedNumberControl = ({
+var UnforwardedValidatedNumberControl = ({
   required,
   onValidate,
   customValidity,
@@ -33,7 +34,7 @@ const UnforwardedValidatedNumberControl = ({
     })
   });
 };
-const ValidatedNumberControl = forwardRef(UnforwardedValidatedNumberControl);
+var ValidatedNumberControl = forwardRef(UnforwardedValidatedNumberControl);
 export {
   ValidatedNumberControl
 };

package/build-module/validated-form-controls/components/number-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/number-control.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport NumberControl from '../../number-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedNumberControl = ({\n  required,\n  onValidate,\n  customValidity,\n  onChange,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n  const valueRef = useRef(restProps.value);\n  return /*#__PURE__*/_jsx(ControlWithError, {\n    required: required,\n    markWhenOptional: markWhenOptional,\n    onValidate: () => {\n      return onValidate?.(valueRef.current);\n    },\n    customValidity: customValidity,\n    getValidityTarget: () => validityTargetRef.current,\n    children: /*#__PURE__*/_jsx(NumberControl, {\n      __next40pxDefaultSize: true,\n      ref: mergedRefs\n      // TODO: Upstream limitation - When form is submitted when value is undefined, it will\n      // automatically set a clamped value (as defined by `min` attribute, so 0 by default).\n      ,\n      onChange: (value, ...args) => {\n        valueRef.current = value;\n        onChange?.(value, ...args);\n      },\n      ...restProps\n    })\n  });\n};\nexport const ValidatedNumberControl = forwardRef(UnforwardedValidatedNumberControl);"],
-  "mappings": "AAGA,SAAS,YAAY,cAAc;AACnC,SAAS,oBAAoB;AAK7B,SAAS,wBAAwB;AACjC,OAAO,mBAAmB;AAC1B,SAAS,OAAO,YAAY;AAC5B,MAAM,oCAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB;AAAA,IAC3C,UAAuB,qBAAK,eAAe;AAAA,MACzC,uBAAuB;AAAA,MACvB,KAAK;AAAA,MAIL,UAAU,CAAC,UAAU,SAAS;AAC5B,iBAAS,UAAU;AACnB,mBAAW,OAAO,GAAG,IAAI;AAAA,MAC3B;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,MAAM,yBAAyB,WAAW,iCAAiC;",
+  "mappings": ";AAGA,SAAS,YAAY,cAAc;AACnC,SAAS,oBAAoB;AAK7B,SAAS,wBAAwB;AACjC,OAAO,mBAAmB;AAC1B,SAAS,OAAO,YAAY;AAC5B,IAAM,oCAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,KAAK;AACvC,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB;AAAA,IAC3C,UAAuB,qBAAK,eAAe;AAAA,MACzC,uBAAuB;AAAA,MACvB,KAAK;AAAA,MAIL,UAAU,CAAC,UAAU,SAAS;AAC5B,iBAAS,UAAU;AACnB,mBAAW,OAAO,GAAG,IAAI;AAAA,MAC3B;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,yBAAyB,WAAW,iCAAiC;",
   "names": []
 }

package/build-module/validated-form-controls/components/radio-control.js

@@ -1,9 +1,10 @@
+// packages/components/src/validated-form-controls/components/radio-control.tsx
 import { useMergeRefs } from "@wordpress/compose";
 import { forwardRef, useRef } from "@wordpress/element";
 import { ControlWithError } from "../control-with-error";
 import RadioControl from "../../radio-control";
 import { jsx as _jsx } from "react/jsx-runtime";
-const UnforwardedValidatedRadioControl = ({
+var UnforwardedValidatedRadioControl = ({
   required,
   onValidate,
   customValidity,
@@ -32,7 +33,7 @@ const UnforwardedValidatedRadioControl = ({
     })
   });
 };
-const ValidatedRadioControl = forwardRef(UnforwardedValidatedRadioControl);
+var ValidatedRadioControl = forwardRef(UnforwardedValidatedRadioControl);
 export {
   ValidatedRadioControl
 };

package/build-module/validated-form-controls/components/radio-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/radio-control.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport RadioControl from '../../radio-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedRadioControl = ({\n  required,\n  onValidate,\n  customValidity,\n  onChange,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n  const valueRef = useRef(restProps.selected);\n  return /*#__PURE__*/_jsx(ControlWithError, {\n    required: required,\n    markWhenOptional: markWhenOptional\n    // TODO: Upstream limitation - RadioControl does not accept a ref.\n    ,\n    ref: mergedRefs,\n    onValidate: () => {\n      return onValidate?.(valueRef.current);\n    },\n    customValidity: customValidity,\n    getValidityTarget: () => validityTargetRef.current?.querySelector('input[type=\"radio\"]'),\n    children: /*#__PURE__*/_jsx(RadioControl, {\n      onChange: value => {\n        valueRef.current = value;\n        onChange?.(value);\n      },\n      ...restProps\n    })\n  });\n};\nexport const ValidatedRadioControl = forwardRef(UnforwardedValidatedRadioControl);"],
-  "mappings": "AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,kBAAkB;AACzB,SAAS,OAAO,YAAY;AAC5B,MAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,QAAQ;AAC1C,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IAGA,KAAK;AAAA,IACL,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB,SAAS,cAAc,qBAAqB;AAAA,IACvF,UAAuB,qBAAK,cAAc;AAAA,MACxC,UAAU,WAAS;AACjB,iBAAS,UAAU;AACnB,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,MAAM,wBAAwB,WAAW,gCAAgC;",
+  "mappings": ";AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,kBAAkB;AACzB,SAAS,OAAO,YAAY;AAC5B,IAAM,mCAAmC,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,QAAM,WAAW,OAAO,UAAU,QAAQ;AAC1C,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IAGA,KAAK;AAAA,IACL,YAAY,MAAM;AAChB,aAAO,aAAa,SAAS,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB,SAAS,cAAc,qBAAqB;AAAA,IACvF,UAAuB,qBAAK,cAAc;AAAA,MACxC,UAAU,WAAS;AACjB,iBAAS,UAAU;AACnB,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,wBAAwB,WAAW,gCAAgC;",
   "names": []
 }