@wordpress/components 19.7.0 → 19.8.2

package/build/surface/styles.js

@@ -18,9 +18,9 @@ var _utils = require("../utils");
 /**
  * Internal dependencies
  */
-const Surface = /*#__PURE__*/(0, _react.css)("background-color:", _utils.CONFIG.surfaceColor, ";color:", _utils.COLORS.black, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+const Surface = /*#__PURE__*/(0, _react.css)("background-color:", _utils.CONFIG.surfaceColor, ";color:", _utils.COLORS.darkGray.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 exports.Surface = Surface;
-const background = /*#__PURE__*/(0, _react.css)("background-color:", _utils.CONFIG.surfaceBackgroundColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
+const background = /*#__PURE__*/(0, _react.css)("background-color:", _utils.CONFIG.surfaceBackgroundColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
 /**
  * @param {Object}  props
  * @param {boolean} [props.borderBottom]
@@ -44,14 +44,14 @@ function getBorders(_ref) {
     borderLeft: borderLeft ? borderStyle : undefined,
     borderRight: borderRight ? borderStyle : undefined,
     borderTop: borderTop ? borderStyle : undefined
-  }, process.env.NODE_ENV === "production" ? "" : ";label:getBorders;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+  }, process.env.NODE_ENV === "production" ? "" : ";label:getBorders;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 }
 
-const primary = /*#__PURE__*/(0, _react.css)(process.env.NODE_ENV === "production" ? "" : ";label:primary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkMwQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
+const primary = /*#__PURE__*/(0, _react.css)(process.env.NODE_ENV === "production" ? "" : ";label:primary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkMwQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
 exports.primary = primary;
-const secondary = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundTintColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
+const secondary = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundTintColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
 exports.secondary = secondary;
-const tertiary = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundTertiaryColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tertiary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFja2dyb3VuZCA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtPYmplY3R9ICBwcm9wc1xuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyQm90dG9tXVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyTGVmdF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclJpZ2h0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyVG9wXVxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKi9cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PlxuXHRbIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSwgc3VyZmFjZUJhY2tncm91bmRTaXplIF0uam9pbiggJyAnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQyID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQxKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMihcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0Q09ORklHLnN1cmZhY2VCb3JkZXJCb2xkQ29sb3IsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICpcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEByZXR1cm4ge2ltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBDU1MuXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRHcmlkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbi8qKlxuICogQHBhcmFtIHsnZG90dGVkJyB8ICdncmlkJyB8ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5J30gdmFyaWFudFxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuZXhwb3J0IGNvbnN0IGdldFZhcmlhbnQgPSAoXG5cdHZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
+const tertiary = /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundTertiaryColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tertiary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFN1cmZhY2UgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQ29sb3IgfTtcblx0Y29sb3I6ICR7IENPTE9SUy5kYXJrR3JheS5wcmltYXJ5IH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
 /**
  * @param {string} surfaceBackgroundSize
  */
@@ -84,7 +84,7 @@ const dottedBackgroundCombined = surfaceBackgroundSizeDotted => [`linear-gradien
  */
 
 
-const getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /*#__PURE__*/(0, _react.css)("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotted;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0dRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+const getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /*#__PURE__*/(0, _react.css)("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotted;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0dRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 
 exports.getDotted = getDotted;
 const gridBackground1 = [`${_utils.CONFIG.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');
@@ -96,7 +96,7 @@ const gridBackgroundCombined = [`linear-gradient( ${gridBackground1} )`, `linear
  */
 
 const getGrid = surfaceBackgroundSize => {
-  return /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundColor, ";background-image:", gridBackgroundCombined, ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getGrid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0lXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmJsYWNrIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuLyoqXG4gKiBAcGFyYW0ge09iamVjdH0gIHByb3BzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJCb3R0b21dXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJMZWZ0XVxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuYm9yZGVyUmlnaHRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJUb3BdXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRCb3JkZXJzKCB7XG5cdGJvcmRlckJvdHRvbSxcblx0Ym9yZGVyTGVmdCxcblx0Ym9yZGVyUmlnaHQsXG5cdGJvcmRlclRvcCxcbn0gKSB7XG5cdGNvbnN0IGJvcmRlclN0eWxlID0gYDFweCBzb2xpZCAkeyBDT05GSUcuc3VyZmFjZUJvcmRlckNvbG9yIH1gO1xuXG5cdHJldHVybiBjc3MoIHtcblx0XHRib3JkZXJCb3R0b206IGJvcmRlckJvdHRvbSA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlckxlZnQ6IGJvcmRlckxlZnQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJSaWdodDogYm9yZGVyUmlnaHQgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJUb3A6IGJvcmRlclRvcCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHR9ICk7XG59XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5ID0gY3NzYGA7XG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRpbnRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHRlcnRpYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUZXJ0aWFyeUNvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqL1xuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmNvbnN0IGRvdHRlZEJhY2tncm91bmQxID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgfTtcblx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcbmA7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMSA9IFtcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kMiA9IFtcblx0JzkwZGVnJyxcblx0YCR7IENPTkZJRy5zdXJmYWNlQm9yZGVyU3VidGxlQ29sb3IgfSAxcHhgLFxuXHQndHJhbnNwYXJlbnQgMXB4Jyxcbl0uam9pbiggJywnICk7XG5cbmNvbnN0IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgPSBbXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMSB9IClgLFxuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDIgfSApYCxcbl0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHJldHVybiB7aW1wb3J0KCdAZW1vdGlvbi9yZWFjdCcpLlNlcmlhbGl6ZWRTdHlsZXN9IENTUy5cbiAqL1xuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuXHRcdGJhY2tncm91bmQtaW1hZ2U6ICR7IGdyaWRCYWNrZ3JvdW5kQ29tYmluZWQgfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuXHRgO1xufTtcblxuLyoqXG4gKiBAcGFyYW0geydkb3R0ZWQnIHwgJ2dyaWQnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknfSB2YXJpYW50XG4gKiBAcGFyYW0ge3N0cmluZ30gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdXJmYWNlQmFja2dyb3VuZFNpemVcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbikgPT4ge1xuXHRzd2l0Y2ggKCB2YXJpYW50ICkge1xuXHRcdGNhc2UgJ2RvdHRlZCc6IHtcblx0XHRcdHJldHVybiBnZXREb3R0ZWQoXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0XHQpO1xuXHRcdH1cblx0XHRjYXNlICdncmlkJzoge1xuXHRcdFx0cmV0dXJuIGdldEdyaWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApO1xuXHRcdH1cblx0XHRjYXNlICdwcmltYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHByaW1hcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3NlY29uZGFyeSc6IHtcblx0XHRcdHJldHVybiBzZWNvbmRhcnk7XG5cdFx0fVxuXHRcdGNhc2UgJ3RlcnRpYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHRlcnRpYXJ5O1xuXHRcdH1cblx0fVxufTtcbiJdfQ== */");
+  return /*#__PURE__*/(0, _react.css)("background:", _utils.CONFIG.surfaceBackgroundColor, ";background-image:", gridBackgroundCombined, ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getGrid;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0lXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmRhcmtHcmF5LnByaW1hcnkgfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG4vKipcbiAqIEBwYXJhbSB7T2JqZWN0fSAgcHJvcHNcbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckJvdHRvbV1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlckxlZnRdXG4gKiBAcGFyYW0ge2Jvb2xlYW59IFtwcm9wcy5ib3JkZXJSaWdodF1cbiAqIEBwYXJhbSB7Ym9vbGVhbn0gW3Byb3BzLmJvcmRlclRvcF1cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufSApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICovXG5jb25zdCBjdXN0b21CYWNrZ3JvdW5kU2l6ZSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG4vKipcbiAqIEBwYXJhbSB7c3RyaW5nfSBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcbiAqL1xuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHQnOTBkZWcnLFxuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbi8qKlxuICogQHBhcmFtIHtzdHJpbmd9IHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuICovXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREb3R0ZWQgPSAoXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuLyoqXG4gKiBAcGFyYW0ge3N0cmluZ30gc3VyZmFjZUJhY2tncm91bmRTaXplXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0BlbW90aW9uL3JlYWN0JykuU2VyaWFsaXplZFN0eWxlc30gQ1NTLlxuICovXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG4vKipcbiAqIEBwYXJhbSB7J2RvdHRlZCcgfCAnZ3JpZCcgfCAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeSd9IHZhcmlhbnRcbiAqIEBwYXJhbSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZVxuICogQHBhcmFtIHtzdHJpbmd9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG4gKi9cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50LFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 };
 /**
  * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant

package/build/surface/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/styles.js"],"names":["Surface","css","CONFIG","surfaceColor","COLORS","black","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.black };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\n/**\n * @param {Object}  props\n * @param {boolean} [props.borderBottom]\n * @param {boolean} [props.borderLeft]\n * @param {boolean} [props.borderRight]\n * @param {boolean} [props.borderTop]\n */\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n} ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\n/**\n * @param {string} surfaceBackgroundSize\n */\nconst customBackgroundSize = ( surfaceBackgroundSize ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\n/**\n *\n * @param {string} surfaceBackgroundSize\n * @param {string} surfaceBackgroundSizeDotted\n */\nexport const getDotted = (\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSize\n * @return {import('@emotion/react').SerializedStyles} CSS.\n */\nexport const getGrid = ( surfaceBackgroundSize ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\n/**\n * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant\n * @param {string}                                                   surfaceBackgroundSize\n * @param {string}                                                   surfaceBackgroundSizeDotted\n */\nexport const getVariant = (\n\tvariant,\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/surface/styles.js"],"names":["Surface","css","CONFIG","surfaceColor","COLORS","darkGray","primary","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.darkGray.primary };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\n/**\n * @param {Object}  props\n * @param {boolean} [props.borderBottom]\n * @param {boolean} [props.borderLeft]\n * @param {boolean} [props.borderRight]\n * @param {boolean} [props.borderTop]\n */\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n} ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\n/**\n * @param {string} surfaceBackgroundSize\n */\nconst customBackgroundSize = ( surfaceBackgroundSize ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\n/**\n *\n * @param {string} surfaceBackgroundSize\n * @param {string} surfaceBackgroundSizeDotted\n */\nexport const getDotted = (\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSize\n * @return {import('@emotion/react').SerializedStyles} CSS.\n */\nexport const getGrid = ( surfaceBackgroundSize ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\n/**\n * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant\n * @param {string}                                                   surfaceBackgroundSize\n * @param {string}                                                   surfaceBackgroundSizeDotted\n */\nexport const getVariant = (\n\tvariant,\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}

package/build/toggle-group-control/index.js

@@ -15,8 +15,16 @@ Object.defineProperty(exports, "ToggleGroupControlOption", {
     return _toggleGroupControlOption.ToggleGroupControlOption;
   }
 });
+Object.defineProperty(exports, "ToggleGroupControlOptionIcon", {
+  enumerable: true,
+  get: function () {
+    return _toggleGroupControlOptionIcon.ToggleGroupControlOptionIcon;
+  }
+});
 
 var _toggleGroupControl = require("./toggle-group-control");
 
 var _toggleGroupControlOption = require("./toggle-group-control-option");
+
+var _toggleGroupControlOptionIcon = require("./toggle-group-control-option-icon");
 //# sourceMappingURL=index.js.map

package/build/toggle-group-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { ToggleGroupControl } from './toggle-group-control';\nexport { ToggleGroupControlOption } from './toggle-group-control-option';\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { ToggleGroupControl } from './toggle-group-control';\nexport { ToggleGroupControlOption } from './toggle-group-control-option';\nexport { ToggleGroupControlOptionIcon } from './toggle-group-control-option-icon';\n"]}

package/build/toggle-group-control/toggle-group-control/component.js

@@ -13,6 +13,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _reakit = require("reakit");
 
+var _reactResizeAware = _interopRequireDefault(require("react-resize-aware"));
+
 var _compose = require("@wordpress/compose");
 
 var _context = require("../../ui/context");
@@ -23,6 +25,8 @@ var _view = require("../../view");
 
 var _baseControl = _interopRequireDefault(require("../../base-control"));
 
+var _toggleGroupControlBackdrop = _interopRequireDefault(require("./toggle-group-control-backdrop"));
+
 var _context2 = _interopRequireDefault(require("../context"));
 
 var styles = _interopRequireWildcard(require("./styles"));
@@ -56,6 +60,7 @@ function ToggleGroupControl(props, forwardedRef) {
   } = (0, _context.useContextSystem)(props, 'ToggleGroupControl');
   const cx = (0, _hooks.useCx)();
   const containerRef = (0, _element.useRef)();
+  const [resizeListener, sizes] = (0, _reactResizeAware.default)();
   const baseId = (0, _compose.useInstanceId)(ToggleGroupControl, 'toggle-group-control').toString();
   const radio = (0, _reakit.useRadioState)({
     baseId,
@@ -89,7 +94,11 @@ function ToggleGroupControl(props, forwardedRef) {
     className: classes
   }, otherProps, {
     ref: (0, _compose.useMergeRefs)([containerRef, forwardedRef])
-  }), children)));
+  }), resizeListener, (0, _element.createElement)(_toggleGroupControlBackdrop.default, (0, _extends2.default)({}, radio, {
+    containerRef: containerRef,
+    containerWidth: sizes.width,
+    isAdaptiveWidth: isAdaptiveWidth
+  })), children)));
 }
 /**
  * `ToggleGroupControl` is a form component that lets users choose options

package/build/toggle-group-control/toggle-group-control/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/component.tsx"],"names":["noop","ToggleGroupControl","props","forwardedRef","className","isAdaptiveWidth","isBlock","label","hideLabelFromVision","help","onChange","value","children","otherProps","cx","containerRef","baseId","toString","radio","state","previousValue","setState","classes","styles","block","View","ConnectedToggleGroupControl"],"mappings":";;;;;;;;;AAWA;;;;AANA;;AAOA;;AAKA;;AAKA;;AACA;;AACA;;AAEA;;AACA;;;;;;AA3BA;AACA;AACA;AAEA;;AAUA;AACA;AACA;AAaA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,kBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,eAAe,GAAG,KAFb;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAILC,IAAAA,KAJK;AAKLC,IAAAA,mBAAmB,GAAG,KALjB;AAMLC,IAAAA,IANK;AAOLC,IAAAA,QAAQ,GAAGV,IAPN;AAQLW,IAAAA,KARK;AASLC,IAAAA,QATK;AAUL,OAAGC;AAVE,MAWF,+BAAkBX,KAAlB,EAAyB,oBAAzB,CAXJ;AAYA,QAAMY,EAAE,GAAG,mBAAX;AACA,QAAMC,YAAY,GAAG,sBAArB;AACA,QAAMC,MAAM,GAAG,4BACdf,kBADc,EAEd,sBAFc,EAGbgB,QAHa,EAAf;AAIA,QAAMC,KAAK,GAAG,2BAAe;AAC5BF,IAAAA,MAD4B;AAE5BG,IAAAA,KAAK,EAAER;AAFqB,GAAf,CAAd;AAIA,QAAMS,aAAa,GAAG,0BAAaT,KAAb,CAAtB,CAvBC,CAyBD;;AACA,8BAAiB,MAAM;AACtB;AACA;AACA,QAAKS,aAAa,KAAKF,KAAK,CAACC,KAA7B,EAAqC;AACpCT,MAAAA,QAAQ,CAAEQ,KAAK,CAACC,KAAR,CAAR;AACA;AACD,GAND,EAMG,CAAED,KAAK,CAACC,KAAR,CANH,EA1BC,CAkCD;;AACA,8BAAiB,MAAM;AACtB,QAAKR,KAAK,KAAKO,KAAK,CAACC,KAArB,EAA6B;AAC5BD,MAAAA,KAAK,CAACG,QAAN,CAAgBV,KAAhB;AACA;AACD,GAJD,EAIG,CAAEA,KAAF,CAJH;AAMA,QAAMW,OAAO,GAAG,sBACf,MACCR,EAAE,CACDS,MAAM,CAACtB,kBADN,EAEDK,OAAO,IAAIiB,MAAM,CAACC,KAFjB,EAGD,QAHC,EAIDpB,SAJC,CAFY,EAQf,CAAEA,SAAF,EAAaU,EAAb,EAAiBR,OAAjB,CARe,CAAhB;AAUA,SACC,4BAAC,oBAAD;AAAa,IAAA,IAAI,EAAGG;AAApB,KACC,4BAAC,iBAAD,CAA2B,QAA3B;AACC,IAAA,KAAK,EAAG,EAAE,GAAGS,KAAL;AAAYZ,MAAAA,OAAO,EAAE,CAAED;AAAvB;AADT,KAGG,CAAEG,mBAAF,IACD,yCACC,4BAAC,oBAAD,CAAa,WAAb,QACGD,KADH,CADD,CAJF,EAUC,4BAAC,kBAAD,6BACMW,KADN;AAEC,kBAAaX,KAFd;AAGC,IAAA,EAAE,EAAGkB,UAHN;AAIC,IAAA,SAAS,EAAGH;AAJb,KAKMT,UALN;AAMC,IAAA,GAAG,EAAG,2BAAc,CAAEE,YAAF,EAAgBZ,YAAhB,CAAd;AANP,MAQGS,QARH,CAVD,CADD,CADD;AAyBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMc,2BAA2B,GAAG,6BACnCzB,kBADmC,EAEnC,oBAFmC,CAApC;eAKeyB,2B","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { RadioGroup, useRadioState } from 'reakit';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useMemo } from '@wordpress/element';\nimport { useMergeRefs, useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { useUpdateEffect, useCx } from '../../utils/hooks';\nimport { View } from '../../view';\nimport BaseControl from '../../base-control';\nimport type { ToggleGroupControlProps } from '../types';\nimport ToggleGroupControlContext from '../context';\nimport * as styles from './styles';\n\nconst noop = () => {};\n\nfunction ToggleGroupControl(\n\tprops: WordPressComponentProps< ToggleGroupControlProps, 'input' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tclassName,\n\t\tisAdaptiveWidth = false,\n\t\tisBlock = false,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tonChange = noop,\n\t\tvalue,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToggleGroupControl' );\n\tconst cx = useCx();\n\tconst containerRef = useRef();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControl,\n\t\t'toggle-group-control'\n\t).toString();\n\tconst radio = useRadioState( {\n\t\tbaseId,\n\t\tstate: value,\n\t} );\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate radio.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if radio state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== radio.state ) {\n\t\t\tonChange( radio.state );\n\t\t}\n\t}, [ radio.state ] );\n\n\t// Sync incoming value with radio.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== radio.state ) {\n\t\t\tradio.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.ToggleGroupControl,\n\t\t\t\tisBlock && styles.block,\n\t\t\t\t'medium',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBlock ]\n\t);\n\treturn (\n\t\t<BaseControl help={ help }>\n\t\t\t<ToggleGroupControlContext.Provider\n\t\t\t\tvalue={ { ...radio, isBlock: ! isAdaptiveWidth } }\n\t\t\t>\n\t\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<RadioGroup\n\t\t\t\t\t{ ...radio }\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tas={ View }\n\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</RadioGroup>\n\t\t\t</ToggleGroupControlContext.Provider>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n *\n * Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nconst ConnectedToggleGroupControl = contextConnect(\n\tToggleGroupControl,\n\t'ToggleGroupControl'\n);\n\nexport default ConnectedToggleGroupControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/component.tsx"],"names":["noop","ToggleGroupControl","props","forwardedRef","className","isAdaptiveWidth","isBlock","label","hideLabelFromVision","help","onChange","value","children","otherProps","cx","containerRef","resizeListener","sizes","baseId","toString","radio","state","previousValue","setState","classes","styles","block","View","width","ConnectedToggleGroupControl"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { RadioGroup, useRadioState } from 'reakit';\nimport useResizeAware from 'react-resize-aware';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useMemo } from '@wordpress/element';\nimport { useMergeRefs, useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { useUpdateEffect, useCx } from '../../utils/hooks';\nimport { View } from '../../view';\nimport BaseControl from '../../base-control';\nimport type { ToggleGroupControlProps } from '../types';\nimport ToggleGroupControlBackdrop from './toggle-group-control-backdrop';\nimport ToggleGroupControlContext from '../context';\nimport * as styles from './styles';\n\nconst noop = () => {};\n\nfunction ToggleGroupControl(\n\tprops: WordPressComponentProps< ToggleGroupControlProps, 'input' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tclassName,\n\t\tisAdaptiveWidth = false,\n\t\tisBlock = false,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tonChange = noop,\n\t\tvalue,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToggleGroupControl' );\n\tconst cx = useCx();\n\tconst containerRef = useRef();\n\tconst [ resizeListener, sizes ] = useResizeAware();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControl,\n\t\t'toggle-group-control'\n\t).toString();\n\tconst radio = useRadioState( {\n\t\tbaseId,\n\t\tstate: value,\n\t} );\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate radio.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if radio state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== radio.state ) {\n\t\t\tonChange( radio.state );\n\t\t}\n\t}, [ radio.state ] );\n\n\t// Sync incoming value with radio.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== radio.state ) {\n\t\t\tradio.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.ToggleGroupControl,\n\t\t\t\tisBlock && styles.block,\n\t\t\t\t'medium',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBlock ]\n\t);\n\treturn (\n\t\t<BaseControl help={ help }>\n\t\t\t<ToggleGroupControlContext.Provider\n\t\t\t\tvalue={ { ...radio, isBlock: ! isAdaptiveWidth } }\n\t\t\t>\n\t\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<RadioGroup\n\t\t\t\t\t{ ...radio }\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tas={ View }\n\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<ToggleGroupControlBackdrop\n\t\t\t\t\t\t{ ...radio }\n\t\t\t\t\t\tcontainerRef={ containerRef }\n\t\t\t\t\t\tcontainerWidth={ sizes.width }\n\t\t\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\t\t/>\n\t\t\t\t\t{ children }\n\t\t\t\t</RadioGroup>\n\t\t\t</ToggleGroupControlContext.Provider>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n *\n * Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nconst ConnectedToggleGroupControl = contextConnect(\n\tToggleGroupControl,\n\t'ToggleGroupControl'\n);\n\nexport default ConnectedToggleGroupControl;\n"]}

package/build/toggle-group-control/toggle-group-control/styles.js

@@ -1,9 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.block = exports.ToggleGroupControl = void 0;
+exports.block = exports.ToggleGroupControl = exports.BackdropView = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = require("@emotion/react");
 
@@ -11,7 +15,7 @@ var _utils = require("../../utils");
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-const ToggleGroupControl = /*#__PURE__*/(0, _react.css)("background:", _utils.COLORS.ui.background, ";border:1px solid;border-color:", _utils.COLORS.ui.border, ";border-radius:", _utils.CONFIG.controlBorderRadius, ";display:inline-flex;min-height:", _utils.CONFIG.controlHeight, ";min-width:0;padding:2px;position:relative;transition:transform ", _utils.CONFIG.transitionDurationFastest, " linear;", (0, _utils.reduceMotion)('transition'), " &:hover{border-color:", _utils.COLORS.ui.borderHover, ";}&:focus-within{border-color:", _utils.COLORS.ui.borderFocus, ";box-shadow:", _utils.CONFIG.controlBoxShadowFocus, ";outline:none;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToggleGroupControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RvZ2dsZS1ncm91cC1jb250cm9sL3RvZ2dsZS1ncm91cC1jb250cm9sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwQ29udHJvbCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLWhlaWdodDogJHsgQ09ORklHLmNvbnRyb2xIZWlnaHQgfTtcblx0bWluLXdpZHRoOiAwO1xuXHRwYWRkaW5nOiAycHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVySG92ZXIgfTtcblx0fVxuXG5cdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0XHRvdXRsaW5lOiBub25lO1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuIl19 */");
+const ToggleGroupControl = /*#__PURE__*/(0, _react.css)("background:", _utils.COLORS.ui.background, ";border:1px solid;border-color:", _utils.COLORS.ui.border, ";border-radius:", _utils.CONFIG.controlBorderRadius, ";display:inline-flex;min-height:", _utils.CONFIG.controlHeight, ";min-width:0;padding:2px;position:relative;transition:transform ", _utils.CONFIG.transitionDurationFastest, " linear;", (0, _utils.reduceMotion)('transition'), " &:hover{border-color:", _utils.COLORS.ui.borderHover, ";}&:focus-within{border-color:", _utils.COLORS.ui.borderFocus, ";box-shadow:", _utils.CONFIG.controlBoxShadowFocus, ";outline:none;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToggleGroupControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdxQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RvZ2dsZS1ncm91cC1jb250cm9sL3RvZ2dsZS1ncm91cC1jb250cm9sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwQ29udHJvbCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLWhlaWdodDogJHsgQ09ORklHLmNvbnRyb2xIZWlnaHQgfTtcblx0bWluLXdpZHRoOiAwO1xuXHRwYWRkaW5nOiAycHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVySG92ZXIgfTtcblx0fVxuXG5cdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0XHRvdXRsaW5lOiBub25lO1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgQmFja2Ryb3BWaWV3ID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5jb250cm9sQm9yZGVyUmFkaXVzIH07XG5cdGJveC1zaGFkb3c6ICR7IENPTkZJRy50b2dnbGVHcm91cENvbnRyb2xCYWNrZHJvcEJveFNoYWRvdyB9O1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMnB4O1xuXHRib3R0b206IDJweDtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0IH0gZWFzZTtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdHotaW5kZXg6IDE7XG5gO1xuIl19 */");
 exports.ToggleGroupControl = ToggleGroupControl;
 const block = process.env.NODE_ENV === "production" ? {
   name: "7whenc",
@@ -19,8 +23,15 @@ const block = process.env.NODE_ENV === "production" ? {
 } : {
   name: "2dfrl8-block",
   styles: "display:flex;width:100%;label:block;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDd0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhY2tkcm9wVmlldyA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcudG9nZ2xlR3JvdXBDb250cm9sQmFja2Ryb3BCb3hTaGFkb3cgfTtcblx0bGVmdDogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDJweDtcblx0Ym90dG9tOiAycHg7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR6LWluZGV4OiAxO1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 exports.block = block;
+const BackdropView = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eakva830"
+} : {
+  target: "eakva830",
+  label: "BackdropView"
+})("background:", _utils.COLORS.gray[900], ";border-radius:", _utils.CONFIG.controlBorderRadius, ";box-shadow:", _utils.CONFIG.toggleGroupControlBackdropBoxShadow, ";left:0;position:absolute;top:2px;bottom:2px;transition:transform ", _utils.CONFIG.transitionDurationFast, " ease;", (0, _utils.reduceMotion)('transition'), " z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDc0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhY2tkcm9wVmlldyA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcudG9nZ2xlR3JvdXBDb250cm9sQmFja2Ryb3BCb3hTaGFkb3cgfTtcblx0bGVmdDogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDJweDtcblx0Ym90dG9tOiAycHg7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR6LWluZGV4OiAxO1xuYDtcbiJdfQ== */"));
+exports.BackdropView = BackdropView;
 //# sourceMappingURL=styles.js.map

package/build/toggle-group-control/toggle-group-control/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/styles.ts"],"names":["ToggleGroupControl","css","COLORS","ui","background","border","CONFIG","controlBorderRadius","controlHeight","transitionDurationFastest","borderHover","borderFocus","controlBoxShadowFocus","block"],"mappings":";;;;;;;AAGA;;AAKA;;;;AAEO,MAAMA,kBAAkB,oBAAGC,UAAH,iBACfC,cAAOC,EAAP,CAAUC,UADK,qCAGbF,cAAOC,EAAP,CAAUE,MAHG,qBAIZC,cAAOC,mBAJK,sCAMfD,cAAOE,aANQ,sEAULF,cAAOG,yBAVF,cAW3B,yBAAc,YAAd,CAX2B,4BAaZP,cAAOC,EAAP,CAAUO,WAbE,oCAiBZR,cAAOC,EAAP,CAAUQ,WAjBE,kBAkBdL,cAAOM,qBAlBO,wtDAAxB;;AAwBA,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, reduceMotion } from '../../utils';\n\nexport const ToggleGroupControl = css`\n\tbackground: ${ COLORS.ui.background };\n\tborder: 1px solid;\n\tborder-color: ${ COLORS.ui.border };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tdisplay: inline-flex;\n\tmin-height: ${ CONFIG.controlHeight };\n\tmin-width: 0;\n\tpadding: 2px;\n\tposition: relative;\n\ttransition: transform ${ CONFIG.transitionDurationFastest } linear;\n\t${ reduceMotion( 'transition' ) }\n\t&:hover {\n\t\tborder-color: ${ COLORS.ui.borderHover };\n\t}\n\n\t&:focus-within {\n\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\tbox-shadow: ${ CONFIG.controlBoxShadowFocus };\n\t\toutline: none;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const block = css`\n\tdisplay: flex;\n\twidth: 100%;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/styles.ts"],"names":["ToggleGroupControl","css","COLORS","ui","background","border","CONFIG","controlBorderRadius","controlHeight","transitionDurationFastest","borderHover","borderFocus","controlBoxShadowFocus","block","BackdropView","gray","toggleGroupControlBackdropBoxShadow","transitionDurationFast"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;;;AAEO,MAAMA,kBAAkB,oBAAGC,UAAH,iBACfC,cAAOC,EAAP,CAAUC,UADK,qCAGbF,cAAOC,EAAP,CAAUE,MAHG,qBAIZC,cAAOC,mBAJK,sCAMfD,cAAOE,aANQ,sEAULF,cAAOG,yBAVF,cAW3B,yBAAc,YAAd,CAX2B,4BAaZP,cAAOC,EAAP,CAAUO,WAbE,oCAiBZR,cAAOC,EAAP,CAAUQ,WAjBE,kBAkBdL,cAAOM,qBAlBO,4wEAAxB;;AAwBA,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX;;AAKA,MAAMC,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBACTZ,cAAOa,IAAP,CAAa,GAAb,CADS,qBAENT,cAAOC,mBAFD,kBAGTD,cAAOU,mCAHE,wEAQCV,cAAOW,sBARR,YASrB,yBAAc,YAAd,CATqB,urEAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, reduceMotion } from '../../utils';\n\nexport const ToggleGroupControl = css`\n\tbackground: ${ COLORS.ui.background };\n\tborder: 1px solid;\n\tborder-color: ${ COLORS.ui.border };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tdisplay: inline-flex;\n\tmin-height: ${ CONFIG.controlHeight };\n\tmin-width: 0;\n\tpadding: 2px;\n\tposition: relative;\n\ttransition: transform ${ CONFIG.transitionDurationFastest } linear;\n\t${ reduceMotion( 'transition' ) }\n\t&:hover {\n\t\tborder-color: ${ COLORS.ui.borderHover };\n\t}\n\n\t&:focus-within {\n\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\tbox-shadow: ${ CONFIG.controlBoxShadowFocus };\n\t\toutline: none;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const block = css`\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nexport const BackdropView = styled.div`\n\tbackground: ${ COLORS.gray[ 900 ] };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tbox-shadow: ${ CONFIG.toggleGroupControlBackdropBoxShadow };\n\tleft: 0;\n\tposition: absolute;\n\ttop: 2px;\n\tbottom: 2px;\n\ttransition: transform ${ CONFIG.transitionDurationFast } ease;\n\t${ reduceMotion( 'transition' ) }\n\tz-index: 1;\n`;\n"]}

package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _element = require("@wordpress/element");
+
+var _styles = require("./styles");
+
+/**
+ * WordPress dependencies
+ */
+function ToggleGroupControlBackdrop(_ref) {
+  let {
+    containerRef,
+    containerWidth,
+    isAdaptiveWidth,
+    state
+  } = _ref;
+  const [left, setLeft] = (0, _element.useState)(0);
+  const [width, setWidth] = (0, _element.useState)(0);
+  const [canAnimate, setCanAnimate] = (0, _element.useState)(false);
+  const [renderBackdrop, setRenderBackdrop] = (0, _element.useState)(false);
+  (0, _element.useEffect)(() => {
+    const containerNode = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+    if (!containerNode) return;
+    /**
+     * Workaround for Reakit
+     */
+
+    const targetNode = containerNode.querySelector(`[data-value="${state}"]`);
+    setRenderBackdrop(!!targetNode);
+
+    if (!targetNode) {
+      return;
+    }
+
+    const computeDimensions = () => {
+      const {
+        width: offsetWidth,
+        x
+      } = targetNode.getBoundingClientRect();
+      const {
+        x: parentX
+      } = containerNode.getBoundingClientRect();
+      const borderWidth = 1;
+      const offsetLeft = x - parentX - borderWidth;
+      setLeft(offsetLeft);
+      setWidth(offsetWidth);
+    }; // Fix to make the component appear as expected inside popovers.
+    // If the targetNode width is 0 it means the element was not yet rendered we should allow
+    // some time for the render to happen.
+    // requestAnimationFrame instead of setTimeout with a small time does not seems to work.
+
+
+    const dimensionsRequestId = window.setTimeout(computeDimensions, 100);
+    let animationRequestId;
+
+    if (!canAnimate) {
+      animationRequestId = window.requestAnimationFrame(() => {
+        setCanAnimate(true);
+      });
+    }
+
+    return () => {
+      window.clearTimeout(dimensionsRequestId);
+      window.cancelAnimationFrame(animationRequestId);
+    };
+  }, [canAnimate, containerRef, containerWidth, state, isAdaptiveWidth]);
+
+  if (!renderBackdrop) {
+    return null;
+  }
+
+  return (0, _element.createElement)(_styles.BackdropView, {
+    role: "presentation",
+    style: {
+      transform: `translateX(${left}px)`,
+      transition: canAnimate ? undefined : 'none',
+      width
+    }
+  });
+}
+
+var _default = (0, _element.memo)(ToggleGroupControlBackdrop);
+
+exports.default = _default;
+//# sourceMappingURL=toggle-group-control-backdrop.js.map

package/build/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","computeDimensions","offsetWidth","x","getBoundingClientRect","parentX","borderWidth","offsetLeft","dimensionsRequestId","window","setTimeout","animationRequestId","requestAnimationFrame","clearTimeout","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;AASA,SAASA,0BAAT,OAKqC;AAAA,MALA;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,cAFoC;AAGpCC,IAAAA,eAHoC;AAIpCC,IAAAA;AAJoC,GAKA;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoB,uBAAU,CAAV,CAA1B;AACA,QAAM,CAAEC,KAAF,EAASC,QAAT,IAAsB,uBAAU,CAAV,CAA5B;AACA,QAAM,CAAEC,UAAF,EAAcC,aAAd,IAAgC,uBAAU,KAAV,CAAtC;AACA,QAAM,CAAEC,cAAF,EAAkBC,iBAAlB,IAAwC,uBAAU,KAAV,CAA9C;AAEA,0BAAW,MAAM;AAChB,UAAMC,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAME,iBAAiB,GAAG,MAAM;AAC/B,YAAM;AACLV,QAAAA,KAAK,EAAEW,WADF;AAELC,QAAAA;AAFK,UAGFJ,UAAU,CAACK,qBAAX,EAHJ;AAKA,YAAM;AAAED,QAAAA,CAAC,EAAEE;AAAL,UAAiBR,aAAa,CAACO,qBAAd,EAAvB;AAEA,YAAME,WAAW,GAAG,CAApB;AACA,YAAMC,UAAU,GAAGJ,CAAC,GAAGE,OAAJ,GAAcC,WAAjC;AAEAhB,MAAAA,OAAO,CAAEiB,UAAF,CAAP;AACAf,MAAAA,QAAQ,CAAEU,WAAF,CAAR;AACA,KAbD,CAfgB,CA6BhB;AACA;AACA;AACA;;;AACA,UAAMM,mBAAmB,GAAGC,MAAM,CAACC,UAAP,CAAmBT,iBAAnB,EAAsC,GAAtC,CAA5B;AAEA,QAAIU,kBAAJ;;AACA,QAAK,CAAElB,UAAP,EAAoB;AACnBkB,MAAAA,kBAAkB,GAAGF,MAAM,CAACG,qBAAP,CAA8B,MAAM;AACxDlB,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFoB,CAArB;AAGA;;AACD,WAAO,MAAM;AACZe,MAAAA,MAAM,CAACI,YAAP,CAAqBL,mBAArB;AACAC,MAAAA,MAAM,CAACK,oBAAP,CAA6BH,kBAA7B;AACA,KAHD;AAIA,GA7CD,EA6CG,CAAElB,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA7CH;;AA+CA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,oBAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPoB,MAAAA,SAAS,EAAG,cAAc1B,IAAM,KADzB;AAEP2B,MAAAA,UAAU,EAAEvB,UAAU,GAAGwB,SAAH,GAAe,MAF9B;AAGP1B,MAAAA;AAHO;AAFT,IADD;AAUA;;eAEc,mBAAMP,0BAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/**\n\t\t * Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst computeDimensions = () => {\n\t\t\tconst {\n\t\t\t\twidth: offsetWidth,\n\t\t\t\tx,\n\t\t\t} = targetNode.getBoundingClientRect();\n\n\t\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\n\t\t\tconst borderWidth = 1;\n\t\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\t\tsetLeft( offsetLeft );\n\t\t\tsetWidth( offsetWidth );\n\t\t};\n\t\t// Fix to make the component appear as expected inside popovers.\n\t\t// If the targetNode width is 0 it means the element was not yet rendered we should allow\n\t\t// some time for the render to happen.\n\t\t// requestAnimationFrame instead of setTimeout with a small time does not seems to work.\n\t\tconst dimensionsRequestId = window.setTimeout( computeDimensions, 100 );\n\n\t\tlet animationRequestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\tanimationRequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.clearTimeout( dimensionsRequestId );\n\t\t\twindow.cancelAnimationFrame( animationRequestId );\n\t\t};\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"]}