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

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

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/utils/types.ts"],"sourcesContent":["export type ResponsiveCSSValue< T > = Array< T | undefined > | T;\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,33 +1,20 @@
 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)?$/;
-
-/**
- * Parses a number and unit from a value.
- *
- * @param toParse Value to parse
- *
- * @return  The extracted number and unit.
- */
-export function parseCSSUnitValue(toParse) {
+function parseCSSUnitValue(toParse) {
   const value = toParse.trim();
   const matched = value.match(UNITED_VALUE_REGEX);
   if (!matched) {
-    return [undefined, undefined];
+    return [void 0, void 0];
   }
   const [, num, unit] = matched;
   let numParsed = parseFloat(num);
-  numParsed = Number.isNaN(numParsed) ? undefined : numParsed;
+  numParsed = Number.isNaN(numParsed) ? void 0 : numParsed;
   return [numParsed, unit];
 }
-
-/**
- * Combines a value and a unit into a unit value.
- *
- * @param value
- * @param unit
- *
- * @return The unit value.
- */
-export function createCSSUnitValue(value, unit) {
+function createCSSUnitValue(value, unit) {
   return `${value}${unit}`;
 }
-//# sourceMappingURL=unit-values.js.map
+export {
+  createCSSUnitValue,
+  parseCSSUnitValue
+};
+//# sourceMappingURL=unit-values.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["UNITED_VALUE_REGEX","parseCSSUnitValue","toParse","value","trim","matched","match","undefined","num","unit","numParsed","parseFloat","Number","isNaN","createCSSUnitValue"],"sources":["@wordpress/components/src/utils/unit-values.ts"],"sourcesContent":["const UNITED_VALUE_REGEX =\n\t/^([\\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(\n\ttoParse: string\n): [ number | undefined, string | undefined ] {\n\tconst value = toParse.trim();\n\n\tconst matched = value.match( UNITED_VALUE_REGEX );\n\tif ( ! matched ) {\n\t\treturn [ undefined, undefined ];\n\t}\n\tconst [ , num, unit ] = matched;\n\tlet numParsed: number | undefined = parseFloat( num );\n\tnumParsed = Number.isNaN( numParsed ) ? undefined : numParsed;\n\n\treturn [ 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(\n\tvalue: string | number,\n\tunit: string\n): string {\n\treturn `${ value }${ unit }`;\n}\n"],"mappings":"AAAA,MAAMA,kBAAkB,GACvB,8NAA8N;;AAE/N;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAChCC,OAAe,EAC8B;EAC7C,MAAMC,KAAK,GAAGD,OAAO,CAACE,IAAI,CAAC,CAAC;EAE5B,MAAMC,OAAO,GAAGF,KAAK,CAACG,KAAK,CAAEN,kBAAmB,CAAC;EACjD,IAAK,CAAEK,OAAO,EAAG;IAChB,OAAO,CAAEE,SAAS,EAAEA,SAAS,CAAE;EAChC;EACA,MAAM,GAAIC,GAAG,EAAEC,IAAI,CAAE,GAAGJ,OAAO;EAC/B,IAAIK,SAA6B,GAAGC,UAAU,CAAEH,GAAI,CAAC;EACrDE,SAAS,GAAGE,MAAM,CAACC,KAAK,CAAEH,SAAU,CAAC,GAAGH,SAAS,GAAGG,SAAS;EAE7D,OAAO,CAAEA,SAAS,EAAED,IAAI,CAAE;AAC3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,kBAAkBA,CACjCX,KAAsB,EACtBM,IAAY,EACH;EACT,OAAO,GAAIN,KAAK,GAAKM,IAAI,EAAG;AAC7B","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,4 +1,4 @@
-export function useDeprecated36pxDefaultSizeProp(props) {
+function useDeprecated36pxDefaultSizeProp(props) {
   const {
     __next36pxDefaultSize,
     __next40pxDefaultSize,
@@ -9,4 +9,7 @@ export function useDeprecated36pxDefaultSizeProp(props) {
     __next40pxDefaultSize: __next40pxDefaultSize !== null && __next40pxDefaultSize !== void 0 ? __next40pxDefaultSize : __next36pxDefaultSize
   };
 }
-//# sourceMappingURL=use-deprecated-props.js.map
+export {
+  useDeprecated36pxDefaultSizeProp
+};
+//# sourceMappingURL=use-deprecated-props.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useDeprecated36pxDefaultSizeProp","props","__next36pxDefaultSize","__next40pxDefaultSize","otherProps"],"sources":["@wordpress/components/src/utils/use-deprecated-props.ts"],"sourcesContent":["export function useDeprecated36pxDefaultSizeProp<\n\tP extends Record< string, any > & {\n\t\t__next36pxDefaultSize?: boolean;\n\t\t__next40pxDefaultSize?: boolean;\n\t},\n>( props: P ) {\n\tconst { __next36pxDefaultSize, __next40pxDefaultSize, ...otherProps } =\n\t\tprops;\n\n\treturn {\n\t\t...otherProps,\n\t\t__next40pxDefaultSize: __next40pxDefaultSize ?? __next36pxDefaultSize,\n\t};\n}\n"],"mappings":"AAAA,OAAO,SAASA,gCAAgCA,CAK7CC,KAAQ,EAAG;EACb,MAAM;IAAEC,qBAAqB;IAAEC,qBAAqB;IAAE,GAAGC;EAAW,CAAC,GACpEH,KAAK;EAEN,OAAO;IACN,GAAGG,UAAU;IACbD,qBAAqB,EAAEA,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAID;EACjD,CAAC;AACF","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,21 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useState } from '@wordpress/element';
-const breakpoints = ['40em', '52em', '64em'];
-export const useBreakpointIndex = (options = {}) => {
+import { useEffect, useState } from "@wordpress/element";
+const breakpoints = ["40em", "52em", "64em"];
+const useBreakpointIndex = (options = {}) => {
   const {
     defaultIndex = 0
   } = options;
-  if (typeof defaultIndex !== 'number') {
+  if (typeof defaultIndex !== "number") {
     throw new TypeError(`Default breakpoint index should be a number. Got: ${defaultIndex}, ${typeof defaultIndex}`);
   } else if (defaultIndex < 0 || defaultIndex > breakpoints.length - 1) {
     throw new RangeError(`Default breakpoint index out of range. Theme has ${breakpoints.length} breakpoints, got index ${defaultIndex}`);
   }
   const [value, setValue] = useState(defaultIndex);
   useEffect(() => {
-    const getIndex = () => breakpoints.filter(bp => {
-      return typeof window !== 'undefined' ? window.matchMedia(`screen and (min-width: ${bp})`).matches : false;
+    const getIndex = () => breakpoints.filter((bp) => {
+      return typeof window !== "undefined" ? window.matchMedia(`screen and (min-width: ${bp})`).matches : false;
     }).length;
     const onResize = () => {
       const newValue = getIndex();
@@ -24,28 +21,33 @@ export const useBreakpointIndex = (options = {}) => {
       }
     };
     onResize();
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', onResize);
+    if (typeof window !== "undefined") {
+      window.addEventListener("resize", onResize);
     }
     return () => {
-      if (typeof window !== 'undefined') {
-        window.removeEventListener('resize', onResize);
+      if (typeof window !== "undefined") {
+        window.removeEventListener("resize", onResize);
       }
     };
   }, [value]);
   return value;
 };
-export function useResponsiveValue(values, options = {}) {
+function useResponsiveValue(values, options = {}) {
   const index = useBreakpointIndex(options);
-
-  // Allow calling the function with a "normal" value without having to check on the outside.
-  if (!Array.isArray(values) && typeof values !== 'function') {
+  if (!Array.isArray(values) && typeof values !== "function") {
     return values;
   }
   const array = values || [];
-
-  /* eslint-disable jsdoc/no-undefined-types */
-  return /** @type {T[]} */array[/* eslint-enable jsdoc/no-undefined-types */
-  index >= array.length ? array.length - 1 : index];
+  return (
+    /** @type {T[]} */
+    array[
+      /* eslint-enable jsdoc/no-undefined-types */
+      index >= array.length ? array.length - 1 : index
+    ]
+  );
 }
-//# sourceMappingURL=use-responsive-value.js.map
+export {
+  useBreakpointIndex,
+  useResponsiveValue
+};
+//# sourceMappingURL=use-responsive-value.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useState","breakpoints","useBreakpointIndex","options","defaultIndex","TypeError","length","RangeError","value","setValue","getIndex","filter","bp","window","matchMedia","matches","onResize","newValue","addEventListener","removeEventListener","useResponsiveValue","values","index","Array","isArray","array"],"sources":["@wordpress/components/src/utils/use-responsive-value.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\nconst breakpoints = [ '40em', '52em', '64em' ];\n\nexport const useBreakpointIndex = (\n\toptions: { defaultIndex?: number } = {}\n) => {\n\tconst { defaultIndex = 0 } = options;\n\n\tif ( typeof defaultIndex !== 'number' ) {\n\t\tthrow new TypeError(\n\t\t\t`Default breakpoint index should be a number. Got: ${ defaultIndex }, ${ typeof defaultIndex }`\n\t\t);\n\t} else if ( defaultIndex < 0 || defaultIndex > breakpoints.length - 1 ) {\n\t\tthrow new RangeError(\n\t\t\t`Default breakpoint index out of range. Theme has ${ breakpoints.length } breakpoints, got index ${ defaultIndex }`\n\t\t);\n\t}\n\n\tconst [ value, setValue ] = useState( defaultIndex );\n\n\tuseEffect( () => {\n\t\tconst getIndex = () =>\n\t\t\tbreakpoints.filter( ( bp ) => {\n\t\t\t\treturn typeof window !== 'undefined'\n\t\t\t\t\t? window.matchMedia( `screen and (min-width: ${ bp })` )\n\t\t\t\t\t\t\t.matches\n\t\t\t\t\t: false;\n\t\t\t} ).length;\n\n\t\tconst onResize = () => {\n\t\t\tconst newValue = getIndex();\n\t\t\tif ( value !== newValue ) {\n\t\t\t\tsetValue( newValue );\n\t\t\t}\n\t\t};\n\n\t\tonResize();\n\n\t\tif ( typeof window !== 'undefined' ) {\n\t\t\twindow.addEventListener( 'resize', onResize );\n\t\t}\n\t\treturn () => {\n\t\t\tif ( typeof window !== 'undefined' ) {\n\t\t\t\twindow.removeEventListener( 'resize', onResize );\n\t\t\t}\n\t\t};\n\t}, [ value ] );\n\n\treturn value;\n};\n\nexport function useResponsiveValue< T >(\n\tvalues: ( T | undefined )[],\n\toptions: Parameters< typeof useBreakpointIndex >[ 0 ] = {}\n): T | undefined {\n\tconst index = useBreakpointIndex( options );\n\n\t// Allow calling the function with a \"normal\" value without having to check on the outside.\n\tif ( ! Array.isArray( values ) && typeof values !== 'function' ) {\n\t\treturn values;\n\t}\n\n\tconst array = values || [];\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\treturn /** @type {T[]} */ array[\n\t\t/* eslint-enable jsdoc/no-undefined-types */\n\t\tindex >= array.length ? array.length - 1 : index\n\t];\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,oBAAoB;AAExD,MAAMC,WAAW,GAAG,CAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAE;AAE9C,OAAO,MAAMC,kBAAkB,GAAGA,CACjCC,OAAkC,GAAG,CAAC,CAAC,KACnC;EACJ,MAAM;IAAEC,YAAY,GAAG;EAAE,CAAC,GAAGD,OAAO;EAEpC,IAAK,OAAOC,YAAY,KAAK,QAAQ,EAAG;IACvC,MAAM,IAAIC,SAAS,CAClB,qDAAsDD,YAAY,KAAO,OAAOA,YAAY,EAC7F,CAAC;EACF,CAAC,MAAM,IAAKA,YAAY,GAAG,CAAC,IAAIA,YAAY,GAAGH,WAAW,CAACK,MAAM,GAAG,CAAC,EAAG;IACvE,MAAM,IAAIC,UAAU,CACnB,oDAAqDN,WAAW,CAACK,MAAM,2BAA6BF,YAAY,EACjH,CAAC;EACF;EAEA,MAAM,CAAEI,KAAK,EAAEC,QAAQ,CAAE,GAAGT,QAAQ,CAAEI,YAAa,CAAC;EAEpDL,SAAS,CAAE,MAAM;IAChB,MAAMW,QAAQ,GAAGA,CAAA,KAChBT,WAAW,CAACU,MAAM,CAAIC,EAAE,IAAM;MAC7B,OAAO,OAAOC,MAAM,KAAK,WAAW,GACjCA,MAAM,CAACC,UAAU,CAAE,0BAA2BF,EAAE,GAAK,CAAC,CACrDG,OAAO,GACR,KAAK;IACT,CAAE,CAAC,CAACT,MAAM;IAEX,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACtB,MAAMC,QAAQ,GAAGP,QAAQ,CAAC,CAAC;MAC3B,IAAKF,KAAK,KAAKS,QAAQ,EAAG;QACzBR,QAAQ,CAAEQ,QAAS,CAAC;MACrB;IACD,CAAC;IAEDD,QAAQ,CAAC,CAAC;IAEV,IAAK,OAAOH,MAAM,KAAK,WAAW,EAAG;MACpCA,MAAM,CAACK,gBAAgB,CAAE,QAAQ,EAAEF,QAAS,CAAC;IAC9C;IACA,OAAO,MAAM;MACZ,IAAK,OAAOH,MAAM,KAAK,WAAW,EAAG;QACpCA,MAAM,CAACM,mBAAmB,CAAE,QAAQ,EAAEH,QAAS,CAAC;MACjD;IACD,CAAC;EACF,CAAC,EAAE,CAAER,KAAK,CAAG,CAAC;EAEd,OAAOA,KAAK;AACb,CAAC;AAED,OAAO,SAASY,kBAAkBA,CACjCC,MAA2B,EAC3BlB,OAAqD,GAAG,CAAC,CAAC,EAC1C;EAChB,MAAMmB,KAAK,GAAGpB,kBAAkB,CAAEC,OAAQ,CAAC;;EAE3C;EACA,IAAK,CAAEoB,KAAK,CAACC,OAAO,CAAEH,MAAO,CAAC,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAG;IAChE,OAAOA,MAAM;EACd;EAEA,MAAMI,KAAK,GAAGJ,MAAM,IAAI,EAAE;;EAE1B;EACA,OAAO,kBAAmBI,KAAK,CAC9B;EACAH,KAAK,IAAIG,KAAK,CAACnB,MAAM,GAAGmB,KAAK,CAACnB,MAAM,GAAG,CAAC,GAAGgB,KAAK,CAChD;AACF","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

package/build-module/utils/values.js

@@ -1,63 +1,25 @@
-/* eslint-disable jsdoc/valid-types */
-/**
- * Determines if a value is null or undefined.
- *
- * @template T
- *
- * @param {T} value The value to check.
- * @return {value is Exclude<T, null | undefined>} Whether value is not null or undefined.
- */
-export function isValueDefined(value) {
-  return value !== undefined && value !== null;
+function isValueDefined(value) {
+  return value !== void 0 && value !== null;
 }
-/* eslint-enable jsdoc/valid-types */
-
-/* eslint-disable jsdoc/valid-types */
-/**
- * Determines if a value is empty, null, or undefined.
- *
- * @param {string | number | null | undefined} value The value to check.
- * @return {value is ("" | null | undefined)} Whether value is empty.
- */
-export function isValueEmpty(value) {
-  const isEmptyString = value === '';
+function isValueEmpty(value) {
+  const isEmptyString = value === "";
   return !isValueDefined(value) || isEmptyString;
 }
-/* eslint-enable jsdoc/valid-types */
-
-/**
- * Get the first defined/non-null value from an array.
- *
- * @template T
- *
- * @param {Array<T | null | undefined>} values        Values to derive from.
- * @param {T}                           fallbackValue Fallback value if there are no defined values.
- * @return {T} A defined value or the fallback value.
- */
-export function getDefinedValue(values = [], fallbackValue) {
+function getDefinedValue(values = [], fallbackValue) {
   var _values$find;
   return (_values$find = values.find(isValueDefined)) !== null && _values$find !== void 0 ? _values$find : fallbackValue;
 }
-
-/**
- * Converts a string to a number.
- *
- * @param {string} value
- * @return {number} String as a number.
- */
-export const stringToNumber = value => {
+const stringToNumber = (value) => {
   return parseFloat(value);
 };
-
-/**
- * Regardless of the input being a string or a number, returns a number.
- *
- * Returns `undefined` in case the string is `undefined` or not a valid numeric value.
- *
- * @param {string | number} value
- * @return {number} The parsed number.
- */
-export const ensureNumber = value => {
-  return typeof value === 'string' ? stringToNumber(value) : value;
+const ensureNumber = (value) => {
+  return typeof value === "string" ? stringToNumber(value) : value;
 };
-//# sourceMappingURL=values.js.map
+export {
+  ensureNumber,
+  getDefinedValue,
+  isValueDefined,
+  isValueEmpty,
+  stringToNumber
+};
+//# sourceMappingURL=values.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["isValueDefined","value","undefined","isValueEmpty","isEmptyString","getDefinedValue","values","fallbackValue","_values$find","find","stringToNumber","parseFloat","ensureNumber"],"sources":["@wordpress/components/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\treturn 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\tconst isEmptyString = value === '';\n\n\treturn ! 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\treturn values.find( isValueDefined ) ?? 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\treturn 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\treturn typeof value === 'string' ? stringToNumber( value ) : value;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAAEC,KAAK,EAAG;EACvC,OAAOA,KAAK,KAAKC,SAAS,IAAID,KAAK,KAAK,IAAI;AAC7C;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,YAAYA,CAAEF,KAAK,EAAG;EACrC,MAAMG,aAAa,GAAGH,KAAK,KAAK,EAAE;EAElC,OAAO,CAAED,cAAc,CAAEC,KAAM,CAAC,IAAIG,aAAa;AAClD;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEC,MAAM,GAAG,EAAE,EAAEC,aAAa,EAAG;EAAA,IAAAC,YAAA;EAC7D,QAAAA,YAAA,GAAOF,MAAM,CAACG,IAAI,CAAET,cAAe,CAAC,cAAAQ,YAAA,cAAAA,YAAA,GAAID,aAAa;AACtD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,cAAc,GAAKT,KAAK,IAAM;EAC1C,OAAOU,UAAU,CAAEV,KAAM,CAAC;AAC3B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMW,YAAY,GAAKX,KAAK,IAAM;EACxC,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAGS,cAAc,CAAET,KAAM,CAAC,GAAGA,KAAK;AACnE,CAAC","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,22 +1,9 @@
-/**
- * A higher-order function that wraps a keyboard event handler to ensure it is not an IME event.
- *
- * In CJK languages, an IME (Input Method Editor) is used to input complex characters.
- * During an IME composition, keyboard events (e.g. Enter or Escape) can be fired
- * which are intended to control the IME and not the application.
- * These events should be ignored by any application logic.
- *
- * @param handler The keyboard event handler to execute after ensuring it was not an IME event.
- *
- * @return A wrapped version of the given event handler that ignores IME events.
- */
-export function withIgnoreIMEEvents(handler) {
-  return event => {
+function withIgnoreIMEEvents(handler) {
+  return (event) => {
     const {
       isComposing
-    } = 'nativeEvent' in event ? event.nativeEvent : event;
-    if (isComposing ||
-    // Workaround for Mac Safari where the final Enter/Backspace of an IME composition
+    } = "nativeEvent" in event ? event.nativeEvent : event;
+    if (isComposing || // Workaround for Mac Safari where the final Enter/Backspace of an IME composition
     // is `isComposing=false`, even though it's technically still part of the composition.
     // These can only be detected by keyCode.
     event.keyCode === 229) {
@@ -25,4 +12,7 @@ export function withIgnoreIMEEvents(handler) {
     handler(event);
   };
 }
-//# sourceMappingURL=with-ignore-ime-events.js.map
+export {
+  withIgnoreIMEEvents
+};
+//# sourceMappingURL=with-ignore-ime-events.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["withIgnoreIMEEvents","handler","event","isComposing","nativeEvent","keyCode"],"sources":["@wordpress/components/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<\n\tE extends React.KeyboardEvent | KeyboardEvent,\n>( handler: ( event: E ) => void ) {\n\treturn ( event: E ) => {\n\t\tconst { isComposing } =\n\t\t\t'nativeEvent' in event ? event.nativeEvent : event;\n\n\t\tif (\n\t\t\tisComposing ||\n\t\t\t// Workaround for Mac Safari where the final Enter/Backspace of an IME composition\n\t\t\t// is `isComposing=false`, even though it's technically still part of the composition.\n\t\t\t// These can only be detected by keyCode.\n\t\t\tevent.keyCode === 229\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\thandler( event );\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,mBAAmBA,CAEhCC,OAA6B,EAAG;EAClC,OAASC,KAAQ,IAAM;IACtB,MAAM;MAAEC;IAAY,CAAC,GACpB,aAAa,IAAID,KAAK,GAAGA,KAAK,CAACE,WAAW,GAAGF,KAAK;IAEnD,IACCC,WAAW;IACX;IACA;IACA;IACAD,KAAK,CAACG,OAAO,KAAK,GAAG,EACpB;MACD;IACD;IAEAJ,OAAO,CAAEC,KAAM,CAAC;EACjB,CAAC;AACF","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,46 +1,18 @@
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-import { contextConnect } from '../context';
-import { View } from '../view';
-import { useVStack } from './hook';
+import { contextConnect } from "../context";
+import { View } from "../view";
+import { useVStack } from "./hook";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnconnectedVStack(props, forwardedRef) {
   const vStackProps = useVStack(props);
-  return /*#__PURE__*/_jsx(View, {
+  return /* @__PURE__ */ _jsx(View, {
     ...vStackProps,
     ref: forwardedRef
   });
 }
-
-/**
- * `VStack` (or Vertical Stack) is a layout component that arranges child
- * elements in a vertical line.
- *
- * `VStack` can render anything inside.
- *
- * ```jsx
- * import {
- * 	__experimentalText as Text,
- * 	__experimentalVStack as VStack,
- * } from `@wordpress/components`;
- *
- * function Example() {
- * 	return (
- * 		<VStack>
- * 			<Text>Code</Text>
- * 			<Text>is</Text>
- * 			<Text>Poetry</Text>
- * 		</VStack>
- * 	);
- * }
- * ```
- */
-export const VStack = contextConnect(UnconnectedVStack, 'VStack');
-export default VStack;
-//# sourceMappingURL=component.js.map
+const VStack = contextConnect(UnconnectedVStack, "VStack");
+var component_default = VStack;
+export {
+  VStack,
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["contextConnect","View","useVStack","jsx","_jsx","UnconnectedVStack","props","forwardedRef","vStackProps","ref","VStack"],"sources":["@wordpress/components/src/v-stack/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport { useVStack } from './hook';\nimport type { VStackProps } from './types';\n\nfunction UnconnectedVStack(\n\tprops: WordPressComponentProps< VStackProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst vStackProps = useVStack( props );\n\n\treturn <View { ...vStackProps } ref={ forwardedRef } />;\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' );\n\nexport default VStack;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,YAAY;AAC3C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,SAAS,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,SAASC,iBAAiBA,CACzBC,KAAoD,EACpDC,YAAiC,EAChC;EACD,MAAMC,WAAW,GAAGN,SAAS,CAAEI,KAAM,CAAC;EAEtC,oBAAOF,IAAA,CAACH,IAAI;IAAA,GAAMO,WAAW;IAAGC,GAAG,EAAGF;EAAc,CAAE,CAAC;AACxD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,MAAM,GAAGV,cAAc,CAAEK,iBAAiB,EAAE,QAAS,CAAC;AAEnE,eAAeK,MAAM","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,21 +1,20 @@
-/**
- * Internal dependencies
- */
-
-import { useContextSystem } from '../context';
-import { useHStack } from '../h-stack';
-export function useVStack(props) {
+import { useContextSystem } from "../context";
+import { useHStack } from "../h-stack";
+function useVStack(props) {
   const {
     expanded = false,
-    alignment = 'stretch',
+    alignment = "stretch",
     ...otherProps
-  } = useContextSystem(props, 'VStack');
+  } = useContextSystem(props, "VStack");
   const hStackProps = useHStack({
-    direction: 'column',
+    direction: "column",
     expanded,
     alignment,
     ...otherProps
   });
   return hStackProps;
 }
-//# sourceMappingURL=hook.js.map
+export {
+  useVStack
+};
+//# sourceMappingURL=hook.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useContextSystem","useHStack","useVStack","props","expanded","alignment","otherProps","hStackProps","direction"],"sources":["@wordpress/components/src/v-stack/hook.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useContextSystem } from '../context';\nimport { useHStack } from '../h-stack';\nimport type { VStackProps } from './types';\n\nexport function useVStack(\n\tprops: WordPressComponentProps< VStackProps, 'div' >\n) {\n\tconst {\n\t\texpanded = false,\n\t\talignment = 'stretch',\n\t\t...otherProps\n\t} = useContextSystem( props, 'VStack' );\n\n\tconst hStackProps = useHStack( {\n\t\tdirection: 'column',\n\t\texpanded,\n\t\talignment,\n\t\t...otherProps,\n\t} );\n\n\treturn hStackProps;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,SAAS,QAAQ,YAAY;AAGtC,OAAO,SAASC,SAASA,CACxBC,KAAoD,EACnD;EACD,MAAM;IACLC,QAAQ,GAAG,KAAK;IAChBC,SAAS,GAAG,SAAS;IACrB,GAAGC;EACJ,CAAC,GAAGN,gBAAgB,CAAEG,KAAK,EAAE,QAAS,CAAC;EAEvC,MAAMI,WAAW,GAAGN,SAAS,CAAE;IAC9BO,SAAS,EAAE,QAAQ;IACnBJ,QAAQ;IACRC,SAAS;IACT,GAAGC;EACJ,CAAE,CAAC;EAEH,OAAOC,WAAW;AACnB","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,3 +1,7 @@
-export { default as VStack } from './component';
-export { useVStack } from './hook';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+import { useVStack } from "./hook";
+export {
+  default2 as VStack,
+  useVStack
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["default","VStack","useVStack"],"sources":["@wordpress/components/src/v-stack/index.ts"],"sourcesContent":["export { default as VStack } from './component';\nexport { useVStack } from './hook';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAa;AAC/C,SAASC,SAAS,QAAQ,QAAQ","ignoreList":[]}
+{
+  "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;",
+  "names": ["default"]
+}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/v-stack/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { HStackAlignment, Props as HStackProps } from '../h-stack/types';\n\nexport type VStackProps = Omit< HStackProps, 'alignment' | 'spacing' > & {\n\t/**\n\t * Determines how the child elements are aligned.\n\t *\n\t * -   `top`: Aligns content to the top.\n\t * -   `topLeft`: Aligns content to the top/left.\n\t * -   `topRight`: Aligns content to the top/right.\n\t * -   `left`: Aligns content to the left.\n\t * -   `center`: Aligns content to the center.\n\t * -   `right`: Aligns content to the right.\n\t * -   `bottom`: Aligns content to the bottom.\n\t * -   `bottomLeft`: Aligns content to the bottom/left.\n\t * -   `bottomRight`: Aligns content to the bottom/right.\n\t * -   `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n\t * -   `stretch`: Stretches content to the cross axis edges of the container.\n\t *\n\t * @default 'stretch'\n\t */\n\talignment?: HStackAlignment | CSSProperties[ 'alignItems' ];\n\t/**\n\t * The amount of space between each child element. Spacing in between each\n\t * child can be adjusted by using `spacing`. The value of `spacing` works as\n\t * a multiplier to the library's grid system (base of `4px`).\n\t */\n\tspacing?: CSSProperties[ 'width' ];\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,14 +1,7 @@
-/**
- * WordPress dependencies
- */
-import { useMergeRefs } from '@wordpress/compose';
-import { forwardRef, useRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { ControlWithError } from '../control-with-error';
-import CheckboxControl from '../../checkbox-control';
+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 = ({
   required,
@@ -21,26 +14,27 @@ const UnforwardedValidatedCheckboxControl = ({
   const validityTargetRef = useRef(null);
   const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
   const valueRef = useRef(restProps.checked);
-  return /*#__PURE__*/_jsx(ControlWithError, {
-    required: required,
-    markWhenOptional: markWhenOptional,
+  return /* @__PURE__ */ _jsx(ControlWithError, {
+    required,
+    markWhenOptional,
     ref: mergedRefs,
     onValidate: () => {
       return onValidate?.(valueRef.current);
     },
-    customValidity: customValidity,
+    customValidity,
     getValidityTarget: () => validityTargetRef.current?.querySelector('input[type="checkbox"]'),
-    children: /*#__PURE__*/_jsx(CheckboxControl, {
+    children: /* @__PURE__ */ _jsx(CheckboxControl, {
       __nextHasNoMarginBottom: true,
-      onChange: value => {
+      onChange: (value) => {
         valueRef.current = value;
         onChange?.(value);
-      }
-      // TODO: Upstream limitation - CheckboxControl doesn't support uncontrolled mode, visually.
-      ,
+      },
       ...restProps
     })
   });
 };
-export const ValidatedCheckboxControl = forwardRef(UnforwardedValidatedCheckboxControl);
-//# sourceMappingURL=checkbox-control.js.map
+const ValidatedCheckboxControl = forwardRef(UnforwardedValidatedCheckboxControl);
+export {
+  ValidatedCheckboxControl
+};
+//# sourceMappingURL=checkbox-control.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useMergeRefs","forwardRef","useRef","ControlWithError","CheckboxControl","jsx","_jsx","UnforwardedValidatedCheckboxControl","required","onValidate","customValidity","onChange","markWhenOptional","restProps","forwardedRef","validityTargetRef","mergedRefs","valueRef","checked","ref","current","getValidityTarget","querySelector","children","__nextHasNoMarginBottom","value","ValidatedCheckboxControl"],"sources":["@wordpress/components/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 type { ValidatedControlProps } from './types';\nimport CheckboxControl from '../../checkbox-control';\nimport type { CheckboxControlProps } from '../../checkbox-control/types';\n\ntype Value = CheckboxControlProps[ 'checked' ];\n\nconst UnforwardedValidatedCheckboxControl = (\n\t{\n\t\trequired,\n\t\tonValidate,\n\t\tcustomValidity,\n\t\tonChange,\n\t\tmarkWhenOptional,\n\t\t...restProps\n\t}: Omit<\n\t\tReact.ComponentProps< typeof CheckboxControl >,\n\t\t'__nextHasNoMarginBottom'\n\t> &\n\t\tValidatedControlProps< Value >,\n\tforwardedRef: React.ForwardedRef< HTMLInputElement >\n) => {\n\tconst validityTargetRef = useRef< HTMLDivElement >( null );\n\tconst mergedRefs = useMergeRefs( [ forwardedRef, validityTargetRef ] );\n\tconst valueRef = useRef< Value >( restProps.checked );\n\n\treturn (\n\t\t<ControlWithError\n\t\t\trequired={ required }\n\t\t\tmarkWhenOptional={ markWhenOptional }\n\t\t\tref={ mergedRefs }\n\t\t\tonValidate={ () => {\n\t\t\t\treturn onValidate?.( valueRef.current );\n\t\t\t} }\n\t\t\tcustomValidity={ customValidity }\n\t\t\tgetValidityTarget={ () =>\n\t\t\t\tvalidityTargetRef.current?.querySelector< HTMLInputElement >(\n\t\t\t\t\t'input[type=\"checkbox\"]'\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t<CheckboxControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tvalueRef.current = value;\n\t\t\t\t\tonChange?.( value );\n\t\t\t\t} }\n\t\t\t\t// TODO: Upstream limitation - CheckboxControl doesn't support uncontrolled mode, visually.\n\t\t\t\t{ ...restProps }\n\t\t\t/>\n\t\t</ControlWithError>\n\t);\n};\n\nexport const ValidatedCheckboxControl = forwardRef(\n\tUnforwardedValidatedCheckboxControl\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,UAAU,EAAEC,MAAM,QAAQ,oBAAoB;;AAEvD;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAOC,eAAe,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKrD,MAAMC,mCAAmC,GAAGA,CAC3C;EACCC,QAAQ;EACRC,UAAU;EACVC,cAAc;EACdC,QAAQ;EACRC,gBAAgB;EAChB,GAAGC;AAK0B,CAAC,EAC/BC,YAAoD,KAChD;EACJ,MAAMC,iBAAiB,GAAGb,MAAM,CAAoB,IAAK,CAAC;EAC1D,MAAMc,UAAU,GAAGhB,YAAY,CAAE,CAAEc,YAAY,EAAEC,iBAAiB,CAAG,CAAC;EACtE,MAAME,QAAQ,GAAGf,MAAM,CAAWW,SAAS,CAACK,OAAQ,CAAC;EAErD,oBACCZ,IAAA,CAACH,gBAAgB;IAChBK,QAAQ,EAAGA,QAAU;IACrBI,gBAAgB,EAAGA,gBAAkB;IACrCO,GAAG,EAAGH,UAAY;IAClBP,UAAU,EAAGA,CAAA,KAAM;MAClB,OAAOA,UAAU,GAAIQ,QAAQ,CAACG,OAAQ,CAAC;IACxC,CAAG;IACHV,cAAc,EAAGA,cAAgB;IACjCW,iBAAiB,EAAGA,CAAA,KACnBN,iBAAiB,CAACK,OAAO,EAAEE,aAAa,CACvC,wBACD,CACA;IAAAC,QAAA,eAEDjB,IAAA,CAACF,eAAe;MACfoB,uBAAuB;MACvBb,QAAQ,EAAKc,KAAK,IAAM;QACvBR,QAAQ,CAACG,OAAO,GAAGK,KAAK;QACxBd,QAAQ,GAAIc,KAAM,CAAC;MACpB;MACA;MAAA;MAAA,GACKZ;IAAS,CACd;EAAC,CACe,CAAC;AAErB,CAAC;AAED,OAAO,MAAMa,wBAAwB,GAAGzB,UAAU,CACjDM,mCACD,CAAC","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}