@wordpress/components 25.0.0 → 25.1.0

package/build/utils/math.js

@@ -30,11 +30,7 @@ function getNumber(value) {
  */
 
 
-function add() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
+function add(...args) {
   return args.reduce(
   /** @type {(sum:number, arg: number|string) => number} */
   (sum, arg) => sum + getNumber(arg), 0);
@@ -48,11 +44,7 @@ function add() {
  */
 
 
-function subtract() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
+function subtract(...args) {
   return args.reduce(
   /** @type {(diff:number, arg: number|string, index:number) => number} */
   (diff, arg, index) => {
@@ -100,11 +92,7 @@ function clamp(value, min, max) {
  */
 
 
-function roundClamp() {
-  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-  let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Infinity;
-  let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+function roundClamp(value = 0, min = Infinity, max = Infinity, step = 1) {
   const baseValue = getNumber(value);
   const stepValue = getNumber(step);
   const precision = getPrecision(step);
@@ -121,7 +109,7 @@ function roundClamp() {
  */
 
 
-function roundClampString() {
-  return roundClamp(...arguments).toString();
+function roundClampString(...args) {
+  return roundClamp(...args).toString();
 }
 //# sourceMappingURL=math.js.map

package/build/utils/math.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/math.js"],"names":["getNumber","value","number","Number","isNaN","add","args","reduce","sum","arg","subtract","diff","index","getPrecision","split","undefined","length","clamp","min","max","baseValue","Math","roundClamp","Infinity","step","stepValue","precision","rounded","round","clampedValue","toFixed","roundClampString","toString"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAMC,MAAM,GAAGC,MAAM,CAAEF,KAAF,CAArB;AAEA,SAAOG,KAAK,CAAEF,MAAF,CAAL,GAAkB,CAAlB,GAAsBA,MAA7B;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASG,GAAT,GAAwB;AAAA,oCAAPC,IAAO;AAAPA,IAAAA,IAAO;AAAA;;AAC9B,SAAOA,IAAI,CAACC,MAAL;AACN;AACA,GAAEC,GAAF,EAAOC,GAAP,KAAgBD,GAAG,GAAGR,SAAS,CAAES,GAAF,CAFzB,EAGN,CAHM,CAAP;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASC,QAAT,GAA6B;AAAA,qCAAPJ,IAAO;AAAPA,IAAAA,IAAO;AAAA;;AACnC,SAAOA,IAAI,CAACC,MAAL;AACN;AACA,GAAEI,IAAF,EAAQF,GAAR,EAAaG,KAAb,KAAwB;AACvB,UAAMX,KAAK,GAAGD,SAAS,CAAES,GAAF,CAAvB;AACA,WAAOG,KAAK,KAAK,CAAV,GAAcX,KAAd,GAAsBU,IAAI,GAAGV,KAApC;AACA,GALK,EAMN,CANM,CAAP;AAQA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASY,YAAT,CAAuBZ,KAAvB,EAA+B;AAC9B,QAAMa,KAAK,GAAG,CAAEb,KAAK,GAAG,EAAV,EAAea,KAAf,CAAsB,GAAtB,CAAd;AACA,SAAOA,KAAK,CAAE,CAAF,CAAL,KAAeC,SAAf,GAA2BD,KAAK,CAAE,CAAF,CAAL,CAAWE,MAAtC,GAA+C,CAAtD;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASC,KAAT,CAAgBhB,KAAhB,EAAuBiB,GAAvB,EAA4BC,GAA5B,EAAkC;AACxC,QAAMC,SAAS,GAAGpB,SAAS,CAAEC,KAAF,CAA3B;AACA,SAAOoB,IAAI,CAACF,GAAL,CAAUD,GAAV,EAAeG,IAAI,CAACH,GAAL,CAAUE,SAAV,EAAqBD,GAArB,CAAf,CAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASG,UAAT,GAKL;AAAA,MAJDrB,KAIC,uEAJO,CAIP;AAAA,MAHDiB,GAGC,uEAHKK,QAGL;AAAA,MAFDJ,GAEC,uEAFKI,QAEL;AAAA,MADDC,IACC,uEADM,CACN;AACD,QAAMJ,SAAS,GAAGpB,SAAS,CAAEC,KAAF,CAA3B;AACA,QAAMwB,SAAS,GAAGzB,SAAS,CAAEwB,IAAF,CAA3B;AACA,QAAME,SAAS,GAAGb,YAAY,CAAEW,IAAF,CAA9B;AACA,QAAMG,OAAO,GAAGN,IAAI,CAACO,KAAL,CAAYR,SAAS,GAAGK,SAAxB,IAAsCA,SAAtD;AACA,QAAMI,YAAY,GAAGZ,KAAK,CAAEU,OAAF,EAAWT,GAAX,EAAgBC,GAAhB,CAA1B;AAEA,SAAOO,SAAS,GACb1B,SAAS,CAAE6B,YAAY,CAACC,OAAb,CAAsBJ,SAAtB,CAAF,CADI,GAEbG,YAFH;AAGA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASE,gBAAT,GAAqC;AAC3C,SAAOT,UAAU,CAAE,YAAF,CAAV,CAAsBU,QAAtB,EAAP;AACA","sourcesContent":["/**\n * Parses and retrieves a number value.\n *\n * @param {unknown} value The incoming value.\n *\n * @return {number} The parsed number value.\n */\nexport function getNumber( value ) {\n\tconst number = Number( value );\n\n\treturn isNaN( number ) ? 0 : number;\n}\n\n/**\n * Safely adds 2 values.\n *\n * @param {Array<number|string>} args Values to add together.\n *\n * @return {number} The sum of values.\n */\nexport function add( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(sum:number, arg: number|string) => number} */\n\t\t( sum, arg ) => sum + getNumber( arg ),\n\t\t0\n\t);\n}\n\n/**\n * Safely subtracts 2 values.\n *\n * @param {Array<number|string>} args Values to subtract together.\n *\n * @return {number} The difference of the values.\n */\nexport function subtract( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(diff:number, arg: number|string, index:number) => number} */\n\t\t( diff, arg, index ) => {\n\t\t\tconst value = getNumber( arg );\n\t\t\treturn index === 0 ? value : diff - value;\n\t\t},\n\t\t0\n\t);\n}\n\n/**\n * Determines the decimal position of a number value.\n *\n * @param {number} value The number to evaluate.\n *\n * @return {number} The number of decimal places.\n */\nfunction getPrecision( value ) {\n\tconst split = ( value + '' ).split( '.' );\n\treturn split[ 1 ] !== undefined ? split[ 1 ].length : 0;\n}\n\n/**\n * Clamps a value based on a min/max range.\n *\n * @param {number} value The value.\n * @param {number} min   The minimum range.\n * @param {number} max   The maximum range.\n *\n * @return {number} The clamped value.\n */\nexport function clamp( value, min, max ) {\n\tconst baseValue = getNumber( value );\n\treturn Math.max( min, Math.min( baseValue, max ) );\n}\n\n/**\n * Clamps a value based on a min/max range with rounding\n *\n * @param {number | string} value The value.\n * @param {number}          min   The minimum range.\n * @param {number}          max   The maximum range.\n * @param {number}          step  A multiplier for the value.\n *\n * @return {number} The rounded and clamped value.\n */\nexport function roundClamp(\n\tvalue = 0,\n\tmin = Infinity,\n\tmax = Infinity,\n\tstep = 1\n) {\n\tconst baseValue = getNumber( value );\n\tconst stepValue = getNumber( step );\n\tconst precision = getPrecision( step );\n\tconst rounded = Math.round( baseValue / stepValue ) * stepValue;\n\tconst clampedValue = clamp( rounded, min, max );\n\n\treturn precision\n\t\t? getNumber( clampedValue.toFixed( precision ) )\n\t\t: clampedValue;\n}\n\n/**\n * Clamps a value based on a min/max range with rounding.\n * Returns a string.\n *\n * @param {Parameters<typeof roundClamp>} args Arguments for roundClamp().\n * @return {string} The rounded and clamped value.\n */\nexport function roundClampString( ...args ) {\n\treturn roundClamp( ...args ).toString();\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/math.js"],"names":["getNumber","value","number","Number","isNaN","add","args","reduce","sum","arg","subtract","diff","index","getPrecision","split","undefined","length","clamp","min","max","baseValue","Math","roundClamp","Infinity","step","stepValue","precision","rounded","round","clampedValue","toFixed","roundClampString","toString"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAMC,MAAM,GAAGC,MAAM,CAAEF,KAAF,CAArB;AAEA,SAAOG,KAAK,CAAEF,MAAF,CAAL,GAAkB,CAAlB,GAAsBA,MAA7B;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASG,GAAT,CAAc,GAAGC,IAAjB,EAAwB;AAC9B,SAAOA,IAAI,CAACC,MAAL;AACN;AACA,GAAEC,GAAF,EAAOC,GAAP,KAAgBD,GAAG,GAAGR,SAAS,CAAES,GAAF,CAFzB,EAGN,CAHM,CAAP;AAKA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASC,QAAT,CAAmB,GAAGJ,IAAtB,EAA6B;AACnC,SAAOA,IAAI,CAACC,MAAL;AACN;AACA,GAAEI,IAAF,EAAQF,GAAR,EAAaG,KAAb,KAAwB;AACvB,UAAMX,KAAK,GAAGD,SAAS,CAAES,GAAF,CAAvB;AACA,WAAOG,KAAK,KAAK,CAAV,GAAcX,KAAd,GAAsBU,IAAI,GAAGV,KAApC;AACA,GALK,EAMN,CANM,CAAP;AAQA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASY,YAAT,CAAuBZ,KAAvB,EAA+B;AAC9B,QAAMa,KAAK,GAAG,CAAEb,KAAK,GAAG,EAAV,EAAea,KAAf,CAAsB,GAAtB,CAAd;AACA,SAAOA,KAAK,CAAE,CAAF,CAAL,KAAeC,SAAf,GAA2BD,KAAK,CAAE,CAAF,CAAL,CAAWE,MAAtC,GAA+C,CAAtD;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASC,KAAT,CAAgBhB,KAAhB,EAAuBiB,GAAvB,EAA4BC,GAA5B,EAAkC;AACxC,QAAMC,SAAS,GAAGpB,SAAS,CAAEC,KAAF,CAA3B;AACA,SAAOoB,IAAI,CAACF,GAAL,CAAUD,GAAV,EAAeG,IAAI,CAACH,GAAL,CAAUE,SAAV,EAAqBD,GAArB,CAAf,CAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASG,UAAT,CACNrB,KAAK,GAAG,CADF,EAENiB,GAAG,GAAGK,QAFA,EAGNJ,GAAG,GAAGI,QAHA,EAINC,IAAI,GAAG,CAJD,EAKL;AACD,QAAMJ,SAAS,GAAGpB,SAAS,CAAEC,KAAF,CAA3B;AACA,QAAMwB,SAAS,GAAGzB,SAAS,CAAEwB,IAAF,CAA3B;AACA,QAAME,SAAS,GAAGb,YAAY,CAAEW,IAAF,CAA9B;AACA,QAAMG,OAAO,GAAGN,IAAI,CAACO,KAAL,CAAYR,SAAS,GAAGK,SAAxB,IAAsCA,SAAtD;AACA,QAAMI,YAAY,GAAGZ,KAAK,CAAEU,OAAF,EAAWT,GAAX,EAAgBC,GAAhB,CAA1B;AAEA,SAAOO,SAAS,GACb1B,SAAS,CAAE6B,YAAY,CAACC,OAAb,CAAsBJ,SAAtB,CAAF,CADI,GAEbG,YAFH;AAGA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASE,gBAAT,CAA2B,GAAGzB,IAA9B,EAAqC;AAC3C,SAAOgB,UAAU,CAAE,GAAGhB,IAAL,CAAV,CAAsB0B,QAAtB,EAAP;AACA","sourcesContent":["/**\n * Parses and retrieves a number value.\n *\n * @param {unknown} value The incoming value.\n *\n * @return {number} The parsed number value.\n */\nexport function getNumber( value ) {\n\tconst number = Number( value );\n\n\treturn isNaN( number ) ? 0 : number;\n}\n\n/**\n * Safely adds 2 values.\n *\n * @param {Array<number|string>} args Values to add together.\n *\n * @return {number} The sum of values.\n */\nexport function add( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(sum:number, arg: number|string) => number} */\n\t\t( sum, arg ) => sum + getNumber( arg ),\n\t\t0\n\t);\n}\n\n/**\n * Safely subtracts 2 values.\n *\n * @param {Array<number|string>} args Values to subtract together.\n *\n * @return {number} The difference of the values.\n */\nexport function subtract( ...args ) {\n\treturn args.reduce(\n\t\t/** @type {(diff:number, arg: number|string, index:number) => number} */\n\t\t( diff, arg, index ) => {\n\t\t\tconst value = getNumber( arg );\n\t\t\treturn index === 0 ? value : diff - value;\n\t\t},\n\t\t0\n\t);\n}\n\n/**\n * Determines the decimal position of a number value.\n *\n * @param {number} value The number to evaluate.\n *\n * @return {number} The number of decimal places.\n */\nfunction getPrecision( value ) {\n\tconst split = ( value + '' ).split( '.' );\n\treturn split[ 1 ] !== undefined ? split[ 1 ].length : 0;\n}\n\n/**\n * Clamps a value based on a min/max range.\n *\n * @param {number} value The value.\n * @param {number} min   The minimum range.\n * @param {number} max   The maximum range.\n *\n * @return {number} The clamped value.\n */\nexport function clamp( value, min, max ) {\n\tconst baseValue = getNumber( value );\n\treturn Math.max( min, Math.min( baseValue, max ) );\n}\n\n/**\n * Clamps a value based on a min/max range with rounding\n *\n * @param {number | string} value The value.\n * @param {number}          min   The minimum range.\n * @param {number}          max   The maximum range.\n * @param {number}          step  A multiplier for the value.\n *\n * @return {number} The rounded and clamped value.\n */\nexport function roundClamp(\n\tvalue = 0,\n\tmin = Infinity,\n\tmax = Infinity,\n\tstep = 1\n) {\n\tconst baseValue = getNumber( value );\n\tconst stepValue = getNumber( step );\n\tconst precision = getPrecision( step );\n\tconst rounded = Math.round( baseValue / stepValue ) * stepValue;\n\tconst clampedValue = clamp( rounded, min, max );\n\n\treturn precision\n\t\t? getNumber( clampedValue.toFixed( precision ) )\n\t\t: clampedValue;\n}\n\n/**\n * Clamps a value based on a min/max range with rounding.\n * Returns a string.\n *\n * @param {Parameters<typeof roundClamp>} args Arguments for roundClamp().\n * @return {string} The rounded and clamped value.\n */\nexport function roundClampString( ...args ) {\n\treturn roundClamp( ...args ).toString();\n}\n"]}

package/build/utils/reduce-motion.js

@@ -11,8 +11,7 @@ exports.reduceMotion = reduceMotion;
  * @param {'transition' | 'animation' | string} [prop='transition'] CSS Property name
  * @return {string} Generated CSS code for the reduced style
  */
-function reduceMotion() {
-  let prop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transition';
+function reduceMotion(prop = 'transition') {
   let style;
 
   switch (prop) {

package/build/utils/reduce-motion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/reduce-motion.js"],"names":["reduceMotion","prop","style"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAT,GAA6C;AAAA,MAAtBC,IAAsB,uEAAf,YAAe;AACnD,MAAIC,KAAJ;;AAEA,UAASD,IAAT;AACC,SAAK,YAAL;AACCC,MAAAA,KAAK,GAAG,2BAAR;AACA;;AAED,SAAK,WAAL;AACCA,MAAAA,KAAK,GAAG,0BAAR;AACA;;AAED;AACCA,MAAAA,KAAK,GAAI;AACZ;AACA;AACA,IAHG;AAVF;;AAgBA,SAAQ;AACT;AACA,KAAMA,KAAO;AACb;AACA,EAJC;AAKA","sourcesContent":["/**\n * Allows users to opt-out of animations via OS-level preferences.\n *\n * @param {'transition' | 'animation' | string} [prop='transition'] CSS Property name\n * @return {string} Generated CSS code for the reduced style\n */\nexport function reduceMotion( prop = 'transition' ) {\n\tlet style;\n\n\tswitch ( prop ) {\n\t\tcase 'transition':\n\t\t\tstyle = 'transition-duration: 0ms;';\n\t\t\tbreak;\n\n\t\tcase 'animation':\n\t\t\tstyle = 'animation-duration: 1ms;';\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tstyle = `\n\t\t\t\tanimation-duration: 1ms;\n\t\t\t\ttransition-duration: 0ms;\n\t\t\t`;\n\t}\n\n\treturn `\n\t\t@media ( prefers-reduced-motion: reduce ) {\n\t\t\t${ style };\n\t\t}\n\t`;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/reduce-motion.js"],"names":["reduceMotion","prop","style"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAT,CAAuBC,IAAI,GAAG,YAA9B,EAA6C;AACnD,MAAIC,KAAJ;;AAEA,UAASD,IAAT;AACC,SAAK,YAAL;AACCC,MAAAA,KAAK,GAAG,2BAAR;AACA;;AAED,SAAK,WAAL;AACCA,MAAAA,KAAK,GAAG,0BAAR;AACA;;AAED;AACCA,MAAAA,KAAK,GAAI;AACZ;AACA;AACA,IAHG;AAVF;;AAgBA,SAAQ;AACT;AACA,KAAMA,KAAO;AACb;AACA,EAJC;AAKA","sourcesContent":["/**\n * Allows users to opt-out of animations via OS-level preferences.\n *\n * @param {'transition' | 'animation' | string} [prop='transition'] CSS Property name\n * @return {string} Generated CSS code for the reduced style\n */\nexport function reduceMotion( prop = 'transition' ) {\n\tlet style;\n\n\tswitch ( prop ) {\n\t\tcase 'transition':\n\t\t\tstyle = 'transition-duration: 0ms;';\n\t\t\tbreak;\n\n\t\tcase 'animation':\n\t\t\tstyle = 'animation-duration: 1ms;';\n\t\t\tbreak;\n\n\t\tdefault:\n\t\t\tstyle = `\n\t\t\t\tanimation-duration: 1ms;\n\t\t\t\ttransition-duration: 0ms;\n\t\t\t`;\n\t}\n\n\treturn `\n\t\t@media ( prefers-reduced-motion: reduce ) {\n\t\t\t${ style };\n\t\t}\n\t`;\n}\n"]}

package/build/utils/rtl.js

@@ -65,12 +65,8 @@ function getConvertedKey(key) {
  */
 
 
-const convertLTRToRTL = function () {
-  let ltrStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return Object.fromEntries(Object.entries(ltrStyles).map(_ref => {
-    let [key, value] = _ref;
-    return [getConvertedKey(key), value];
-  }));
+const convertLTRToRTL = (ltrStyles = {}) => {
+  return Object.fromEntries(Object.entries(ltrStyles).map(([key, value]) => [getConvertedKey(key), value]));
 };
 /**
  * A higher-order function that create an incredibly basic ltr -> rtl style converter for CSS objects.
@@ -84,9 +80,7 @@ const convertLTRToRTL = function () {
 
 exports.convertLTRToRTL = convertLTRToRTL;
 
-function rtl() {
-  let ltrStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let rtlStyles = arguments.length > 1 ? arguments[1] : undefined;
+function rtl(ltrStyles = {}, rtlStyles) {
   return () => {
     if (rtlStyles) {
       // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css

package/build/utils/rtl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/rtl.js"],"names":["LOWER_LEFT_REGEXP","RegExp","LOWER_RIGHT_REGEXP","UPPER_LEFT_REGEXP","UPPER_RIGHT_REGEXP","getConvertedKey","key","test","replace","convertLTRToRTL","ltrStyles","Object","fromEntries","entries","map","value","rtl","rtlStyles","watch"],"mappings":";;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,iBAAiB,GAAG,IAAIC,MAAJ,CAAY,QAAZ,CAA1B;AACA,MAAMC,kBAAkB,GAAG,IAAID,MAAJ,CAAY,SAAZ,CAA3B;AACA,MAAME,iBAAiB,GAAG,IAAIF,MAAJ,CAAY,OAAZ,CAA1B;AACA,MAAMG,kBAAkB,GAAG,IAAIH,MAAJ,CAAY,QAAZ,CAA3B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASI,eAAT,CAA0BC,GAA1B,EAAgC;AAC/B,MAAKA,GAAG,KAAK,MAAb,EAAsB;AACrB,WAAO,OAAP;AACA;;AAED,MAAKA,GAAG,KAAK,OAAb,EAAuB;AACtB,WAAO,MAAP;AACA;;AAED,MAAKN,iBAAiB,CAACO,IAAlB,CAAwBD,GAAxB,CAAL,EAAqC;AACpC,WAAOA,GAAG,CAACE,OAAJ,CAAaR,iBAAb,EAAgC,QAAhC,CAAP;AACA;;AAED,MAAKE,kBAAkB,CAACK,IAAnB,CAAyBD,GAAzB,CAAL,EAAsC;AACrC,WAAOA,GAAG,CAACE,OAAJ,CAAaN,kBAAb,EAAiC,OAAjC,CAAP;AACA;;AAED,MAAKC,iBAAiB,CAACI,IAAlB,CAAwBD,GAAxB,CAAL,EAAqC;AACpC,WAAOA,GAAG,CAACE,OAAJ,CAAaL,iBAAb,EAAgC,OAAhC,CAAP;AACA;;AAED,MAAKC,kBAAkB,CAACG,IAAnB,CAAyBD,GAAzB,CAAL,EAAsC;AACrC,WAAOA,GAAG,CAACE,OAAJ,CAAaJ,kBAAb,EAAiC,MAAjC,CAAP;AACA;;AAED,SAAOE,GAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMG,eAAe,GAAG,YAAsB;AAAA,MAApBC,SAAoB,uEAAR,EAAQ;AACpD,SAAOC,MAAM,CAACC,WAAP,CACND,MAAM,CAACE,OAAP,CAAgBH,SAAhB,EAA4BI,GAA5B,CAAiC;AAAA,QAAE,CAAER,GAAF,EAAOS,KAAP,CAAF;AAAA,WAAsB,CACtDV,eAAe,CAAEC,GAAF,CADuC,EAEtDS,KAFsD,CAAtB;AAAA,GAAjC,CADM,CAAP;AAMA,CAPM;AASP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACO,SAASC,GAAT,GAA0C;AAAA,MAA5BN,SAA4B,uEAAhB,EAAgB;AAAA,MAAZO,SAAY;AAChD,SAAO,MAAM;AACZ,QAAKA,SAAL,EAAiB;AAChB;AACA,aAAO,kCAAU,gBAAKA,SAAL,ylIAAV,gBAA6B,gBAAKP,SAAL,ylIAApC;AACA,KAJW,CAMZ;;;AACA,WAAO,kCAAU,gBAAKD,eAAe,CAAEC,SAAF,CAApB,ylIAAV,gBAAgD,gBAAKA,SAAL,ylIAAvD;AACA,GARD;AASA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACAM,GAAG,CAACE,KAAJ,GAAY,MAAM,kBAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\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\tif ( key === 'left' ) {\n\t\treturn 'right';\n\t}\n\n\tif ( key === 'right' ) {\n\t\treturn 'left';\n\t}\n\n\tif ( LOWER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_LEFT_REGEXP, '-right' );\n\t}\n\n\tif ( LOWER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_RIGHT_REGEXP, '-left' );\n\t}\n\n\tif ( UPPER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_LEFT_REGEXP, 'Right' );\n\t}\n\n\tif ( UPPER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_RIGHT_REGEXP, 'Left' );\n\t}\n\n\treturn 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\treturn Object.fromEntries(\n\t\tObject.entries( ltrStyles ).map( ( [ key, value ] ) => [\n\t\t\tgetConvertedKey( key ),\n\t\t\tvalue,\n\t\t] )\n\t);\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\treturn () => {\n\t\tif ( rtlStyles ) {\n\t\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\t\treturn isRTL() ? css( rtlStyles ) : css( ltrStyles );\n\t\t}\n\n\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\treturn isRTL() ? css( convertLTRToRTL( ltrStyles ) ) : css( ltrStyles );\n\t};\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();\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/rtl.js"],"names":["LOWER_LEFT_REGEXP","RegExp","LOWER_RIGHT_REGEXP","UPPER_LEFT_REGEXP","UPPER_RIGHT_REGEXP","getConvertedKey","key","test","replace","convertLTRToRTL","ltrStyles","Object","fromEntries","entries","map","value","rtl","rtlStyles","watch"],"mappings":";;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,iBAAiB,GAAG,IAAIC,MAAJ,CAAY,QAAZ,CAA1B;AACA,MAAMC,kBAAkB,GAAG,IAAID,MAAJ,CAAY,SAAZ,CAA3B;AACA,MAAME,iBAAiB,GAAG,IAAIF,MAAJ,CAAY,OAAZ,CAA1B;AACA,MAAMG,kBAAkB,GAAG,IAAIH,MAAJ,CAAY,QAAZ,CAA3B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASI,eAAT,CAA0BC,GAA1B,EAAgC;AAC/B,MAAKA,GAAG,KAAK,MAAb,EAAsB;AACrB,WAAO,OAAP;AACA;;AAED,MAAKA,GAAG,KAAK,OAAb,EAAuB;AACtB,WAAO,MAAP;AACA;;AAED,MAAKN,iBAAiB,CAACO,IAAlB,CAAwBD,GAAxB,CAAL,EAAqC;AACpC,WAAOA,GAAG,CAACE,OAAJ,CAAaR,iBAAb,EAAgC,QAAhC,CAAP;AACA;;AAED,MAAKE,kBAAkB,CAACK,IAAnB,CAAyBD,GAAzB,CAAL,EAAsC;AACrC,WAAOA,GAAG,CAACE,OAAJ,CAAaN,kBAAb,EAAiC,OAAjC,CAAP;AACA;;AAED,MAAKC,iBAAiB,CAACI,IAAlB,CAAwBD,GAAxB,CAAL,EAAqC;AACpC,WAAOA,GAAG,CAACE,OAAJ,CAAaL,iBAAb,EAAgC,OAAhC,CAAP;AACA;;AAED,MAAKC,kBAAkB,CAACG,IAAnB,CAAyBD,GAAzB,CAAL,EAAsC;AACrC,WAAOA,GAAG,CAACE,OAAJ,CAAaJ,kBAAb,EAAiC,MAAjC,CAAP;AACA;;AAED,SAAOE,GAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMG,eAAe,GAAG,CAAEC,SAAS,GAAG,EAAd,KAAsB;AACpD,SAAOC,MAAM,CAACC,WAAP,CACND,MAAM,CAACE,OAAP,CAAgBH,SAAhB,EAA4BI,GAA5B,CAAiC,CAAE,CAAER,GAAF,EAAOS,KAAP,CAAF,KAAsB,CACtDV,eAAe,CAAEC,GAAF,CADuC,EAEtDS,KAFsD,CAAvD,CADM,CAAP;AAMA,CAPM;AASP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACO,SAASC,GAAT,CAAcN,SAAS,GAAG,EAA1B,EAA8BO,SAA9B,EAA0C;AAChD,SAAO,MAAM;AACZ,QAAKA,SAAL,EAAiB;AAChB;AACA,aAAO,kCAAU,gBAAKA,SAAL,ylIAAV,gBAA6B,gBAAKP,SAAL,ylIAApC;AACA,KAJW,CAMZ;;;AACA,WAAO,kCAAU,gBAAKD,eAAe,CAAEC,SAAF,CAApB,ylIAAV,gBAAgD,gBAAKA,SAAL,ylIAAvD;AACA,GARD;AASA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACAM,GAAG,CAACE,KAAJ,GAAY,MAAM,kBAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\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\tif ( key === 'left' ) {\n\t\treturn 'right';\n\t}\n\n\tif ( key === 'right' ) {\n\t\treturn 'left';\n\t}\n\n\tif ( LOWER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_LEFT_REGEXP, '-right' );\n\t}\n\n\tif ( LOWER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( LOWER_RIGHT_REGEXP, '-left' );\n\t}\n\n\tif ( UPPER_LEFT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_LEFT_REGEXP, 'Right' );\n\t}\n\n\tif ( UPPER_RIGHT_REGEXP.test( key ) ) {\n\t\treturn key.replace( UPPER_RIGHT_REGEXP, 'Left' );\n\t}\n\n\treturn 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\treturn Object.fromEntries(\n\t\tObject.entries( ltrStyles ).map( ( [ key, value ] ) => [\n\t\t\tgetConvertedKey( key ),\n\t\t\tvalue,\n\t\t] )\n\t);\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\treturn () => {\n\t\tif ( rtlStyles ) {\n\t\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\t\treturn isRTL() ? css( rtlStyles ) : css( ltrStyles );\n\t\t}\n\n\t\t// @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n\t\treturn isRTL() ? css( convertLTRToRTL( ltrStyles ) ) : css( ltrStyles );\n\t};\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();\n"]}

package/build/utils/values.js

@@ -52,11 +52,9 @@ function isValueEmpty(value) {
  */
 
 
-function getDefinedValue() {
+function getDefinedValue(values = [], fallbackValue) {
   var _values$find;
 
-  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let fallbackValue = arguments.length > 1 ? arguments[1] : undefined;
   return (_values$find = values.find(isValueDefined)) !== null && _values$find !== void 0 ? _values$find : fallbackValue;
 }
 /**
@@ -87,9 +85,7 @@ const EASTERN_ARABIC_NUMBERS = /([۰-۹]|[٠-٩])/g;
  * @return {boolean} Whether value is numeric.
  */
 
-function isValueNumeric(value) {
-  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.navigator.language;
-
+function isValueNumeric(value, locale = window.navigator.language) {
   if (ARABIC_NUMERAL_LOCALES.some(l => locale.startsWith(l))) {
     locale = 'en-GB';
 

package/build/utils/values.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/values.js"],"names":["isValueDefined","value","undefined","isValueEmpty","isEmptyString","getDefinedValue","values","fallbackValue","find","getDelimiterAndDecimalRegex","locale","formatted","Intl","NumberFormat","format","delimiter","decimal","length","RegExp","INTERNATIONAL_THOUSANDS_DELIMITER","ARABIC_NUMERAL_LOCALES","EASTERN_ARABIC_NUMBERS","isValueNumeric","window","navigator","language","some","l","startsWith","test","replace","d","indexOf","delimiterRegexp","decimalRegexp","valueToCheck","isNaN","parseFloat","isFinite","stringToNumber","numberToString","ensureNumber","ensureString"],"mappings":"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","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 * @param {string} [locale]\n * @return {[RegExp, RegExp]} The delimiter and decimal regexp\n */\nconst getDelimiterAndDecimalRegex = ( locale ) => {\n\tconst formatted = Intl.NumberFormat( locale ).format( 1000.1 );\n\tconst delimiter = formatted[ 1 ];\n\tconst decimal = formatted[ formatted.length - 2 ];\n\treturn [\n\t\tnew RegExp( `\\\\${ delimiter }`, 'g' ),\n\t\tnew RegExp( `\\\\${ decimal }`, 'g' ),\n\t];\n};\n\n// https://en.wikipedia.org/wiki/Decimal_separator#Current_standards\nconst INTERNATIONAL_THOUSANDS_DELIMITER = / /g;\n\nconst ARABIC_NUMERAL_LOCALES = [ 'ar', 'fa', 'ur', 'ckb', 'ps' ];\n\nconst EASTERN_ARABIC_NUMBERS = /([۰-۹]|[٠-٩])/g;\n\n/**\n * Checks to see if a value is a numeric value (`number` or `string`).\n *\n * Intentionally ignores whether the thousands delimiters are only\n * in the thousands marks.\n *\n * @param {any}    value\n * @param {string} [locale]\n * @return {boolean} Whether value is numeric.\n */\nexport function isValueNumeric( value, locale = window.navigator.language ) {\n\tif ( ARABIC_NUMERAL_LOCALES.some( ( l ) => locale.startsWith( l ) ) ) {\n\t\tlocale = 'en-GB';\n\t\tif ( EASTERN_ARABIC_NUMBERS.test( value ) ) {\n\t\t\tvalue = value\n\t\t\t\t.replace( /[٠-٩]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'٠١٢٣٤٥٦٧٨٩'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /[۰-۹]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'۰۱۲۳۴۵۶۷۸۹'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /٬/g, ',' )\n\t\t\t\t.replace( /٫/g, '.' );\n\t\t}\n\t}\n\n\tconst [ delimiterRegexp, decimalRegexp ] =\n\t\tgetDelimiterAndDecimalRegex( locale );\n\tconst valueToCheck =\n\t\ttypeof value === 'string'\n\t\t\t? value\n\t\t\t\t\t.replace( delimiterRegexp, '' )\n\t\t\t\t\t.replace( decimalRegexp, '.' )\n\t\t\t\t\t.replace( INTERNATIONAL_THOUSANDS_DELIMITER, '' )\n\t\t\t: value;\n\treturn ! isNaN( parseFloat( valueToCheck ) ) && isFinite( valueToCheck );\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 * Converts a number to a string.\n *\n * @param {number} value\n * @return {string} Number as a string.\n */\nexport const numberToString = ( value ) => {\n\treturn `${ 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\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 {string} The converted string, or `undefined` in case the input is `undefined` or `NaN`.\n */\nexport const ensureString = ( value ) => {\n\treturn typeof value === 'string' ? value : numberToString( value );\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/values.js"],"names":["isValueDefined","value","undefined","isValueEmpty","isEmptyString","getDefinedValue","values","fallbackValue","find","getDelimiterAndDecimalRegex","locale","formatted","Intl","NumberFormat","format","delimiter","decimal","length","RegExp","INTERNATIONAL_THOUSANDS_DELIMITER","ARABIC_NUMERAL_LOCALES","EASTERN_ARABIC_NUMBERS","isValueNumeric","window","navigator","language","some","l","startsWith","test","replace","d","indexOf","delimiterRegexp","decimalRegexp","valueToCheck","isNaN","parseFloat","isFinite","stringToNumber","numberToString","ensureNumber","ensureString"],"mappings":"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","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 * @param {string} [locale]\n * @return {[RegExp, RegExp]} The delimiter and decimal regexp\n */\nconst getDelimiterAndDecimalRegex = ( locale ) => {\n\tconst formatted = Intl.NumberFormat( locale ).format( 1000.1 );\n\tconst delimiter = formatted[ 1 ];\n\tconst decimal = formatted[ formatted.length - 2 ];\n\treturn [\n\t\tnew RegExp( `\\\\${ delimiter }`, 'g' ),\n\t\tnew RegExp( `\\\\${ decimal }`, 'g' ),\n\t];\n};\n\n// https://en.wikipedia.org/wiki/Decimal_separator#Current_standards\nconst INTERNATIONAL_THOUSANDS_DELIMITER = / /g;\n\nconst ARABIC_NUMERAL_LOCALES = [ 'ar', 'fa', 'ur', 'ckb', 'ps' ];\n\nconst EASTERN_ARABIC_NUMBERS = /([۰-۹]|[٠-٩])/g;\n\n/**\n * Checks to see if a value is a numeric value (`number` or `string`).\n *\n * Intentionally ignores whether the thousands delimiters are only\n * in the thousands marks.\n *\n * @param {any}    value\n * @param {string} [locale]\n * @return {boolean} Whether value is numeric.\n */\nexport function isValueNumeric( value, locale = window.navigator.language ) {\n\tif ( ARABIC_NUMERAL_LOCALES.some( ( l ) => locale.startsWith( l ) ) ) {\n\t\tlocale = 'en-GB';\n\t\tif ( EASTERN_ARABIC_NUMBERS.test( value ) ) {\n\t\t\tvalue = value\n\t\t\t\t.replace( /[٠-٩]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'٠١٢٣٤٥٦٧٨٩'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /[۰-۹]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'۰۱۲۳۴۵۶۷۸۹'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /٬/g, ',' )\n\t\t\t\t.replace( /٫/g, '.' );\n\t\t}\n\t}\n\n\tconst [ delimiterRegexp, decimalRegexp ] =\n\t\tgetDelimiterAndDecimalRegex( locale );\n\tconst valueToCheck =\n\t\ttypeof value === 'string'\n\t\t\t? value\n\t\t\t\t\t.replace( delimiterRegexp, '' )\n\t\t\t\t\t.replace( decimalRegexp, '.' )\n\t\t\t\t\t.replace( INTERNATIONAL_THOUSANDS_DELIMITER, '' )\n\t\t\t: value;\n\treturn ! isNaN( parseFloat( valueToCheck ) ) && isFinite( valueToCheck );\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 * Converts a number to a string.\n *\n * @param {number} value\n * @return {string} Number as a string.\n */\nexport const numberToString = ( value ) => {\n\treturn `${ 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\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 {string} The converted string, or `undefined` in case the input is `undefined` or `NaN`.\n */\nexport const ensureString = ( value ) => {\n\treturn typeof value === 'string' ? value : numberToString( value );\n};\n"]}

package/build/z-stack/styles.js

@@ -35,29 +35,20 @@ const ZStackChildView = (0, _base.default)("div", process.env.NODE_ENV === "prod
 } : {
   target: "ebn2ljm0",
   label: "ZStackChildView"
-})(_ref => {
-  let {
-    isLayered,
-    offsetAmount
-  } = _ref;
-  return isLayered ? /*#__PURE__*/(0, _react.css)((0, _utils.rtl)({
-    marginLeft: offsetAmount
-  })(), process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */") : /*#__PURE__*/(0, _react.css)((0, _utils.rtl)({
-    right: offsetAmount * -1
-  })(), process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */");
-}, " ", _ref2 => {
-  let {
-    isLayered
-  } = _ref2;
-  return isLayered ? positionAbsolute : positionRelative;
-}, " ", _ref3 => {
-  let {
-    zIndex
-  } = _ref3;
-  return /*#__PURE__*/(0, _react.css)({
-    zIndex
-  }, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJzQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3otc3RhY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBydGwgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCBydGwoIHsgbWFyZ2luTGVmdDogb2Zmc2V0QW1vdW50IH0gKSgpIClcblx0XHRcdDogY3NzKCBydGwoIHsgcmlnaHQ6IG9mZnNldEFtb3VudCAqIC0xIH0gKSgpICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JHIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));
+})(({
+  isLayered,
+  offsetAmount
+}) => isLayered ? /*#__PURE__*/(0, _react.css)((0, _utils.rtl)({
+  marginLeft: offsetAmount
+})(), process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */") : /*#__PURE__*/(0, _react.css)((0, _utils.rtl)({
+  right: offsetAmount * -1
+})(), process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"), " ", ({
+  isLayered
+}) => isLayered ? positionAbsolute : positionRelative, " ", ({
+  zIndex
+}) => /*#__PURE__*/(0, _react.css)({
+  zIndex
+}, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJzQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3otc3RhY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBydGwgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCBydGwoIHsgbWFyZ2luTGVmdDogb2Zmc2V0QW1vdW50IH0gKSgpIClcblx0XHRcdDogY3NzKCBydGwoIHsgcmlnaHQ6IG9mZnNldEFtb3VudCAqIC0xIH0gKSgpICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JHIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));
 exports.ZStackChildView = ZStackChildView;
 const positionAbsolute = process.env.NODE_ENV === "production" ? {
   name: "a4hmbt",

package/build/z-stack/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/z-stack/styles.ts"],"names":["ZStackView","ZStackChildView","isLayered","offsetAmount","marginLeft","right","positionAbsolute","positionRelative","zIndex"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;;;AAEO,MAAMA,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAhB;;AAKA,MAAMC,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxB;AAAA,MAAE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAF;AAAA,SACFD,SAAS,gBACN,gBAAK,gBAAK;AAAEE,IAAAA,UAAU,EAAED;AAAd,GAAL,GAAL,q+CADM,gBAEN,gBAAK,gBAAK;AAAEE,IAAAA,KAAK,EAAEF,YAAY,GAAG,CAAC;AAAzB,GAAL,GAAL,q+CAHD;AAAA,CALwB,OAUxB;AAAA,MAAE;AAAED,IAAAA;AAAF,GAAF;AAAA,SACFA,SAAS,GAAGI,gBAAH,GAAsBC,gBAD7B;AAAA,CAVwB,OAaxB;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,sBAAkB,gBAAK;AAAEA,IAAAA;AAAF,GAAL,q+CAAlB;AAAA,CAbwB,q6CAArB;;AAgBP,MAAMF,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB;AAIA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { rtl } from '../utils';\n\nexport const ZStackView = styled.div`\n\tdisplay: flex;\n\tposition: relative;\n`;\n\nexport const ZStackChildView = styled.div< {\n\tisLayered: boolean;\n\toffsetAmount: number;\n\tzIndex: number;\n} >`\n\t${ ( { isLayered, offsetAmount } ) =>\n\t\tisLayered\n\t\t\t? css( rtl( { marginLeft: offsetAmount } )() )\n\t\t\t: css( rtl( { right: offsetAmount * -1 } )() ) }\n\n\t${ ( { isLayered } ) =>\n\t\tisLayered ? positionAbsolute : positionRelative }\n\n\t${ ( { zIndex } ) => css( { zIndex } ) }\n`;\n\nconst positionAbsolute = css`\n\tposition: absolute;\n`;\n\nconst positionRelative = css`\n\tposition: relative;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/z-stack/styles.ts"],"names":["ZStackView","ZStackChildView","isLayered","offsetAmount","marginLeft","right","positionAbsolute","positionRelative","zIndex"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;;;AAEO,MAAMA,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAhB;;AAKA,MAAMC,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxB,CAAE;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAF,KACFD,SAAS,gBACN,gBAAK,gBAAK;AAAEE,EAAAA,UAAU,EAAED;AAAd,CAAL,GAAL,q+CADM,gBAEN,gBAAK,gBAAK;AAAEE,EAAAA,KAAK,EAAEF,YAAY,GAAG,CAAC;AAAzB,CAAL,GAAL,q+CARuB,OAUxB,CAAE;AAAED,EAAAA;AAAF,CAAF,KACFA,SAAS,GAAGI,gBAAH,GAAsBC,gBAXL,OAaxB,CAAE;AAAEC,EAAAA;AAAF,CAAF,kBAAkB,gBAAK;AAAEA,EAAAA;AAAF,CAAL,q+CAbM,q6CAArB;;AAgBP,MAAMF,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB;AAIA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { rtl } from '../utils';\n\nexport const ZStackView = styled.div`\n\tdisplay: flex;\n\tposition: relative;\n`;\n\nexport const ZStackChildView = styled.div< {\n\tisLayered: boolean;\n\toffsetAmount: number;\n\tzIndex: number;\n} >`\n\t${ ( { isLayered, offsetAmount } ) =>\n\t\tisLayered\n\t\t\t? css( rtl( { marginLeft: offsetAmount } )() )\n\t\t\t: css( rtl( { right: offsetAmount * -1 } )() ) }\n\n\t${ ( { isLayered } ) =>\n\t\tisLayered ? positionAbsolute : positionRelative }\n\n\t${ ( { zIndex } ) => css( { zIndex } ) }\n`;\n\nconst positionAbsolute = css`\n\tposition: absolute;\n`;\n\nconst positionRelative = css`\n\tposition: relative;\n`;\n"]}

package/build-module/alignment-matrix-control/cell.js

@@ -13,12 +13,11 @@ import { VisuallyHidden } from '../visually-hidden';
 
 import { ALIGNMENT_LABEL } from './utils';
 import { Cell as CellView, Point } from './styles/alignment-matrix-control-styles';
-export default function Cell(_ref) {
-  let {
-    isActive = false,
-    value,
-    ...props
-  } = _ref;
+export default function Cell({
+  isActive = false,
+  value,
+  ...props
+}) {
   const tooltipText = ALIGNMENT_LABEL[value];
   return createElement(Tooltip, {
     text: tooltipText

package/build-module/alignment-matrix-control/cell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/cell.tsx"],"names":["CompositeItem","Tooltip","VisuallyHidden","ALIGNMENT_LABEL","Cell","CellView","Point","isActive","value","props","tooltipText"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,cAA9B;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,cAAT,QAA+B,oBAA/B;AAEA;AACA;AACA;;AACA,SAASC,eAAT,QAAgC,SAAhC;AACA,SACCC,IAAI,IAAIC,QADT,EAECC,KAFD,QAGO,0CAHP;AAOA,eAAe,SAASF,IAAT,OAIgE;AAAA,MAJjD;AAC7BG,IAAAA,QAAQ,GAAG,KADkB;AAE7BC,IAAAA,KAF6B;AAG7B,OAAGC;AAH0B,GAIiD;AAC9E,QAAMC,WAAW,GAAGP,eAAe,CAAEK,KAAF,CAAnC;AAEA,SACC,cAAC,OAAD;AAAS,IAAA,IAAI,EAAGE;AAAhB,KACC,cAAC,aAAD;AAAe,IAAA,EAAE,EAAGL,QAApB;AAA+B,IAAA,IAAI,EAAC;AAApC,KAAoDI,KAApD,GAIC,cAAC,cAAD,QAAkBD,KAAlB,CAJD,EAKC,cAAC,KAAD;AAAO,IAAA,QAAQ,EAAGD,QAAlB;AAA6B,IAAA,IAAI,EAAC;AAAlC,IALD,CADD,CADD;AAWA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { CompositeItem } from '../composite';\nimport Tooltip from '../tooltip';\nimport { VisuallyHidden } from '../visually-hidden';\n\n/**\n * Internal dependencies\n */\nimport { ALIGNMENT_LABEL } from './utils';\nimport {\n\tCell as CellView,\n\tPoint,\n} from './styles/alignment-matrix-control-styles';\nimport type { AlignmentMatrixControlCellProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nexport default function Cell( {\n\tisActive = false,\n\tvalue,\n\t...props\n}: WordPressComponentProps< AlignmentMatrixControlCellProps, 'span', false > ) {\n\tconst tooltipText = ALIGNMENT_LABEL[ value ];\n\n\treturn (\n\t\t<Tooltip text={ tooltipText }>\n\t\t\t<CompositeItem as={ CellView } role=\"gridcell\" { ...props }>\n\t\t\t\t{ /* VoiceOver needs a text content to be rendered within grid cell,\n\t\t\totherwise it'll announce the content as \"blank\". So we use a visually\n\t\t\thidden element instead of aria-label. */ }\n\t\t\t\t<VisuallyHidden>{ value }</VisuallyHidden>\n\t\t\t\t<Point isActive={ isActive } role=\"presentation\" />\n\t\t\t</CompositeItem>\n\t\t</Tooltip>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/cell.tsx"],"names":["CompositeItem","Tooltip","VisuallyHidden","ALIGNMENT_LABEL","Cell","CellView","Point","isActive","value","props","tooltipText"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,cAA9B;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,cAAT,QAA+B,oBAA/B;AAEA;AACA;AACA;;AACA,SAASC,eAAT,QAAgC,SAAhC;AACA,SACCC,IAAI,IAAIC,QADT,EAECC,KAFD,QAGO,0CAHP;AAOA,eAAe,SAASF,IAAT,CAAe;AAC7BG,EAAAA,QAAQ,GAAG,KADkB;AAE7BC,EAAAA,KAF6B;AAG7B,KAAGC;AAH0B,CAAf,EAIgE;AAC9E,QAAMC,WAAW,GAAGP,eAAe,CAAEK,KAAF,CAAnC;AAEA,SACC,cAAC,OAAD;AAAS,IAAA,IAAI,EAAGE;AAAhB,KACC,cAAC,aAAD;AAAe,IAAA,EAAE,EAAGL,QAApB;AAA+B,IAAA,IAAI,EAAC;AAApC,KAAoDI,KAApD,GAIC,cAAC,cAAD,QAAkBD,KAAlB,CAJD,EAKC,cAAC,KAAD;AAAO,IAAA,QAAQ,EAAGD,QAAlB;AAA6B,IAAA,IAAI,EAAC;AAAlC,IALD,CADD,CADD;AAWA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { CompositeItem } from '../composite';\nimport Tooltip from '../tooltip';\nimport { VisuallyHidden } from '../visually-hidden';\n\n/**\n * Internal dependencies\n */\nimport { ALIGNMENT_LABEL } from './utils';\nimport {\n\tCell as CellView,\n\tPoint,\n} from './styles/alignment-matrix-control-styles';\nimport type { AlignmentMatrixControlCellProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nexport default function Cell( {\n\tisActive = false,\n\tvalue,\n\t...props\n}: WordPressComponentProps< AlignmentMatrixControlCellProps, 'span', false > ) {\n\tconst tooltipText = ALIGNMENT_LABEL[ value ];\n\n\treturn (\n\t\t<Tooltip text={ tooltipText }>\n\t\t\t<CompositeItem as={ CellView } role=\"gridcell\" { ...props }>\n\t\t\t\t{ /* VoiceOver needs a text content to be rendered within grid cell,\n\t\t\totherwise it'll announce the content as \"blank\". So we use a visually\n\t\t\thidden element instead of aria-label. */ }\n\t\t\t\t<VisuallyHidden>{ value }</VisuallyHidden>\n\t\t\t\t<Point isActive={ isActive } role=\"presentation\" />\n\t\t\t</CompositeItem>\n\t\t</Tooltip>\n\t);\n}\n"]}

package/build-module/alignment-matrix-control/icon.js

@@ -13,15 +13,14 @@ import { ALIGNMENTS, getAlignmentIndex } from './utils';
 import { Root, Cell, Point } from './styles/alignment-matrix-control-icon-styles';
 const BASE_SIZE = 24;
 
-function AlignmentMatrixControlIcon(_ref) {
-  let {
-    className,
-    disablePointerEvents = true,
-    size = BASE_SIZE,
-    style = {},
-    value = 'center',
-    ...props
-  } = _ref;
+function AlignmentMatrixControlIcon({
+  className,
+  disablePointerEvents = true,
+  size = BASE_SIZE,
+  style = {},
+  value = 'center',
+  ...props
+}) {
   const alignIndex = getAlignmentIndex(value);
   const scale = (size / BASE_SIZE).toFixed(2);
   const classes = classnames('component-alignment-matrix-control-icon', className);

package/build-module/alignment-matrix-control/icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/icon.tsx"],"names":["classnames","ALIGNMENTS","getAlignmentIndex","Root","Cell","Point","BASE_SIZE","AlignmentMatrixControlIcon","className","disablePointerEvents","size","style","value","props","alignIndex","scale","toFixed","classes","styles","transform","map","align","index","isActive"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,iBAArB,QAA8C,SAA9C;AACA,SACCC,IADD,EAECC,IAFD,EAGCC,KAHD,QAIO,+CAJP;AAQA,MAAMC,SAAS,GAAG,EAAlB;;AAEA,SAASC,0BAAT,OAO8E;AAAA,MAPzC;AACpCC,IAAAA,SADoC;AAEpCC,IAAAA,oBAAoB,GAAG,IAFa;AAGpCC,IAAAA,IAAI,GAAGJ,SAH6B;AAIpCK,IAAAA,KAAK,GAAG,EAJ4B;AAKpCC,IAAAA,KAAK,GAAG,QAL4B;AAMpC,OAAGC;AANiC,GAOyC;AAC7E,QAAMC,UAAU,GAAGZ,iBAAiB,CAAEU,KAAF,CAApC;AACA,QAAMG,KAAK,GAAG,CAAEL,IAAI,GAAGJ,SAAT,EAAqBU,OAArB,CAA8B,CAA9B,CAAd;AAEA,QAAMC,OAAO,GAAGjB,UAAU,CACzB,yCADyB,EAEzBQ,SAFyB,CAA1B;AAKA,QAAMU,MAAM,GAAG,EACd,GAAGP,KADW;AAEdQ,IAAAA,SAAS,EAAG,SAASJ,KAAO;AAFd,GAAf;AAKA,SACC,cAAC,IAAD,eACMF,KADN;AAEC,IAAA,SAAS,EAAGI,OAFb;AAGC,IAAA,oBAAoB,EAAGR,oBAHxB;AAIC,IAAA,IAAI,EAAC,cAJN;AAKC,IAAA,KAAK,EAAGS;AALT,MAOGjB,UAAU,CAACmB,GAAX,CAAgB,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACrC,UAAMC,QAAQ,GAAGT,UAAU,KAAKQ,KAAhC;AAEA,WACC,cAAC,IAAD;AAAM,MAAA,GAAG,EAAGD;AAAZ,OACC,cAAC,KAAD;AAAO,MAAA,QAAQ,EAAGE;AAAlB,MADD,CADD;AAKA,GARC,CAPH,CADD;AAmBA;;AAED,eAAehB,0BAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport { ALIGNMENTS, getAlignmentIndex } from './utils';\nimport {\n\tRoot,\n\tCell,\n\tPoint,\n} from './styles/alignment-matrix-control-icon-styles';\nimport type { AlignmentMatrixControlIconProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nconst BASE_SIZE = 24;\n\nfunction AlignmentMatrixControlIcon( {\n\tclassName,\n\tdisablePointerEvents = true,\n\tsize = BASE_SIZE,\n\tstyle = {},\n\tvalue = 'center',\n\t...props\n}: WordPressComponentProps< AlignmentMatrixControlIconProps, 'div', false > ) {\n\tconst alignIndex = getAlignmentIndex( value );\n\tconst scale = ( size / BASE_SIZE ).toFixed( 2 );\n\n\tconst classes = classnames(\n\t\t'component-alignment-matrix-control-icon',\n\t\tclassName\n\t);\n\n\tconst styles = {\n\t\t...style,\n\t\ttransform: `scale(${ scale })`,\n\t};\n\n\treturn (\n\t\t<Root\n\t\t\t{ ...props }\n\t\t\tclassName={ classes }\n\t\t\tdisablePointerEvents={ disablePointerEvents }\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ styles }\n\t\t>\n\t\t\t{ ALIGNMENTS.map( ( align, index ) => {\n\t\t\t\tconst isActive = alignIndex === index;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Cell key={ align }>\n\t\t\t\t\t\t<Point isActive={ isActive } />\n\t\t\t\t\t</Cell>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Root>\n\t);\n}\n\nexport default AlignmentMatrixControlIcon;\n"]}
+{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/icon.tsx"],"names":["classnames","ALIGNMENTS","getAlignmentIndex","Root","Cell","Point","BASE_SIZE","AlignmentMatrixControlIcon","className","disablePointerEvents","size","style","value","props","alignIndex","scale","toFixed","classes","styles","transform","map","align","index","isActive"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,iBAArB,QAA8C,SAA9C;AACA,SACCC,IADD,EAECC,IAFD,EAGCC,KAHD,QAIO,+CAJP;AAQA,MAAMC,SAAS,GAAG,EAAlB;;AAEA,SAASC,0BAAT,CAAqC;AACpCC,EAAAA,SADoC;AAEpCC,EAAAA,oBAAoB,GAAG,IAFa;AAGpCC,EAAAA,IAAI,GAAGJ,SAH6B;AAIpCK,EAAAA,KAAK,GAAG,EAJ4B;AAKpCC,EAAAA,KAAK,GAAG,QAL4B;AAMpC,KAAGC;AANiC,CAArC,EAO8E;AAC7E,QAAMC,UAAU,GAAGZ,iBAAiB,CAAEU,KAAF,CAApC;AACA,QAAMG,KAAK,GAAG,CAAEL,IAAI,GAAGJ,SAAT,EAAqBU,OAArB,CAA8B,CAA9B,CAAd;AAEA,QAAMC,OAAO,GAAGjB,UAAU,CACzB,yCADyB,EAEzBQ,SAFyB,CAA1B;AAKA,QAAMU,MAAM,GAAG,EACd,GAAGP,KADW;AAEdQ,IAAAA,SAAS,EAAG,SAASJ,KAAO;AAFd,GAAf;AAKA,SACC,cAAC,IAAD,eACMF,KADN;AAEC,IAAA,SAAS,EAAGI,OAFb;AAGC,IAAA,oBAAoB,EAAGR,oBAHxB;AAIC,IAAA,IAAI,EAAC,cAJN;AAKC,IAAA,KAAK,EAAGS;AALT,MAOGjB,UAAU,CAACmB,GAAX,CAAgB,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACrC,UAAMC,QAAQ,GAAGT,UAAU,KAAKQ,KAAhC;AAEA,WACC,cAAC,IAAD;AAAM,MAAA,GAAG,EAAGD;AAAZ,OACC,cAAC,KAAD;AAAO,MAAA,QAAQ,EAAGE;AAAlB,MADD,CADD;AAKA,GARC,CAPH,CADD;AAmBA;;AAED,eAAehB,0BAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport { ALIGNMENTS, getAlignmentIndex } from './utils';\nimport {\n\tRoot,\n\tCell,\n\tPoint,\n} from './styles/alignment-matrix-control-icon-styles';\nimport type { AlignmentMatrixControlIconProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nconst BASE_SIZE = 24;\n\nfunction AlignmentMatrixControlIcon( {\n\tclassName,\n\tdisablePointerEvents = true,\n\tsize = BASE_SIZE,\n\tstyle = {},\n\tvalue = 'center',\n\t...props\n}: WordPressComponentProps< AlignmentMatrixControlIconProps, 'div', false > ) {\n\tconst alignIndex = getAlignmentIndex( value );\n\tconst scale = ( size / BASE_SIZE ).toFixed( 2 );\n\n\tconst classes = classnames(\n\t\t'component-alignment-matrix-control-icon',\n\t\tclassName\n\t);\n\n\tconst styles = {\n\t\t...style,\n\t\ttransform: `scale(${ scale })`,\n\t};\n\n\treturn (\n\t\t<Root\n\t\t\t{ ...props }\n\t\t\tclassName={ classes }\n\t\t\tdisablePointerEvents={ disablePointerEvents }\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ styles }\n\t\t>\n\t\t\t{ ALIGNMENTS.map( ( align, index ) => {\n\t\t\t\tconst isActive = alignIndex === index;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Cell key={ align }>\n\t\t\t\t\t\t<Point isActive={ isActive } />\n\t\t\t\t\t</Cell>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Root>\n\t);\n}\n\nexport default AlignmentMatrixControlIcon;\n"]}

package/build-module/alignment-matrix-control/index.js

@@ -50,17 +50,16 @@ function useBaseId(id) {
  */
 
 
-export function AlignmentMatrixControl(_ref) {
-  let {
-    className,
-    id,
-    label = __('Alignment Matrix Control'),
-    defaultValue = 'center center',
-    value,
-    onChange = noop,
-    width = 92,
-    ...props
-  } = _ref;
+export function AlignmentMatrixControl({
+  className,
+  id,
+  label = __('Alignment Matrix Control'),
+  defaultValue = 'center center',
+  value,
+  onChange = noop,
+  width = 92,
+  ...props
+}) {
   const [immutableDefaultValue] = useState(value !== null && value !== void 0 ? value : defaultValue);
   const baseId = useBaseId(id);
   const initialCurrentId = getItemId(baseId, immutableDefaultValue);

package/build-module/alignment-matrix-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/index.tsx"],"names":["classnames","__","isRTL","useInstanceId","useState","useEffect","Cell","Composite","CompositeGroup","useCompositeState","Root","Row","AlignmentMatrixControlIcon","GRID","getItemId","noop","useBaseId","id","instanceId","AlignmentMatrixControl","className","label","defaultValue","value","onChange","width","props","immutableDefaultValue","baseId","initialCurrentId","composite","currentId","rtl","handleOnChange","nextValue","setCurrentId","classes","map","cells","index","cell","cellId","isActive","Icon"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,EAAaC,KAAb,QAA0B,iBAA1B;AACA,SAASC,aAAT,QAA8B,oBAA9B;AACA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,oBAApC;AAEA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,SAASC,SAAT,EAAoBC,cAApB,EAAoCC,iBAApC,QAA6D,cAA7D;AACA,SAASC,IAAT,EAAeC,GAAf,QAA0B,0CAA1B;AACA,OAAOC,0BAAP,MAAuC,QAAvC;AACA,SAASC,IAAT,EAAeC,SAAf,QAAgC,SAAhC;;AAOA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,SAAT,CAAoBC,EAApB,EAAkC;AACjC,QAAMC,UAAU,GAAGf,aAAa,CAC/BgB,sBAD+B,EAE/B,0BAF+B,CAAhC;AAKA,SAAOF,EAAE,IAAIC,UAAb;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,SAASC,sBAAT,OASmE;AAAA,MATlC;AACvCC,IAAAA,SADuC;AAEvCH,IAAAA,EAFuC;AAGvCI,IAAAA,KAAK,GAAGpB,EAAE,CAAE,0BAAF,CAH6B;AAIvCqB,IAAAA,YAAY,GAAG,eAJwB;AAKvCC,IAAAA,KALuC;AAMvCC,IAAAA,QAAQ,GAAGT,IAN4B;AAOvCU,IAAAA,KAAK,GAAG,EAP+B;AAQvC,OAAGC;AARoC,GASkC;AACzE,QAAM,CAAEC,qBAAF,IAA4BvB,QAAQ,CAAEmB,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAWD,YAAX,CAA1C;AACA,QAAMM,MAAM,GAAGZ,SAAS,CAAEC,EAAF,CAAxB;AACA,QAAMY,gBAAgB,GAAGf,SAAS,CAAEc,MAAF,EAAUD,qBAAV,CAAlC;AAEA,QAAMG,SAAS,GAAGrB,iBAAiB,CAAE;AACpCmB,IAAAA,MADoC;AAEpCG,IAAAA,SAAS,EAAEF,gBAFyB;AAGpCG,IAAAA,GAAG,EAAE9B,KAAK;AAH0B,GAAF,CAAnC;;AAMA,QAAM+B,cAAc,GAAKC,SAAF,IAA8C;AACpEV,IAAAA,QAAQ,CAAEU,SAAF,CAAR;AACA,GAFD;;AAIA,QAAM;AAAEC,IAAAA;AAAF,MAAmBL,SAAzB;AAEAzB,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAK,OAAOkB,KAAP,KAAiB,WAAtB,EAAoC;AACnCY,MAAAA,YAAY,CAAErB,SAAS,CAAEc,MAAF,EAAUL,KAAV,CAAX,CAAZ;AACA;AACD,GAJQ,EAIN,CAAEA,KAAF,EAASY,YAAT,EAAuBP,MAAvB,CAJM,CAAT;AAMA,QAAMQ,OAAO,GAAGpC,UAAU,CACzB,oCADyB,EAEzBoB,SAFyB,CAA1B;AAKA,SACC,cAAC,SAAD,eACMM,KADN,EAEMI,SAFN;AAGC,kBAAaT,KAHd;AAIC,IAAA,EAAE,EAAGX,IAJN;AAKC,IAAA,SAAS,EAAG0B,OALb;AAMC,IAAA,IAAI,EAAC,MANN;AAOC,IAAA,IAAI,EAAGX;AAPR,MASGZ,IAAI,CAACwB,GAAL,CAAU,CAAEC,KAAF,EAASC,KAAT,KACX,cAAC,cAAD,eACMT,SADN;AAEC,IAAA,EAAE,EAAGnB,GAFN;AAGC,IAAA,IAAI,EAAC,KAHN;AAIC,IAAA,GAAG,EAAG4B;AAJP,MAMGD,KAAK,CAACD,GAAN,CAAaG,IAAF,IAAY;AACxB,UAAMC,MAAM,GAAG3B,SAAS,CAAEc,MAAF,EAAUY,IAAV,CAAxB;AACA,UAAME,QAAQ,GAAGZ,SAAS,CAACC,SAAV,KAAwBU,MAAzC;AAEA,WACC,cAAC,IAAD,eACMX,SADN;AAEC,MAAA,EAAE,EAAGW,MAFN;AAGC,MAAA,QAAQ,EAAGC,QAHZ;AAIC,MAAA,GAAG,EAAGF,IAJP;AAKC,MAAA,KAAK,EAAGA,IALT;AAMC,MAAA,OAAO,EAAG,MAAMP,cAAc,CAAEO,IAAF,CAN/B;AAOC,MAAA,QAAQ,EAAGE,QAAQ,GAAG,CAAH,GAAO,CAAC;AAP5B,OADD;AAWA,GAfC,CANH,CADC,CATH,CADD;AAqCA;AAEDvB,sBAAsB,CAACwB,IAAvB,GAA8B/B,0BAA9B;AAEA,eAAeO,sBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport { Composite, CompositeGroup, useCompositeState } from '../composite';\nimport { Root, Row } from './styles/alignment-matrix-control-styles';\nimport AlignmentMatrixControlIcon from './icon';\nimport { GRID, getItemId } from './utils';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type {\n\tAlignmentMatrixControlProps,\n\tAlignmentMatrixControlValue,\n} from './types';\n\nconst noop = () => {};\n\nfunction useBaseId( id?: string ) {\n\tconst instanceId = useInstanceId(\n\t\tAlignmentMatrixControl,\n\t\t'alignment-matrix-control'\n\t);\n\n\treturn id || instanceId;\n}\n\n/**\n *\n * AlignmentMatrixControl components enable adjustments to horizontal and vertical alignments for UI.\n *\n * ```jsx\n * import { __experimentalAlignmentMatrixControl as AlignmentMatrixControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n * \tconst [ alignment, setAlignment ] = useState( 'center center' );\n *\n * \treturn (\n * \t\t<AlignmentMatrixControl\n * \t\t\tvalue={ alignment }\n * \t\t\tonChange={ setAlignment }\n * \t\t/>\n * \t);\n * };\n * ```\n */\nexport function AlignmentMatrixControl( {\n\tclassName,\n\tid,\n\tlabel = __( 'Alignment Matrix Control' ),\n\tdefaultValue = 'center center',\n\tvalue,\n\tonChange = noop,\n\twidth = 92,\n\t...props\n}: WordPressComponentProps< AlignmentMatrixControlProps, 'div', false > ) {\n\tconst [ immutableDefaultValue ] = useState( value ?? defaultValue );\n\tconst baseId = useBaseId( id );\n\tconst initialCurrentId = getItemId( baseId, immutableDefaultValue );\n\n\tconst composite = useCompositeState( {\n\t\tbaseId,\n\t\tcurrentId: initialCurrentId,\n\t\trtl: isRTL(),\n\t} );\n\n\tconst handleOnChange = ( nextValue: AlignmentMatrixControlValue ) => {\n\t\tonChange( nextValue );\n\t};\n\n\tconst { setCurrentId } = composite;\n\n\tuseEffect( () => {\n\t\tif ( typeof value !== 'undefined' ) {\n\t\t\tsetCurrentId( getItemId( baseId, value ) );\n\t\t}\n\t}, [ value, setCurrentId, baseId ] );\n\n\tconst classes = classnames(\n\t\t'component-alignment-matrix-control',\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<Composite\n\t\t\t{ ...props }\n\t\t\t{ ...composite }\n\t\t\taria-label={ label }\n\t\t\tas={ Root }\n\t\t\tclassName={ classes }\n\t\t\trole=\"grid\"\n\t\t\tsize={ width }\n\t\t>\n\t\t\t{ GRID.map( ( cells, index ) => (\n\t\t\t\t<CompositeGroup\n\t\t\t\t\t{ ...composite }\n\t\t\t\t\tas={ Row }\n\t\t\t\t\trole=\"row\"\n\t\t\t\t\tkey={ index }\n\t\t\t\t>\n\t\t\t\t\t{ cells.map( ( cell ) => {\n\t\t\t\t\t\tconst cellId = getItemId( baseId, cell );\n\t\t\t\t\t\tconst isActive = composite.currentId === cellId;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Cell\n\t\t\t\t\t\t\t\t{ ...composite }\n\t\t\t\t\t\t\t\tid={ cellId }\n\t\t\t\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\t\t\t\tkey={ cell }\n\t\t\t\t\t\t\t\tvalue={ cell }\n\t\t\t\t\t\t\t\tonFocus={ () => handleOnChange( cell ) }\n\t\t\t\t\t\t\t\ttabIndex={ isActive ? 0 : -1 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</CompositeGroup>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nAlignmentMatrixControl.Icon = AlignmentMatrixControlIcon;\n\nexport default AlignmentMatrixControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/index.tsx"],"names":["classnames","__","isRTL","useInstanceId","useState","useEffect","Cell","Composite","CompositeGroup","useCompositeState","Root","Row","AlignmentMatrixControlIcon","GRID","getItemId","noop","useBaseId","id","instanceId","AlignmentMatrixControl","className","label","defaultValue","value","onChange","width","props","immutableDefaultValue","baseId","initialCurrentId","composite","currentId","rtl","handleOnChange","nextValue","setCurrentId","classes","map","cells","index","cell","cellId","isActive","Icon"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport { Composite, CompositeGroup, useCompositeState } from '../composite';\nimport { Root, Row } from './styles/alignment-matrix-control-styles';\nimport AlignmentMatrixControlIcon from './icon';\nimport { GRID, getItemId } from './utils';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type {\n\tAlignmentMatrixControlProps,\n\tAlignmentMatrixControlValue,\n} from './types';\n\nconst noop = () => {};\n\nfunction useBaseId( id?: string ) {\n\tconst instanceId = useInstanceId(\n\t\tAlignmentMatrixControl,\n\t\t'alignment-matrix-control'\n\t);\n\n\treturn id || instanceId;\n}\n\n/**\n *\n * AlignmentMatrixControl components enable adjustments to horizontal and vertical alignments for UI.\n *\n * ```jsx\n * import { __experimentalAlignmentMatrixControl as AlignmentMatrixControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n * \tconst [ alignment, setAlignment ] = useState( 'center center' );\n *\n * \treturn (\n * \t\t<AlignmentMatrixControl\n * \t\t\tvalue={ alignment }\n * \t\t\tonChange={ setAlignment }\n * \t\t/>\n * \t);\n * };\n * ```\n */\nexport function AlignmentMatrixControl( {\n\tclassName,\n\tid,\n\tlabel = __( 'Alignment Matrix Control' ),\n\tdefaultValue = 'center center',\n\tvalue,\n\tonChange = noop,\n\twidth = 92,\n\t...props\n}: WordPressComponentProps< AlignmentMatrixControlProps, 'div', false > ) {\n\tconst [ immutableDefaultValue ] = useState( value ?? defaultValue );\n\tconst baseId = useBaseId( id );\n\tconst initialCurrentId = getItemId( baseId, immutableDefaultValue );\n\n\tconst composite = useCompositeState( {\n\t\tbaseId,\n\t\tcurrentId: initialCurrentId,\n\t\trtl: isRTL(),\n\t} );\n\n\tconst handleOnChange = ( nextValue: AlignmentMatrixControlValue ) => {\n\t\tonChange( nextValue );\n\t};\n\n\tconst { setCurrentId } = composite;\n\n\tuseEffect( () => {\n\t\tif ( typeof value !== 'undefined' ) {\n\t\t\tsetCurrentId( getItemId( baseId, value ) );\n\t\t}\n\t}, [ value, setCurrentId, baseId ] );\n\n\tconst classes = classnames(\n\t\t'component-alignment-matrix-control',\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<Composite\n\t\t\t{ ...props }\n\t\t\t{ ...composite }\n\t\t\taria-label={ label }\n\t\t\tas={ Root }\n\t\t\tclassName={ classes }\n\t\t\trole=\"grid\"\n\t\t\tsize={ width }\n\t\t>\n\t\t\t{ GRID.map( ( cells, index ) => (\n\t\t\t\t<CompositeGroup\n\t\t\t\t\t{ ...composite }\n\t\t\t\t\tas={ Row }\n\t\t\t\t\trole=\"row\"\n\t\t\t\t\tkey={ index }\n\t\t\t\t>\n\t\t\t\t\t{ cells.map( ( cell ) => {\n\t\t\t\t\t\tconst cellId = getItemId( baseId, cell );\n\t\t\t\t\t\tconst isActive = composite.currentId === cellId;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Cell\n\t\t\t\t\t\t\t\t{ ...composite }\n\t\t\t\t\t\t\t\tid={ cellId }\n\t\t\t\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\t\t\t\tkey={ cell }\n\t\t\t\t\t\t\t\tvalue={ cell }\n\t\t\t\t\t\t\t\tonFocus={ () => handleOnChange( cell ) }\n\t\t\t\t\t\t\t\ttabIndex={ isActive ? 0 : -1 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</CompositeGroup>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nAlignmentMatrixControl.Icon = AlignmentMatrixControlIcon;\n\nexport default AlignmentMatrixControl;\n"]}

package/build-module/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js

@@ -23,10 +23,9 @@ const rootSize = () => {
   }, process.env.NODE_ENV === "production" ? "" : ";label:rootSize;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtaWNvbi1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtaWNvbi1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdHJvb3RCYXNlLFxuXHRwb2ludEJhc2UsXG5cdENlbGwgYXMgQ2VsbEJhc2UsXG59IGZyb20gJy4vYWxpZ25tZW50LW1hdHJpeC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgdHlwZSB7XG5cdEFsaWdubWVudE1hdHJpeENvbnRyb2xJY29uUHJvcHMsXG5cdEFsaWdubWVudE1hdHJpeENvbnRyb2xDZWxsUHJvcHMsXG59IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgcm9vdFNpemUgPSAoKSA9PiB7XG5cdGNvbnN0IHBhZGRpbmcgPSAxLjU7XG5cdGNvbnN0IHNpemUgPSAyNDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Z3JpZFRlbXBsYXRlUm93czogYHJlcGVhdCggMywgY2FsYyggJHsgc2l6ZSAtIHBhZGRpbmcgKiAyIH1weCAvIDMpKWAsXG5cdFx0cGFkZGluZyxcblx0XHRtYXhIZWlnaHQ6IHNpemUsXG5cdFx0bWF4V2lkdGg6IHNpemUsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJvb3RQb2ludGVyRXZlbnRzID0gKCB7XG5cdGRpc2FibGVQb2ludGVyRXZlbnRzLFxufTogUGljazwgQWxpZ25tZW50TWF0cml4Q29udHJvbEljb25Qcm9wcywgJ2Rpc2FibGVQb2ludGVyRXZlbnRzJyA+ICkgPT4ge1xuXHRyZXR1cm4gY3NzKCB7XG5cdFx0cG9pbnRlckV2ZW50czogZGlzYWJsZVBvaW50ZXJFdmVudHMgPyAnbm9uZScgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn07XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cGFkZGluZzogMnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHR0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcblx0aGVpZ2h0OiAxMDAlO1xuXHR3aWR0aDogMTAwJTtcblxuXHQkeyByb290QmFzZSB9O1xuXHQkeyByb290U2l6ZSB9O1xuXHQkeyByb290UG9pbnRlckV2ZW50cyB9O1xuYDtcblxuY29uc3QgcG9pbnRBY3RpdmUgPSAoIHtcblx0aXNBY3RpdmUsXG59OiBQaWNrPCBBbGlnbm1lbnRNYXRyaXhDb250cm9sQ2VsbFByb3BzLCAnaXNBY3RpdmUnID4gKSA9PiB7XG5cdGNvbnN0IGJveFNoYWRvdyA9IGlzQWN0aXZlID8gYDAgMCAwIDFweCBjdXJyZW50Q29sb3JgIDogbnVsbDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGJveC1zaGFkb3c6ICR7IGJveFNoYWRvdyB9O1xuXHRcdGNvbG9yOiBjdXJyZW50Q29sb3I7XG5cblx0XHQqOmhvdmVyID4gJiB7XG5cdFx0XHRjb2xvcjogY3VycmVudENvbG9yO1xuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBQb2ludCA9IHN0eWxlZC5zcGFuYFxuXHRoZWlnaHQ6IDJweDtcblx0d2lkdGg6IDJweDtcblx0JHsgcG9pbnRCYXNlIH07XG5cdCR7IHBvaW50QWN0aXZlIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ2VsbCA9IENlbGxCYXNlO1xuIl19 */");
 };
 
-const rootPointerEvents = _ref => {
-  let {
-    disablePointerEvents
-  } = _ref;
+const rootPointerEvents = ({
+  disablePointerEvents
+}) => {
   return /*#__PURE__*/css({
     pointerEvents: disablePointerEvents ? 'none' : undefined
   }, process.env.NODE_ENV === "production" ? "" : ";label:rootPointerEvents;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtaWNvbi1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtaWNvbi1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdHJvb3RCYXNlLFxuXHRwb2ludEJhc2UsXG5cdENlbGwgYXMgQ2VsbEJhc2UsXG59IGZyb20gJy4vYWxpZ25tZW50LW1hdHJpeC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgdHlwZSB7XG5cdEFsaWdubWVudE1hdHJpeENvbnRyb2xJY29uUHJvcHMsXG5cdEFsaWdubWVudE1hdHJpeENvbnRyb2xDZWxsUHJvcHMsXG59IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgcm9vdFNpemUgPSAoKSA9PiB7XG5cdGNvbnN0IHBhZGRpbmcgPSAxLjU7XG5cdGNvbnN0IHNpemUgPSAyNDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Z3JpZFRlbXBsYXRlUm93czogYHJlcGVhdCggMywgY2FsYyggJHsgc2l6ZSAtIHBhZGRpbmcgKiAyIH1weCAvIDMpKWAsXG5cdFx0cGFkZGluZyxcblx0XHRtYXhIZWlnaHQ6IHNpemUsXG5cdFx0bWF4V2lkdGg6IHNpemUsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJvb3RQb2ludGVyRXZlbnRzID0gKCB7XG5cdGRpc2FibGVQb2ludGVyRXZlbnRzLFxufTogUGljazwgQWxpZ25tZW50TWF0cml4Q29udHJvbEljb25Qcm9wcywgJ2Rpc2FibGVQb2ludGVyRXZlbnRzJyA+ICkgPT4ge1xuXHRyZXR1cm4gY3NzKCB7XG5cdFx0cG9pbnRlckV2ZW50czogZGlzYWJsZVBvaW50ZXJFdmVudHMgPyAnbm9uZScgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn07XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cGFkZGluZzogMnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHR0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcblx0aGVpZ2h0OiAxMDAlO1xuXHR3aWR0aDogMTAwJTtcblxuXHQkeyByb290QmFzZSB9O1xuXHQkeyByb290U2l6ZSB9O1xuXHQkeyByb290UG9pbnRlckV2ZW50cyB9O1xuYDtcblxuY29uc3QgcG9pbnRBY3RpdmUgPSAoIHtcblx0aXNBY3RpdmUsXG59OiBQaWNrPCBBbGlnbm1lbnRNYXRyaXhDb250cm9sQ2VsbFByb3BzLCAnaXNBY3RpdmUnID4gKSA9PiB7XG5cdGNvbnN0IGJveFNoYWRvdyA9IGlzQWN0aXZlID8gYDAgMCAwIDFweCBjdXJyZW50Q29sb3JgIDogbnVsbDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGJveC1zaGFkb3c6ICR7IGJveFNoYWRvdyB9O1xuXHRcdGNvbG9yOiBjdXJyZW50Q29sb3I7XG5cblx0XHQqOmhvdmVyID4gJiB7XG5cdFx0XHRjb2xvcjogY3VycmVudENvbG9yO1xuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBQb2ludCA9IHN0eWxlZC5zcGFuYFxuXHRoZWlnaHQ6IDJweDtcblx0d2lkdGg6IDJweDtcblx0JHsgcG9pbnRCYXNlIH07XG5cdCR7IHBvaW50QWN0aXZlIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ2VsbCA9IENlbGxCYXNlO1xuIl19 */");
@@ -53,10 +52,9 @@ export const Root = _styled("div", process.env.NODE_ENV === "production" ? {
   label: "Root"
 })("transform-origin:top left;height:100%;width:100%;", rootBase, ";", rootSize, ";", rootPointerEvents, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtaWNvbi1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEM4QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2FsaWdubWVudC1tYXRyaXgtY29udHJvbC9zdHlsZXMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sLWljb24tc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQge1xuXHRyb290QmFzZSxcblx0cG9pbnRCYXNlLFxuXHRDZWxsIGFzIENlbGxCYXNlLFxufSBmcm9tICcuL2FsaWdubWVudC1tYXRyaXgtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHR5cGUge1xuXHRBbGlnbm1lbnRNYXRyaXhDb250cm9sSWNvblByb3BzLFxuXHRBbGlnbm1lbnRNYXRyaXhDb250cm9sQ2VsbFByb3BzLFxufSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHJvb3RTaXplID0gKCkgPT4ge1xuXHRjb25zdCBwYWRkaW5nID0gMS41O1xuXHRjb25zdCBzaXplID0gMjQ7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGdyaWRUZW1wbGF0ZVJvd3M6IGByZXBlYXQoIDMsIGNhbGMoICR7IHNpemUgLSBwYWRkaW5nICogMiB9cHggLyAzKSlgLFxuXHRcdHBhZGRpbmcsXG5cdFx0bWF4SGVpZ2h0OiBzaXplLFxuXHRcdG1heFdpZHRoOiBzaXplLFxuXHR9ICk7XG59O1xuXG5jb25zdCByb290UG9pbnRlckV2ZW50cyA9ICgge1xuXHRkaXNhYmxlUG9pbnRlckV2ZW50cyxcbn06IFBpY2s8IEFsaWdubWVudE1hdHJpeENvbnRyb2xJY29uUHJvcHMsICdkaXNhYmxlUG9pbnRlckV2ZW50cycgPiApID0+IHtcblx0cmV0dXJuIGNzcygge1xuXHRcdHBvaW50ZXJFdmVudHM6IGRpc2FibGVQb2ludGVyRXZlbnRzID8gJ25vbmUnIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdHBhZGRpbmc6IDJweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdmBcblx0dHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6IDEwMCU7XG5cblx0JHsgcm9vdEJhc2UgfTtcblx0JHsgcm9vdFNpemUgfTtcblx0JHsgcm9vdFBvaW50ZXJFdmVudHMgfTtcbmA7XG5cbmNvbnN0IHBvaW50QWN0aXZlID0gKCB7XG5cdGlzQWN0aXZlLFxufTogUGljazwgQWxpZ25tZW50TWF0cml4Q29udHJvbENlbGxQcm9wcywgJ2lzQWN0aXZlJyA+ICkgPT4ge1xuXHRjb25zdCBib3hTaGFkb3cgPSBpc0FjdGl2ZSA/IGAwIDAgMCAxcHggY3VycmVudENvbG9yYCA6IG51bGw7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3gtc2hhZG93OiAkeyBib3hTaGFkb3cgfTtcblx0XHRjb2xvcjogY3VycmVudENvbG9yO1xuXG5cdFx0Kjpob3ZlciA+ICYge1xuXHRcdFx0Y29sb3I6IGN1cnJlbnRDb2xvcjtcblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgUG9pbnQgPSBzdHlsZWQuc3BhbmBcblx0aGVpZ2h0OiAycHg7XG5cdHdpZHRoOiAycHg7XG5cdCR7IHBvaW50QmFzZSB9O1xuXHQkeyBwb2ludEFjdGl2ZSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IENlbGwgPSBDZWxsQmFzZTtcbiJdfQ== */"));
 
-const pointActive = _ref2 => {
-  let {
-    isActive
-  } = _ref2;
+const pointActive = ({
+  isActive
+}) => {
   const boxShadow = isActive ? `0 0 0 1px currentColor` : null;
   return /*#__PURE__*/css("box-shadow:", boxShadow, ";color:currentColor;*:hover>&{color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:pointActive;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtaWNvbi1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtaWNvbi1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdHJvb3RCYXNlLFxuXHRwb2ludEJhc2UsXG5cdENlbGwgYXMgQ2VsbEJhc2UsXG59IGZyb20gJy4vYWxpZ25tZW50LW1hdHJpeC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgdHlwZSB7XG5cdEFsaWdubWVudE1hdHJpeENvbnRyb2xJY29uUHJvcHMsXG5cdEFsaWdubWVudE1hdHJpeENvbnRyb2xDZWxsUHJvcHMsXG59IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgcm9vdFNpemUgPSAoKSA9PiB7XG5cdGNvbnN0IHBhZGRpbmcgPSAxLjU7XG5cdGNvbnN0IHNpemUgPSAyNDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Z3JpZFRlbXBsYXRlUm93czogYHJlcGVhdCggMywgY2FsYyggJHsgc2l6ZSAtIHBhZGRpbmcgKiAyIH1weCAvIDMpKWAsXG5cdFx0cGFkZGluZyxcblx0XHRtYXhIZWlnaHQ6IHNpemUsXG5cdFx0bWF4V2lkdGg6IHNpemUsXG5cdH0gKTtcbn07XG5cbmNvbnN0IHJvb3RQb2ludGVyRXZlbnRzID0gKCB7XG5cdGRpc2FibGVQb2ludGVyRXZlbnRzLFxufTogUGljazwgQWxpZ25tZW50TWF0cml4Q29udHJvbEljb25Qcm9wcywgJ2Rpc2FibGVQb2ludGVyRXZlbnRzJyA+ICkgPT4ge1xuXHRyZXR1cm4gY3NzKCB7XG5cdFx0cG9pbnRlckV2ZW50czogZGlzYWJsZVBvaW50ZXJFdmVudHMgPyAnbm9uZScgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn07XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0cGFkZGluZzogMnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuXHR0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcblx0aGVpZ2h0OiAxMDAlO1xuXHR3aWR0aDogMTAwJTtcblxuXHQkeyByb290QmFzZSB9O1xuXHQkeyByb290U2l6ZSB9O1xuXHQkeyByb290UG9pbnRlckV2ZW50cyB9O1xuYDtcblxuY29uc3QgcG9pbnRBY3RpdmUgPSAoIHtcblx0aXNBY3RpdmUsXG59OiBQaWNrPCBBbGlnbm1lbnRNYXRyaXhDb250cm9sQ2VsbFByb3BzLCAnaXNBY3RpdmUnID4gKSA9PiB7XG5cdGNvbnN0IGJveFNoYWRvdyA9IGlzQWN0aXZlID8gYDAgMCAwIDFweCBjdXJyZW50Q29sb3JgIDogbnVsbDtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdGJveC1zaGFkb3c6ICR7IGJveFNoYWRvdyB9O1xuXHRcdGNvbG9yOiBjdXJyZW50Q29sb3I7XG5cblx0XHQqOmhvdmVyID4gJiB7XG5cdFx0XHRjb2xvcjogY3VycmVudENvbG9yO1xuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBQb2ludCA9IHN0eWxlZC5zcGFuYFxuXHRoZWlnaHQ6IDJweDtcblx0d2lkdGg6IDJweDtcblx0JHsgcG9pbnRCYXNlIH07XG5cdCR7IHBvaW50QWN0aXZlIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ2VsbCA9IENlbGxCYXNlO1xuIl19 */");
 };

package/build-module/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.ts"],"names":["css","rootBase","pointBase","Cell","CellBase","rootSize","padding","size","gridTemplateRows","maxHeight","maxWidth","rootPointerEvents","disablePointerEvents","pointerEvents","undefined","Wrapper","Root","pointActive","isActive","boxShadow","Point"],"mappings":";;;;AAAA;AACA;AACA;AAEA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SACCC,QADD,EAECC,SAFD,EAGCC,IAAI,IAAIC,QAHT,QAIO,mCAJP;;AAUA,MAAMC,QAAQ,GAAG,MAAM;AACtB,QAAMC,OAAO,GAAG,GAAhB;AACA,QAAMC,IAAI,GAAG,EAAb;AAEA,sBAAOP,GAAG,CAAE;AACXQ,IAAAA,gBAAgB,EAAG,oBAAoBD,IAAI,GAAGD,OAAO,GAAG,CAAG,UADhD;AAEXA,IAAAA,OAFW;AAGXG,IAAAA,SAAS,EAAEF,IAHA;AAIXG,IAAAA,QAAQ,EAAEH;AAJC,GAAF,0iFAAV;AAMA,CAVD;;AAYA,MAAMI,iBAAiB,GAAG,QAE8C;AAAA,MAF5C;AAC3BC,IAAAA;AAD2B,GAE4C;AACvE,sBAAOZ,GAAG,CAAE;AACXa,IAAAA,aAAa,EAAED,oBAAoB,GAAG,MAAH,GAAYE;AADpC,GAAF,mjFAAV;AAGA,CAND;;AAQA,OAAO,MAAMC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAb;AAKP,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,wDAKbf,QALa,OAMbI,QANa,OAObM,iBAPa,q/EAAV;;AAUP,MAAMM,WAAW,GAAG,SAEwC;AAAA,MAFtC;AACrBC,IAAAA;AADqB,GAEsC;AAC3D,QAAMC,SAAS,GAAGD,QAAQ,GAAI,wBAAJ,GAA8B,IAAxD;AAEA,sBAAOlB,GAAP,gBACgBmB,SADhB;AAQA,CAbD;;AAeA,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGdlB,SAHc,OAIde,WAJc,q/EAAX;AAOP,OAAO,MAAMd,IAAI,GAAGC,QAAb","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport {\n\trootBase,\n\tpointBase,\n\tCell as CellBase,\n} from './alignment-matrix-control-styles';\nimport type {\n\tAlignmentMatrixControlIconProps,\n\tAlignmentMatrixControlCellProps,\n} from '../types';\n\nconst rootSize = () => {\n\tconst padding = 1.5;\n\tconst size = 24;\n\n\treturn css( {\n\t\tgridTemplateRows: `repeat( 3, calc( ${ size - padding * 2 }px / 3))`,\n\t\tpadding,\n\t\tmaxHeight: size,\n\t\tmaxWidth: size,\n\t} );\n};\n\nconst rootPointerEvents = ( {\n\tdisablePointerEvents,\n}: Pick< AlignmentMatrixControlIconProps, 'disablePointerEvents' > ) => {\n\treturn css( {\n\t\tpointerEvents: disablePointerEvents ? 'none' : undefined,\n\t} );\n};\n\nexport const Wrapper = styled.div`\n\tbox-sizing: border-box;\n\tpadding: 2px;\n`;\n\nexport const Root = styled.div`\n\ttransform-origin: top left;\n\theight: 100%;\n\twidth: 100%;\n\n\t${ rootBase };\n\t${ rootSize };\n\t${ rootPointerEvents };\n`;\n\nconst pointActive = ( {\n\tisActive,\n}: Pick< AlignmentMatrixControlCellProps, 'isActive' > ) => {\n\tconst boxShadow = isActive ? `0 0 0 1px currentColor` : null;\n\n\treturn css`\n\t\tbox-shadow: ${ boxShadow };\n\t\tcolor: currentColor;\n\n\t\t*:hover > & {\n\t\t\tcolor: currentColor;\n\t\t}\n\t`;\n};\n\nexport const Point = styled.span`\n\theight: 2px;\n\twidth: 2px;\n\t${ pointBase };\n\t${ pointActive };\n`;\n\nexport const Cell = CellBase;\n"]}
+{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.ts"],"names":["css","rootBase","pointBase","Cell","CellBase","rootSize","padding","size","gridTemplateRows","maxHeight","maxWidth","rootPointerEvents","disablePointerEvents","pointerEvents","undefined","Wrapper","Root","pointActive","isActive","boxShadow","Point"],"mappings":";;;;AAAA;AACA;AACA;AAEA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SACCC,QADD,EAECC,SAFD,EAGCC,IAAI,IAAIC,QAHT,QAIO,mCAJP;;AAUA,MAAMC,QAAQ,GAAG,MAAM;AACtB,QAAMC,OAAO,GAAG,GAAhB;AACA,QAAMC,IAAI,GAAG,EAAb;AAEA,sBAAOP,GAAG,CAAE;AACXQ,IAAAA,gBAAgB,EAAG,oBAAoBD,IAAI,GAAGD,OAAO,GAAG,CAAG,UADhD;AAEXA,IAAAA,OAFW;AAGXG,IAAAA,SAAS,EAAEF,IAHA;AAIXG,IAAAA,QAAQ,EAAEH;AAJC,GAAF,0iFAAV;AAMA,CAVD;;AAYA,MAAMI,iBAAiB,GAAG,CAAE;AAC3BC,EAAAA;AAD2B,CAAF,KAE8C;AACvE,sBAAOZ,GAAG,CAAE;AACXa,IAAAA,aAAa,EAAED,oBAAoB,GAAG,MAAH,GAAYE;AADpC,GAAF,mjFAAV;AAGA,CAND;;AAQA,OAAO,MAAMC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAb;AAKP,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,wDAKbf,QALa,OAMbI,QANa,OAObM,iBAPa,q/EAAV;;AAUP,MAAMM,WAAW,GAAG,CAAE;AACrBC,EAAAA;AADqB,CAAF,KAEwC;AAC3D,QAAMC,SAAS,GAAGD,QAAQ,GAAI,wBAAJ,GAA8B,IAAxD;AAEA,sBAAOlB,GAAP,gBACgBmB,SADhB;AAQA,CAbD;;AAeA,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGdlB,SAHc,OAIde,WAJc,q/EAAX;AAOP,OAAO,MAAMd,IAAI,GAAGC,QAAb","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport {\n\trootBase,\n\tpointBase,\n\tCell as CellBase,\n} from './alignment-matrix-control-styles';\nimport type {\n\tAlignmentMatrixControlIconProps,\n\tAlignmentMatrixControlCellProps,\n} from '../types';\n\nconst rootSize = () => {\n\tconst padding = 1.5;\n\tconst size = 24;\n\n\treturn css( {\n\t\tgridTemplateRows: `repeat( 3, calc( ${ size - padding * 2 }px / 3))`,\n\t\tpadding,\n\t\tmaxHeight: size,\n\t\tmaxWidth: size,\n\t} );\n};\n\nconst rootPointerEvents = ( {\n\tdisablePointerEvents,\n}: Pick< AlignmentMatrixControlIconProps, 'disablePointerEvents' > ) => {\n\treturn css( {\n\t\tpointerEvents: disablePointerEvents ? 'none' : undefined,\n\t} );\n};\n\nexport const Wrapper = styled.div`\n\tbox-sizing: border-box;\n\tpadding: 2px;\n`;\n\nexport const Root = styled.div`\n\ttransform-origin: top left;\n\theight: 100%;\n\twidth: 100%;\n\n\t${ rootBase };\n\t${ rootSize };\n\t${ rootPointerEvents };\n`;\n\nconst pointActive = ( {\n\tisActive,\n}: Pick< AlignmentMatrixControlCellProps, 'isActive' > ) => {\n\tconst boxShadow = isActive ? `0 0 0 1px currentColor` : null;\n\n\treturn css`\n\t\tbox-shadow: ${ boxShadow };\n\t\tcolor: currentColor;\n\n\t\t*:hover > & {\n\t\t\tcolor: currentColor;\n\t\t}\n\t`;\n};\n\nexport const Point = styled.span`\n\theight: 2px;\n\twidth: 2px;\n\t${ pointBase };\n\t${ pointActive };\n`;\n\nexport const Cell = CellBase;\n"]}

package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js

@@ -26,10 +26,9 @@ export const rootBase = () => {
   return _ref;
 };
 
-const rootSize = _ref2 => {
-  let {
-    size = 92
-  } = _ref2;
+const rootSize = ({
+  size = 92
+}) => {
   return /*#__PURE__*/css("grid-template-rows:repeat( 3, calc( ", size, "px / 3 ) );width:", size, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:rootSize;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sL3N0eWxlcy9hbGlnbm1lbnQtbWF0cml4LWNvbnRyb2wtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2FsaWdubWVudC1tYXRyaXgtY29udHJvbC9zdHlsZXMvYWxpZ25tZW50LW1hdHJpeC1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7XG5cdEFsaWdubWVudE1hdHJpeENvbnRyb2xQcm9wcyxcblx0QWxpZ25tZW50TWF0cml4Q29udHJvbENlbGxQcm9wcyxcbn0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3Qgcm9vdEJhc2UgPSAoKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0ZGlyZWN0aW9uOiBsdHI7XG5cdFx0ZGlzcGxheTogZ3JpZDtcblx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCggMywgMWZyICk7XG5cdFx0b3V0bGluZTogbm9uZTtcblx0YDtcbn07XG5cbmNvbnN0IHJvb3RTaXplID0gKCB7IHNpemUgPSA5MiB9ICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGdyaWQtdGVtcGxhdGUtcm93czogcmVwZWF0KCAzLCBjYWxjKCAkeyBzaXplIH1weCAvIDMgKSApO1xuXHRcdHdpZHRoOiAkeyBzaXplIH1weDtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkLmRpdjwge1xuXHRzaXplOiBBbGlnbm1lbnRNYXRyaXhDb250cm9sUHJvcHNbICd3aWR0aCcgXTtcbn0gPmBcblx0JHsgcm9vdEJhc2UgfTtcblxuXHRib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG5cblx0JHsgcm9vdFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRkaXNwbGF5OiBncmlkO1xuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCggMywgMWZyICk7XG5gO1xuXG5jb25zdCBwb2ludEFjdGl2ZSA9ICgge1xuXHRpc0FjdGl2ZSxcbn06IFBpY2s8IEFsaWdubWVudE1hdHJpeENvbnRyb2xDZWxsUHJvcHMsICdpc0FjdGl2ZScgPiApID0+IHtcblx0Y29uc3QgYm94U2hhZG93ID0gaXNBY3RpdmUgPyBgMCAwIDAgMnB4ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9YCA6IG51bGw7XG5cdGNvbnN0IHBvaW50Q29sb3IgPSBpc0FjdGl2ZSA/IENPTE9SUy5ncmF5WyA5MDAgXSA6IENPTE9SUy5ncmF5WyA0MDAgXTtcblx0Y29uc3QgcG9pbnRDb2xvckhvdmVyID0gaXNBY3RpdmUgPyBDT0xPUlMuZ3JheVsgOTAwIF0gOiBDT0xPUlMudWkudGhlbWU7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRib3gtc2hhZG93OiAkeyBib3hTaGFkb3cgfTtcblx0XHRjb2xvcjogJHsgcG9pbnRDb2xvciB9O1xuXG5cdFx0Kjpob3ZlciA+ICYge1xuXHRcdFx0Y29sb3I6ICR7IHBvaW50Q29sb3JIb3ZlciB9O1xuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBwb2ludEJhc2UgPSAoXG5cdHByb3BzOiBQaWNrPCBBbGlnbm1lbnRNYXRyaXhDb250cm9sQ2VsbFByb3BzLCAnaXNBY3RpdmUnID5cbikgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6IGN1cnJlbnRDb2xvcjtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHRcdHRyYW5zaXRpb246IGFsbCAxMjBtcyBsaW5lYXI7XG5cblx0XHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0XHQkeyBwb2ludEFjdGl2ZSggcHJvcHMgKSB9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgUG9pbnQgPSBzdHlsZWQuc3BhbmBcblx0aGVpZ2h0OiA2cHg7XG5cdHdpZHRoOiA2cHg7XG5cdCR7IHBvaW50QmFzZSB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2VsbCA9IHN0eWxlZC5zcGFuYFxuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRib3JkZXI6IG5vbmU7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdG1hcmdpbjogMDtcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRvdXRsaW5lOiBub25lO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0cGFkZGluZzogMDtcbmA7XG4iXX0= */");
 };
 
@@ -54,10 +53,9 @@ export const Row = _styled("div", process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-const pointActive = _ref3 => {
-  let {
-    isActive
-  } = _ref3;
+const pointActive = ({
+  isActive
+}) => {
   const boxShadow = isActive ? `0 0 0 2px ${COLORS.gray[900]}` : null;
   const pointColor = isActive ? COLORS.gray[900] : COLORS.gray[400];
   const pointColorHover = isActive ? COLORS.gray[900] : COLORS.ui.theme;

package/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":["css","COLORS","reduceMotion","rootBase","rootSize","size","Root","Row","pointActive","isActive","boxShadow","gray","pointColor","pointColorHover","ui","theme","pointBase","props","Point","Cell"],"mappings":";;;;AAAA;AACA;AACA;AAEA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,YAAjB,QAAqC,aAArC;;;;;;;;;;;;AAMA,OAAO,MAAMC,QAAQ,GAAG,MAAM;AAC7B;AAQA,CATM;;AAWP,MAAMC,QAAQ,GAAG,SAAqB;AAAA,MAAnB;AAAEC,IAAAA,IAAI,GAAG;AAAT,GAAmB;AACrC,sBAAOL,GAAP,yCACyCK,IADzC,uBAEWA,IAFX;AAIA,CALD;;AAOA,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAGbH,QAHa,8EASbC,QATa,y0GAAV;AAYP,OAAO,MAAMG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAT;;AAMP,MAAMC,WAAW,GAAG,SAEwC;AAAA,MAFtC;AACrBC,IAAAA;AADqB,GAEsC;AAC3D,QAAMC,SAAS,GAAGD,QAAQ,GAAI,aAAaR,MAAM,CAACU,IAAP,CAAa,GAAb,CAAoB,EAArC,GAAyC,IAAnE;AACA,QAAMC,UAAU,GAAGH,QAAQ,GAAGR,MAAM,CAACU,IAAP,CAAa,GAAb,CAAH,GAAwBV,MAAM,CAACU,IAAP,CAAa,GAAb,CAAnD;AACA,QAAME,eAAe,GAAGJ,QAAQ,GAAGR,MAAM,CAACU,IAAP,CAAa,GAAb,CAAH,GAAwBV,MAAM,CAACa,EAAP,CAAUC,KAAlE;AAEA,sBAAOf,GAAP,gBACgBU,SADhB,aAEWE,UAFX,uBAKYC,eALZ;AAQA,CAfD;;AAiBA,OAAO,MAAMG,SAAS,GACrBC,KADwB,IAEpB;AACJ,sBAAOjB,GAAP,wGAOIE,YAAY,CAAE,YAAF,CAPhB,OAQIM,WAAW,CAAES,KAAF,CARf;AAUA,CAbM;AAeP,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGdF,SAHc,y0GAAX;AAMP,OAAO,MAAMG,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAV","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, reduceMotion } from '../../utils';\nimport type {\n\tAlignmentMatrixControlProps,\n\tAlignmentMatrixControlCellProps,\n} from '../types';\n\nexport const rootBase = () => {\n\treturn css`\n\t\tborder-radius: 2px;\n\t\tbox-sizing: border-box;\n\t\tdirection: ltr;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat( 3, 1fr );\n\t\toutline: none;\n\t`;\n};\n\nconst rootSize = ( { size = 92 } ) => {\n\treturn css`\n\t\tgrid-template-rows: repeat( 3, calc( ${ size }px / 3 ) );\n\t\twidth: ${ size }px;\n\t`;\n};\n\nexport const Root = styled.div< {\n\tsize: AlignmentMatrixControlProps[ 'width' ];\n} >`\n\t${ rootBase };\n\n\tborder: 1px solid transparent;\n\tcursor: pointer;\n\tgrid-template-columns: auto;\n\n\t${ rootSize };\n`;\n\nexport const Row = styled.div`\n\tbox-sizing: border-box;\n\tdisplay: grid;\n\tgrid-template-columns: repeat( 3, 1fr );\n`;\n\nconst pointActive = ( {\n\tisActive,\n}: Pick< AlignmentMatrixControlCellProps, 'isActive' > ) => {\n\tconst boxShadow = isActive ? `0 0 0 2px ${ COLORS.gray[ 900 ] }` : null;\n\tconst pointColor = isActive ? COLORS.gray[ 900 ] : COLORS.gray[ 400 ];\n\tconst pointColorHover = isActive ? COLORS.gray[ 900 ] : COLORS.ui.theme;\n\n\treturn css`\n\t\tbox-shadow: ${ boxShadow };\n\t\tcolor: ${ pointColor };\n\n\t\t*:hover > & {\n\t\t\tcolor: ${ pointColorHover };\n\t\t}\n\t`;\n};\n\nexport const pointBase = (\n\tprops: Pick< AlignmentMatrixControlCellProps, 'isActive' >\n) => {\n\treturn css`\n\t\tbackground: currentColor;\n\t\tbox-sizing: border-box;\n\t\tdisplay: grid;\n\t\tmargin: auto;\n\t\ttransition: all 120ms linear;\n\n\t\t${ reduceMotion( 'transition' ) }\n\t\t${ pointActive( props ) }\n\t`;\n};\n\nexport const Point = styled.span`\n\theight: 6px;\n\twidth: 6px;\n\t${ pointBase }\n`;\n\nexport const Cell = styled.span`\n\tappearance: none;\n\tborder: none;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tdisplay: flex;\n\tposition: relative;\n\toutline: none;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":["css","COLORS","reduceMotion","rootBase","rootSize","size","Root","Row","pointActive","isActive","boxShadow","gray","pointColor","pointColorHover","ui","theme","pointBase","props","Point","Cell"],"mappings":";;;;AAAA;AACA;AACA;AAEA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,YAAjB,QAAqC,aAArC;;;;;;;;;;;;AAMA,OAAO,MAAMC,QAAQ,GAAG,MAAM;AAC7B;AAQA,CATM;;AAWP,MAAMC,QAAQ,GAAG,CAAE;AAAEC,EAAAA,IAAI,GAAG;AAAT,CAAF,KAAqB;AACrC,sBAAOL,GAAP,yCACyCK,IADzC,uBAEWA,IAFX;AAIA,CALD;;AAOA,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAGbH,QAHa,8EASbC,QATa,y0GAAV;AAYP,OAAO,MAAMG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAT;;AAMP,MAAMC,WAAW,GAAG,CAAE;AACrBC,EAAAA;AADqB,CAAF,KAEwC;AAC3D,QAAMC,SAAS,GAAGD,QAAQ,GAAI,aAAaR,MAAM,CAACU,IAAP,CAAa,GAAb,CAAoB,EAArC,GAAyC,IAAnE;AACA,QAAMC,UAAU,GAAGH,QAAQ,GAAGR,MAAM,CAACU,IAAP,CAAa,GAAb,CAAH,GAAwBV,MAAM,CAACU,IAAP,CAAa,GAAb,CAAnD;AACA,QAAME,eAAe,GAAGJ,QAAQ,GAAGR,MAAM,CAACU,IAAP,CAAa,GAAb,CAAH,GAAwBV,MAAM,CAACa,EAAP,CAAUC,KAAlE;AAEA,sBAAOf,GAAP,gBACgBU,SADhB,aAEWE,UAFX,uBAKYC,eALZ;AAQA,CAfD;;AAiBA,OAAO,MAAMG,SAAS,GACrBC,KADwB,IAEpB;AACJ,sBAAOjB,GAAP,wGAOIE,YAAY,CAAE,YAAF,CAPhB,OAQIM,WAAW,CAAES,KAAF,CARf;AAUA,CAbM;AAeP,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGdF,SAHc,y0GAAX;AAMP,OAAO,MAAMG,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAV","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, reduceMotion } from '../../utils';\nimport type {\n\tAlignmentMatrixControlProps,\n\tAlignmentMatrixControlCellProps,\n} from '../types';\n\nexport const rootBase = () => {\n\treturn css`\n\t\tborder-radius: 2px;\n\t\tbox-sizing: border-box;\n\t\tdirection: ltr;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat( 3, 1fr );\n\t\toutline: none;\n\t`;\n};\n\nconst rootSize = ( { size = 92 } ) => {\n\treturn css`\n\t\tgrid-template-rows: repeat( 3, calc( ${ size }px / 3 ) );\n\t\twidth: ${ size }px;\n\t`;\n};\n\nexport const Root = styled.div< {\n\tsize: AlignmentMatrixControlProps[ 'width' ];\n} >`\n\t${ rootBase };\n\n\tborder: 1px solid transparent;\n\tcursor: pointer;\n\tgrid-template-columns: auto;\n\n\t${ rootSize };\n`;\n\nexport const Row = styled.div`\n\tbox-sizing: border-box;\n\tdisplay: grid;\n\tgrid-template-columns: repeat( 3, 1fr );\n`;\n\nconst pointActive = ( {\n\tisActive,\n}: Pick< AlignmentMatrixControlCellProps, 'isActive' > ) => {\n\tconst boxShadow = isActive ? `0 0 0 2px ${ COLORS.gray[ 900 ] }` : null;\n\tconst pointColor = isActive ? COLORS.gray[ 900 ] : COLORS.gray[ 400 ];\n\tconst pointColorHover = isActive ? COLORS.gray[ 900 ] : COLORS.ui.theme;\n\n\treturn css`\n\t\tbox-shadow: ${ boxShadow };\n\t\tcolor: ${ pointColor };\n\n\t\t*:hover > & {\n\t\t\tcolor: ${ pointColorHover };\n\t\t}\n\t`;\n};\n\nexport const pointBase = (\n\tprops: Pick< AlignmentMatrixControlCellProps, 'isActive' >\n) => {\n\treturn css`\n\t\tbackground: currentColor;\n\t\tbox-sizing: border-box;\n\t\tdisplay: grid;\n\t\tmargin: auto;\n\t\ttransition: all 120ms linear;\n\n\t\t${ reduceMotion( 'transition' ) }\n\t\t${ pointActive( props ) }\n\t`;\n};\n\nexport const Point = styled.span`\n\theight: 6px;\n\twidth: 6px;\n\t${ pointBase }\n`;\n\nexport const Cell = styled.span`\n\tappearance: none;\n\tborder: none;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tdisplay: flex;\n\tposition: relative;\n\toutline: none;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0;\n`;\n"]}

package/build-module/alignment-matrix-control/utils.js

@@ -55,8 +55,7 @@ export function getItemId(prefixId, value) {
  * @return The index of a matching alignment.
  */
 
-export function getAlignmentIndex() {
-  let alignment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'center';
+export function getAlignmentIndex(alignment = 'center') {
   const item = transformValue(alignment);
   const index = ALIGNMENTS.indexOf(item);
   return index > -1 ? index : undefined;