@wordpress/components 18.0.0 → 19.0.3

package/build-module/toolbar-group/toolbar-group-collapsed.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar-group/toolbar-group-collapsed.native.js"],"names":["View","withPreferredColorScheme","DropdownMenu","styles","ToolbarGroupCollapsed","controls","getStylesFromColorScheme","passedStyle","props","container","containerDark"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AACA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,qBAAT,CAAgC;AAC/BC,EAAAA,QAAQ,GAAG,EADoB;AAE/BC,EAAAA,wBAF+B;AAG/BC,EAAAA,WAH+B;AAI/B,KAAGC;AAJ4B,CAAhC,EAKI;AACH,SACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPF,wBAAwB,CACvBH,MAAM,CAACM,SADgB,EAEvBN,MAAM,CAACO,aAFgB,CADjB,EAKPH,WALO;AADT,KASC,cAAC,YAAD;AAAc,IAAA,QAAQ,EAAGF;AAAzB,KAAyCG,KAAzC,EATD,CADD;AAaA;;AAED,eAAeP,wBAAwB,CAAEG,qBAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../dropdown-menu';\nimport styles from './style.scss';\n\nfunction ToolbarGroupCollapsed( {\n\tcontrols = [],\n\tgetStylesFromColorScheme,\n\tpassedStyle,\n\t...props\n} ) {\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tstyles.containerDark\n\t\t\t\t),\n\t\t\t\tpassedStyle,\n\t\t\t] }\n\t\t>\n\t\t\t<DropdownMenu controls={ controls } { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ToolbarGroupCollapsed );\n"]}
+{"version":3,"sources":["@wordpress/components/src/toolbar-group/toolbar-group-collapsed.native.js"],"names":["View","withPreferredColorScheme","DropdownMenu","styles","ToolbarGroupCollapsed","controls","getStylesFromColorScheme","passedStyle","props","container","containerDark"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AACA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,qBAAT,OAKI;AAAA,MAL4B;AAC/BC,IAAAA,QAAQ,GAAG,EADoB;AAE/BC,IAAAA,wBAF+B;AAG/BC,IAAAA,WAH+B;AAI/B,OAAGC;AAJ4B,GAK5B;AACH,SACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPF,wBAAwB,CACvBH,MAAM,CAACM,SADgB,EAEvBN,MAAM,CAACO,aAFgB,CADjB,EAKPH,WALO;AADT,KASC,cAAC,YAAD;AAAc,IAAA,QAAQ,EAAGF;AAAzB,KAAyCG,KAAzC,EATD,CADD;AAaA;;AAED,eAAeP,wBAAwB,CAAEG,qBAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../dropdown-menu';\nimport styles from './style.scss';\n\nfunction ToolbarGroupCollapsed( {\n\tcontrols = [],\n\tgetStylesFromColorScheme,\n\tpassedStyle,\n\t...props\n} ) {\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tstyles.containerDark\n\t\t\t\t),\n\t\t\t\tpassedStyle,\n\t\t\t] }\n\t\t>\n\t\t\t<DropdownMenu controls={ controls } { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ToolbarGroupCollapsed );\n"]}

package/build-module/toolbar-group/toolbar-group-container.js

@@ -1,13 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
-const ToolbarGroupContainer = ({
-  className,
-  children,
-  ...props
-}) => createElement("div", _extends({
-  className: className
-}, props), children);
+const ToolbarGroupContainer = _ref => {
+  let {
+    className,
+    children,
+    ...props
+  } = _ref;
+  return createElement("div", _extends({
+    className: className
+  }, props), children);
+};
 
 export default ToolbarGroupContainer;
 //# sourceMappingURL=toolbar-group-container.js.map

package/build-module/toolbar-group/toolbar-group-container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar-group/toolbar-group-container.js"],"names":["ToolbarGroupContainer","className","children","props"],"mappings":";;;AAAA,MAAMA,qBAAqB,GAAG,CAAE;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,QAAb;AAAuB,KAAGC;AAA1B,CAAF,KAC7B;AAAK,EAAA,SAAS,EAAGF;AAAjB,GAAkCE,KAAlC,GACGD,QADH,CADD;;AAKA,eAAeF,qBAAf","sourcesContent":["const ToolbarGroupContainer = ( { className, children, ...props } ) => (\n\t<div className={ className } { ...props }>\n\t\t{ children }\n\t</div>\n);\nexport default ToolbarGroupContainer;\n"]}
+{"version":3,"sources":["@wordpress/components/src/toolbar-group/toolbar-group-container.js"],"names":["ToolbarGroupContainer","className","children","props"],"mappings":";;;AAAA,MAAMA,qBAAqB,GAAG;AAAA,MAAE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuB,OAAGC;AAA1B,GAAF;AAAA,SAC7B;AAAK,IAAA,SAAS,EAAGF;AAAjB,KAAkCE,KAAlC,GACGD,QADH,CAD6B;AAAA,CAA9B;;AAKA,eAAeF,qBAAf","sourcesContent":["const ToolbarGroupContainer = ( { className, children, ...props } ) => (\n\t<div className={ className } { ...props }>\n\t\t{ children }\n\t</div>\n);\nexport default ToolbarGroupContainer;\n"]}

package/build-module/toolbar-group/toolbar-group-container.native.js

@@ -15,13 +15,16 @@ import { withPreferredColorScheme } from '@wordpress/compose';
 
 import styles from './style.scss';
 
-const ToolbarGroupContainer = ({
-  getStylesFromColorScheme,
-  passedStyle,
-  children
-}) => createElement(View, {
-  style: [getStylesFromColorScheme(styles.container, styles.containerDark), passedStyle]
-}, children);
+const ToolbarGroupContainer = _ref => {
+  let {
+    getStylesFromColorScheme,
+    passedStyle,
+    children
+  } = _ref;
+  return createElement(View, {
+    style: [getStylesFromColorScheme(styles.container, styles.containerDark), passedStyle]
+  }, children);
+};
 
 export default withPreferredColorScheme(ToolbarGroupContainer);
 //# sourceMappingURL=toolbar-group-container.native.js.map

package/build-module/toolbar-group/toolbar-group-container.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar-group/toolbar-group-container.native.js"],"names":["View","withPreferredColorScheme","styles","ToolbarGroupContainer","getStylesFromColorScheme","passedStyle","children","container","containerDark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,qBAAqB,GAAG,CAAE;AAC/BC,EAAAA,wBAD+B;AAE/BC,EAAAA,WAF+B;AAG/BC,EAAAA;AAH+B,CAAF,KAK7B,cAAC,IAAD;AACC,EAAA,KAAK,EAAG,CACPF,wBAAwB,CAAEF,MAAM,CAACK,SAAT,EAAoBL,MAAM,CAACM,aAA3B,CADjB,EAEPH,WAFO;AADT,GAMGC,QANH,CALD;;AAeA,eAAeL,wBAAwB,CAAEE,qBAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst ToolbarGroupContainer = ( {\n\tgetStylesFromColorScheme,\n\tpassedStyle,\n\tchildren,\n} ) => (\n\t<View\n\t\tstyle={ [\n\t\t\tgetStylesFromColorScheme( styles.container, styles.containerDark ),\n\t\t\tpassedStyle,\n\t\t] }\n\t>\n\t\t{ children }\n\t</View>\n);\n\nexport default withPreferredColorScheme( ToolbarGroupContainer );\n"]}
+{"version":3,"sources":["@wordpress/components/src/toolbar-group/toolbar-group-container.native.js"],"names":["View","withPreferredColorScheme","styles","ToolbarGroupContainer","getStylesFromColorScheme","passedStyle","children","container","containerDark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,qBAAqB,GAAG;AAAA,MAAE;AAC/BC,IAAAA,wBAD+B;AAE/BC,IAAAA,WAF+B;AAG/BC,IAAAA;AAH+B,GAAF;AAAA,SAK7B,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPF,wBAAwB,CAAEF,MAAM,CAACK,SAAT,EAAoBL,MAAM,CAACM,aAA3B,CADjB,EAEPH,WAFO;AADT,KAMGC,QANH,CAL6B;AAAA,CAA9B;;AAeA,eAAeL,wBAAwB,CAAEE,qBAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst ToolbarGroupContainer = ( {\n\tgetStylesFromColorScheme,\n\tpassedStyle,\n\tchildren,\n} ) => (\n\t<View\n\t\tstyle={ [\n\t\t\tgetStylesFromColorScheme( styles.container, styles.containerDark ),\n\t\t\tpassedStyle,\n\t\t] }\n\t>\n\t\t{ children }\n\t</View>\n);\n\nexport default withPreferredColorScheme( ToolbarGroupContainer );\n"]}

package/build-module/toolbar-item/index.js

@@ -17,11 +17,12 @@ import warning from '@wordpress/warning';
 
 import ToolbarContext from '../toolbar-context';
 
-function ToolbarItem({
-  children,
-  as: Component,
-  ...props
-}, ref) {
+function ToolbarItem(_ref, ref) {
+  let {
+    children,
+    as: Component,
+    ...props
+  } = _ref;
   const accessibleToolbarState = useContext(ToolbarContext);
 
   if (typeof children !== 'function' && !Component) {

package/build-module/toolbar-item/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar-item/index.js"],"names":["ToolbarItem","BaseToolbarItem","forwardRef","useContext","warning","ToolbarContext","children","as","Component","props","ref","accessibleToolbarState","allProps"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,eAAxB,QAA+C,gBAA/C;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,oBAA3B;;AAEA,SAASL,WAAT,CAAsB;AAAEM,EAAAA,QAAF;AAAYC,EAAAA,EAAE,EAAEC,SAAhB;AAA2B,KAAGC;AAA9B,CAAtB,EAA6DC,GAA7D,EAAmE;AAClE,QAAMC,sBAAsB,GAAGR,UAAU,CAAEE,cAAF,CAAzC;;AAEA,MAAK,OAAOC,QAAP,KAAoB,UAApB,IAAkC,CAAEE,SAAzC,EAAqD;AACpD,6FAAAJ,OAAO,CACN,yIACC,2EAFK,CAAP;AAIA,WAAO,IAAP;AACA;;AAED,QAAMQ,QAAQ,GAAG,EAAE,GAAGH,KAAL;AAAYC,IAAAA,GAAZ;AAAiB,yBAAqB;AAAtC,GAAjB;;AAEA,MAAK,CAAEC,sBAAP,EAAgC;AAC/B,QAAKH,SAAL,EAAiB;AAChB,aAAO,cAAC,SAAD,EAAgBI,QAAhB,EAA6BN,QAA7B,CAAP;AACA;;AACD,WAAOA,QAAQ,CAAEM,QAAF,CAAf;AACA;;AAED,SACC,cAAC,eAAD,eACMD,sBADN,EAEMC,QAFN;AAGC,IAAA,EAAE,EAAGJ;AAHN,MAKGF,QALH,CADD;AASA;;AAED,eAAeJ,UAAU,CAAEF,WAAF,CAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport { ToolbarItem as BaseToolbarItem } from 'reakit/Toolbar';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\n\nfunction ToolbarItem( { children, as: Component, ...props }, ref ) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( typeof children !== 'function' && ! Component ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' +\n\t\t\t\t'See https://developer.wordpress.org/block-editor/components/toolbar-item/'\n\t\t);\n\t\treturn null;\n\t}\n\n\tconst allProps = { ...props, ref, 'data-toolbar-item': true };\n\n\tif ( ! accessibleToolbarState ) {\n\t\tif ( Component ) {\n\t\t\treturn <Component { ...allProps }>{ children }</Component>;\n\t\t}\n\t\treturn children( allProps );\n\t}\n\n\treturn (\n\t\t<BaseToolbarItem\n\t\t\t{ ...accessibleToolbarState }\n\t\t\t{ ...allProps }\n\t\t\tas={ Component }\n\t\t>\n\t\t\t{ children }\n\t\t</BaseToolbarItem>\n\t);\n}\n\nexport default forwardRef( ToolbarItem );\n"]}
+{"version":3,"sources":["@wordpress/components/src/toolbar-item/index.js"],"names":["ToolbarItem","BaseToolbarItem","forwardRef","useContext","warning","ToolbarContext","ref","children","as","Component","props","accessibleToolbarState","allProps"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,eAAxB,QAA+C,gBAA/C;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,oBAA3B;;AAEA,SAASL,WAAT,OAA6DM,GAA7D,EAAmE;AAAA,MAA7C;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,EAAE,EAAEC,SAAhB;AAA2B,OAAGC;AAA9B,GAA6C;AAClE,QAAMC,sBAAsB,GAAGR,UAAU,CAAEE,cAAF,CAAzC;;AAEA,MAAK,OAAOE,QAAP,KAAoB,UAApB,IAAkC,CAAEE,SAAzC,EAAqD;AACpD,6FAAAL,OAAO,CACN,yIACC,2EAFK,CAAP;AAIA,WAAO,IAAP;AACA;;AAED,QAAMQ,QAAQ,GAAG,EAAE,GAAGF,KAAL;AAAYJ,IAAAA,GAAZ;AAAiB,yBAAqB;AAAtC,GAAjB;;AAEA,MAAK,CAAEK,sBAAP,EAAgC;AAC/B,QAAKF,SAAL,EAAiB;AAChB,aAAO,cAAC,SAAD,EAAgBG,QAAhB,EAA6BL,QAA7B,CAAP;AACA;;AACD,WAAOA,QAAQ,CAAEK,QAAF,CAAf;AACA;;AAED,SACC,cAAC,eAAD,eACMD,sBADN,EAEMC,QAFN;AAGC,IAAA,EAAE,EAAGH;AAHN,MAKGF,QALH,CADD;AASA;;AAED,eAAeL,UAAU,CAAEF,WAAF,CAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport { ToolbarItem as BaseToolbarItem } from 'reakit/Toolbar';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\n\nfunction ToolbarItem( { children, as: Component, ...props }, ref ) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( typeof children !== 'function' && ! Component ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' +\n\t\t\t\t'See https://developer.wordpress.org/block-editor/components/toolbar-item/'\n\t\t);\n\t\treturn null;\n\t}\n\n\tconst allProps = { ...props, ref, 'data-toolbar-item': true };\n\n\tif ( ! accessibleToolbarState ) {\n\t\tif ( Component ) {\n\t\t\treturn <Component { ...allProps }>{ children }</Component>;\n\t\t}\n\t\treturn children( allProps );\n\t}\n\n\treturn (\n\t\t<BaseToolbarItem\n\t\t\t{ ...accessibleToolbarState }\n\t\t\t{ ...allProps }\n\t\t\tas={ Component }\n\t\t>\n\t\t\t{ children }\n\t\t</BaseToolbarItem>\n\t);\n}\n\nexport default forwardRef( ToolbarItem );\n"]}

package/build-module/toolbar-item/index.native.js

@@ -4,10 +4,12 @@
 import { forwardRef } from '@wordpress/element';
 import warning from '@wordpress/warning';
 
-function ToolbarItem({
-  children,
-  ...props
-}, ref) {
+function ToolbarItem(_ref, ref) {
+  let {
+    children,
+    ...props
+  } = _ref;
+
   if (typeof children !== 'function') {
     typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" ? warning('`ToolbarItem` is a generic headless component that accepts only function children props') : void 0;
     return null;

package/build-module/toolbar-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar-item/index.native.js"],"names":["forwardRef","warning","ToolbarItem","children","props","ref"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AACA,OAAOC,OAAP,MAAoB,oBAApB;;AAEA,SAASC,WAAT,CAAsB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAtB,EAA8CC,GAA9C,EAAoD;AACnD,MAAK,OAAOF,QAAP,KAAoB,UAAzB,EAAsC;AACrC,6FAAAF,OAAO,CACN,yFADM,CAAP;AAGA,WAAO,IAAP;AACA;;AACD,SAAOE,QAAQ,CAAE,EAAE,GAAGC,KAAL;AAAYC,IAAAA;AAAZ,GAAF,CAAf;AACA;;AAED,eAAeL,UAAU,CAAEE,WAAF,CAAzB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\nfunction ToolbarItem( { children, ...props }, ref ) {\n\tif ( typeof children !== 'function' ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component that accepts only function children props'\n\t\t);\n\t\treturn null;\n\t}\n\treturn children( { ...props, ref } );\n}\n\nexport default forwardRef( ToolbarItem );\n"]}
+{"version":3,"sources":["@wordpress/components/src/toolbar-item/index.native.js"],"names":["forwardRef","warning","ToolbarItem","ref","children","props"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AACA,OAAOC,OAAP,MAAoB,oBAApB;;AAEA,SAASC,WAAT,OAA8CC,GAA9C,EAAoD;AAAA,MAA9B;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,GAA8B;;AACnD,MAAK,OAAOD,QAAP,KAAoB,UAAzB,EAAsC;AACrC,6FAAAH,OAAO,CACN,yFADM,CAAP;AAGA,WAAO,IAAP;AACA;;AACD,SAAOG,QAAQ,CAAE,EAAE,GAAGC,KAAL;AAAYF,IAAAA;AAAZ,GAAF,CAAf;AACA;;AAED,eAAeH,UAAU,CAAEE,WAAF,CAAzB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\nfunction ToolbarItem( { children, ...props }, ref ) {\n\tif ( typeof children !== 'function' ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component that accepts only function children props'\n\t\t);\n\t\treturn null;\n\t}\n\treturn children( { ...props, ref } );\n}\n\nexport default forwardRef( ToolbarItem );\n"]}

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

@@ -15,9 +15,11 @@ export const ToolsPanelContext = createContext({
   },
   hasMenuItems: false,
   isResetting: false,
+  shouldRenderPlaceholderItems: false,
   registerPanelItem: noop,
   deregisterPanelItem: noop,
-  flagItemCustomization: noop
+  flagItemCustomization: noop,
+  areAllOptionalControlsHidden: true
 });
 export const useToolsPanelContext = () => useContext(ToolsPanelContext);
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tools-panel/context.ts"],"names":["createContext","useContext","noop","undefined","ToolsPanelContext","menuItems","default","optional","hasMenuItems","isResetting","registerPanelItem","deregisterPanelItem","flagItemCustomization","useToolsPanelContext"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAGA,MAAMC,IAAI,GAAG,MAAMC,SAAnB;;AAEA,OAAO,MAAMC,iBAAiB,GAAGJ,aAAa,CAA2B;AACxEK,EAAAA,SAAS,EAAE;AAAEC,IAAAA,OAAO,EAAE,EAAX;AAAeC,IAAAA,QAAQ,EAAE;AAAzB,GAD6D;AAExEC,EAAAA,YAAY,EAAE,KAF0D;AAGxEC,EAAAA,WAAW,EAAE,KAH2D;AAIxEC,EAAAA,iBAAiB,EAAER,IAJqD;AAKxES,EAAAA,mBAAmB,EAAET,IALmD;AAMxEU,EAAAA,qBAAqB,EAAEV;AANiD,CAA3B,CAAvC;AASP,OAAO,MAAMW,oBAAoB,GAAG,MACnCZ,UAAU,CAA2BG,iBAA3B,CADJ","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToolsPanelContext as ToolsPanelContextType } from './types';\n\nconst noop = () => undefined;\n\nexport const ToolsPanelContext = createContext< ToolsPanelContextType >( {\n\tmenuItems: { default: {}, optional: {} },\n\thasMenuItems: false,\n\tisResetting: false,\n\tregisterPanelItem: noop,\n\tderegisterPanelItem: noop,\n\tflagItemCustomization: noop,\n} );\n\nexport const useToolsPanelContext = () =>\n\tuseContext< ToolsPanelContextType >( ToolsPanelContext );\n"]}
+{"version":3,"sources":["@wordpress/components/src/tools-panel/context.ts"],"names":["createContext","useContext","noop","undefined","ToolsPanelContext","menuItems","default","optional","hasMenuItems","isResetting","shouldRenderPlaceholderItems","registerPanelItem","deregisterPanelItem","flagItemCustomization","areAllOptionalControlsHidden","useToolsPanelContext"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAGA,MAAMC,IAAI,GAAG,MAAMC,SAAnB;;AAEA,OAAO,MAAMC,iBAAiB,GAAGJ,aAAa,CAA2B;AACxEK,EAAAA,SAAS,EAAE;AAAEC,IAAAA,OAAO,EAAE,EAAX;AAAeC,IAAAA,QAAQ,EAAE;AAAzB,GAD6D;AAExEC,EAAAA,YAAY,EAAE,KAF0D;AAGxEC,EAAAA,WAAW,EAAE,KAH2D;AAIxEC,EAAAA,4BAA4B,EAAE,KAJ0C;AAKxEC,EAAAA,iBAAiB,EAAET,IALqD;AAMxEU,EAAAA,mBAAmB,EAAEV,IANmD;AAOxEW,EAAAA,qBAAqB,EAAEX,IAPiD;AAQxEY,EAAAA,4BAA4B,EAAE;AAR0C,CAA3B,CAAvC;AAWP,OAAO,MAAMC,oBAAoB,GAAG,MACnCd,UAAU,CAA2BG,iBAA3B,CADJ","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToolsPanelContext as ToolsPanelContextType } from './types';\n\nconst noop = () => undefined;\n\nexport const ToolsPanelContext = createContext< ToolsPanelContextType >( {\n\tmenuItems: { default: {}, optional: {} },\n\thasMenuItems: false,\n\tisResetting: false,\n\tshouldRenderPlaceholderItems: false,\n\tregisterPanelItem: noop,\n\tderegisterPanelItem: noop,\n\tflagItemCustomization: noop,\n\tareAllOptionalControlsHidden: true,\n} );\n\nexport const useToolsPanelContext = () =>\n\tuseContext< ToolsPanelContextType >( ToolsPanelContext );\n"]}

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

@@ -8,17 +8,60 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3Rvb2xzLXBhbmVsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWwgPSBjc3NgXG5cdGJvcmRlci10b3A6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyAyMDAgXSB9O1xuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggNCApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcblx0bWFyZ2luLXRvcDogLTFweDtcblx0cGFkZGluZzogJHsgc3BhY2UoIDQgKSB9O1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggNiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEhlYWRlciA9IGNzc2Bcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Zm9udC1zaXplOiBpbmhlcml0O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRncmlkLWNvbHVtbjogc3BhbiAyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG5cblx0LmNvbXBvbmVudHMtdG9vbHMtcGFuZWwgJiB7XG5cdFx0bWFyZ2luOiAwO1xuXHR9XG5cblx0LmNvbXBvbmVudHMtZHJvcGRvd24tbWVudSB7XG5cdFx0bWFyZ2luLXRvcDogJHsgc3BhY2UoIC0xICkgfTtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggLTEgKSB9O1xuXHRcdGhlaWdodDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5cblx0LmNvbXBvbmVudHMtZHJvcGRvd24tbWVudV9fdG9nZ2xlIHtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdGhlaWdodDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdG1pbi13aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHRcdHdpZHRoOiAkeyBzcGFjZSggNiApIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsSXRlbSA9IGNzc2Bcblx0Z3JpZC1jb2x1bW46IHNwYW4gMjtcblxuXHQmLnNpbmdsZS1jb2x1bW4ge1xuXHRcdGdyaWQtY29sdW1uOiBzcGFuIDE7XG5cdH1cblxuXHQvKiBDbGVhciBzcGFjaW5nIGluIGFuZCBhcm91bmQgY29udHJvbHMgYWRkZWQgYXMgcGFuZWwgaXRlbXMuICovXG5cdC8qIFJlbW92ZSB3aGVuIHRoZXkgY2FuIGJlIGFkZHJlc3NlZCB2aWEgY29udGV4dCBzeXN0ZW0uICovXG5cdCYgPiBkaXYsXG5cdCYgPiBmaWVsZHNldCB7XG5cdFx0cGFkZGluZy1ib3R0b206IDA7XG5cdFx0bWFyZ2luLWJvdHRvbTogMDtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93bk1lbnUgPSBjc3NgXG5cdG1pbi13aWR0aDogMjAwcHg7XG5gO1xuIl19 */");
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsID0gY3NzYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0Y29sdW1uLWdhcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRkaXNwbGF5OiBncmlkO1xuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG5cdG1hcmdpbi10b3A6IC0xcHg7XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCA0ICkgfTtcblx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkZXIgPSBjc3NgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0Z3JpZC1jb2x1bW46IHNwYW4gMjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRsaW5lLWhlaWdodDogbm9ybWFsO1xuXG5cdC5jb21wb25lbnRzLXRvb2xzLXBhbmVsICYge1xuXHRcdG1hcmdpbjogMDtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMSApIH07XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIC0xICkgfTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEl0ZW0gPSBjc3NgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDI7XG5cblx0Ji5zaW5nbGUtY29sdW1uIHtcblx0XHRncmlkLWNvbHVtbjogc3BhbiAxO1xuXHR9XG5cblx0LyogQ2xlYXIgc3BhY2luZyBpbiBhbmQgYXJvdW5kIGNvbnRyb2xzIGFkZGVkIGFzIHBhbmVsIGl0ZW1zLiAqL1xuXHQvKiBSZW1vdmUgd2hlbiB0aGV5IGNhbiBiZSBhZGRyZXNzZWQgdmlhIGNvbnRleHQgc3lzdGVtLiAqL1xuXHQmID4gZGl2LFxuXHQmID4gZmllbGRzZXQge1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25NZW51ID0gY3NzYFxuXHRtaW4td2lkdGg6IDIwMHB4O1xuYDtcbiJdfQ== */");
-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: "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEaUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsID0gY3NzYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0Y29sdW1uLWdhcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRkaXNwbGF5OiBncmlkO1xuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG5cdG1hcmdpbi10b3A6IC0xcHg7XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCA0ICkgfTtcblx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkZXIgPSBjc3NgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0Z3JpZC1jb2x1bW46IHNwYW4gMjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRsaW5lLWhlaWdodDogbm9ybWFsO1xuXG5cdC5jb21wb25lbnRzLXRvb2xzLXBhbmVsICYge1xuXHRcdG1hcmdpbjogMDtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMSApIH07XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIC0xICkgfTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEl0ZW0gPSBjc3NgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDI7XG5cblx0Ji5zaW5nbGUtY29sdW1uIHtcblx0XHRncmlkLWNvbHVtbjogc3BhbiAxO1xuXHR9XG5cblx0LyogQ2xlYXIgc3BhY2luZyBpbiBhbmQgYXJvdW5kIGNvbnRyb2xzIGFkZGVkIGFzIHBhbmVsIGl0ZW1zLiAqL1xuXHQvKiBSZW1vdmUgd2hlbiB0aGV5IGNhbiBiZSBhZGRyZXNzZWQgdmlhIGNvbnRleHQgc3lzdGVtLiAqL1xuXHQmID4gZGl2LFxuXHQmID4gZmllbGRzZXQge1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25NZW51ID0gY3NzYFxuXHRtaW4td2lkdGg6IDIwMHB4O1xuYDtcbiJdfQ== */",
+  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" ? {
@@ -27,7 +70,7 @@ export const DropdownMenu = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1lfy0sm-DropdownMenu",
   styles: "min-width:200px;label:DropdownMenu;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9vbHMtcGFuZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFK0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b29scy1wYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91aS91dGlscy9zcGFjZSc7XG5cbmV4cG9ydCBjb25zdCBUb29sc1BhbmVsID0gY3NzYFxuXHRib3JkZXItdG9wOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0Y29sdW1uLWdhcDogJHsgc3BhY2UoIDQgKSB9O1xuXHRkaXNwbGF5OiBncmlkO1xuXHRncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG5cdG1hcmdpbi10b3A6IC0xcHg7XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCA0ICkgfTtcblx0cm93LWdhcDogJHsgc3BhY2UoIDYgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2xzUGFuZWxIZWFkZXIgPSBjc3NgXG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0Z3JpZC1jb2x1bW46IHNwYW4gMjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRsaW5lLWhlaWdodDogbm9ybWFsO1xuXG5cdC5jb21wb25lbnRzLXRvb2xzLXBhbmVsICYge1xuXHRcdG1hcmdpbjogMDtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMSApIH07XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIC0xICkgfTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0fVxuXG5cdC5jb21wb25lbnRzLWRyb3Bkb3duLW1lbnVfX3RvZ2dsZSB7XG5cdFx0cGFkZGluZzogMDtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA2ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDYgKSB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHNQYW5lbEl0ZW0gPSBjc3NgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDI7XG5cblx0Ji5zaW5nbGUtY29sdW1uIHtcblx0XHRncmlkLWNvbHVtbjogc3BhbiAxO1xuXHR9XG5cblx0LyogQ2xlYXIgc3BhY2luZyBpbiBhbmQgYXJvdW5kIGNvbnRyb2xzIGFkZGVkIGFzIHBhbmVsIGl0ZW1zLiAqL1xuXHQvKiBSZW1vdmUgd2hlbiB0aGV5IGNhbiBiZSBhZGRyZXNzZWQgdmlhIGNvbnRleHQgc3lzdGVtLiAqL1xuXHQmID4gZGl2LFxuXHQmID4gZmllbGRzZXQge1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHRcdG1hcmdpbi1ib3R0b206IDA7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25NZW51ID0gY3NzYFxuXHRtaW4td2lkdGg6IDIwMHB4O1xuYDtcbiJdfQ== */",
+  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.ts"],"names":["css","COLORS","CONFIG","space","ToolsPanel","borderWidth","gray","ToolsPanelHeader","ToolsPanelItem","DropdownMenu"],"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,w0EAAhB;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,m1EAAtB;AA2BP,OAAO,MAAMK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAApB;AAiBP,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 { 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\nexport const DropdownMenu = css`\n\tmin-width: 200px;\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,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
 /**
@@ -12,7 +11,7 @@ import { createElement } from "@wordpress/element";
 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) => {
@@ -22,11 +21,16 @@ const ToolsPanel = (props, forwardedRef) => {
     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, {
     label: label,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tools-panel/tools-panel/component.tsx"],"names":["ToolsPanelHeader","ToolsPanelContext","useToolsPanel","View","contextConnect","ToolsPanel","props","forwardedRef","children","label","panelContext","resetAllItems","toggleItem","toolsPanelProps","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;AAML,OAAGC;AANE,MAOFX,aAAa,CAAEI,KAAF,CAPjB;AASA,SACC,cAAC,IAAD,eAAWO,eAAX;AAA6B,IAAA,GAAG,EAAGN;AAAnC,MACC,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,CAzBD;;AA2BA,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 { View } from '../../view';\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\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\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</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

@@ -9,20 +9,23 @@ import { useEffect, useMemo, useRef, 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 = ({
-  panelItems,
-  shouldReset
-}) => {
+const generateMenuItems = _ref => {
+  let {
+    panelItems,
+    shouldReset
+  } = _ref;
   const menuItems = {
     default: {},
     optional: {}
   };
-  panelItems.forEach(({
-    hasValue,
-    isShownByDefault,
-    label
-  }) => {
+  panelItems.forEach(_ref2 => {
+    let {
+      hasValue,
+      isShownByDefault,
+      label
+    } = _ref2;
     const group = isShownByDefault ? 'default' : 'optional';
     menuItems[group][label] = shouldReset ? false : hasValue();
   });
@@ -34,12 +37,10 @@ export function useToolsPanel(props) {
     className,
     resetAll,
     panelId,
+    hasInnerWrapper,
+    shouldRenderPlaceholderItems,
     ...otherProps
   } = useContextSystem(props, 'ToolsPanel');
-  const cx = useCx();
-  const classes = useMemo(() => {
-    return cx(styles.ToolsPanel, className);
-  }, [className]);
   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
@@ -89,16 +90,39 @@ export function useToolsPanel(props) {
   // separately to optional items and have different display states,
   //.we need to update that when their value is customized.
 
-  const flagItemCustomization = (label, group = 'default') => {
+  const flagItemCustomization = function (label) {
+    let group = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
     setMenuItems({ ...menuItems,
       [group]: { ...menuItems[group],
         [label]: true
       }
     });
-  }; // Toggle the checked state of a menu item which is then used to determine
-  // display of the item within the panel.
+  }; // 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 => {
     const currentItem = panelItems.find(item => item.label === label);
 
@@ -146,8 +170,10 @@ export function useToolsPanel(props) {
     registerPanelItem,
     deregisterPanelItem,
     flagItemCustomization,
+    areAllOptionalControlsHidden,
     hasMenuItems: !!panelItems.length,
-    isResetting: isResetting.current
+    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.ts"],"names":["useEffect","useMemo","useRef","useState","styles","useContextSystem","useCx","generateMenuItems","panelItems","shouldReset","menuItems","default","optional","forEach","hasValue","isShownByDefault","label","group","useToolsPanel","props","className","resetAll","panelId","otherProps","cx","classes","ToolsPanel","isResetting","wasResetting","current","setPanelItems","registerPanelItem","item","items","deregisterPanelItem","index","findIndex","splice","setMenuItems","flagItemCustomization","toggleItem","currentItem","find","menuGroup","newMenuItems","getResetAllFilters","filters","resetAllFilter","push","resetAllItems","resetMenuItems","panelContext","hasMenuItems","length"],"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 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 { className, resetAll, panelId, ...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\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// 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\thasMenuItems: !! panelItems.length,\n\t\tisResetting: isResetting.current,\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"]}
+{"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"]}