@wordpress/components 17.0.0 → 19.0.2

package/build-module/tools-panel/styles.js

@@ -8,17 +8,69 @@ import { css } from '@emotion/react';
  * Internal dependencies
  */
 
+import { StyledField as BaseControlField, Wrapper as BaseControlWrapper } from '../base-control/styles/base-control-styles';
 import { COLORS, CONFIG } from '../utils';
 import { space } from '../ui/utils/space';
-export const ToolsPanel = /*#__PURE__*/css("border-top:", CONFIG.borderWidth, " solid ", COLORS.gray[200], ";column-gap:", space(4), ";display:grid;grid-template-columns:1fr 1fr;margin-top:-1px;padding:", space(4), ";row-gap:", space(6), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ToolsPanel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3Rvb2xzLXBhbmVsL3N0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWwgPSBjc3NgXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcblx0bWFyZ2luLXRvcDogLTFweDtcblx0cGFkZGluZzogJHsgc3BhY2UoIDQgKSB9O1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggNiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Zm9udC1zaXplOiBpbmhlcml0O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRncmlkLWNvbHVtbjogc3BhbiAyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LmNvbXBvbmVudHMtdG9vbHMtcGFuZWwgJiB7XG5cdFx0bWFyZ2luOiAwO1xuXHR9XG5cblx0LmNvbXBvbmVudHMtZHJvcGRvd24tbWVudSB7XG5cdFx0bWFyZ2luLXRvcDogJHsgc3BhY2UoIC0xICkgfTtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggLTEgKSB9O1xuXHRcdGhlaWdodDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5cblx0LmNvbXBvbmVudHMtZHJvcGRvd24tbWVudV9fdG9nZ2xlIHtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdGhlaWdodDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0Z3JpZC1jb2x1bW46IHNwYW4gMjtcblxuXHQmLnNpbmdsZS1jb2x1bW4ge1xuXHRcdGdyaWQtY29sdW1uOiBzcGFuIDE7XG5cdH1cblxuXHQvKiBDbGVhciBzcGFjaW5nIGluIGFuZCBhcm91bmQgY29udHJvbHMgYWRkZWQgYXMgcGFuZWwgaXRlbXMuICovXG5cdC8qIFJlbW92ZSB3aGVuIHRoZXkgY2FuIGJlIGFkZHJlc3NlZCB2aWEgY29udGV4dCBzeXN0ZW0uICovXG5cdCYgPiBkaXYsXG5cdCYgPiBmaWVsZHNldCB7XG5cdFx0cGFkZGluZy1ib3R0b206IDA7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdH1cbmA7XG4iXX0= */");
-export const ToolsPanelHeader = /*#__PURE__*/css("align-items:center;display:flex;font-size:inherit;font-weight:500;grid-column:span 2;justify-content:space-between;line-height:normal;.components-tools-panel &{margin:0;}.components-dropdown-menu{margin-top:", space(-1), ";margin-bottom:", space(-1), ";height:", space(6), ";}.components-dropdown-menu__toggle{padding:0;height:", space(6), ";min-width:", space(6), ";width:", space(6), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToolsPanelHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsID0gY3NzYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0Y29sdW1uLWdhcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRkaXNwbGF5OiBncmlkO1xuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG5cdG1hcmdpbi10b3A6IC0xcHg7XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCA0ICkgfTtcblx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkZXIgPSBjc3NgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0Z3JpZC1jb2x1bW46IHNwYW4gMjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRsaW5lLWhlaWdodDogbm9ybWFsO1xuXG5cdC5jb21wb25lbnRzLXRvb2xzLXBhbmVsICYge1xuXHRcdG1hcmdpbjogMDtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMSApIH07XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIC0xICkgfTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEl0ZW0gPSBjc3NgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDI7XG5cblx0Ji5zaW5nbGUtY29sdW1uIHtcblx0XHRncmlkLWNvbHVtbjogc3BhbiAxO1xuXHR9XG5cblx0LyogQ2xlYXIgc3BhY2luZyBpbiBhbmQgYXJvdW5kIGNvbnRyb2xzIGFkZGVkIGFzIHBhbmVsIGl0ZW1zLiAqL1xuXHQvKiBSZW1vdmUgd2hlbiB0aGV5IGNhbiBiZSBhZGRyZXNzZWQgdmlhIGNvbnRleHQgc3lzdGVtLiAqL1xuXHQmID4gZGl2LFxuXHQmID4gZmllbGRzZXQge1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHR9XG5gO1xuIl19 */");
-export const ToolsPanelItem = process.env.NODE_ENV === "production" ? {
-  name: "12lwk96",
-  styles: "grid-column:span 2;&.single-column{grid-column:span 1;}&>div,&>fieldset{padding-bottom:0;margin-bottom:0;max-width:100%;}"
+const toolsPanelGrid = {
+  spacing: /*#__PURE__*/css("column-gap:", space(4), ";row-gap:", space(6), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:spacing;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCYSIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3Rvb2xzLXBhbmVsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHtcblx0U3R5bGVkRmllbGQgYXMgQmFzZUNvbnRyb2xGaWVsZCxcblx0V3JhcHBlciBhcyBCYXNlQ29udHJvbFdyYXBwZXIsXG59IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5jb25zdCB0b29sc1BhbmVsR3JpZCA9IHtcblx0c3BhY2luZzogY3NzYFxuXHRcdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRyb3ctZ2FwOiAkeyBzcGFjZSggNiApIH07XG5cdGAsXG5cdGl0ZW06IHtcblx0XHRmdWxsV2lkdGg6IGNzc2Bcblx0XHRcdGdyaWQtY29sdW1uOiAxIC8gLTE7XG5cdFx0YCxcblx0fSxcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsID0gY3NzYFxuXHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH07XG5cblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdG1hcmdpbi10b3A6IC0xcHg7XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbi8qKlxuICogSXRlbXMgaW5qZWN0ZWQgaW50byBhIFRvb2xzUGFuZWwgdmlhIGEgdmlydHVhbCBidWJibGluZyBzbG90IHdpbGwgcmVxdWlyZVxuICogYW4gaW5uZXIgZG9tIGVsZW1lbnQgdG8gYmUgaW5qZWN0ZWQuIFRoZSBmb2xsb3dpbmcgcnVsZSBhbGxvd3MgZm9yIHRoZVxuICogQ1NTIGdyaWQgZGlzcGxheSB0byBiZSByZS1lc3RhYmxpc2hlZC5cbiAqL1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbFdpdGhJbm5lcldyYXBwZXIgPSAoIGNvbHVtbnM6IG51bWJlciApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHQ+IGRpdjpub3QoIDpmaXJzdC1vZi10eXBlICkge1xuXHRcdFx0ZGlzcGxheTogZ3JpZDtcblx0XHRcdGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHsgYHJlcGVhdCggJHsgY29sdW1ucyB9LCAxZnIgKWAgfTtcblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLnNwYWNpbmcgfVxuXHRcdFx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSGlkZGVuSW5uZXJXcmFwcGVyID0gY3NzYFxuXHQ+IGRpdjpub3QoIDpmaXJzdC1vZi10eXBlICkge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSGVhZGVyID0gY3NzYFxuXHQkeyB0b29sc1BhbmVsR3JpZC5pdGVtLmZ1bGxXaWR0aCB9XG5cdGdhcDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdC8qKlxuXHQgKiBUaGUgdGFyZ2V0aW5nIG9mIGRyb3Bkb3duIG1lbnUgY29tcG9uZW50IGNsYXNzZXMgaGVyZSBpcyBhIHRlbXBvcmFyeVxuXHQgKiBtZWFzdXJlIG9ubHkuXG5cdCAqXG5cdCAqIFRoZSBmb2xsb3dpbmcgc3R5bGVzIHNob3VsZCBiZSByZXBsYWNlZCBvbmNlIHRoZSBEcm9wZG93bk1lbnUgaGFzIGJlZW5cblx0ICogcmVmYWN0b3JlZCBhbmQgY2FuIGJlIHRhcmdldGVkIHZpYSBjb21wb25lbnQgaW50ZXJwb2xhdGlvbi5cblx0ICovXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnUge1xuXHRcdG1hcmdpbjogJHsgc3BhY2UoIC0xICkgfSAwO1xuXHR9XG5cdCYmJiYgLmNvbXBvbmVudHMtZHJvcGRvd24tbWVudV9fdG9nZ2xlIHtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRpbmcgPSBjc3NgXG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IG5vcm1hbDtcblxuXHQvKiBSZXF1aXJlZCB0byBtZWV0IHNwZWNpZmljaXR5IHJlcXVpcmVtZW50cyB0byBlbnN1cmUgemVybyBtYXJnaW4gKi9cblx0JiYge1xuXHRcdG1hcmdpbjogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxJdGVtID0gY3NzYFxuXHQkeyB0b29sc1BhbmVsR3JpZC5pdGVtLmZ1bGxXaWR0aCB9XG5cblx0LyogQ2xlYXIgc3BhY2luZyBpbiBhbmQgYXJvdW5kIGNvbnRyb2xzIGFkZGVkIGFzIHBhbmVsIGl0ZW1zLiAqL1xuXHQvKiBSZW1vdmUgd2hlbiB0aGV5IGNhbiBiZSBhZGRyZXNzZWQgdmlhIGNvbnRleHQgc3lzdGVtLiAqL1xuXHQmID4gZGl2LFxuXHQmID4gZmllbGRzZXQge1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHR9XG5cblx0LyogUmVtb3ZlIEJhc2VDb250cm9sIGNvbXBvbmVudHMgbWFyZ2lucyBhbmQgbGVhdmUgc3BhY2luZyB0byBncmlkIGxheW91dCAqL1xuXHQmJiAkeyBCYXNlQ29udHJvbFdyYXBwZXIgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblxuXHRcdCR7IEJhc2VDb250cm9sRmllbGQgfSB7XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxJdGVtUGxhY2Vob2xkZXIgPSBjc3NgXG5cdGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25NZW51ID0gY3NzYFxuXHRtaW4td2lkdGg6IDIwMHB4O1xuYDtcbiJdfQ== */"),
+  item: {
+    fullWidth: process.env.NODE_ENV === "production" ? {
+      name: "18iuzk9",
+      styles: "grid-column:1/-1"
+    } : {
+      name: "1nz7xr6-fullWidth",
+      styles: "grid-column:1/-1;label:fullWidth;",
+      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCZ0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    }
+  }
+};
+export const ToolsPanel = /*#__PURE__*/css(toolsPanelGrid.spacing, ";border-top:", CONFIG.borderWidth, " solid ", COLORS.gray[200], ";margin-top:-1px;padding:", space(4), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ToolsPanel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNkIiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */");
+/**
+ * Items injected into a ToolsPanel via a virtual bubbling slot will require
+ * an inner dom element to be injected. The following rule allows for the
+ * CSS grid display to be re-established.
+ */
+
+export const ToolsPanelWithInnerWrapper = columns => {
+  return /*#__PURE__*/css(">div:not( :first-of-type ){display:grid;grid-template-columns:", `repeat( ${columns}, 1fr )`, ";", toolsPanelGrid.spacing, " ", toolsPanelGrid.item.fullWidth, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToolsPanelWithInnerWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3Rvb2xzLXBhbmVsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHtcblx0U3R5bGVkRmllbGQgYXMgQmFzZUNvbnRyb2xGaWVsZCxcblx0V3JhcHBlciBhcyBCYXNlQ29udHJvbFdyYXBwZXIsXG59IGZyb20gJy4uL2Jhc2UtY29udHJvbC9zdHlsZXMvYmFzZS1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgeyBDT0xPUlMsIENPTkZJRyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5jb25zdCB0b29sc1BhbmVsR3JpZCA9IHtcblx0c3BhY2luZzogY3NzYFxuXHRcdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCA0ICkgfTtcblx0XHRyb3ctZ2FwOiAkeyBzcGFjZSggNiApIH07XG5cdGAsXG5cdGl0ZW06IHtcblx0XHRmdWxsV2lkdGg6IGNzc2Bcblx0XHRcdGdyaWQtY29sdW1uOiAxIC8gLTE7XG5cdFx0YCxcblx0fSxcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsID0gY3NzYFxuXHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH07XG5cblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdG1hcmdpbi10b3A6IC0xcHg7XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbi8qKlxuICogSXRlbXMgaW5qZWN0ZWQgaW50byBhIFRvb2xzUGFuZWwgdmlhIGEgdmlydHVhbCBidWJibGluZyBzbG90IHdpbGwgcmVxdWlyZVxuICogYW4gaW5uZXIgZG9tIGVsZW1lbnQgdG8gYmUgaW5qZWN0ZWQuIFRoZSBmb2xsb3dpbmcgcnVsZSBhbGxvd3MgZm9yIHRoZVxuICogQ1NTIGdyaWQgZGlzcGxheSB0byBiZSByZS1lc3RhYmxpc2hlZC5cbiAqL1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbFdpdGhJbm5lcldyYXBwZXIgPSAoIGNvbHVtbnM6IG51bWJlciApID0+IHtcblx0cmV0dXJuIGNzc2Bcblx0XHQ+IGRpdjpub3QoIDpmaXJzdC1vZi10eXBlICkge1xuXHRcdFx0ZGlzcGxheTogZ3JpZDtcblx0XHRcdGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHsgYHJlcGVhdCggJHsgY29sdW1ucyB9LCAxZnIgKWAgfTtcblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLnNwYWNpbmcgfVxuXHRcdFx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRcdH1cblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSGlkZGVuSW5uZXJXcmFwcGVyID0gY3NzYFxuXHQ+IGRpdjpub3QoIDpmaXJzdC1vZi10eXBlICkge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSGVhZGVyID0gY3NzYFxuXHQkeyB0b29sc1BhbmVsR3JpZC5pdGVtLmZ1bGxXaWR0aCB9XG5cdGdhcDogJHsgc3BhY2UoIDIgKSB9O1xuXG5cdC8qKlxuXHQgKiBUaGUgdGFyZ2V0aW5nIG9mIGRyb3Bkb3duIG1lbnUgY29tcG9uZW50IGNsYXNzZXMgaGVyZSBpcyBhIHRlbXBvcmFyeVxuXHQgKiBtZWFzdXJlIG9ubHkuXG5cdCAqXG5cdCAqIFRoZSBmb2xsb3dpbmcgc3R5bGVzIHNob3VsZCBiZSByZXBsYWNlZCBvbmNlIHRoZSBEcm9wZG93bk1lbnUgaGFzIGJlZW5cblx0ICogcmVmYWN0b3JlZCBhbmQgY2FuIGJlIHRhcmdldGVkIHZpYSBjb21wb25lbnQgaW50ZXJwb2xhdGlvbi5cblx0ICovXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnUge1xuXHRcdG1hcmdpbjogJHsgc3BhY2UoIC0xICkgfSAwO1xuXHR9XG5cdCYmJiYgLmNvbXBvbmVudHMtZHJvcGRvd24tbWVudV9fdG9nZ2xlIHtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRpbmcgPSBjc3NgXG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IG5vcm1hbDtcblxuXHQvKiBSZXF1aXJlZCB0byBtZWV0IHNwZWNpZmljaXR5IHJlcXVpcmVtZW50cyB0byBlbnN1cmUgemVybyBtYXJnaW4gKi9cblx0JiYge1xuXHRcdG1hcmdpbjogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxJdGVtID0gY3NzYFxuXHQkeyB0b29sc1BhbmVsR3JpZC5pdGVtLmZ1bGxXaWR0aCB9XG5cblx0LyogQ2xlYXIgc3BhY2luZyBpbiBhbmQgYXJvdW5kIGNvbnRyb2xzIGFkZGVkIGFzIHBhbmVsIGl0ZW1zLiAqL1xuXHQvKiBSZW1vdmUgd2hlbiB0aGV5IGNhbiBiZSBhZGRyZXNzZWQgdmlhIGNvbnRleHQgc3lzdGVtLiAqL1xuXHQmID4gZGl2LFxuXHQmID4gZmllbGRzZXQge1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHR9XG5cblx0LyogUmVtb3ZlIEJhc2VDb250cm9sIGNvbXBvbmVudHMgbWFyZ2lucyBhbmQgbGVhdmUgc3BhY2luZyB0byBncmlkIGxheW91dCAqL1xuXHQmJiAkeyBCYXNlQ29udHJvbFdyYXBwZXIgfSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblxuXHRcdCR7IEJhc2VDb250cm9sRmllbGQgfSB7XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxJdGVtUGxhY2Vob2xkZXIgPSBjc3NgXG5cdGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25NZW51ID0gY3NzYFxuXHRtaW4td2lkdGg6IDIwMHB4O1xuYDtcbiJdfQ== */");
+};
+export const ToolsPanelHiddenInnerWrapper = process.env.NODE_ENV === "production" ? {
+  name: "huufmu",
+  styles: ">div:not( :first-of-type ){display:none;}"
+} : {
+  name: "1vvi63i-ToolsPanelHiddenInnerWrapper",
+  styles: ">div:not( :first-of-type ){display:none;};label:ToolsPanelHiddenInnerWrapper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EK0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const ToolsPanelHeader = /*#__PURE__*/css(toolsPanelGrid.item.fullWidth, " gap:", space(2), ";.components-dropdown-menu{margin:", space(-1), " 0;}&&&& .components-dropdown-menu__toggle{padding:0;min-width:", space(6), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToolsPanelHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */");
+export const ToolsPanelHeading = process.env.NODE_ENV === "production" ? {
+  name: "1pmxm02",
+  styles: "font-size:inherit;font-weight:500;line-height:normal;&&{margin:0;}"
+} : {
+  name: "cu7h0l-ToolsPanelHeading",
+  styles: "font-size:inherit;font-weight:500;line-height:normal;&&{margin:0;};label:ToolsPanelHeading;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFb0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const ToolsPanelItem = /*#__PURE__*/css(toolsPanelGrid.item.fullWidth, "&>div,&>fieldset{padding-bottom:0;margin-bottom:0;max-width:100%;}&& ", BaseControlWrapper, "{margin-bottom:0;", BaseControlField, "{margin-bottom:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToolsPanelItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGaUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */");
+export const ToolsPanelItemPlaceholder = process.env.NODE_ENV === "production" ? {
+  name: "eivff4",
+  styles: "display:none"
+} : {
+  name: "16a3kc6-ToolsPanelItemPlaceholder",
+  styles: "display:none;label:ToolsPanelItemPlaceholder;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStHNEMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const DropdownMenu = process.env.NODE_ENV === "production" ? {
+  name: "16gsvie",
+  styles: "min-width:200px"
 } : {
-  name: "azj37y-ToolsPanelItem",
-  styles: "grid-column:span 2;&.single-column{grid-column:span 1;}&>div,&>fieldset{padding-bottom:0;margin-bottom:0;max-width:100%;};label:ToolsPanelItem;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEaUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsID0gY3NzYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0Y29sdW1uLWdhcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRkaXNwbGF5OiBncmlkO1xuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG5cdG1hcmdpbi10b3A6IC0xcHg7XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCA0ICkgfTtcblx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkZXIgPSBjc3NgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0Z3JpZC1jb2x1bW46IHNwYW4gMjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRsaW5lLWhlaWdodDogbm9ybWFsO1xuXG5cdC5jb21wb25lbnRzLXRvb2xzLXBhbmVsICYge1xuXHRcdG1hcmdpbjogMDtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMSApIH07XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIC0xICkgfTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEl0ZW0gPSBjc3NgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDI7XG5cblx0Ji5zaW5nbGUtY29sdW1uIHtcblx0XHRncmlkLWNvbHVtbjogc3BhbiAxO1xuXHR9XG5cblx0LyogQ2xlYXIgc3BhY2luZyBpbiBhbmQgYXJvdW5kIGNvbnRyb2xzIGFkZGVkIGFzIHBhbmVsIGl0ZW1zLiAqL1xuXHQvKiBSZW1vdmUgd2hlbiB0aGV5IGNhbiBiZSBhZGRyZXNzZWQgdmlhIGNvbnRleHQgc3lzdGVtLiAqL1xuXHQmID4gZGl2LFxuXHQmID4gZmllbGRzZXQge1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHR9XG5gO1xuIl19 */",
+  name: "1lfy0sm-DropdownMenu",
+  styles: "min-width:200px;label:DropdownMenu;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1IK0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7XG5cdFN0eWxlZEZpZWxkIGFzIEJhc2VDb250cm9sRmllbGQsXG5cdFdyYXBwZXIgYXMgQmFzZUNvbnRyb2xXcmFwcGVyLFxufSBmcm9tICcuLi9iYXNlLWNvbnRyb2wvc3R5bGVzL2Jhc2UtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuY29uc3QgdG9vbHNQYW5lbEdyaWQgPSB7XG5cdHNwYWNpbmc6IGNzc2Bcblx0XHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdFx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuXHRgLFxuXHRpdGVtOiB7XG5cdFx0ZnVsbFdpZHRoOiBjc3NgXG5cdFx0XHRncmlkLWNvbHVtbjogMSAvIC0xO1xuXHRcdGAsXG5cdH0sXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbCA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuc3BhY2luZyB9O1xuXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRtYXJnaW4tdG9wOiAtMXB4O1xuXHRwYWRkaW5nOiAkeyBzcGFjZSggNCApIH07XG5gO1xuXG4vKipcbiAqIEl0ZW1zIGluamVjdGVkIGludG8gYSBUb29sc1BhbmVsIHZpYSBhIHZpcnR1YWwgYnViYmxpbmcgc2xvdCB3aWxsIHJlcXVpcmVcbiAqIGFuIGlubmVyIGRvbSBlbGVtZW50IHRvIGJlIGluamVjdGVkLiBUaGUgZm9sbG93aW5nIHJ1bGUgYWxsb3dzIGZvciB0aGVcbiAqIENTUyBncmlkIGRpc3BsYXkgdG8gYmUgcmUtZXN0YWJsaXNoZWQuXG4gKi9cblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxXaXRoSW5uZXJXcmFwcGVyID0gKCBjb2x1bW5zOiBudW1iZXIgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRcdGRpc3BsYXk6IGdyaWQ7XG5cdFx0XHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7IGByZXBlYXQoICR7IGNvbHVtbnMgfSwgMWZyIClgIH07XG5cdFx0XHQkeyB0b29sc1BhbmVsR3JpZC5zcGFjaW5nIH1cblx0XHRcdCR7IHRvb2xzUGFuZWxHcmlkLml0ZW0uZnVsbFdpZHRoIH1cblx0XHR9XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhpZGRlbklubmVyV3JhcHBlciA9IGNzc2Bcblx0PiBkaXY6bm90KCA6Zmlyc3Qtb2YtdHlwZSApIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXHRnYXA6ICR7IHNwYWNlKCAyICkgfTtcblxuXHQvKipcblx0ICogVGhlIHRhcmdldGluZyBvZiBkcm9wZG93biBtZW51IGNvbXBvbmVudCBjbGFzc2VzIGhlcmUgaXMgYSB0ZW1wb3Jhcnlcblx0ICogbWVhc3VyZSBvbmx5LlxuXHQgKlxuXHQgKiBUaGUgZm9sbG93aW5nIHN0eWxlcyBzaG91bGQgYmUgcmVwbGFjZWQgb25jZSB0aGUgRHJvcGRvd25NZW51IGhhcyBiZWVuXG5cdCAqIHJlZmFjdG9yZWQgYW5kIGNhbiBiZSB0YXJnZXRlZCB2aWEgY29tcG9uZW50IGludGVycG9sYXRpb24uXG5cdCAqL1xuXHQuY29tcG9uZW50cy1kcm9wZG93bi1tZW51IHtcblx0XHRtYXJnaW46ICR7IHNwYWNlKCAtMSApIH0gMDtcblx0fVxuXHQmJiYmIC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkaW5nID0gY3NzYFxuXHRmb250LXNpemU6IGluaGVyaXQ7XG5cdGZvbnQtd2VpZ2h0OiA1MDA7XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LyogUmVxdWlyZWQgdG8gbWVldCBzcGVjaWZpY2l0eSByZXF1aXJlbWVudHMgdG8gZW5zdXJlIHplcm8gbWFyZ2luICovXG5cdCYmIHtcblx0XHRtYXJnaW46IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0JHsgdG9vbHNQYW5lbEdyaWQuaXRlbS5mdWxsV2lkdGggfVxuXG5cdC8qIENsZWFyIHNwYWNpbmcgaW4gYW5kIGFyb3VuZCBjb250cm9scyBhZGRlZCBhcyBwYW5lbCBpdGVtcy4gKi9cblx0LyogUmVtb3ZlIHdoZW4gdGhleSBjYW4gYmUgYWRkcmVzc2VkIHZpYSBjb250ZXh0IHN5c3RlbS4gKi9cblx0JiA+IGRpdixcblx0JiA+IGZpZWxkc2V0IHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMDtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0fVxuXG5cdC8qIFJlbW92ZSBCYXNlQ29udHJvbCBjb21wb25lbnRzIG1hcmdpbnMgYW5kIGxlYXZlIHNwYWNpbmcgdG8gZ3JpZCBsYXlvdXQgKi9cblx0JiYgJHsgQmFzZUNvbnRyb2xXcmFwcGVyIH0ge1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cblx0XHQkeyBCYXNlQ29udHJvbEZpZWxkIH0ge1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHR9XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbVBsYWNlaG9sZGVyID0gY3NzYFxuXHRkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudSA9IGNzc2Bcblx0bWluLXdpZHRoOiAyMDBweDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 //# sourceMappingURL=styles.js.map

package/build-module/tools-panel/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tools-panel/styles.js"],"names":["css","COLORS","CONFIG","space","ToolsPanel","borderWidth","gray","ToolsPanelHeader","ToolsPanelItem"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,UAA/B;AACA,SAASC,KAAT,QAAsB,mBAAtB;AAEA,OAAO,MAAMC,UAAU,gBAAGJ,GAAH,gBACPE,MAAM,CAACG,WADA,aACuBJ,MAAM,CAACK,IAAP,CAAa,GAAb,CADvB,kBAEPH,KAAK,CAAE,CAAF,CAFE,0EAMVA,KAAK,CAAE,CAAF,CANK,eAOVA,KAAK,CAAE,CAAF,CAPK,wvEAAhB;AAUP,OAAO,MAAMI,gBAAgB,gBAAGP,GAAH,oNAcZG,KAAK,CAAE,CAAC,CAAH,CAdO,qBAeTA,KAAK,CAAE,CAAC,CAAH,CAfI,cAgBhBA,KAAK,CAAE,CAAF,CAhBW,2DAqBhBA,KAAK,CAAE,CAAF,CArBW,iBAsBbA,KAAK,CAAE,CAAF,CAtBQ,aAuBjBA,KAAK,CAAE,CAAF,CAvBY,+vEAAtB;AA2BP,OAAO,MAAMK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAApB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nimport { space } from '../ui/utils/space';\n\nexport const ToolsPanel = css`\n\tborder-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 200 ] };\n\tcolumn-gap: ${ space( 4 ) };\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tmargin-top: -1px;\n\tpadding: ${ space( 4 ) };\n\trow-gap: ${ space( 6 ) };\n`;\n\nexport const ToolsPanelHeader = css`\n\talign-items: center;\n\tdisplay: flex;\n\tfont-size: inherit;\n\tfont-weight: 500;\n\tgrid-column: span 2;\n\tjustify-content: space-between;\n\tline-height: normal;\n\n\t.components-tools-panel & {\n\t\tmargin: 0;\n\t}\n\n\t.components-dropdown-menu {\n\t\tmargin-top: ${ space( -1 ) };\n\t\tmargin-bottom: ${ space( -1 ) };\n\t\theight: ${ space( 6 ) };\n\t}\n\n\t.components-dropdown-menu__toggle {\n\t\tpadding: 0;\n\t\theight: ${ space( 6 ) };\n\t\tmin-width: ${ space( 6 ) };\n\t\twidth: ${ space( 6 ) };\n\t}\n`;\n\nexport const ToolsPanelItem = css`\n\tgrid-column: span 2;\n\n\t&.single-column {\n\t\tgrid-column: span 1;\n\t}\n\n\t/* Clear spacing in and around controls added as panel items. */\n\t/* Remove when they can be addressed via context system. */\n\t& > div,\n\t& > fieldset {\n\t\tpadding-bottom: 0;\n\t\tmargin-bottom: 0;\n\t\tmax-width: 100%;\n\t}\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/tools-panel/styles.ts"],"names":["css","StyledField","BaseControlField","Wrapper","BaseControlWrapper","COLORS","CONFIG","space","toolsPanelGrid","spacing","item","fullWidth","ToolsPanel","borderWidth","gray","ToolsPanelWithInnerWrapper","columns","ToolsPanelHiddenInnerWrapper","ToolsPanelHeader","ToolsPanelHeading","ToolsPanelItem","ToolsPanelItemPlaceholder","DropdownMenu"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SACCC,WAAW,IAAIC,gBADhB,EAECC,OAAO,IAAIC,kBAFZ,QAGO,4CAHP;AAIA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,UAA/B;AACA,SAASC,KAAT,QAAsB,mBAAtB;AAEA,MAAMC,cAAc,GAAG;AACtBC,EAAAA,OAAO,eAAET,GAAF,gBACSO,KAAK,CAAE,CAAF,CADd,eAEMA,KAAK,CAAE,CAAF,CAFX,ygIADe;AAKtBG,EAAAA,IAAI,EAAE;AACLC,IAAAA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADJ;AALgB,CAAvB;AAYA,OAAO,MAAMC,UAAU,gBAAGZ,GAAH,CACnBQ,cAAc,CAACC,OADI,kBAGPH,MAAM,CAACO,WAHA,aAGuBR,MAAM,CAACS,IAAP,CAAa,GAAb,CAHvB,+BAKVP,KAAK,CAAE,CAAF,CALK,4gIAAhB;AAQP;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMQ,0BAA0B,GAAKC,OAAF,IAAuB;AAChE,sBAAOhB,GAAP,mEAG6B,WAAWgB,OAAS,SAHjD,OAIKR,cAAc,CAACC,OAJpB,OAKKD,cAAc,CAACE,IAAf,CAAoBC,SALzB;AAQA,CATM;AAWP,OAAO,MAAMM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAlC;AAMP,OAAO,MAAMC,gBAAgB,gBAAGlB,GAAH,CACzBQ,cAAc,CAACE,IAAf,CAAoBC,SADK,WAEpBJ,KAAK,CAAE,CAAF,CAFe,wCAYhBA,KAAK,CAAE,CAAC,CAAH,CAZW,qEAgBbA,KAAK,CAAE,CAAF,CAhBQ,mhIAAtB;AAoBP,OAAO,MAAMY,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAvB;AAWP,OAAO,MAAMC,cAAc,gBAAGpB,GAAH,CACvBQ,cAAc,CAACE,IAAf,CAAoBC,SADG,2EAapBP,kBAboB,uBAgBtBF,gBAhBsB,kiIAApB;AAsBP,OAAO,MAAMmB,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAA/B;AAIP,OAAO,MAAMC,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport {\n\tStyledField as BaseControlField,\n\tWrapper as BaseControlWrapper,\n} from '../base-control/styles/base-control-styles';\nimport { COLORS, CONFIG } from '../utils';\nimport { space } from '../ui/utils/space';\n\nconst toolsPanelGrid = {\n\tspacing: css`\n\t\tcolumn-gap: ${ space( 4 ) };\n\t\trow-gap: ${ space( 6 ) };\n\t`,\n\titem: {\n\t\tfullWidth: css`\n\t\t\tgrid-column: 1 / -1;\n\t\t`,\n\t},\n};\n\nexport const ToolsPanel = css`\n\t${ toolsPanelGrid.spacing };\n\n\tborder-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 200 ] };\n\tmargin-top: -1px;\n\tpadding: ${ space( 4 ) };\n`;\n\n/**\n * Items injected into a ToolsPanel via a virtual bubbling slot will require\n * an inner dom element to be injected. The following rule allows for the\n * CSS grid display to be re-established.\n */\n\nexport const ToolsPanelWithInnerWrapper = ( columns: number ) => {\n\treturn css`\n\t\t> div:not( :first-of-type ) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: ${ `repeat( ${ columns }, 1fr )` };\n\t\t\t${ toolsPanelGrid.spacing }\n\t\t\t${ toolsPanelGrid.item.fullWidth }\n\t\t}\n\t`;\n};\n\nexport const ToolsPanelHiddenInnerWrapper = css`\n\t> div:not( :first-of-type ) {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const ToolsPanelHeader = css`\n\t${ toolsPanelGrid.item.fullWidth }\n\tgap: ${ space( 2 ) };\n\n\t/**\n\t * The targeting of dropdown menu component classes here is a temporary\n\t * measure only.\n\t *\n\t * The following styles should be replaced once the DropdownMenu has been\n\t * refactored and can be targeted via component interpolation.\n\t */\n\t.components-dropdown-menu {\n\t\tmargin: ${ space( -1 ) } 0;\n\t}\n\t&&&& .components-dropdown-menu__toggle {\n\t\tpadding: 0;\n\t\tmin-width: ${ space( 6 ) };\n\t}\n`;\n\nexport const ToolsPanelHeading = css`\n\tfont-size: inherit;\n\tfont-weight: 500;\n\tline-height: normal;\n\n\t/* Required to meet specificity requirements to ensure zero margin */\n\t&& {\n\t\tmargin: 0;\n\t}\n`;\n\nexport const ToolsPanelItem = css`\n\t${ toolsPanelGrid.item.fullWidth }\n\n\t/* Clear spacing in and around controls added as panel items. */\n\t/* Remove when they can be addressed via context system. */\n\t& > div,\n\t& > fieldset {\n\t\tpadding-bottom: 0;\n\t\tmargin-bottom: 0;\n\t\tmax-width: 100%;\n\t}\n\n\t/* Remove BaseControl components margins and leave spacing to grid layout */\n\t&& ${ BaseControlWrapper } {\n\t\tmargin-bottom: 0;\n\n\t\t${ BaseControlField } {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n`;\n\nexport const ToolsPanelItemPlaceholder = css`\n\tdisplay: none;\n`;\n\nexport const DropdownMenu = css`\n\tmin-width: 200px;\n`;\n"]}

package/build-module/tools-panel/tools-panel/component.js

@@ -1,32 +1,39 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+// eslint-disable-next-line no-restricted-imports
+
 /**
  * Internal dependencies
  */
 import ToolsPanelHeader from '../tools-panel-header';
 import { ToolsPanelContext } from '../context';
 import { useToolsPanel } from './hook';
-import { View } from '../../view';
+import { Grid } from '../../grid';
 import { contextConnect } from '../../ui/context';
 
 const ToolsPanel = (props, forwardedRef) => {
   const {
     children,
-    header,
     label,
     panelContext,
     resetAllItems,
     toggleItem,
-    ...toolsPanelProps
-  } = useToolsPanel(props);
-  return createElement(View, _extends({}, toolsPanelProps, {
+    className
+  } = useToolsPanel(props); // Props are not directly passed through to avoid exposing Grid props
+  // until agreement has been reached on how ToolsPanel layout should be
+  // handled.
+
+  return createElement(Grid, {
+    columns: 2,
+    className: className,
     ref: forwardedRef
-  }), createElement(ToolsPanelContext.Provider, {
+  }, createElement(ToolsPanelContext.Provider, {
     value: panelContext
   }, createElement(ToolsPanelHeader, {
-    header: header,
-    menuLabel: label,
+    label: label,
     resetAll: resetAllItems,
     toggleItem: toggleItem
   }), children));

package/build-module/tools-panel/tools-panel/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tools-panel/tools-panel/component.js"],"names":["ToolsPanelHeader","ToolsPanelContext","useToolsPanel","View","contextConnect","ToolsPanel","props","forwardedRef","children","header","label","panelContext","resetAllItems","toggleItem","toolsPanelProps","ConnectedToolsPanel"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,gBAAP,MAA6B,uBAA7B;AACA,SAASC,iBAAT,QAAkC,YAAlC;AACA,SAASC,aAAT,QAA8B,QAA9B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,MAAMC,UAAU,GAAG,CAAEC,KAAF,EAASC,YAAT,KAA2B;AAC7C,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,MAFK;AAGLC,IAAAA,KAHK;AAILC,IAAAA,YAJK;AAKLC,IAAAA,aALK;AAMLC,IAAAA,UANK;AAOL,OAAGC;AAPE,MAQFZ,aAAa,CAAEI,KAAF,CARjB;AAUA,SACC,cAAC,IAAD,eAAWQ,eAAX;AAA6B,IAAA,GAAG,EAAGP;AAAnC,MACC,cAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAGI;AAApC,KACC,cAAC,gBAAD;AACC,IAAA,MAAM,EAAGF,MADV;AAEC,IAAA,SAAS,EAAGC,KAFb;AAGC,IAAA,QAAQ,EAAGE,aAHZ;AAIC,IAAA,UAAU,EAAGC;AAJd,IADD,EAOGL,QAPH,CADD,CADD;AAaA,CAxBD;;AA0BA,MAAMO,mBAAmB,GAAGX,cAAc,CAAEC,UAAF,EAAc,YAAd,CAA1C;AAEA,eAAeU,mBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport ToolsPanelHeader from '../tools-panel-header';\nimport { ToolsPanelContext } from '../context';\nimport { useToolsPanel } from './hook';\nimport { View } from '../../view';\nimport { contextConnect } from '../../ui/context';\n\nconst ToolsPanel = ( props, forwardedRef ) => {\n\tconst {\n\t\tchildren,\n\t\theader,\n\t\tlabel,\n\t\tpanelContext,\n\t\tresetAllItems,\n\t\ttoggleItem,\n\t\t...toolsPanelProps\n\t} = useToolsPanel( props );\n\n\treturn (\n\t\t<View { ...toolsPanelProps } ref={ forwardedRef }>\n\t\t\t<ToolsPanelContext.Provider value={ panelContext }>\n\t\t\t\t<ToolsPanelHeader\n\t\t\t\t\theader={ header }\n\t\t\t\t\tmenuLabel={ label }\n\t\t\t\t\tresetAll={ resetAllItems }\n\t\t\t\t\ttoggleItem={ toggleItem }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</ToolsPanelContext.Provider>\n\t\t</View>\n\t);\n};\n\nconst ConnectedToolsPanel = contextConnect( ToolsPanel, 'ToolsPanel' );\n\nexport default ConnectedToolsPanel;\n"]}
+{"version":3,"sources":["@wordpress/components/src/tools-panel/tools-panel/component.tsx"],"names":["ToolsPanelHeader","ToolsPanelContext","useToolsPanel","Grid","contextConnect","ToolsPanel","props","forwardedRef","children","label","panelContext","resetAllItems","toggleItem","className","ConnectedToolsPanel"],"mappings":";;AAAA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAOA,gBAAP,MAA6B,uBAA7B;AACA,SAASC,iBAAT,QAAkC,YAAlC;AACA,SAASC,aAAT,QAA8B,QAA9B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,cAAT,QAAwD,kBAAxD;;AAGA,MAAMC,UAAU,GAAG,CAClBC,KADkB,EAElBC,YAFkB,KAGd;AACJ,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,YAHK;AAILC,IAAAA,aAJK;AAKLC,IAAAA,UALK;AAMLC,IAAAA;AANK,MAOFX,aAAa,CAAEI,KAAF,CAPjB,CADI,CAUJ;AACA;AACA;;AACA,SACC,cAAC,IAAD;AAAM,IAAA,OAAO,EAAG,CAAhB;AAAoB,IAAA,SAAS,EAAGO,SAAhC;AAA4C,IAAA,GAAG,EAAGN;AAAlD,KACC,cAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAGG;AAApC,KACC,cAAC,gBAAD;AACC,IAAA,KAAK,EAAGD,KADT;AAEC,IAAA,QAAQ,EAAGE,aAFZ;AAGC,IAAA,UAAU,EAAGC;AAHd,IADD,EAMGJ,QANH,CADD,CADD;AAYA,CA5BD;;AA8BA,MAAMM,mBAAmB,GAAGV,cAAc,CAAEC,UAAF,EAAc,YAAd,CAA1C;AAEA,eAAeS,mBAAf","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref } from 'react';\n\n/**\n * Internal dependencies\n */\nimport ToolsPanelHeader from '../tools-panel-header';\nimport { ToolsPanelContext } from '../context';\nimport { useToolsPanel } from './hook';\nimport { Grid } from '../../grid';\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport type { ToolsPanelProps } from '../types';\n\nconst ToolsPanel = (\n\tprops: WordPressComponentProps< ToolsPanelProps, 'div' >,\n\tforwardedRef: Ref< any >\n) => {\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\tpanelContext,\n\t\tresetAllItems,\n\t\ttoggleItem,\n\t\tclassName,\n\t} = useToolsPanel( props );\n\n\t// Props are not directly passed through to avoid exposing Grid props\n\t// until agreement has been reached on how ToolsPanel layout should be\n\t// handled.\n\treturn (\n\t\t<Grid columns={ 2 } className={ className } ref={ forwardedRef }>\n\t\t\t<ToolsPanelContext.Provider value={ panelContext }>\n\t\t\t\t<ToolsPanelHeader\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tresetAll={ resetAllItems }\n\t\t\t\t\ttoggleItem={ toggleItem }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</ToolsPanelContext.Provider>\n\t\t</Grid>\n\t);\n};\n\nconst ConnectedToolsPanel = contextConnect( ToolsPanel, 'ToolsPanel' );\n\nexport default ConnectedToolsPanel;\n"]}

package/build-module/tools-panel/tools-panel/hook.js

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { useEffect, useMemo, useState } from '@wordpress/element';
+import { useEffect, useMemo, useRef, useState } from '@wordpress/element';
 /**
  * Internal dependencies
  */
@@ -9,16 +9,49 @@ import { useEffect, useMemo, useState } from '@wordpress/element';
 import * as styles from '../styles';
 import { useContextSystem } from '../../ui/context';
 import { useCx } from '../../utils/hooks/use-cx';
+const DEFAULT_COLUMNS = 2;
+
+const generateMenuItems = _ref => {
+  let {
+    panelItems,
+    shouldReset
+  } = _ref;
+  const menuItems = {
+    default: {},
+    optional: {}
+  };
+  panelItems.forEach(_ref2 => {
+    let {
+      hasValue,
+      isShownByDefault,
+      label
+    } = _ref2;
+    const group = isShownByDefault ? 'default' : 'optional';
+    menuItems[group][label] = shouldReset ? false : hasValue();
+  });
+  return menuItems;
+};
+
 export function useToolsPanel(props) {
   const {
     className,
     resetAll,
+    panelId,
+    hasInnerWrapper,
+    shouldRenderPlaceholderItems,
     ...otherProps
   } = useContextSystem(props, 'ToolsPanel');
-  const cx = useCx();
-  const classes = useMemo(() => {
-    return cx(styles.ToolsPanel, className);
-  }, [className]); // Allow panel items to register themselves.
+  const isResetting = useRef(false);
+  const wasResetting = isResetting.current; // `isResetting` is cleared via this hook to effectively batch together
+  // the resetAll task. Without this, the flag is cleared after the first
+  // control updates and forces a rerender with subsequent controls then
+  // believing they need to reset, unfortunately using stale data.
+
+  useEffect(() => {
+    if (wasResetting) {
+      isResetting.current = false;
+    }
+  }, [wasResetting]); // Allow panel items to register themselves.
 
   const [panelItems, setPanelItems] = useState([]);
 
@@ -29,52 +62,118 @@ export function useToolsPanel(props) {
 
 
   const deregisterPanelItem = label => {
-    setPanelItems(items => items.filter(item => item.label !== label));
+    // When switching selections between components injecting matching
+    // controls, e.g. both panels have a "padding" control, the
+    // deregistration of the first panel doesn't occur until after the
+    // registration of the next.
+    const index = panelItems.findIndex(item => item.label === label);
+
+    if (index !== -1) {
+      setPanelItems(items => items.splice(index, 1));
+    }
   }; // Manage and share display state of menu items representing child controls.
 
 
-  const [menuItems, setMenuItems] = useState({}); // Setup menuItems state as panel items register themselves.
+  const [menuItems, setMenuItems] = useState({
+    default: {},
+    optional: {}
+  }); // Setup menuItems state as panel items register themselves.
 
   useEffect(() => {
-    const items = {};
-    panelItems.forEach(({
-      hasValue,
-      isShownByDefault,
-      label
-    }) => {
-      items[label] = isShownByDefault || hasValue();
+    const items = generateMenuItems({
+      panelItems,
+      shouldReset: false
     });
     setMenuItems(items);
-  }, [panelItems]); // Toggle the checked state of a menu item which is then used to determine
+  }, [panelItems]); // Force a menu item to be checked.
+  // This is intended for use with default panel items. They are displayed
+  // separately to optional items and have different display states,
+  //.we need to update that when their value is customized.
+
+  const flagItemCustomization = function (label) {
+    let group = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+    setMenuItems({ ...menuItems,
+      [group]: { ...menuItems[group],
+        [label]: true
+      }
+    });
+  }; // Whether all optional menu items are hidden or not must be tracked
+  // in order to later determine if the panel display is empty and handle
+  // conditional display of a plus icon to indicate the presence of further
+  // menu items.
+
+
+  const [areAllOptionalControlsHidden, setAreAllOptionalControlsHidden] = useState(false);
+  useEffect(() => {
+    if (menuItems.optional) {
+      const optionalItems = Object.entries(menuItems.optional);
+      const allControlsHidden = optionalItems.length > 0 && !optionalItems.some(_ref3 => {
+        let [, isSelected] = _ref3;
+        return isSelected;
+      });
+      setAreAllOptionalControlsHidden(allControlsHidden);
+    }
+  }, [menuItems.optional]);
+  const cx = useCx();
+  const classes = useMemo(() => {
+    const hasDefaultMenuItems = (menuItems === null || menuItems === void 0 ? void 0 : menuItems.default) && !!Object.keys(menuItems === null || menuItems === void 0 ? void 0 : menuItems.default).length;
+    const wrapperStyle = hasInnerWrapper && styles.ToolsPanelWithInnerWrapper(DEFAULT_COLUMNS);
+    const emptyStyle = !hasDefaultMenuItems && areAllOptionalControlsHidden && styles.ToolsPanelHiddenInnerWrapper;
+    return cx(styles.ToolsPanel, wrapperStyle, emptyStyle, className);
+  }, [className, hasInnerWrapper, menuItems, areAllOptionalControlsHidden]); // Toggle the checked state of a menu item which is then used to determine
   // display of the item within the panel.
 
   const toggleItem = label => {
-    setMenuItems({ ...menuItems,
-      [label]: !menuItems[label]
+    const currentItem = panelItems.find(item => item.label === label);
+
+    if (!currentItem) {
+      return;
+    }
+
+    const menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';
+    const newMenuItems = { ...menuItems,
+      [menuGroup]: { ...menuItems[menuGroup],
+        [label]: !menuItems[menuGroup][label]
+      }
+    };
+    setMenuItems(newMenuItems);
+  };
+
+  const getResetAllFilters = () => {
+    const filters = [];
+    panelItems.forEach(item => {
+      if (item.resetAllFilter) {
+        filters.push(item.resetAllFilter);
+      }
     });
+    return filters;
   }; // Resets display of children and executes resetAll callback if available.
 
 
   const resetAllItems = () => {
     if (typeof resetAll === 'function') {
-      resetAll();
+      isResetting.current = true;
+      resetAll(getResetAllFilters());
     } // Turn off display of all non-default items.
 
 
-    const resetMenuItems = {};
-    panelItems.forEach(({
-      label,
-      isShownByDefault
-    }) => {
-      resetMenuItems[label] = !!isShownByDefault;
+    const resetMenuItems = generateMenuItems({
+      panelItems,
+      shouldReset: true
     });
     setMenuItems(resetMenuItems);
   };
 
   const panelContext = {
+    panelId,
     menuItems,
     registerPanelItem,
-    deregisterPanelItem
+    deregisterPanelItem,
+    flagItemCustomization,
+    areAllOptionalControlsHidden,
+    hasMenuItems: !!panelItems.length,
+    isResetting: isResetting.current,
+    shouldRenderPlaceholderItems
   };
   return { ...otherProps,
     panelContext,

package/build-module/tools-panel/tools-panel/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tools-panel/tools-panel/hook.js"],"names":["useEffect","useMemo","useState","styles","useContextSystem","useCx","useToolsPanel","props","className","resetAll","otherProps","cx","classes","ToolsPanel","panelItems","setPanelItems","registerPanelItem","item","items","deregisterPanelItem","label","filter","menuItems","setMenuItems","forEach","hasValue","isShownByDefault","toggleItem","resetAllItems","resetMenuItems","panelContext"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,OAApB,EAA6BC,QAA7B,QAA6C,oBAA7C;AAEA;AACA;AACA;;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA,OAAO,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AACtC,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuB,OAAGC;AAA1B,MAAyCN,gBAAgB,CAC9DG,KAD8D,EAE9D,YAF8D,CAA/D;AAKA,QAAMI,EAAE,GAAGN,KAAK,EAAhB;AACA,QAAMO,OAAO,GAAGX,OAAO,CAAE,MAAM;AAC9B,WAAOU,EAAE,CAAER,MAAM,CAACU,UAAT,EAAqBL,SAArB,CAAT;AACA,GAFsB,EAEpB,CAAEA,SAAF,CAFoB,CAAvB,CAPsC,CAWtC;;AACA,QAAM,CAAEM,UAAF,EAAcC,aAAd,IAAgCb,QAAQ,CAAE,EAAF,CAA9C;;AAEA,QAAMc,iBAAiB,GAAKC,IAAF,IAAY;AACrCF,IAAAA,aAAa,CAAIG,KAAF,IAAa,CAAE,GAAGA,KAAL,EAAYD,IAAZ,CAAf,CAAb;AACA,GAFD,CAdsC,CAkBtC;AACA;;;AACA,QAAME,mBAAmB,GAAKC,KAAF,IAAa;AACxCL,IAAAA,aAAa,CAAIG,KAAF,IACdA,KAAK,CAACG,MAAN,CAAgBJ,IAAF,IAAYA,IAAI,CAACG,KAAL,KAAeA,KAAzC,CADY,CAAb;AAGA,GAJD,CApBsC,CA0BtC;;;AACA,QAAM,CAAEE,SAAF,EAAaC,YAAb,IAA8BrB,QAAQ,CAAE,EAAF,CAA5C,CA3BsC,CA6BtC;;AACAF,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMkB,KAAK,GAAG,EAAd;AAEAJ,IAAAA,UAAU,CAACU,OAAX,CAAoB,CAAE;AAAEC,MAAAA,QAAF;AAAYC,MAAAA,gBAAZ;AAA8BN,MAAAA;AAA9B,KAAF,KAA6C;AAChEF,MAAAA,KAAK,CAAEE,KAAF,CAAL,GAAiBM,gBAAgB,IAAID,QAAQ,EAA7C;AACA,KAFD;AAIAF,IAAAA,YAAY,CAAEL,KAAF,CAAZ;AACA,GARQ,EAQN,CAAEJ,UAAF,CARM,CAAT,CA9BsC,CAwCtC;AACA;;AACA,QAAMa,UAAU,GAAKP,KAAF,IAAa;AAC/BG,IAAAA,YAAY,CAAE,EACb,GAAGD,SADU;AAEb,OAAEF,KAAF,GAAW,CAAEE,SAAS,CAAEF,KAAF;AAFT,KAAF,CAAZ;AAIA,GALD,CA1CsC,CAiDtC;;;AACA,QAAMQ,aAAa,GAAG,MAAM;AAC3B,QAAK,OAAOnB,QAAP,KAAoB,UAAzB,EAAsC;AACrCA,MAAAA,QAAQ;AACR,KAH0B,CAK3B;;;AACA,UAAMoB,cAAc,GAAG,EAAvB;AAEAf,IAAAA,UAAU,CAACU,OAAX,CAAoB,CAAE;AAAEJ,MAAAA,KAAF;AAASM,MAAAA;AAAT,KAAF,KAAmC;AACtDG,MAAAA,cAAc,CAAET,KAAF,CAAd,GAA0B,CAAC,CAAEM,gBAA7B;AACA,KAFD;AAIAH,IAAAA,YAAY,CAAEM,cAAF,CAAZ;AACA,GAbD;;AAeA,QAAMC,YAAY,GAAG;AAAER,IAAAA,SAAF;AAAaN,IAAAA,iBAAb;AAAgCG,IAAAA;AAAhC,GAArB;AAEA,SAAO,EACN,GAAGT,UADG;AAENoB,IAAAA,YAFM;AAGNF,IAAAA,aAHM;AAIND,IAAAA,UAJM;AAKNnB,IAAAA,SAAS,EAAEI;AALL,GAAP;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useContextSystem } from '../../ui/context';\nimport { useCx } from '../../utils/hooks/use-cx';\n\nexport function useToolsPanel( props ) {\n\tconst { className, resetAll, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'ToolsPanel'\n\t);\n\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\treturn cx( styles.ToolsPanel, className );\n\t}, [ className ] );\n\n\t// Allow panel items to register themselves.\n\tconst [ panelItems, setPanelItems ] = useState( [] );\n\n\tconst registerPanelItem = ( item ) => {\n\t\tsetPanelItems( ( items ) => [ ...items, item ] );\n\t};\n\n\t// Panels need to deregister on unmount to avoid orphans in menu state.\n\t// This is an issue when panel items are being injected via SlotFills.\n\tconst deregisterPanelItem = ( label ) => {\n\t\tsetPanelItems( ( items ) =>\n\t\t\titems.filter( ( item ) => item.label !== label )\n\t\t);\n\t};\n\n\t// Manage and share display state of menu items representing child controls.\n\tconst [ menuItems, setMenuItems ] = useState( {} );\n\n\t// Setup menuItems state as panel items register themselves.\n\tuseEffect( () => {\n\t\tconst items = {};\n\n\t\tpanelItems.forEach( ( { hasValue, isShownByDefault, label } ) => {\n\t\t\titems[ label ] = isShownByDefault || hasValue();\n\t\t} );\n\n\t\tsetMenuItems( items );\n\t}, [ panelItems ] );\n\n\t// Toggle the checked state of a menu item which is then used to determine\n\t// display of the item within the panel.\n\tconst toggleItem = ( label ) => {\n\t\tsetMenuItems( {\n\t\t\t...menuItems,\n\t\t\t[ label ]: ! menuItems[ label ],\n\t\t} );\n\t};\n\n\t// Resets display of children and executes resetAll callback if available.\n\tconst resetAllItems = () => {\n\t\tif ( typeof resetAll === 'function' ) {\n\t\t\tresetAll();\n\t\t}\n\n\t\t// Turn off display of all non-default items.\n\t\tconst resetMenuItems = {};\n\n\t\tpanelItems.forEach( ( { label, isShownByDefault } ) => {\n\t\t\tresetMenuItems[ label ] = !! isShownByDefault;\n\t\t} );\n\n\t\tsetMenuItems( resetMenuItems );\n\t};\n\n\tconst panelContext = { menuItems, registerPanelItem, deregisterPanelItem };\n\n\treturn {\n\t\t...otherProps,\n\t\tpanelContext,\n\t\tresetAllItems,\n\t\ttoggleItem,\n\t\tclassName: classes,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/tools-panel/tools-panel/hook.ts"],"names":["useEffect","useMemo","useRef","useState","styles","useContextSystem","useCx","DEFAULT_COLUMNS","generateMenuItems","panelItems","shouldReset","menuItems","default","optional","forEach","hasValue","isShownByDefault","label","group","useToolsPanel","props","className","resetAll","panelId","hasInnerWrapper","shouldRenderPlaceholderItems","otherProps","isResetting","wasResetting","current","setPanelItems","registerPanelItem","item","items","deregisterPanelItem","index","findIndex","splice","setMenuItems","flagItemCustomization","areAllOptionalControlsHidden","setAreAllOptionalControlsHidden","optionalItems","Object","entries","allControlsHidden","length","some","isSelected","cx","classes","hasDefaultMenuItems","keys","wrapperStyle","ToolsPanelWithInnerWrapper","emptyStyle","ToolsPanelHiddenInnerWrapper","ToolsPanel","toggleItem","currentItem","find","menuGroup","newMenuItems","getResetAllFilters","filters","resetAllFilter","push","resetAllItems","resetMenuItems","panelContext","hasMenuItems"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo, useRef, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type {\n\tToolsPanelItem,\n\tToolsPanelMenuItemKey,\n\tToolsPanelMenuItems,\n\tToolsPanelMenuItemsConfig,\n\tToolsPanelProps,\n} from '../types';\n\nconst DEFAULT_COLUMNS = 2;\n\nconst generateMenuItems = ( {\n\tpanelItems,\n\tshouldReset,\n}: ToolsPanelMenuItemsConfig ) => {\n\tconst menuItems: ToolsPanelMenuItems = { default: {}, optional: {} };\n\n\tpanelItems.forEach( ( { hasValue, isShownByDefault, label } ) => {\n\t\tconst group = isShownByDefault ? 'default' : 'optional';\n\t\tmenuItems[ group ][ label ] = shouldReset ? false : hasValue();\n\t} );\n\n\treturn menuItems;\n};\n\nexport function useToolsPanel(\n\tprops: WordPressComponentProps< ToolsPanelProps, 'div' >\n) {\n\tconst {\n\t\tclassName,\n\t\tresetAll,\n\t\tpanelId,\n\t\thasInnerWrapper,\n\t\tshouldRenderPlaceholderItems,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToolsPanel' );\n\n\tconst isResetting = useRef( false );\n\tconst wasResetting = isResetting.current;\n\n\t// `isResetting` is cleared via this hook to effectively batch together\n\t// the resetAll task. Without this, the flag is cleared after the first\n\t// control updates and forces a rerender with subsequent controls then\n\t// believing they need to reset, unfortunately using stale data.\n\tuseEffect( () => {\n\t\tif ( wasResetting ) {\n\t\t\tisResetting.current = false;\n\t\t}\n\t}, [ wasResetting ] );\n\n\t// Allow panel items to register themselves.\n\tconst [ panelItems, setPanelItems ] = useState< ToolsPanelItem[] >( [] );\n\n\tconst registerPanelItem = ( item: ToolsPanelItem ) => {\n\t\tsetPanelItems( ( items ) => [ ...items, item ] );\n\t};\n\n\t// Panels need to deregister on unmount to avoid orphans in menu state.\n\t// This is an issue when panel items are being injected via SlotFills.\n\tconst deregisterPanelItem = ( label: string ) => {\n\t\t// When switching selections between components injecting matching\n\t\t// controls, e.g. both panels have a \"padding\" control, the\n\t\t// deregistration of the first panel doesn't occur until after the\n\t\t// registration of the next.\n\t\tconst index = panelItems.findIndex( ( item ) => item.label === label );\n\n\t\tif ( index !== -1 ) {\n\t\t\tsetPanelItems( ( items ) => items.splice( index, 1 ) );\n\t\t}\n\t};\n\n\t// Manage and share display state of menu items representing child controls.\n\tconst [ menuItems, setMenuItems ] = useState< ToolsPanelMenuItems >( {\n\t\tdefault: {},\n\t\toptional: {},\n\t} );\n\n\t// Setup menuItems state as panel items register themselves.\n\tuseEffect( () => {\n\t\tconst items = generateMenuItems( {\n\t\t\tpanelItems,\n\t\t\tshouldReset: false,\n\t\t} );\n\t\tsetMenuItems( items );\n\t}, [ panelItems ] );\n\n\t// Force a menu item to be checked.\n\t// This is intended for use with default panel items. They are displayed\n\t// separately to optional items and have different display states,\n\t//.we need to update that when their value is customized.\n\tconst flagItemCustomization = (\n\t\tlabel: string,\n\t\tgroup: ToolsPanelMenuItemKey = 'default'\n\t) => {\n\t\tsetMenuItems( {\n\t\t\t...menuItems,\n\t\t\t[ group ]: {\n\t\t\t\t...menuItems[ group ],\n\t\t\t\t[ label ]: true,\n\t\t\t},\n\t\t} );\n\t};\n\n\t// Whether all optional menu items are hidden or not must be tracked\n\t// in order to later determine if the panel display is empty and handle\n\t// conditional display of a plus icon to indicate the presence of further\n\t// menu items.\n\tconst [\n\t\tareAllOptionalControlsHidden,\n\t\tsetAreAllOptionalControlsHidden,\n\t] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( menuItems.optional ) {\n\t\t\tconst optionalItems = Object.entries( menuItems.optional );\n\t\t\tconst allControlsHidden =\n\t\t\t\toptionalItems.length > 0 &&\n\t\t\t\t! optionalItems.some( ( [ , isSelected ] ) => isSelected );\n\t\t\tsetAreAllOptionalControlsHidden( allControlsHidden );\n\t\t}\n\t}, [ menuItems.optional ] );\n\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\tconst hasDefaultMenuItems =\n\t\t\tmenuItems?.default && !! Object.keys( menuItems?.default ).length;\n\t\tconst wrapperStyle =\n\t\t\thasInnerWrapper &&\n\t\t\tstyles.ToolsPanelWithInnerWrapper( DEFAULT_COLUMNS );\n\t\tconst emptyStyle =\n\t\t\t! hasDefaultMenuItems &&\n\t\t\tareAllOptionalControlsHidden &&\n\t\t\tstyles.ToolsPanelHiddenInnerWrapper;\n\n\t\treturn cx( styles.ToolsPanel, wrapperStyle, emptyStyle, className );\n\t}, [\n\t\tclassName,\n\t\thasInnerWrapper,\n\t\tmenuItems,\n\t\tareAllOptionalControlsHidden,\n\t] );\n\n\t// Toggle the checked state of a menu item which is then used to determine\n\t// display of the item within the panel.\n\tconst toggleItem = ( label: string ) => {\n\t\tconst currentItem = panelItems.find( ( item ) => item.label === label );\n\n\t\tif ( ! currentItem ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';\n\n\t\tconst newMenuItems = {\n\t\t\t...menuItems,\n\t\t\t[ menuGroup ]: {\n\t\t\t\t...menuItems[ menuGroup ],\n\t\t\t\t[ label ]: ! menuItems[ menuGroup ][ label ],\n\t\t\t},\n\t\t};\n\n\t\tsetMenuItems( newMenuItems );\n\t};\n\n\tconst getResetAllFilters = () => {\n\t\tconst filters: Array< () => void > = [];\n\n\t\tpanelItems.forEach( ( item ) => {\n\t\t\tif ( item.resetAllFilter ) {\n\t\t\t\tfilters.push( item.resetAllFilter );\n\t\t\t}\n\t\t} );\n\t\treturn filters;\n\t};\n\n\t// Resets display of children and executes resetAll callback if available.\n\tconst resetAllItems = () => {\n\t\tif ( typeof resetAll === 'function' ) {\n\t\t\tisResetting.current = true;\n\t\t\tresetAll( getResetAllFilters() );\n\t\t}\n\n\t\t// Turn off display of all non-default items.\n\t\tconst resetMenuItems = generateMenuItems( {\n\t\t\tpanelItems,\n\t\t\tshouldReset: true,\n\t\t} );\n\t\tsetMenuItems( resetMenuItems );\n\t};\n\n\tconst panelContext = {\n\t\tpanelId,\n\t\tmenuItems,\n\t\tregisterPanelItem,\n\t\tderegisterPanelItem,\n\t\tflagItemCustomization,\n\t\tareAllOptionalControlsHidden,\n\t\thasMenuItems: !! panelItems.length,\n\t\tisResetting: isResetting.current,\n\t\tshouldRenderPlaceholderItems,\n\t};\n\n\treturn {\n\t\t...otherProps,\n\t\tpanelContext,\n\t\tresetAllItems,\n\t\ttoggleItem,\n\t\tclassName: classes,\n\t};\n}\n"]}

package/build-module/tools-panel/tools-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tools-panel/tools-panel/index.js"],"names":["default","useToolsPanel"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,aAAT,QAA8B,QAA9B","sourcesContent":["export { default } from './component';\nexport { useToolsPanel } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/tools-panel/tools-panel/index.ts"],"names":["default","useToolsPanel"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,aAAT,QAA8B,QAA9B","sourcesContent":["export { default } from './component';\nexport { useToolsPanel } from './hook';\n"]}