@wordpress/components 25.5.0 → 25.6.0

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

@@ -1,23 +1,20 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
-
 /**
  * WordPress dependencies
  */
 import { useContext, forwardRef } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import Button from '../../button';
 import ToolbarItem from '../toolbar-item';
 import ToolbarContext from '../toolbar-context';
 import ToolbarButtonContainer from './toolbar-button-container';
-
 function UnforwardedToolbarButton({
   children,
   className,
@@ -29,7 +26,6 @@ function UnforwardedToolbarButton({
   ...props
 }, ref) {
   const accessibleToolbarState = useContext(ToolbarContext);
-
   if (!accessibleToolbarState) {
     return createElement(ToolbarButtonContainer, {
       className: containerClassName
@@ -40,8 +36,8 @@ function UnforwardedToolbarButton({
       shortcut: props.shortcut,
       "data-subscript": props.subscript,
       onClick: event => {
-        event.stopPropagation(); // TODO: Possible bug; maybe use onClick instead of props.onClick.
-
+        event.stopPropagation();
+        // TODO: Possible bug; maybe use onClick instead of props.onClick.
         if (props.onClick) {
           props.onClick(event);
         }
@@ -53,11 +49,11 @@ function UnforwardedToolbarButton({
       ...extraProps,
       ...props
     }, children));
-  } // ToobarItem will pass all props to the render prop child, which will pass
+  }
+
+  // ToobarItem will pass all props to the render prop child, which will pass
   // all props to Button. This means that ToolbarButton has the same API as
   // Button.
-
-
   return createElement(ToolbarItem, {
     className: classnames('components-toolbar-button', className),
     ...extraProps,
@@ -70,6 +66,7 @@ function UnforwardedToolbarButton({
     ...toolbarItemProps
   }, children));
 }
+
 /**
  * ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar
  * or ToolbarGroup when used to create general interfaces.
@@ -91,8 +88,6 @@ function UnforwardedToolbarButton({
  * }
  * ```
  */
-
-
 export const ToolbarButton = forwardRef(UnforwardedToolbarButton);
 export default ToolbarButton;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-button/index.tsx"],"names":["classnames","useContext","forwardRef","Button","ToolbarItem","ToolbarContext","ToolbarButtonContainer","UnforwardedToolbarButton","children","className","containerClassName","extraProps","isActive","isDisabled","title","props","ref","accessibleToolbarState","icon","shortcut","subscript","event","stopPropagation","onClick","toolbarItemProps","ToolbarButton"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;;AAGA;AACA;AACA;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,4BAAnC;;AAKA,SAASC,wBAAT,CACC;AACCC,EAAAA,QADD;AAECC,EAAAA,SAFD;AAGCC,EAAAA,kBAHD;AAICC,EAAAA,UAJD;AAKCC,EAAAA,QALD;AAMCC,EAAAA,UAND;AAOCC,EAAAA,KAPD;AAQC,KAAGC;AARJ,CADD,EAWCC,GAXD,EAYE;AACD,QAAMC,sBAAsB,GAAGhB,UAAU,CAAEI,cAAF,CAAzC;;AAEA,MAAK,CAAEY,sBAAP,EAAgC;AAC/B,WACC,cAAC,sBAAD;AAAwB,MAAA,SAAS,EAAGP;AAApC,OACC,cAAC,MAAD;AACC,MAAA,GAAG,EAAGM,GADP;AAEC,MAAA,IAAI,EAAGD,KAAK,CAACG,IAFd;AAGC,MAAA,KAAK,EAAGJ,KAHT;AAIC,MAAA,QAAQ,EAAGC,KAAK,CAACI,QAJlB;AAKC,wBAAiBJ,KAAK,CAACK,SALxB;AAMC,MAAA,OAAO,EACNC,KADS,IAKL;AACJA,QAAAA,KAAK,CAACC,eAAN,GADI,CAEJ;;AACA,YAAKP,KAAK,CAACQ,OAAX,EAAqB;AACpBR,UAAAA,KAAK,CAACQ,OAAN,CAAeF,KAAf;AACA;AACD,OAjBF;AAkBC,MAAA,SAAS,EAAGrB,UAAU,CACrB,6BADqB,EAErBS,SAFqB,CAlBvB;AAsBC,MAAA,SAAS,EAAGG,QAtBb;AAuBC,MAAA,QAAQ,EAAGC,UAvBZ;AAwBC,+BAxBD;AAAA,SAyBMF,UAzBN;AAAA,SA0BMI;AA1BN,OA4BGP,QA5BH,CADD,CADD;AAkCA,GAtCA,CAwCD;AACA;AACA;;;AACA,SACC,cAAC,WAAD;AACC,IAAA,SAAS,EAAGR,UAAU,CAAE,2BAAF,EAA+BS,SAA/B,CADvB;AAAA,OAEME,UAFN;AAAA,OAGMI,KAHN;AAIC,IAAA,GAAG,EAAGC;AAJP,KAMKQ,gBAAF,IACD,cAAC,MAAD;AACC,IAAA,KAAK,EAAGV,KADT;AAEC,IAAA,SAAS,EAAGF,QAFb;AAGC,IAAA,QAAQ,EAAGC,UAHZ;AAAA,OAIMW;AAJN,KAMGhB,QANH,CAPF,CADD;AAmBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMiB,aAAa,GAAGvB,UAAU,CAAEK,wBAAF,CAAhC;AACP,eAAekB,aAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarButtonContainer from './toolbar-button-container';\nimport type { ToolbarButtonProps } from './types';\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type React from 'react';\n\nfunction UnforwardedToolbarButton(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tcontainerClassName,\n\t\textraProps,\n\t\tisActive,\n\t\tisDisabled,\n\t\ttitle,\n\t\t...props\n\t}: WordPressComponentProps< ToolbarButtonProps, typeof Button, false >,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarButtonContainer className={ containerClassName }>\n\t\t\t\t<Button\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ props.icon }\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tshortcut={ props.shortcut }\n\t\t\t\t\tdata-subscript={ props.subscript }\n\t\t\t\t\tonClick={ (\n\t\t\t\t\t\tevent: React.MouseEvent<\n\t\t\t\t\t\t\tHTMLButtonElement & HTMLAnchorElement,\n\t\t\t\t\t\t\tMouseEvent\n\t\t\t\t\t\t>\n\t\t\t\t\t) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t// TODO: Possible bug; maybe use onClick instead of props.onClick.\n\t\t\t\t\t\tif ( props.onClick ) {\n\t\t\t\t\t\t\tprops.onClick( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'components-toolbar__control',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\tdata-toolbar-item\n\t\t\t\t\t{ ...extraProps }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t</ToolbarButtonContainer>\n\t\t);\n\t}\n\n\t// ToobarItem will pass all props to the render prop child, which will pass\n\t// all props to Button. This means that ToolbarButton has the same API as\n\t// Button.\n\treturn (\n\t\t<ToolbarItem\n\t\t\tclassName={ classnames( 'components-toolbar-button', className ) }\n\t\t\t{ ...extraProps }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t{ ...toolbarItemProps }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\n/**\n * ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar\n * or ToolbarGroup when used to create general interfaces.\n *\n * ```jsx\n * import { Toolbar, ToolbarButton } from '@wordpress/components';\n * import { edit } from '@wordpress/icons';\n *\n * function MyToolbar() {\n *   return (\n *\t\t<Toolbar label=\"Options\">\n *\t\t\t<ToolbarButton\n *\t\t\t\ticon={ edit }\n *\t\t\t\tlabel=\"Edit\"\n *\t\t\t\tonClick={ () => alert( 'Editing' ) }\n *\t\t\t/>\n *\t\t</Toolbar>\n *   );\n * }\n * ```\n */\nexport const ToolbarButton = forwardRef( UnforwardedToolbarButton );\nexport default ToolbarButton;\n"]}
+{"version":3,"names":["classnames","useContext","forwardRef","Button","ToolbarItem","ToolbarContext","ToolbarButtonContainer","UnforwardedToolbarButton","children","className","containerClassName","extraProps","isActive","isDisabled","title","props","ref","accessibleToolbarState","createElement","icon","label","shortcut","subscript","onClick","event","stopPropagation","isPressed","disabled","toolbarItemProps","ToolbarButton"],"sources":["@wordpress/components/src/toolbar/toolbar-button/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport type { ForwardedRef, MouseEvent as ReactMouseEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarButtonContainer from './toolbar-button-container';\nimport type { ToolbarButtonProps } from './types';\nimport type { WordPressComponentProps } from '../../ui/context';\n\nfunction UnforwardedToolbarButton(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tcontainerClassName,\n\t\textraProps,\n\t\tisActive,\n\t\tisDisabled,\n\t\ttitle,\n\t\t...props\n\t}: WordPressComponentProps< ToolbarButtonProps, typeof Button, false >,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarButtonContainer className={ containerClassName }>\n\t\t\t\t<Button\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ props.icon }\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tshortcut={ props.shortcut }\n\t\t\t\t\tdata-subscript={ props.subscript }\n\t\t\t\t\tonClick={ (\n\t\t\t\t\t\tevent: ReactMouseEvent<\n\t\t\t\t\t\t\tHTMLButtonElement & HTMLAnchorElement,\n\t\t\t\t\t\t\tMouseEvent\n\t\t\t\t\t\t>\n\t\t\t\t\t) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t// TODO: Possible bug; maybe use onClick instead of props.onClick.\n\t\t\t\t\t\tif ( props.onClick ) {\n\t\t\t\t\t\t\tprops.onClick( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'components-toolbar__control',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\tdata-toolbar-item\n\t\t\t\t\t{ ...extraProps }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t</ToolbarButtonContainer>\n\t\t);\n\t}\n\n\t// ToobarItem will pass all props to the render prop child, which will pass\n\t// all props to Button. This means that ToolbarButton has the same API as\n\t// Button.\n\treturn (\n\t\t<ToolbarItem\n\t\t\tclassName={ classnames( 'components-toolbar-button', className ) }\n\t\t\t{ ...extraProps }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t{ ...toolbarItemProps }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\n/**\n * ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar\n * or ToolbarGroup when used to create general interfaces.\n *\n * ```jsx\n * import { Toolbar, ToolbarButton } from '@wordpress/components';\n * import { edit } from '@wordpress/icons';\n *\n * function MyToolbar() {\n *   return (\n *\t\t<Toolbar label=\"Options\">\n *\t\t\t<ToolbarButton\n *\t\t\t\ticon={ edit }\n *\t\t\t\tlabel=\"Edit\"\n *\t\t\t\tonClick={ () => alert( 'Editing' ) }\n *\t\t\t/>\n *\t\t</Toolbar>\n *   );\n * }\n * ```\n */\nexport const ToolbarButton = forwardRef( UnforwardedToolbarButton );\nexport default ToolbarButton;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;AAGnC;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,sBAAsB,MAAM,4BAA4B;AAI/D,SAASC,wBAAwBA,CAChC;EACCC,QAAQ;EACRC,SAAS;EACTC,kBAAkB;EAClBC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,KAAK;EACL,GAAGC;AACiE,CAAC,EACtEC,GAAwB,EACvB;EACD,MAAMC,sBAAsB,GAAGhB,UAAU,CAAEI,cAAe,CAAC;EAE3D,IAAK,CAAEY,sBAAsB,EAAG;IAC/B,OACCC,aAAA,CAACZ,sBAAsB;MAACG,SAAS,EAAGC;IAAoB,GACvDQ,aAAA,CAACf,MAAM;MACNa,GAAG,EAAGA,GAAK;MACXG,IAAI,EAAGJ,KAAK,CAACI,IAAM;MACnBC,KAAK,EAAGN,KAAO;MACfO,QAAQ,EAAGN,KAAK,CAACM,QAAU;MAC3B,kBAAiBN,KAAK,CAACO,SAAW;MAClCC,OAAO,EACNC,KAGC,IACG;QACJA,KAAK,CAACC,eAAe,CAAC,CAAC;QACvB;QACA,IAAKV,KAAK,CAACQ,OAAO,EAAG;UACpBR,KAAK,CAACQ,OAAO,CAAEC,KAAM,CAAC;QACvB;MACD,CAAG;MACHf,SAAS,EAAGT,UAAU,CACrB,6BAA6B,EAC7BS,SACD,CAAG;MACHiB,SAAS,EAAGd,QAAU;MACtBe,QAAQ,EAAGd,UAAY;MACvB,yBAAiB;MAAA,GACZF,UAAU;MAAA,GACVI;IAAK,GAERP,QACK,CACe,CAAC;EAE3B;;EAEA;EACA;EACA;EACA,OACCU,aAAA,CAACd,WAAW;IACXK,SAAS,EAAGT,UAAU,CAAE,2BAA2B,EAAES,SAAU,CAAG;IAAA,GAC7DE,UAAU;IAAA,GACVI,KAAK;IACVC,GAAG,EAAGA;EAAK,GAEPY,gBAAgB,IACnBV,aAAA,CAACf,MAAM;IACNiB,KAAK,EAAGN,KAAO;IACfY,SAAS,EAAGd,QAAU;IACtBe,QAAQ,EAAGd,UAAY;IAAA,GAClBe;EAAgB,GAEnBpB,QACK,CAEG,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMqB,aAAa,GAAG3B,UAAU,CAAEK,wBAAyB,CAAC;AACnE,eAAesB,aAAa"}

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

@@ -1,14 +1,13 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
+
 const ToolbarButtonContainer = ({
   children,
   className
 }) => createElement("div", {
   className: className
 }, children);
-
 export default ToolbarButtonContainer;
 //# sourceMappingURL=toolbar-button-container.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.tsx"],"names":["ToolbarButtonContainer","children","className"],"mappings":";;AAAA;AACA;AACA;AAGA,MAAMA,sBAAsB,GAAG,CAAE;AAChCC,EAAAA,QADgC;AAEhCC,EAAAA;AAFgC,CAAF,KAI9B;AAAK,EAAA,SAAS,EAAGA;AAAjB,GAA+BD,QAA/B,CAJD;;AAOA,eAAeD,sBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ToolbarButtonContainerProps } from './types';\n\nconst ToolbarButtonContainer = ( {\n\tchildren,\n\tclassName,\n}: ToolbarButtonContainerProps ) => (\n\t<div className={ className }>{ children }</div>\n);\n\nexport default ToolbarButtonContainer;\n"]}
+{"version":3,"names":["ToolbarButtonContainer","children","className","createElement"],"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ToolbarButtonContainerProps } from './types';\n\nconst ToolbarButtonContainer = ( {\n\tchildren,\n\tclassName,\n}: ToolbarButtonContainerProps ) => (\n\t<div className={ className }>{ children }</div>\n);\n\nexport default ToolbarButtonContainer;\n"],"mappings":";AAAA;AACA;AACA;;AAGA,MAAMA,sBAAsB,GAAGA,CAAE;EAChCC,QAAQ;EACRC;AAC4B,CAAC,KAC7BC,aAAA;EAAKD,SAAS,EAAGA;AAAW,GAAGD,QAAe,CAC9C;AAED,eAAeD,sBAAsB"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.native.js"],"names":["View","props","children"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA,gBAAiBC,KAAF,IAAa,cAAC,IAAD,QAAQA,KAAK,CAACC,QAAd,CAA5B","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\nexport default ( props ) => <View>{ props.children }</View>;\n"]}
+{"version":3,"names":["View","props","createElement","children"],"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\nexport default ( props ) => <View>{ props.children }</View>;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,gBAAiBC,KAAK,IAAMC,aAAA,CAACF,IAAI,QAAGC,KAAK,CAACE,QAAgB,CAAC"}

package/build-module/toolbar/toolbar-button/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/toolbar/toolbar-button/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type ToolbarButtonProps = {\n\t/**\n\t * Children to be rendered inside the button.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * An optional class name for the button container.\n\t */\n\tcontainerClassName?: string;\n\t/**\n\t * Additional props to be passed alongside props.\n\t */\n\textraProps?: any;\n\t/**\n\t * Indicates if the button is active.\n\t */\n\tisActive?: boolean;\n\t/**\n\t * Indicates if the button is disabled.\n\t */\n\tisDisabled?: boolean;\n\t/**\n\t * An optional subscript for the button.\n\t */\n\tsubscript?: string;\n\t/**\n\t * An optional title/label for the button.\n\t */\n\ttitle?: string;\n};\n\nexport type ToolbarButtonContainerProps = {\n\t/**\n\t * Children to be rendered inside the button container.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * An optional class name for the button container.\n\t */\n\tclassName?: string;\n};\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-context/index.ts"],"names":["createContext","ToolbarContext","undefined"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B;AAEA,MAAMC,cAAc,GAAGD,aAAa,CAA8BE,SAA9B,CAApC;AAEA,eAAeD,cAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ToolbarStore } from '@ariakit/react/toolbar';\n\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst ToolbarContext = createContext< ToolbarStore | undefined >( undefined );\n\nexport default ToolbarContext;\n"]}
+{"version":3,"names":["createContext","ToolbarContext","undefined"],"sources":["@wordpress/components/src/toolbar/toolbar-context/index.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ToolbarStore } from '@ariakit/react/toolbar';\n\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst ToolbarContext = createContext< ToolbarStore | undefined >( undefined );\n\nexport default ToolbarContext;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAElD,MAAMC,cAAc,GAAGD,aAAa,CAA8BE,SAAU,CAAC;AAE7E,eAAeD,cAAc"}

package/build-module/toolbar/toolbar-dropdown-menu/index.js

@@ -5,34 +5,34 @@ import { createElement } from "@wordpress/element";
  * WordPress dependencies
  */
 import { forwardRef, useContext } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import ToolbarItem from '../toolbar-item';
 import ToolbarContext from '../toolbar-context';
 import DropdownMenu from '../../dropdown-menu';
-
 function ToolbarDropdownMenu(props, ref) {
   const accessibleToolbarState = useContext(ToolbarContext);
-
   if (!accessibleToolbarState) {
-    return createElement(DropdownMenu, { ...props
+    return createElement(DropdownMenu, {
+      ...props
     });
-  } // ToobarItem will pass all props to the render prop child, which will pass
+  }
+
+  // ToobarItem will pass all props to the render prop child, which will pass
   // all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu
   // has the same API as DropdownMenu.
-
-
   return createElement(ToolbarItem, {
     ref: ref,
     ...props.toggleProps
-  }, toolbarItemProps => createElement(DropdownMenu, { ...props,
-    popoverProps: { ...props.popoverProps
+  }, toolbarItemProps => createElement(DropdownMenu, {
+    ...props,
+    popoverProps: {
+      ...props.popoverProps
     },
     toggleProps: toolbarItemProps
   }));
 }
-
 export default forwardRef(ToolbarDropdownMenu);
 //# sourceMappingURL=index.js.map

package/build-module/toolbar/toolbar-dropdown-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-dropdown-menu/index.js"],"names":["forwardRef","useContext","ToolbarItem","ToolbarContext","DropdownMenu","ToolbarDropdownMenu","props","ref","accessibleToolbarState","toggleProps","toolbarItemProps","popoverProps"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,SAASA,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,qBAAzB;;AAEA,SAASC,mBAAT,CAA8BC,KAA9B,EAAqCC,GAArC,EAA2C;AAC1C,QAAMC,sBAAsB,GAAGP,UAAU,CAAEE,cAAF,CAAzC;;AAEA,MAAK,CAAEK,sBAAP,EAAgC;AAC/B,WAAO,cAAC,YAAD,OAAmBF;AAAnB,MAAP;AACA,GALyC,CAO1C;AACA;AACA;;;AACA,SACC,cAAC,WAAD;AAAa,IAAA,GAAG,EAAGC,GAAnB;AAAA,OAA8BD,KAAK,CAACG;AAApC,KACKC,gBAAF,IACD,cAAC,YAAD,OACMJ,KADN;AAEC,IAAA,YAAY,EAAG,EACd,GAAGA,KAAK,CAACK;AADK,KAFhB;AAKC,IAAA,WAAW,EAAGD;AALf,IAFF,CADD;AAaA;;AAED,eAAeV,UAAU,CAAEK,mBAAF,CAAzB","sourcesContent":["// @ts-nocheck\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport DropdownMenu from '../../dropdown-menu';\n\nfunction ToolbarDropdownMenu( props, ref ) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn <DropdownMenu { ...props } />;\n\t}\n\n\t// ToobarItem will pass all props to the render prop child, which will pass\n\t// all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu\n\t// has the same API as DropdownMenu.\n\treturn (\n\t\t<ToolbarItem ref={ ref } { ...props.toggleProps }>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t...props.popoverProps,\n\t\t\t\t\t} }\n\t\t\t\t\ttoggleProps={ toolbarItemProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\nexport default forwardRef( ToolbarDropdownMenu );\n"]}
+{"version":3,"names":["forwardRef","useContext","ToolbarItem","ToolbarContext","DropdownMenu","ToolbarDropdownMenu","props","ref","accessibleToolbarState","createElement","toggleProps","toolbarItemProps","popoverProps"],"sources":["@wordpress/components/src/toolbar/toolbar-dropdown-menu/index.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport DropdownMenu from '../../dropdown-menu';\n\nfunction ToolbarDropdownMenu( props, ref ) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn <DropdownMenu { ...props } />;\n\t}\n\n\t// ToobarItem will pass all props to the render prop child, which will pass\n\t// all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu\n\t// has the same API as DropdownMenu.\n\treturn (\n\t\t<ToolbarItem ref={ ref } { ...props.toggleProps }>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t...props.popoverProps,\n\t\t\t\t\t} }\n\t\t\t\t\ttoggleProps={ toolbarItemProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\nexport default forwardRef( ToolbarDropdownMenu );\n"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;AACA,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,YAAY,MAAM,qBAAqB;AAE9C,SAASC,mBAAmBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC1C,MAAMC,sBAAsB,GAAGP,UAAU,CAAEE,cAAe,CAAC;EAE3D,IAAK,CAAEK,sBAAsB,EAAG;IAC/B,OAAOC,aAAA,CAACL,YAAY;MAAA,GAAME;IAAK,CAAI,CAAC;EACrC;;EAEA;EACA;EACA;EACA,OACCG,aAAA,CAACP,WAAW;IAACK,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK,CAACI;EAAW,GAC1CC,gBAAgB,IACnBF,aAAA,CAACL,YAAY;IAAA,GACPE,KAAK;IACVM,YAAY,EAAG;MACd,GAAGN,KAAK,CAACM;IACV,CAAG;IACHF,WAAW,EAAGC;EAAkB,CAChC,CAEU,CAAC;AAEhB;AAEA,eAAeX,UAAU,CAAEK,mBAAoB,CAAC"}

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

@@ -5,19 +5,20 @@ import { createElement } from "@wordpress/element";
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useContext } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import ToolbarButton from '../toolbar-button';
 import ToolbarGroupContainer from './toolbar-group-container';
 import ToolbarGroupCollapsed from './toolbar-group-collapsed';
 import ToolbarContext from '../toolbar-context';
+
 /**
  * Renders a collapsible group of controls
  *
@@ -48,7 +49,6 @@ import ToolbarContext from '../toolbar-context';
  * @param {boolean}   [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.
  * @param {string}    [props.title]       ARIA label for dropdown menu if is collapsed.
  */
-
 function ToolbarGroup({
   controls = [],
   children,
@@ -60,21 +60,19 @@ function ToolbarGroup({
   // It'll contain state if `ToolbarGroup` is being used within
   // `<Toolbar label="label" />`
   const accessibleToolbarState = useContext(ToolbarContext);
-
   if ((!controls || !controls.length) && !children) {
     return null;
   }
-
-  const finalClassName = classnames( // Unfortunately, there's legacy code referencing to `.components-toolbar`
+  const finalClassName = classnames(
+  // Unfortunately, there's legacy code referencing to `.components-toolbar`
   // So we can't get rid of it
-  accessibleToolbarState ? 'components-toolbar-group' : 'components-toolbar', className); // Normalize controls to nested array of objects (sets of controls)
+  accessibleToolbarState ? 'components-toolbar-group' : 'components-toolbar', className);
 
+  // Normalize controls to nested array of objects (sets of controls)
   let controlSets = controls;
-
   if (!Array.isArray(controlSets[0])) {
     controlSets = [controlSets];
   }
-
   if (isCollapsed) {
     return createElement(ToolbarGroupCollapsed, {
       label: title,
@@ -84,7 +82,6 @@ function ToolbarGroup({
       ...props
     });
   }
-
   return createElement(ToolbarGroupContainer, {
     className: finalClassName,
     ...props
@@ -94,6 +91,5 @@ function ToolbarGroup({
     ...control
   }))), children);
 }
-
 export default ToolbarGroup;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-group/index.js"],"names":["classnames","useContext","ToolbarButton","ToolbarGroupContainer","ToolbarGroupCollapsed","ToolbarContext","ToolbarGroup","controls","children","className","isCollapsed","title","props","accessibleToolbarState","length","finalClassName","controlSets","Array","isArray","flatMap","controlSet","indexOfSet","map","control","indexOfControl","join"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,qBAAP,MAAkC,2BAAlC;AACA,OAAOC,qBAAP,MAAkC,2BAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,YAAT,CAAuB;AACtBC,EAAAA,QAAQ,GAAG,EADW;AAEtBC,EAAAA,QAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,WAJsB;AAKtBC,EAAAA,KALsB;AAMtB,KAAGC;AANmB,CAAvB,EAOI;AACH;AACA;AACA,QAAMC,sBAAsB,GAAGZ,UAAU,CAAEI,cAAF,CAAzC;;AAEA,MAAK,CAAE,CAAEE,QAAF,IAAc,CAAEA,QAAQ,CAACO,MAA3B,KAAuC,CAAEN,QAA9C,EAAyD;AACxD,WAAO,IAAP;AACA;;AAED,QAAMO,cAAc,GAAGf,UAAU,EAChC;AACA;AACAa,EAAAA,sBAAsB,GACnB,0BADmB,GAEnB,oBAL6B,EAMhCJ,SANgC,CAAjC,CATG,CAkBH;;AACA,MAAIO,WAAW,GAAGT,QAAlB;;AACA,MAAK,CAAEU,KAAK,CAACC,OAAN,CAAeF,WAAW,CAAE,CAAF,CAA1B,CAAP,EAA2C;AAC1CA,IAAAA,WAAW,GAAG,CAAEA,WAAF,CAAd;AACA;;AAED,MAAKN,WAAL,EAAmB;AAClB,WACC,cAAC,qBAAD;AACC,MAAA,KAAK,EAAGC,KADT;AAEC,MAAA,QAAQ,EAAGK,WAFZ;AAGC,MAAA,SAAS,EAAGD,cAHb;AAIC,MAAA,QAAQ,EAAGP,QAJZ;AAAA,SAKMI;AALN,MADD;AASA;;AAED,SACC,cAAC,qBAAD;AAAuB,IAAA,SAAS,EAAGG,cAAnC;AAAA,OAAyDH;AAAzD,KACGI,WAAW,EAAEG,OAAb,CAAsB,CAAEC,UAAF,EAAcC,UAAd,KACvBD,UAAU,CAACE,GAAX,CAAgB,CAAEC,OAAF,EAAWC,cAAX,KACf,cAAC,aAAD;AACC,IAAA,GAAG,EAAG,CAAEH,UAAF,EAAcG,cAAd,EAA+BC,IAA/B,EADP;AAEC,IAAA,kBAAkB,EACjBJ,UAAU,GAAG,CAAb,IAAkBG,cAAc,KAAK,CAArC,GACG,kBADH,GAEG,IALL;AAAA,OAOMD;AAPN,IADD,CADC,CADH,EAcGf,QAdH,CADD;AAkBA;;AAED,eAAeF,YAAf","sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ToolbarButton from '../toolbar-button';\nimport ToolbarGroupContainer from './toolbar-group-container';\nimport ToolbarGroupCollapsed from './toolbar-group-collapsed';\nimport ToolbarContext from '../toolbar-context';\n\n/**\n * Renders a collapsible group of controls\n *\n * The `controls` prop accepts an array of sets. A set is an array of controls.\n * Controls have the following shape:\n *\n * ```\n * {\n *   icon: string,\n *   title: string,\n *   subscript: string,\n *   onClick: Function,\n *   isActive: boolean,\n *   isDisabled: boolean\n * }\n * ```\n *\n * For convenience it is also possible to pass only an array of controls. It is\n * then assumed this is the only set.\n *\n * Either `controls` or `children` is required, otherwise this components\n * renders nothing.\n *\n * @param {Object}    props               Component props.\n * @param {Array}     [props.controls]    The controls to render in this toolbar.\n * @param {WPElement} [props.children]    Any other things to render inside the toolbar besides the controls.\n * @param {string}    [props.className]   Class to set on the container div.\n * @param {boolean}   [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.\n * @param {string}    [props.title]       ARIA label for dropdown menu if is collapsed.\n */\nfunction ToolbarGroup( {\n\tcontrols = [],\n\tchildren,\n\tclassName,\n\tisCollapsed,\n\ttitle,\n\t...props\n} ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ( ! controls || ! controls.length ) && ! children ) {\n\t\treturn null;\n\t}\n\n\tconst finalClassName = classnames(\n\t\t// Unfortunately, there's legacy code referencing to `.components-toolbar`\n\t\t// So we can't get rid of it\n\t\taccessibleToolbarState\n\t\t\t? 'components-toolbar-group'\n\t\t\t: 'components-toolbar',\n\t\tclassName\n\t);\n\n\t// Normalize controls to nested array of objects (sets of controls)\n\tlet controlSets = controls;\n\tif ( ! Array.isArray( controlSets[ 0 ] ) ) {\n\t\tcontrolSets = [ controlSets ];\n\t}\n\n\tif ( isCollapsed ) {\n\t\treturn (\n\t\t\t<ToolbarGroupCollapsed\n\t\t\t\tlabel={ title }\n\t\t\t\tcontrols={ controlSets }\n\t\t\t\tclassName={ finalClassName }\n\t\t\t\tchildren={ children }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ToolbarGroupContainer className={ finalClassName } { ...props }>\n\t\t\t{ controlSets?.flatMap( ( controlSet, indexOfSet ) =>\n\t\t\t\tcontrolSet.map( ( control, indexOfControl ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tkey={ [ indexOfSet, indexOfControl ].join() }\n\t\t\t\t\t\tcontainerClassName={\n\t\t\t\t\t\t\tindexOfSet > 0 && indexOfControl === 0\n\t\t\t\t\t\t\t\t? 'has-left-divider'\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ ...control }\n\t\t\t\t\t/>\n\t\t\t\t) )\n\t\t\t) }\n\t\t\t{ children }\n\t\t</ToolbarGroupContainer>\n\t);\n}\n\nexport default ToolbarGroup;\n"]}
+{"version":3,"names":["classnames","useContext","ToolbarButton","ToolbarGroupContainer","ToolbarGroupCollapsed","ToolbarContext","ToolbarGroup","controls","children","className","isCollapsed","title","props","accessibleToolbarState","length","finalClassName","controlSets","Array","isArray","createElement","label","flatMap","controlSet","indexOfSet","map","control","indexOfControl","key","join","containerClassName"],"sources":["@wordpress/components/src/toolbar/toolbar-group/index.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ToolbarButton from '../toolbar-button';\nimport ToolbarGroupContainer from './toolbar-group-container';\nimport ToolbarGroupCollapsed from './toolbar-group-collapsed';\nimport ToolbarContext from '../toolbar-context';\n\n/**\n * Renders a collapsible group of controls\n *\n * The `controls` prop accepts an array of sets. A set is an array of controls.\n * Controls have the following shape:\n *\n * ```\n * {\n *   icon: string,\n *   title: string,\n *   subscript: string,\n *   onClick: Function,\n *   isActive: boolean,\n *   isDisabled: boolean\n * }\n * ```\n *\n * For convenience it is also possible to pass only an array of controls. It is\n * then assumed this is the only set.\n *\n * Either `controls` or `children` is required, otherwise this components\n * renders nothing.\n *\n * @param {Object}    props               Component props.\n * @param {Array}     [props.controls]    The controls to render in this toolbar.\n * @param {WPElement} [props.children]    Any other things to render inside the toolbar besides the controls.\n * @param {string}    [props.className]   Class to set on the container div.\n * @param {boolean}   [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.\n * @param {string}    [props.title]       ARIA label for dropdown menu if is collapsed.\n */\nfunction ToolbarGroup( {\n\tcontrols = [],\n\tchildren,\n\tclassName,\n\tisCollapsed,\n\ttitle,\n\t...props\n} ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ( ! controls || ! controls.length ) && ! children ) {\n\t\treturn null;\n\t}\n\n\tconst finalClassName = classnames(\n\t\t// Unfortunately, there's legacy code referencing to `.components-toolbar`\n\t\t// So we can't get rid of it\n\t\taccessibleToolbarState\n\t\t\t? 'components-toolbar-group'\n\t\t\t: 'components-toolbar',\n\t\tclassName\n\t);\n\n\t// Normalize controls to nested array of objects (sets of controls)\n\tlet controlSets = controls;\n\tif ( ! Array.isArray( controlSets[ 0 ] ) ) {\n\t\tcontrolSets = [ controlSets ];\n\t}\n\n\tif ( isCollapsed ) {\n\t\treturn (\n\t\t\t<ToolbarGroupCollapsed\n\t\t\t\tlabel={ title }\n\t\t\t\tcontrols={ controlSets }\n\t\t\t\tclassName={ finalClassName }\n\t\t\t\tchildren={ children }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ToolbarGroupContainer className={ finalClassName } { ...props }>\n\t\t\t{ controlSets?.flatMap( ( controlSet, indexOfSet ) =>\n\t\t\t\tcontrolSet.map( ( control, indexOfControl ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tkey={ [ indexOfSet, indexOfControl ].join() }\n\t\t\t\t\t\tcontainerClassName={\n\t\t\t\t\t\t\tindexOfSet > 0 && indexOfControl === 0\n\t\t\t\t\t\t\t\t? 'has-left-divider'\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ ...control }\n\t\t\t\t\t/>\n\t\t\t\t) )\n\t\t\t) }\n\t\t\t{ children }\n\t\t</ToolbarGroupContainer>\n\t);\n}\n\nexport default ToolbarGroup;\n"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,qBAAqB,MAAM,2BAA2B;AAC7D,OAAOC,qBAAqB,MAAM,2BAA2B;AAC7D,OAAOC,cAAc,MAAM,oBAAoB;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CAAE;EACtBC,QAAQ,GAAG,EAAE;EACbC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,KAAK;EACL,GAAGC;AACJ,CAAC,EAAG;EACH;EACA;EACA,MAAMC,sBAAsB,GAAGZ,UAAU,CAAEI,cAAe,CAAC;EAE3D,IAAK,CAAE,CAAEE,QAAQ,IAAI,CAAEA,QAAQ,CAACO,MAAM,KAAM,CAAEN,QAAQ,EAAG;IACxD,OAAO,IAAI;EACZ;EAEA,MAAMO,cAAc,GAAGf,UAAU;EAChC;EACA;EACAa,sBAAsB,GACnB,0BAA0B,GAC1B,oBAAoB,EACvBJ,SACD,CAAC;;EAED;EACA,IAAIO,WAAW,GAAGT,QAAQ;EAC1B,IAAK,CAAEU,KAAK,CAACC,OAAO,CAAEF,WAAW,CAAE,CAAC,CAAG,CAAC,EAAG;IAC1CA,WAAW,GAAG,CAAEA,WAAW,CAAE;EAC9B;EAEA,IAAKN,WAAW,EAAG;IAClB,OACCS,aAAA,CAACf,qBAAqB;MACrBgB,KAAK,EAAGT,KAAO;MACfJ,QAAQ,EAAGS,WAAa;MACxBP,SAAS,EAAGM,cAAgB;MAC5BP,QAAQ,EAAGA,QAAU;MAAA,GAChBI;IAAK,CACV,CAAC;EAEJ;EAEA,OACCO,aAAA,CAAChB,qBAAqB;IAACM,SAAS,EAAGM,cAAgB;IAAA,GAAMH;EAAK,GAC3DI,WAAW,EAAEK,OAAO,CAAE,CAAEC,UAAU,EAAEC,UAAU,KAC/CD,UAAU,CAACE,GAAG,CAAE,CAAEC,OAAO,EAAEC,cAAc,KACxCP,aAAA,CAACjB,aAAa;IACbyB,GAAG,EAAG,CAAEJ,UAAU,EAAEG,cAAc,CAAE,CAACE,IAAI,CAAC,CAAG;IAC7CC,kBAAkB,EACjBN,UAAU,GAAG,CAAC,IAAIG,cAAc,KAAK,CAAC,GACnC,kBAAkB,GAClB,IACH;IAAA,GACID;EAAO,CACZ,CACA,CACH,CAAC,EACCjB,QACoB,CAAC;AAE1B;AAEA,eAAeF,YAAY"}

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

@@ -5,14 +5,13 @@ import { createElement } from "@wordpress/element";
  * WordPress dependencies
  */
 import { useContext } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import DropdownMenu from '../../dropdown-menu';
 import ToolbarContext from '../toolbar-context';
 import ToolbarItem from '../toolbar-item';
-
 function ToolbarGroupCollapsed({
   controls = [],
   toggleProps,
@@ -21,22 +20,20 @@ function ToolbarGroupCollapsed({
   // It'll contain state if `ToolbarGroup` is being used within
   // `<Toolbar label="label" />`
   const accessibleToolbarState = useContext(ToolbarContext);
-
   const renderDropdownMenu = internalToggleProps => createElement(DropdownMenu, {
     controls: controls,
-    toggleProps: { ...internalToggleProps,
+    toggleProps: {
+      ...internalToggleProps,
       'data-toolbar-item': true
     },
     ...props
   });
-
   if (accessibleToolbarState) {
-    return createElement(ToolbarItem, { ...toggleProps
+    return createElement(ToolbarItem, {
+      ...toggleProps
     }, renderDropdownMenu);
   }
-
   return renderDropdownMenu(toggleProps);
 }
-
 export default ToolbarGroupCollapsed;
 //# sourceMappingURL=toolbar-group-collapsed.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.js"],"names":["useContext","DropdownMenu","ToolbarContext","ToolbarItem","ToolbarGroupCollapsed","controls","toggleProps","props","accessibleToolbarState","renderDropdownMenu","internalToggleProps"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;;AAEA,SAASC,qBAAT,CAAgC;AAAEC,EAAAA,QAAQ,GAAG,EAAb;AAAiBC,EAAAA,WAAjB;AAA8B,KAAGC;AAAjC,CAAhC,EAA2E;AAC1E;AACA;AACA,QAAMC,sBAAsB,GAAGR,UAAU,CAAEE,cAAF,CAAzC;;AAEA,QAAMO,kBAAkB,GAAKC,mBAAF,IAC1B,cAAC,YAAD;AACC,IAAA,QAAQ,EAAGL,QADZ;AAEC,IAAA,WAAW,EAAG,EACb,GAAGK,mBADU;AAEb,2BAAqB;AAFR,KAFf;AAAA,OAMMH;AANN,IADD;;AAWA,MAAKC,sBAAL,EAA8B;AAC7B,WACC,cAAC,WAAD,OAAkBF;AAAlB,OAAkCG,kBAAlC,CADD;AAGA;;AAED,SAAOA,kBAAkB,CAAEH,WAAF,CAAzB;AACA;;AAED,eAAeF,qBAAf","sourcesContent":["// @ts-nocheck\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarItem from '../toolbar-item';\n\nfunction ToolbarGroupCollapsed( { controls = [], toggleProps, ...props } ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tconst renderDropdownMenu = ( internalToggleProps ) => (\n\t\t<DropdownMenu\n\t\t\tcontrols={ controls }\n\t\t\ttoggleProps={ {\n\t\t\t\t...internalToggleProps,\n\t\t\t\t'data-toolbar-item': true,\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n\n\tif ( accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarItem { ...toggleProps }>{ renderDropdownMenu }</ToolbarItem>\n\t\t);\n\t}\n\n\treturn renderDropdownMenu( toggleProps );\n}\n\nexport default ToolbarGroupCollapsed;\n"]}
+{"version":3,"names":["useContext","DropdownMenu","ToolbarContext","ToolbarItem","ToolbarGroupCollapsed","controls","toggleProps","props","accessibleToolbarState","renderDropdownMenu","internalToggleProps","createElement"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarItem from '../toolbar-item';\n\nfunction ToolbarGroupCollapsed( { controls = [], toggleProps, ...props } ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tconst renderDropdownMenu = ( internalToggleProps ) => (\n\t\t<DropdownMenu\n\t\t\tcontrols={ controls }\n\t\t\ttoggleProps={ {\n\t\t\t\t...internalToggleProps,\n\t\t\t\t'data-toolbar-item': true,\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n\n\tif ( accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarItem { ...toggleProps }>{ renderDropdownMenu }</ToolbarItem>\n\t\t);\n\t}\n\n\treturn renderDropdownMenu( toggleProps );\n}\n\nexport default ToolbarGroupCollapsed;\n"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,qBAAqB;AAC9C,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,WAAW,MAAM,iBAAiB;AAEzC,SAASC,qBAAqBA,CAAE;EAAEC,QAAQ,GAAG,EAAE;EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC1E;EACA;EACA,MAAMC,sBAAsB,GAAGR,UAAU,CAAEE,cAAe,CAAC;EAE3D,MAAMO,kBAAkB,GAAKC,mBAAmB,IAC/CC,aAAA,CAACV,YAAY;IACZI,QAAQ,EAAGA,QAAU;IACrBC,WAAW,EAAG;MACb,GAAGI,mBAAmB;MACtB,mBAAmB,EAAE;IACtB,CAAG;IAAA,GACEH;EAAK,CACV,CACD;EAED,IAAKC,sBAAsB,EAAG;IAC7B,OACCG,aAAA,CAACR,WAAW;MAAA,GAAMG;IAAW,GAAKG,kBAAiC,CAAC;EAEtE;EAEA,OAAOA,kBAAkB,CAAEH,WAAY,CAAC;AACzC;AAEA,eAAeF,qBAAqB"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
@@ -7,15 +6,12 @@ import { View } from 'react-native';
 /**
  * WordPress dependencies
  */
-
 import { withPreferredColorScheme } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
-
 import DropdownMenu from '../../dropdown-menu';
 import styles from './style.scss';
-
 function ToolbarGroupCollapsed({
   controls = [],
   getStylesFromColorScheme,
@@ -29,6 +25,5 @@ function ToolbarGroupCollapsed({
     ...props
   }));
 }
-
 export default withPreferredColorScheme(ToolbarGroupCollapsed);
 //# sourceMappingURL=toolbar-group-collapsed.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/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,qBAAzB;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,QAAzB;AAAA,OAAyCG;AAAzC,IATD,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,"names":["View","withPreferredColorScheme","DropdownMenu","styles","ToolbarGroupCollapsed","controls","getStylesFromColorScheme","passedStyle","props","createElement","style","container","containerDark"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.native.js"],"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"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D;AACA;AACA;AACA,OAAOC,YAAY,MAAM,qBAAqB;AAC9C,OAAOC,MAAM,MAAM,cAAc;AAEjC,SAASC,qBAAqBA,CAAE;EAC/BC,QAAQ,GAAG,EAAE;EACbC,wBAAwB;EACxBC,WAAW;EACX,GAAGC;AACJ,CAAC,EAAG;EACH,OACCC,aAAA,CAACT,IAAI;IACJU,KAAK,EAAG,CACPJ,wBAAwB,CACvBH,MAAM,CAACQ,SAAS,EAChBR,MAAM,CAACS,aACR,CAAC,EACDL,WAAW;EACT,GAEHE,aAAA,CAACP,YAAY;IAACG,QAAQ,EAAGA,QAAU;IAAA,GAAMG;EAAK,CAAI,CAC7C,CAAC;AAET;AAEA,eAAeP,wBAAwB,CAAEG,qBAAsB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { createElement } from "@wordpress/element";
-
 // @ts-nocheck
+
 const ToolbarGroupContainer = ({
   className,
   children,
@@ -9,6 +9,5 @@ const ToolbarGroupContainer = ({
   className: className,
   ...props
 }, children);
-
 export default ToolbarGroupContainer;
 //# sourceMappingURL=toolbar-group-container.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.js"],"names":["ToolbarGroupContainer","className","children","props"],"mappings":";;AAAA;AAEA,MAAMA,qBAAqB,GAAG,CAAE;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,QAAb;AAAuB,KAAGC;AAA1B,CAAF,KAC7B;AAAK,EAAA,SAAS,EAAGF,SAAjB;AAAA,KAAkCE;AAAlC,GACGD,QADH,CADD;;AAKA,eAAeF,qBAAf","sourcesContent":["// @ts-nocheck\n\nconst ToolbarGroupContainer = ( { className, children, ...props } ) => (\n\t<div className={ className } { ...props }>\n\t\t{ children }\n\t</div>\n);\nexport default ToolbarGroupContainer;\n"]}
+{"version":3,"names":["ToolbarGroupContainer","className","children","props","createElement"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.js"],"sourcesContent":["// @ts-nocheck\n\nconst ToolbarGroupContainer = ( { className, children, ...props } ) => (\n\t<div className={ className } { ...props }>\n\t\t{ children }\n\t</div>\n);\nexport default ToolbarGroupContainer;\n"],"mappings":";AAAA;;AAEA,MAAMA,qBAAqB,GAAGA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAChEC,aAAA;EAAKH,SAAS,EAAGA,SAAW;EAAA,GAAME;AAAK,GACpCD,QACE,CACL;AACD,eAAeF,qBAAqB"}

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

@@ -1,20 +1,18 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { StyleSheet, View } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
-
 const ToolbarGroupContainer = ({
   passedStyle,
   children
@@ -26,6 +24,5 @@ const ToolbarGroupContainer = ({
     style: groupStyles
   }, children);
 };
-
 export default ToolbarGroupContainer;
 //# sourceMappingURL=toolbar-group-container.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.native.js"],"names":["StyleSheet","View","usePreferredColorSchemeStyle","styles","ToolbarGroupContainer","passedStyle","children","groupStyles","container","containerDark","borderLeftWidth","hairlineWidth"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA;AACA;AACA;;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,qBAAqB,GAAG,CAAE;AAAEC,EAAAA,WAAF;AAAeC,EAAAA;AAAf,CAAF,KAAiC;AAC9D,QAAMC,WAAW,GAAG,CACnBL,4BAA4B,CAAEC,MAAM,CAACK,SAAT,EAAoBL,MAAM,CAACM,aAA3B,CADT,EAEnB;AAAEC,IAAAA,eAAe,EAAEV,UAAU,CAACW;AAA9B,GAFmB,EAGnBN,WAHmB,CAApB;AAMA,SAAO,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGE;AAAd,KAA8BD,QAA9B,CAAP;AACA,CARD;;AAUA,eAAeF,qBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst ToolbarGroupContainer = ( { passedStyle, children } ) => {\n\tconst groupStyles = [\n\t\tusePreferredColorSchemeStyle( styles.container, styles.containerDark ),\n\t\t{ borderLeftWidth: StyleSheet.hairlineWidth },\n\t\tpassedStyle,\n\t];\n\n\treturn <View style={ groupStyles }>{ children }</View>;\n};\n\nexport default ToolbarGroupContainer;\n"]}
+{"version":3,"names":["StyleSheet","View","usePreferredColorSchemeStyle","styles","ToolbarGroupContainer","passedStyle","children","groupStyles","container","containerDark","borderLeftWidth","hairlineWidth","createElement","style"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst ToolbarGroupContainer = ( { passedStyle, children } ) => {\n\tconst groupStyles = [\n\t\tusePreferredColorSchemeStyle( styles.container, styles.containerDark ),\n\t\t{ borderLeftWidth: StyleSheet.hairlineWidth },\n\t\tpassedStyle,\n\t];\n\n\treturn <View style={ groupStyles }>{ children }</View>;\n};\n\nexport default ToolbarGroupContainer;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;;AAE/C;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,qBAAqB,GAAGA,CAAE;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAM;EAC9D,MAAMC,WAAW,GAAG,CACnBL,4BAA4B,CAAEC,MAAM,CAACK,SAAS,EAAEL,MAAM,CAACM,aAAc,CAAC,EACtE;IAAEC,eAAe,EAAEV,UAAU,CAACW;EAAc,CAAC,EAC7CN,WAAW,CACX;EAED,OAAOO,aAAA,CAACX,IAAI;IAACY,KAAK,EAAGN;EAAa,GAAGD,QAAgB,CAAC;AACvD,CAAC;AAED,eAAeF,qBAAqB"}

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

@@ -1,21 +1,18 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { ToolbarItem as BaseToolbarItem } from '@ariakit/react/toolbar';
-
 /**
  * WordPress dependencies
  */
 import { forwardRef, useContext } from '@wordpress/element';
 import warning from '@wordpress/warning';
+
 /**
  * Internal dependencies
  */
-
 import ToolbarContext from '../toolbar-context';
-
 function ToolbarItem({
   children,
   as: Component,
@@ -23,36 +20,32 @@ function ToolbarItem({
 }, ref) {
   const accessibleToolbarStore = useContext(ToolbarContext);
   const isRenderProp = typeof children === 'function';
-
   if (!isRenderProp && !Component) {
     typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" ? warning('`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' + 'See https://developer.wordpress.org/block-editor/components/toolbar-item/') : void 0;
     return null;
   }
-
-  const allProps = { ...props,
+  const allProps = {
+    ...props,
     ref,
     'data-toolbar-item': true
   };
-
   if (!accessibleToolbarStore) {
     if (Component) {
-      return createElement(Component, { ...allProps
+      return createElement(Component, {
+        ...allProps
       }, children);
     }
-
     if (!isRenderProp) {
       return null;
     }
-
     return children(allProps);
   }
-
   const render = isRenderProp ? children : Component && createElement(Component, null);
-  return createElement(BaseToolbarItem, { ...allProps,
+  return createElement(BaseToolbarItem, {
+    ...allProps,
     store: accessibleToolbarStore,
     render: render
   });
 }
-
 export default forwardRef(ToolbarItem);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-item/index.tsx"],"names":["ToolbarItem","BaseToolbarItem","forwardRef","useContext","warning","ToolbarContext","children","as","Component","props","ref","accessibleToolbarStore","isRenderProp","allProps","render"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,eAAxB,QAA+C,wBAA/C;;AAGA;AACA;AACA;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,oBAA3B;;AAGA,SAASL,WAAT,CACC;AAAEM,EAAAA,QAAF;AAAYC,EAAAA,EAAE,EAAEC,SAAhB;AAA2B,KAAGC;AAA9B,CADD,EAECC,GAFD,EAGE;AACD,QAAMC,sBAAsB,GAAGR,UAAU,CAAEE,cAAF,CAAzC;AACA,QAAMO,YAAY,GAAG,OAAON,QAAP,KAAoB,UAAzC;;AAEA,MAAK,CAAEM,YAAF,IAAkB,CAAEJ,SAAzB,EAAqC;AACpC,6FAAAJ,OAAO,CACN,yIACC,2EAFK,CAAP;AAIA,WAAO,IAAP;AACA;;AAED,QAAMS,QAAQ,GAAG,EAAE,GAAGJ,KAAL;AAAYC,IAAAA,GAAZ;AAAiB,yBAAqB;AAAtC,GAAjB;;AAEA,MAAK,CAAEC,sBAAP,EAAgC;AAC/B,QAAKH,SAAL,EAAiB;AAChB,aAAO,cAAC,SAAD,OAAgBK;AAAhB,SAA6BP,QAA7B,CAAP;AACA;;AACD,QAAK,CAAEM,YAAP,EAAsB;AACrB,aAAO,IAAP;AACA;;AACD,WAAON,QAAQ,CAAEO,QAAF,CAAf;AACA;;AAED,QAAMC,MAAM,GAAGF,YAAY,GAAGN,QAAH,GAAcE,SAAS,IAAI,cAAC,SAAD,OAAtD;AAEA,SACC,cAAC,eAAD,OACMK,QADN;AAEC,IAAA,KAAK,EAAGF,sBAFT;AAGC,IAAA,MAAM,EAAGG;AAHV,IADD;AAOA;;AAED,eAAeZ,UAAU,CAAEF,WAAF,CAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport { ToolbarItem as BaseToolbarItem } from '@ariakit/react/toolbar';\nimport type { ForwardedRef } from 'react';\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';\nimport type { ToolbarItemProps } from './types';\n\nfunction ToolbarItem(\n\t{ children, as: Component, ...props }: ToolbarItemProps,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarStore = useContext( ToolbarContext );\n\tconst isRenderProp = typeof children === 'function';\n\n\tif ( ! isRenderProp && ! 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 ( ! accessibleToolbarStore ) {\n\t\tif ( Component ) {\n\t\t\treturn <Component { ...allProps }>{ children }</Component>;\n\t\t}\n\t\tif ( ! isRenderProp ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn children( allProps );\n\t}\n\n\tconst render = isRenderProp ? children : Component && <Component />;\n\n\treturn (\n\t\t<BaseToolbarItem\n\t\t\t{ ...allProps }\n\t\t\tstore={ accessibleToolbarStore }\n\t\t\trender={ render }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolbarItem );\n"]}
+{"version":3,"names":["ToolbarItem","BaseToolbarItem","forwardRef","useContext","warning","ToolbarContext","children","as","Component","props","ref","accessibleToolbarStore","isRenderProp","process","env","NODE_ENV","allProps","createElement","render","store"],"sources":["@wordpress/components/src/toolbar/toolbar-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ToolbarItem as BaseToolbarItem } from '@ariakit/react/toolbar';\nimport type { ForwardedRef } from 'react';\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';\nimport type { ToolbarItemProps } from './types';\n\nfunction ToolbarItem(\n\t{ children, as: Component, ...props }: ToolbarItemProps,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarStore = useContext( ToolbarContext );\n\tconst isRenderProp = typeof children === 'function';\n\n\tif ( ! isRenderProp && ! 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 ( ! accessibleToolbarStore ) {\n\t\tif ( Component ) {\n\t\t\treturn <Component { ...allProps }>{ children }</Component>;\n\t\t}\n\t\tif ( ! isRenderProp ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn children( allProps );\n\t}\n\n\tconst render = isRenderProp ? children : Component && <Component />;\n\n\treturn (\n\t\t<BaseToolbarItem\n\t\t\t{ ...allProps }\n\t\t\tstore={ accessibleToolbarStore }\n\t\t\trender={ render }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolbarItem );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,eAAe,QAAQ,wBAAwB;AAGvE;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;AAC3D,OAAOC,OAAO,MAAM,oBAAoB;;AAExC;AACA;AACA;AACA,OAAOC,cAAc,MAAM,oBAAoB;AAG/C,SAASL,WAAWA,CACnB;EAAEM,QAAQ;EAAEC,EAAE,EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,EACvDC,GAAwB,EACvB;EACD,MAAMC,sBAAsB,GAAGR,UAAU,CAAEE,cAAe,CAAC;EAC3D,MAAMO,YAAY,GAAG,OAAON,QAAQ,KAAK,UAAU;EAEnD,IAAK,CAAEM,YAAY,IAAI,CAAEJ,SAAS,EAAG;IACpC,OAAAK,OAAA,oBAAAA,OAAA,CAAAC,GAAA,IAAAD,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAX,OAAO,CACN,sIAAsI,GACrI,2EACF,CAAC;IACD,OAAO,IAAI;EACZ;EAEA,MAAMY,QAAQ,GAAG;IAAE,GAAGP,KAAK;IAAEC,GAAG;IAAE,mBAAmB,EAAE;EAAK,CAAC;EAE7D,IAAK,CAAEC,sBAAsB,EAAG;IAC/B,IAAKH,SAAS,EAAG;MAChB,OAAOS,aAAA,CAACT,SAAS;QAAA,GAAMQ;MAAQ,GAAKV,QAAqB,CAAC;IAC3D;IACA,IAAK,CAAEM,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IACA,OAAON,QAAQ,CAAEU,QAAS,CAAC;EAC5B;EAEA,MAAME,MAAM,GAAGN,YAAY,GAAGN,QAAQ,GAAGE,SAAS,IAAIS,aAAA,CAACT,SAAS,MAAE,CAAC;EAEnE,OACCS,aAAA,CAAChB,eAAe;IAAA,GACVe,QAAQ;IACbG,KAAK,EAAGR,sBAAwB;IAChCO,MAAM,EAAGA;EAAQ,CACjB,CAAC;AAEJ;AAEA,eAAehB,UAAU,CAAEF,WAAY,CAAC"}

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

@@ -3,7 +3,6 @@
  */
 import { forwardRef } from '@wordpress/element';
 import warning from '@wordpress/warning';
-
 function ToolbarItem({
   children,
   ...props
@@ -12,11 +11,10 @@ function ToolbarItem({
     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;
   }
-
-  return children({ ...props,
+  return children({
+    ...props,
     ref
   });
 }
-
 export default forwardRef(ToolbarItem);
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toolbar/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,"names":["forwardRef","warning","ToolbarItem","children","props","ref","process","env","NODE_ENV"],"sources":["@wordpress/components/src/toolbar/toolbar-item/index.native.js"],"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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,OAAOC,OAAO,MAAM,oBAAoB;AAExC,SAASC,WAAWA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACnD,IAAK,OAAOF,QAAQ,KAAK,UAAU,EAAG;IACrC,OAAAG,OAAA,oBAAAA,OAAA,CAAAC,GAAA,IAAAD,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAP,OAAO,CACN,yFACD,CAAC;IACD,OAAO,IAAI;EACZ;EACA,OAAOE,QAAQ,CAAE;IAAE,GAAGC,KAAK;IAAEC;EAAI,CAAE,CAAC;AACrC;AAEA,eAAeL,UAAU,CAAEE,WAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/toolbar/toolbar-item/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type {\n\tReactElement,\n\tReactNode,\n\tElementType,\n\tHTMLAttributes,\n\tRefAttributes,\n} from 'react';\n\nexport type ToolbarItemProps = Omit< HTMLAttributes< any >, 'children' > & {\n\t/**\n\t * Component type that will be used to render the toolbar item.\n\t */\n\tas?: ElementType;\n\t/**\n\t * A function that receives the props that should be spread onto the element\n\t * that will be rendered as a toolbar item. If the `as` prop is not provided,\n\t * this prop will accept a ReactNode instead.\n\t */\n\tchildren?:\n\t\t| ReactNode\n\t\t| ( (\n\t\t\t\tprops: HTMLAttributes< any > & RefAttributes< any >\n\t\t  ) => ReactElement | null );\n};\n"],"mappings":""}

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

@@ -2,12 +2,12 @@
  * WordPress dependencies
  */
 import { createContext, useContext } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
 
 const noop = () => undefined;
-
 export const ToolsPanelContext = createContext({
   menuItems: {
     default: {},

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","shouldRenderPlaceholderItems","registerPanelItem","deregisterPanelItem","flagItemCustomization","registerResetAllFilter","deregisterResetAllFilter","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,sBAAsB,EAAEZ,IARgD;AASxEa,EAAAA,wBAAwB,EAAEb,IAT8C;AAUxEc,EAAAA,4BAA4B,EAAE;AAV0C,CAA3B,CAAvC;AAaP,OAAO,MAAMC,oBAAoB,GAAG,MACnChB,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\tregisterResetAllFilter: noop,\n\tderegisterResetAllFilter: noop,\n\tareAllOptionalControlsHidden: true,\n} );\n\nexport const useToolsPanelContext = () =>\n\tuseContext< ToolsPanelContextType >( ToolsPanelContext );\n"]}
+{"version":3,"names":["createContext","useContext","noop","undefined","ToolsPanelContext","menuItems","default","optional","hasMenuItems","isResetting","shouldRenderPlaceholderItems","registerPanelItem","deregisterPanelItem","flagItemCustomization","registerResetAllFilter","deregisterResetAllFilter","areAllOptionalControlsHidden","useToolsPanelContext"],"sources":["@wordpress/components/src/tools-panel/context.ts"],"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\tregisterResetAllFilter: noop,\n\tderegisterResetAllFilter: noop,\n\tareAllOptionalControlsHidden: true,\n} );\n\nexport const useToolsPanelContext = () =>\n\tuseContext< ToolsPanelContextType >( ToolsPanelContext );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,oBAAoB;;AAE9D;AACA;AACA;;AAGA,MAAMC,IAAI,GAAGA,CAAA,KAAMC,SAAS;AAE5B,OAAO,MAAMC,iBAAiB,GAAGJ,aAAa,CAA2B;EACxEK,SAAS,EAAE;IAAEC,OAAO,EAAE,CAAC,CAAC;IAAEC,QAAQ,EAAE,CAAC;EAAE,CAAC;EACxCC,YAAY,EAAE,KAAK;EACnBC,WAAW,EAAE,KAAK;EAClBC,4BAA4B,EAAE,KAAK;EACnCC,iBAAiB,EAAET,IAAI;EACvBU,mBAAmB,EAAEV,IAAI;EACzBW,qBAAqB,EAAEX,IAAI;EAC3BY,sBAAsB,EAAEZ,IAAI;EAC5Ba,wBAAwB,EAAEb,IAAI;EAC9Bc,4BAA4B,EAAE;AAC/B,CAAE,CAAC;AAEH,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KACnChB,UAAU,CAA2BG,iBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tools-panel/index.ts"],"names":["default","ToolsPanel","ToolsPanelItem","ToolsPanelContext"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,eAAtC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,oBAA1C;AACA,SAASC,iBAAT,QAAkC,WAAlC","sourcesContent":["export { default as ToolsPanel } from './tools-panel';\nexport { default as ToolsPanelItem } from './tools-panel-item';\nexport { ToolsPanelContext } from './context';\n"]}
+{"version":3,"names":["default","ToolsPanel","ToolsPanelItem","ToolsPanelContext"],"sources":["@wordpress/components/src/tools-panel/index.ts"],"sourcesContent":["export { default as ToolsPanel } from './tools-panel';\nexport { default as ToolsPanelItem } from './tools-panel-item';\nexport { ToolsPanelContext } from './context';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,eAAe;AACrD,SAASD,OAAO,IAAIE,cAAc,QAAQ,oBAAoB;AAC9D,SAASC,iBAAiB,QAAQ,WAAW"}