@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_button","_toolbarItem","_toolbarContext","_toolbarButtonContainer","_jsxRuntime","useDeprecatedProps","isDisabled","otherProps","disabled","UnforwardedToolbarButton","props","ref","children","className","containerClassName","extraProps","isActive","title","restProps","accessibleToolbarState","useContext","ToolbarContext","jsx","default","icon","size","label","shortcut","subscript","onClick","event","stopPropagation","clsx","isPressed","accessibleWhenDisabled","toolbarItemProps","ToolbarButton","exports","forwardRef","_default"],"sources":["@wordpress/components/src/toolbar/toolbar-button/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 { ToolbarButtonOverriddenProps, ToolbarButtonProps } from './types';\nimport type { WordPressComponentProps } from '../../context';\n\nfunction useDeprecatedProps( {\n\tisDisabled,\n\t...otherProps\n}: React.ComponentProps< typeof ToolbarButton > ) {\n\treturn {\n\t\tdisabled: isDisabled,\n\t\t...otherProps,\n\t};\n}\n\nfunction UnforwardedToolbarButton(\n\tprops: Omit<\n\t\tWordPressComponentProps< ToolbarButtonProps, typeof Button, false >,\n\t\t'accessibleWhenDisabled' // By default, ToolbarButton will be focusable when disabled.\n\t> &\n\t\tToolbarButtonOverriddenProps,\n\tref: ForwardedRef< any >\n) {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tcontainerClassName,\n\t\textraProps,\n\t\tisActive,\n\t\ttitle,\n\t\t...restProps\n\t} = useDeprecatedProps( props );\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={ restProps.icon }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tshortcut={ restProps.shortcut }\n\t\t\t\t\tdata-subscript={ restProps.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 restProps.onClick.\n\t\t\t\t\t\tif ( restProps.onClick ) {\n\t\t\t\t\t\t\trestProps.onClick( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tclassName={ clsx(\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\taccessibleWhenDisabled\n\t\t\t\t\tdata-toolbar-item\n\t\t\t\t\t{ ...extraProps }\n\t\t\t\t\t{ ...restProps }\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={ clsx( 'components-toolbar-button', className ) }\n\t\t\t{ ...extraProps }\n\t\t\t{ ...restProps }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tisPressed={ isActive }\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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,uBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgE,IAAAM,WAAA,GAAAN,OAAA;AAjBhE;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,SAASO,kBAAkBA,CAAE;EAC5BC,UAAU;EACV,GAAGC;AAC0C,CAAC,EAAG;EACjD,OAAO;IACNC,QAAQ,EAAEF,UAAU;IACpB,GAAGC;EACJ,CAAC;AACF;AAEA,SAASE,wBAAwBA,CAChCC,KAI6B,EAC7BC,GAAwB,EACvB;EACD,MAAM;IACLC,QAAQ;IACRC,SAAS;IACTC,kBAAkB;IAClBC,UAAU;IACVC,QAAQ;IACRC,KAAK;IACL,GAAGC;EACJ,CAAC,GAAGb,kBAAkB,CAAEK,KAAM,CAAC;EAC/B,MAAMS,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAEF,sBAAsB,EAAG;IAC/B,oBACC,IAAAf,WAAA,CAAAkB,GAAA,EAACnB,uBAAA,CAAAoB,OAAsB;MAACV,SAAS,EAAGC,kBAAoB;MAAAF,QAAA,eACvD,IAAAR,WAAA,CAAAkB,GAAA,EAACtB,OAAA,CAAAuB,OAAM;QACNZ,GAAG,EAAGA,GAAK;QACXa,IAAI,EAAGN,SAAS,CAACM,IAAM;QACvBC,IAAI,EAAC,SAAS;QACdC,KAAK,EAAGT,KAAO;QACfU,QAAQ,EAAGT,SAAS,CAACS,QAAU;QAC/B,kBAAiBT,SAAS,CAACU,SAAW;QACtCC,OAAO,EACNC,KAGC,IACG;UACJA,KAAK,CAACC,eAAe,CAAC,CAAC;UACvB;UACA,IAAKb,SAAS,CAACW,OAAO,EAAG;YACxBX,SAAS,CAACW,OAAO,CAAEC,KAAM,CAAC;UAC3B;QACD,CAAG;QACHjB,SAAS,EAAG,IAAAmB,aAAI,EACf,6BAA6B,EAC7BnB,SACD,CAAG;QACHoB,SAAS,EAAGjB,QAAU;QACtBkB,sBAAsB;QACtB,yBAAiB;QAAA,GACZnB,UAAU;QAAA,GACVG,SAAS;QAAAN,QAAA,EAEZA;MAAQ,CACH;IAAC,CACc,CAAC;EAE3B;;EAEA;EACA;EACA;EACA,oBACC,IAAAR,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAsB,OAAW;IACXV,SAAS,EAAG,IAAAmB,aAAI,EAAE,2BAA2B,EAAEnB,SAAU,CAAG;IAAA,GACvDE,UAAU;IAAA,GACVG,SAAS;IACdP,GAAG,EAAGA,GAAK;IAAAC,QAAA,EAEPuB,gBAAgB,iBACnB,IAAA/B,WAAA,CAAAkB,GAAA,EAACtB,OAAA,CAAAuB,OAAM;MACNE,IAAI,EAAC,SAAS;MACdC,KAAK,EAAGT,KAAO;MACfgB,SAAS,EAAGjB,QAAU;MAAA,GACjBmB,gBAAgB;MAAAvB,QAAA,EAEnBA;IAAQ,CACH;EACR,CACW,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMwB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,mBAAU,EAAE7B,wBAAyB,CAAC;AAAC,IAAA8B,QAAA,GAAAF,OAAA,CAAAd,OAAA,GACrDa,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toolbar/toolbar-button/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 { jsx as _jsx } from \"react/jsx-runtime\";\nfunction useDeprecatedProps({\n  isDisabled,\n  ...otherProps\n}) {\n  return {\n    disabled: isDisabled,\n    ...otherProps\n  };\n}\nfunction UnforwardedToolbarButton(props, ref) {\n  const {\n    children,\n    className,\n    containerClassName,\n    extraProps,\n    isActive,\n    title,\n    ...restProps\n  } = useDeprecatedProps(props);\n  const accessibleToolbarState = useContext(ToolbarContext);\n  if (!accessibleToolbarState) {\n    return /*#__PURE__*/_jsx(ToolbarButtonContainer, {\n      className: containerClassName,\n      children: /*#__PURE__*/_jsx(Button, {\n        ref: ref,\n        icon: restProps.icon,\n        size: \"compact\",\n        label: title,\n        shortcut: restProps.shortcut,\n        \"data-subscript\": restProps.subscript,\n        onClick: event => {\n          event.stopPropagation();\n          // TODO: Possible bug; maybe use onClick instead of restProps.onClick.\n          if (restProps.onClick) {\n            restProps.onClick(event);\n          }\n        },\n        className: clsx('components-toolbar__control', className),\n        isPressed: isActive,\n        accessibleWhenDisabled: true,\n        \"data-toolbar-item\": true,\n        ...extraProps,\n        ...restProps,\n        children: children\n      })\n    });\n  }\n\n  // ToobarItem will pass all props to the render prop child, which will pass\n  // all props to Button. This means that ToolbarButton has the same API as\n  // Button.\n  return /*#__PURE__*/_jsx(ToolbarItem, {\n    className: clsx('components-toolbar-button', className),\n    ...extraProps,\n    ...restProps,\n    ref: ref,\n    children: toolbarItemProps => /*#__PURE__*/_jsx(Button, {\n      size: \"compact\",\n      label: title,\n      isPressed: isActive,\n      ...toolbarItemProps,\n      children: children\n    })\n  });\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 { pencil } 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={ pencil }\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;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAAuC;AAKvC,oBAAmB;AACnB,0BAAwB;AACxB,6BAA2B;AAC3B,sCAAmC;AACnC,yBAA4B;AAC5B,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAG;AACD,SAAO;AAAA,IACL,UAAU;AAAA,IACV,GAAG;AAAA,EACL;AACF;AACA,SAAS,yBAAyB,OAAO,KAAK;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,mBAAmB,KAAK;AAC5B,QAAM,6BAAyB,2BAAW,uBAAAA,OAAc;AACxD,MAAI,CAAC,wBAAwB;AAC3B,WAAoB,uCAAAC,KAAK,gCAAAC,SAAwB;AAAA,MAC/C,WAAW;AAAA,MACX,UAAuB,uCAAAD,KAAK,cAAAE,SAAQ;AAAA,QAClC;AAAA,QACA,MAAM,UAAU;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU,UAAU;AAAA,QACpB,kBAAkB,UAAU;AAAA,QAC5B,SAAS,WAAS;AAChB,gBAAM,gBAAgB;AAEtB,cAAI,UAAU,SAAS;AACrB,sBAAU,QAAQ,KAAK;AAAA,UACzB;AAAA,QACF;AAAA,QACA,eAAW,YAAAC,SAAK,+BAA+B,SAAS;AAAA,QACxD,WAAW;AAAA,QACX,wBAAwB;AAAA,QACxB,qBAAqB;AAAA,QACrB,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAKA,SAAoB,uCAAAH,KAAK,oBAAAI,SAAa;AAAA,IACpC,eAAW,YAAAD,SAAK,6BAA6B,SAAS;AAAA,IACtD,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,UAAU,sBAAiC,uCAAAH,KAAK,cAAAE,SAAQ;AAAA,MACtD,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAuBO,MAAM,oBAAgB,2BAAW,wBAAwB;AAChE,IAAO,yBAAQ;",
+  "names": ["ToolbarContext", "_jsx", "ToolbarButtonContainer", "Button", "clsx", "ToolbarItem"]
+}

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

@@ -1,20 +1,33 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toolbar_button_container_exports = {};
+__export(toolbar_button_container_exports, {
+  default: () => toolbar_button_container_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(toolbar_button_container_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const ToolbarButtonContainer = ({
   children,
   className
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-  className: className,
-  children: children
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  className,
+  children
 });
-var _default = exports.default = ToolbarButtonContainer;
-//# sourceMappingURL=toolbar-button-container.js.map
+var toolbar_button_container_default = ToolbarButtonContainer;
+//# sourceMappingURL=toolbar-button-container.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["ToolbarButtonContainer","children","className","_jsxRuntime","jsx","_default","exports","default"],"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,kBAC7B,IAAAC,WAAA,CAAAC,GAAA;EAAKF,SAAS,EAAGA,SAAW;EAAAD,QAAA,EAAGA;AAAQ,CAAO,CAC9C;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaP,sBAAsB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toolbar/toolbar-button/toolbar-button-container.tsx"],
+  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Internal dependencies\n */\n\nconst ToolbarButtonContainer = ({\n  children,\n  className\n}) => /*#__PURE__*/_jsx(\"div\", {\n  className: className,\n  children: children\n});\nexport default ToolbarButtonContainer;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B;AAK5B,MAAM,yBAAyB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAAmB,uCAAAA,KAAK,OAAO;AAAA,EAC7B;AAAA,EACA;AACF,CAAC;AACD,IAAO,mCAAQ;",
+  "names": ["_jsx"]
+}

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

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

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

@@ -1 +1,7 @@
-{"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\t * @deprecated Use `disabled` instead.\n\t * @ignore\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 ToolbarButtonOverriddenProps = {\n\t/**\n\t * Whether to keep the button focusable when disabled.\n\t *\n\t * In most cases, it is recommended to set this to `true`. Disabling a control without maintaining focusability\n\t * can cause accessibility issues, by hiding their presence from screen reader users,\n\t * or by preventing focus from returning to a trigger element.\n\t *\n\t * Learn more about the [focusability of disabled controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols)\n\t * in the WAI-ARIA Authoring Practices Guide.\n\t *\n\t * @default true\n\t */\n\taccessibleWhenDisabled?: boolean;\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":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toolbar/toolbar-button/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,19 +1,28 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toolbar_context_exports = {};
+__export(toolbar_context_exports, {
+  default: () => toolbar_context_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-const ToolbarContext = (0, _element.createContext)(undefined);
-ToolbarContext.displayName = 'ToolbarContext';
-var _default = exports.default = ToolbarContext;
-//# sourceMappingURL=index.js.map
+module.exports = __toCommonJS(toolbar_context_exports);
+var import_element = require("@wordpress/element");
+const ToolbarContext = (0, import_element.createContext)(void 0);
+ToolbarContext.displayName = "ToolbarContext";
+var toolbar_context_default = ToolbarContext;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","ToolbarContext","createContext","undefined","displayName","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-context/index.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst ToolbarContext = createContext< Ariakit.ToolbarStore | undefined >(\n\tundefined\n);\nToolbarContext.displayName = 'ToolbarContext';\n\nexport default ToolbarContext;\n"],"mappings":";;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMC,cAAc,GAAG,IAAAC,sBAAa,EACnCC,SACD,CAAC;AACDF,cAAc,CAACG,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/BN,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toolbar/toolbar-context/index.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\nconst ToolbarContext = createContext(undefined);\nToolbarContext.displayName = 'ToolbarContext';\nexport default ToolbarContext;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA8B;AAC9B,MAAM,qBAAiB,8BAAc,MAAS;AAC9C,eAAe,cAAc;AAC7B,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -1,42 +1,53 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toolbar_dropdown_menu_exports = {};
+__export(toolbar_dropdown_menu_exports, {
+  ToolbarDropdownMenu: () => ToolbarDropdownMenu,
+  default: () => toolbar_dropdown_menu_default
 });
-exports.default = exports.ToolbarDropdownMenu = void 0;
-var _element = require("@wordpress/element");
-var _toolbarItem = _interopRequireDefault(require("../toolbar-item"));
-var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
-var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(toolbar_dropdown_menu_exports);
+var import_element = require("@wordpress/element");
+var import_toolbar_item = __toESM(require("../toolbar-item"));
+var import_toolbar_context = __toESM(require("../toolbar-context"));
+var import_dropdown_menu = __toESM(require("../../dropdown-menu"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function UnforwardedToolbarDropdownMenu(props, ref) {
-  const accessibleToolbarState = (0, _element.useContext)(_toolbarContext.default);
+  const accessibleToolbarState = (0, import_element.useContext)(import_toolbar_context.default);
   if (!accessibleToolbarState) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.default, {
       ...props
     });
   }
-
-  // ToolbarItem 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 /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarItem.default, {
-    ref: ref,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toolbar_item.default, {
+    ref,
     ...props.toggleProps,
-    children: toolbarItemProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
+    children: (toolbarItemProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.default, {
       ...props,
       popoverProps: {
         ...props.popoverProps
@@ -45,6 +56,10 @@ function UnforwardedToolbarDropdownMenu(props, ref) {
     })
   });
 }
-const ToolbarDropdownMenu = exports.ToolbarDropdownMenu = (0, _element.forwardRef)(UnforwardedToolbarDropdownMenu);
-var _default = exports.default = ToolbarDropdownMenu;
-//# sourceMappingURL=index.js.map
+const ToolbarDropdownMenu = (0, import_element.forwardRef)(UnforwardedToolbarDropdownMenu);
+var toolbar_dropdown_menu_default = ToolbarDropdownMenu;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToolbarDropdownMenu
+});
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_toolbarItem","_interopRequireDefault","_toolbarContext","_dropdownMenu","_jsxRuntime","UnforwardedToolbarDropdownMenu","props","ref","accessibleToolbarState","useContext","ToolbarContext","jsx","default","toggleProps","children","toolbarItemProps","popoverProps","ToolbarDropdownMenu","exports","forwardRef","_default"],"sources":["@wordpress/components/src/toolbar/toolbar-dropdown-menu/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport DropdownMenu from '../../dropdown-menu';\nimport type { DropdownMenuProps } from '../../dropdown-menu/types';\n\nfunction UnforwardedToolbarDropdownMenu(\n\tprops: DropdownMenuProps,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn <DropdownMenu { ...props } />;\n\t}\n\n\t// ToolbarItem 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 const ToolbarDropdownMenu = forwardRef( UnforwardedToolbarDropdownMenu );\nexport default ToolbarDropdownMenu;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA+C,IAAAK,WAAA,GAAAL,OAAA;AAf/C;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASM,8BAA8BA,CACtCC,KAAwB,EACxBC,GAAwB,EACvB;EACD,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAEF,sBAAsB,EAAG;IAC/B,oBAAO,IAAAJ,WAAA,CAAAO,GAAA,EAACR,aAAA,CAAAS,OAAY;MAAA,GAAMN;IAAK,CAAI,CAAC;EACrC;;EAEA;EACA;EACA;EACA,oBACC,IAAAF,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAY,OAAW;IAACL,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK,CAACO,WAAW;IAAAC,QAAA,EAC1CC,gBAAgB,iBACnB,IAAAX,WAAA,CAAAO,GAAA,EAACR,aAAA,CAAAS,OAAY;MAAA,GACPN,KAAK;MACVU,YAAY,EAAG;QACd,GAAGV,KAAK,CAACU;MACV,CAAG;MACHH,WAAW,EAAGE;IAAkB,CAChC;EACD,CACW,CAAC;AAEhB;AAEO,MAAME,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,mBAAU,EAAEd,8BAA+B,CAAC;AAAC,IAAAe,QAAA,GAAAF,OAAA,CAAAN,OAAA,GACjEK,mBAAmB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toolbar/toolbar-dropdown-menu/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport DropdownMenu from '../../dropdown-menu';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToolbarDropdownMenu(props, ref) {\n  const accessibleToolbarState = useContext(ToolbarContext);\n  if (!accessibleToolbarState) {\n    return /*#__PURE__*/_jsx(DropdownMenu, {\n      ...props\n    });\n  }\n\n  // ToolbarItem will pass all props to the render prop child, which will pass\n  // all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu\n  // has the same API as DropdownMenu.\n  return /*#__PURE__*/_jsx(ToolbarItem, {\n    ref: ref,\n    ...props.toggleProps,\n    children: toolbarItemProps => /*#__PURE__*/_jsx(DropdownMenu, {\n      ...props,\n      popoverProps: {\n        ...props.popoverProps\n      },\n      toggleProps: toolbarItemProps\n    })\n  });\n}\nexport const ToolbarDropdownMenu = forwardRef(UnforwardedToolbarDropdownMenu);\nexport default ToolbarDropdownMenu;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAuC;AASvC,0BAAwB;AACxB,6BAA2B;AAC3B,2BAAyB;AACzB,yBAA4B;AAC5B,SAAS,+BAA+B,OAAO,KAAK;AAClD,QAAM,6BAAyB,2BAAW,uBAAAA,OAAc;AACxD,MAAI,CAAC,wBAAwB;AAC3B,WAAoB,uCAAAC,KAAK,qBAAAC,SAAc;AAAA,MACrC,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAKA,SAAoB,uCAAAD,KAAK,oBAAAE,SAAa;AAAA,IACpC;AAAA,IACA,GAAG,MAAM;AAAA,IACT,UAAU,sBAAiC,uCAAAF,KAAK,qBAAAC,SAAc;AAAA,MAC5D,GAAG;AAAA,MACH,cAAc;AAAA,QACZ,GAAG,MAAM;AAAA,MACX;AAAA,MACA,aAAa;AAAA,IACf,CAAC;AAAA,EACH,CAAC;AACH;AACO,MAAM,0BAAsB,2BAAW,8BAA8B;AAC5E,IAAO,gCAAQ;",
+  "names": ["ToolbarContext", "_jsx", "DropdownMenu", "ToolbarItem"]
+}

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

@@ -1,63 +1,46 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toolbar_group_exports = {};
+__export(toolbar_group_exports, {
+  default: () => toolbar_group_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _toolbarButton = _interopRequireDefault(require("../toolbar-button"));
-var _toolbarGroupContainer = _interopRequireDefault(require("./toolbar-group-container"));
-var _toolbarGroupCollapsed = _interopRequireDefault(require("./toolbar-group-collapsed"));
-var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(toolbar_group_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_toolbar_button = __toESM(require("../toolbar-button"));
+var import_toolbar_group_container = __toESM(require("./toolbar-group-container"));
+var import_toolbar_group_collapsed = __toESM(require("./toolbar-group-collapsed"));
+var import_toolbar_context = __toESM(require("../toolbar-context"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function isNestedArray(arr) {
   return Array.isArray(arr) && Array.isArray(arr[0]);
 }
-
-/**
- * Renders a collapsible group of controls
- *
- * The `controls` prop accepts an array of sets. A set is an array of controls.
- * Controls have the following shape:
- *
- * ```
- * {
- *   icon: string,
- *   title: string,
- *   subscript: string,
- *   onClick: Function,
- *   isActive: boolean,
- *   isDisabled: boolean
- * }
- * ```
- *
- * For convenience it is also possible to pass only an array of controls. It is
- * then assumed this is the only set.
- *
- * Either `controls` or `children` is required, otherwise this components
- * renders nothing.
- *
- * @param props               Component props.
- * @param [props.controls]    The controls to render in this toolbar.
- * @param [props.children]    Any other things to render inside the toolbar besides the controls.
- * @param [props.className]   Class to set on the container div.
- * @param [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.
- * @param [props.title]       ARIA label for dropdown menu if is collapsed.
- */
 function ToolbarGroup({
   controls = [],
   children,
@@ -66,18 +49,16 @@ function ToolbarGroup({
   title,
   ...props
 }) {
-  // It'll contain state if `ToolbarGroup` is being used within
-  // `<Toolbar label="label" />`
-  const accessibleToolbarState = (0, _element.useContext)(_toolbarContext.default);
+  const accessibleToolbarState = (0, import_element.useContext)(import_toolbar_context.default);
   if ((!controls || !controls.length) && !children) {
     return null;
   }
-  const finalClassName = (0, _clsx.default)(
-  // 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)
+  const finalClassName = (0, import_clsx.default)(
+    // Unfortunately, there's legacy code referencing to `.components-toolbar`
+    // So we can't get rid of it
+    accessibleToolbarState ? "components-toolbar-group" : "components-toolbar",
+    className
+  );
   let controlSets;
   if (isNestedArray(controls)) {
     controlSets = controls;
@@ -85,22 +66,22 @@ function ToolbarGroup({
     controlSets = [controls];
   }
   if (isCollapsed) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarGroupCollapsed.default, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toolbar_group_collapsed.default, {
       label: title,
       controls: controlSets,
       className: finalClassName,
-      children: children,
+      children,
       ...props
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_toolbarGroupContainer.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_toolbar_group_container.default, {
     className: finalClassName,
     ...props,
-    children: [controlSets?.flatMap((controlSet, indexOfSet) => controlSet.map((control, indexOfControl) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarButton.default, {
-      containerClassName: indexOfSet > 0 && indexOfControl === 0 ? 'has-left-divider' : undefined,
+    children: [controlSets?.flatMap((controlSet, indexOfSet) => controlSet.map((control, indexOfControl) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toolbar_button.default, {
+      containerClassName: indexOfSet > 0 && indexOfControl === 0 ? "has-left-divider" : void 0,
       ...control
     }, [indexOfSet, indexOfControl].join()))), children]
   });
 }
-var _default = exports.default = ToolbarGroup;
-//# sourceMappingURL=index.js.map
+var toolbar_group_default = ToolbarGroup;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_toolbarButton","_toolbarGroupContainer","_toolbarGroupCollapsed","_toolbarContext","_jsxRuntime","isNestedArray","arr","Array","isArray","ToolbarGroup","controls","children","className","isCollapsed","title","props","accessibleToolbarState","useContext","ToolbarContext","length","finalClassName","clsx","controlSets","jsx","default","label","jsxs","flatMap","controlSet","indexOfSet","map","control","indexOfControl","containerClassName","undefined","join","_default","exports"],"sources":["@wordpress/components/src/toolbar/toolbar-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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';\nimport type { ToolbarGroupProps, ToolbarGroupControls } from './types';\n\nfunction isNestedArray< T = any >( arr: T[] | T[][] ): arr is T[][] {\n\treturn Array.isArray( arr ) && Array.isArray( arr[ 0 ] );\n}\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 props               Component props.\n * @param [props.controls]    The controls to render in this toolbar.\n * @param [props.children]    Any other things to render inside the toolbar besides the controls.\n * @param [props.className]   Class to set on the container div.\n * @param [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.\n * @param [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}: ToolbarGroupProps ) {\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 = clsx(\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: ToolbarGroupControls[][];\n\tif ( isNestedArray( controls ) ) {\n\t\tcontrolSets = controls;\n\t} else {\n\t\tcontrolSets = [ controls ];\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: number ) => (\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: undefined\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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,sBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgD,IAAAM,WAAA,GAAAN,OAAA;AAhBhD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASO,aAAaA,CAAaC,GAAgB,EAAiB;EACnE,OAAOC,KAAK,CAACC,OAAO,CAAEF,GAAI,CAAC,IAAIC,KAAK,CAACC,OAAO,CAAEF,GAAG,CAAE,CAAC,CAAG,CAAC;AACzD;;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,SAASG,YAAYA,CAAE;EACtBC,QAAQ,GAAG,EAAE;EACbC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,KAAK;EACL,GAAGC;AACe,CAAC,EAAG;EACtB;EACA;EACA,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAE,CAAER,QAAQ,IAAI,CAAEA,QAAQ,CAACS,MAAM,KAAM,CAAER,QAAQ,EAAG;IACxD,OAAO,IAAI;EACZ;EAEA,MAAMS,cAAc,GAAG,IAAAC,aAAI;EAC1B;EACA;EACAL,sBAAsB,GACnB,0BAA0B,GAC1B,oBAAoB,EACvBJ,SACD,CAAC;;EAED;EACA,IAAIU,WAAqC;EACzC,IAAKjB,aAAa,CAAEK,QAAS,CAAC,EAAG;IAChCY,WAAW,GAAGZ,QAAQ;EACvB,CAAC,MAAM;IACNY,WAAW,GAAG,CAAEZ,QAAQ,CAAE;EAC3B;EAEA,IAAKG,WAAW,EAAG;IAClB,oBACC,IAAAT,WAAA,CAAAmB,GAAA,EAACrB,sBAAA,CAAAsB,OAAqB;MACrBC,KAAK,EAAGX,KAAO;MACfJ,QAAQ,EAAGY,WAAa;MACxBV,SAAS,EAAGQ,cAAgB;MAC5BT,QAAQ,EAAGA,QAAU;MAAA,GAChBI;IAAK,CACV,CAAC;EAEJ;EAEA,oBACC,IAAAX,WAAA,CAAAsB,IAAA,EAACzB,sBAAA,CAAAuB,OAAqB;IAACZ,SAAS,EAAGQ,cAAgB;IAAA,GAAML,KAAK;IAAAJ,QAAA,GAC3DW,WAAW,EAAEK,OAAO,CAAE,CAAEC,UAAU,EAAEC,UAAU,KAC/CD,UAAU,CAACE,GAAG,CAAE,CAAEC,OAAO,EAAEC,cAAsB,kBAChD,IAAA5B,WAAA,CAAAmB,GAAA,EAACvB,cAAA,CAAAwB,OAAa;MAEbS,kBAAkB,EACjBJ,UAAU,GAAG,CAAC,IAAIG,cAAc,KAAK,CAAC,GACnC,kBAAkB,GAClBE,SACH;MAAA,GACIH;IAAO,GANN,CAAEF,UAAU,EAAEG,cAAc,CAAE,CAACG,IAAI,CAAC,CAO1C,CACA,CACH,CAAC,EACCxB,QAAQ;EAAA,CACY,CAAC;AAE1B;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEcf,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toolbar/toolbar-group/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction isNestedArray(arr) {\n  return Array.isArray(arr) && Array.isArray(arr[0]);\n}\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 props               Component props.\n * @param [props.controls]    The controls to render in this toolbar.\n * @param [props.children]    Any other things to render inside the toolbar besides the controls.\n * @param [props.className]   Class to set on the container div.\n * @param [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.\n * @param [props.title]       ARIA label for dropdown menu if is collapsed.\n */\nfunction ToolbarGroup({\n  controls = [],\n  children,\n  className,\n  isCollapsed,\n  title,\n  ...props\n}) {\n  // It'll contain state if `ToolbarGroup` is being used within\n  // `<Toolbar label=\"label\" />`\n  const accessibleToolbarState = useContext(ToolbarContext);\n  if ((!controls || !controls.length) && !children) {\n    return null;\n  }\n  const finalClassName = clsx(\n  // Unfortunately, there's legacy code referencing to `.components-toolbar`\n  // So we can't get rid of it\n  accessibleToolbarState ? 'components-toolbar-group' : 'components-toolbar', className);\n\n  // Normalize controls to nested array of objects (sets of controls)\n  let controlSets;\n  if (isNestedArray(controls)) {\n    controlSets = controls;\n  } else {\n    controlSets = [controls];\n  }\n  if (isCollapsed) {\n    return /*#__PURE__*/_jsx(ToolbarGroupCollapsed, {\n      label: title,\n      controls: controlSets,\n      className: finalClassName,\n      children: children,\n      ...props\n    });\n  }\n  return /*#__PURE__*/_jsxs(ToolbarGroupContainer, {\n    className: finalClassName,\n    ...props,\n    children: [controlSets?.flatMap((controlSet, indexOfSet) => controlSet.map((control, indexOfControl) => /*#__PURE__*/_jsx(ToolbarButton, {\n      containerClassName: indexOfSet > 0 && indexOfControl === 0 ? 'has-left-divider' : undefined,\n      ...control\n    }, [indexOfSet, indexOfControl].join()))), children]\n  });\n}\nexport default ToolbarGroup;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAA2B;AAK3B,4BAA0B;AAC1B,qCAAkC;AAClC,qCAAkC;AAClC,6BAA2B;AAC3B,yBAA2C;AAC3C,SAAS,cAAc,KAAK;AAC1B,SAAO,MAAM,QAAQ,GAAG,KAAK,MAAM,QAAQ,IAAI,CAAC,CAAC;AACnD;AAgCA,SAAS,aAAa;AAAA,EACpB,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG;AAGD,QAAM,6BAAyB,2BAAW,uBAAAA,OAAc;AACxD,OAAK,CAAC,YAAY,CAAC,SAAS,WAAW,CAAC,UAAU;AAChD,WAAO;AAAA,EACT;AACA,QAAM,qBAAiB,YAAAC;AAAA;AAAA;AAAA,IAGvB,yBAAyB,6BAA6B;AAAA,IAAsB;AAAA,EAAS;AAGrF,MAAI;AACJ,MAAI,cAAc,QAAQ,GAAG;AAC3B,kBAAc;AAAA,EAChB,OAAO;AACL,kBAAc,CAAC,QAAQ;AAAA,EACzB;AACA,MAAI,aAAa;AACf,WAAoB,uCAAAC,KAAK,+BAAAC,SAAuB;AAAA,MAC9C,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,SAAoB,uCAAAC,MAAM,+BAAAC,SAAuB;AAAA,IAC/C,WAAW;AAAA,IACX,GAAG;AAAA,IACH,UAAU,CAAC,aAAa,QAAQ,CAAC,YAAY,eAAe,WAAW,IAAI,CAAC,SAAS,mBAAgC,uCAAAH,KAAK,sBAAAI,SAAe;AAAA,MACvI,oBAAoB,aAAa,KAAK,mBAAmB,IAAI,qBAAqB;AAAA,MAClF,GAAG;AAAA,IACL,GAAG,CAAC,YAAY,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,QAAQ;AAAA,EACrD,CAAC;AACH;AACA,IAAO,wBAAQ;",
+  "names": ["ToolbarContext", "clsx", "_jsx", "ToolbarGroupCollapsed", "_jsxs", "ToolbarGroupContainer", "ToolbarButton"]
+}

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

@@ -1,46 +1,62 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toolbar_group_collapsed_exports = {};
+__export(toolbar_group_collapsed_exports, {
+  default: () => toolbar_group_collapsed_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
-var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
-var _toolbarItem = _interopRequireDefault(require("../toolbar-item"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(toolbar_group_collapsed_exports);
+var import_element = require("@wordpress/element");
+var import_dropdown_menu = __toESM(require("../../dropdown-menu"));
+var import_toolbar_context = __toESM(require("../toolbar-context"));
+var import_toolbar_item = __toESM(require("../toolbar-item"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function ToolbarGroupCollapsed({
   controls = [],
   toggleProps,
   ...props
 }) {
-  // It'll contain state if `ToolbarGroup` is being used within
-  // `<Toolbar label="label" />`
-  const accessibleToolbarState = (0, _element.useContext)(_toolbarContext.default);
-  const renderDropdownMenu = internalToggleProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
-    controls: controls,
+  const accessibleToolbarState = (0, import_element.useContext)(import_toolbar_context.default);
+  const renderDropdownMenu = (internalToggleProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.default, {
+    controls,
     toggleProps: {
       ...internalToggleProps,
-      'data-toolbar-item': true
+      "data-toolbar-item": true
     },
     ...props
   });
   if (accessibleToolbarState) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarItem.default, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toolbar_item.default, {
       ...toggleProps,
       children: renderDropdownMenu
     });
   }
   return renderDropdownMenu(toggleProps);
 }
-var _default = exports.default = ToolbarGroupCollapsed;
-//# sourceMappingURL=toolbar-group-collapsed.js.map
+var toolbar_group_collapsed_default = ToolbarGroupCollapsed;
+//# sourceMappingURL=toolbar-group-collapsed.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_dropdownMenu","_interopRequireDefault","_toolbarContext","_toolbarItem","_jsxRuntime","ToolbarGroupCollapsed","controls","toggleProps","props","accessibleToolbarState","useContext","ToolbarContext","renderDropdownMenu","internalToggleProps","jsx","default","children","_default","exports"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.tsx"],"sourcesContent":["/**\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';\nimport type { ToolbarGroupCollapsedProps } from './types';\nimport type { DropdownMenuProps } from '../../dropdown-menu/types';\n\nfunction ToolbarGroupCollapsed( {\n\tcontrols = [],\n\ttoggleProps,\n\t...props\n}: ToolbarGroupCollapsedProps ) {\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 = (\n\t\tinternalToggleProps?: DropdownMenuProps[ 'toggleProps' ]\n\t) => (\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":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0C,IAAAK,WAAA,GAAAL,OAAA;AAV1C;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASM,qBAAqBA,CAAE;EAC/BC,QAAQ,GAAG,EAAE;EACbC,WAAW;EACX,GAAGC;AACwB,CAAC,EAAG;EAC/B;EACA;EACA,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,MAAMC,kBAAkB,GACvBC,mBAAwD,iBAExD,IAAAT,WAAA,CAAAU,GAAA,EAACd,aAAA,CAAAe,OAAY;IACZT,QAAQ,EAAGA,QAAU;IACrBC,WAAW,EAAG;MACb,GAAGM,mBAAmB;MACtB,mBAAmB,EAAE;IACtB,CAAG;IAAA,GACEL;EAAK,CACV,CACD;EAED,IAAKC,sBAAsB,EAAG;IAC7B,oBACC,IAAAL,WAAA,CAAAU,GAAA,EAACX,YAAA,CAAAY,OAAW;MAAA,GAAMR,WAAW;MAAAS,QAAA,EAAKJ;IAAkB,CAAe,CAAC;EAEtE;EAEA,OAAOA,kBAAkB,CAAEL,WAAY,CAAC;AACzC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEcV,qBAAqB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toolbar/toolbar-group/toolbar-group-collapsed.tsx"],
+  "sourcesContent": ["/**\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';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction ToolbarGroupCollapsed({\n  controls = [],\n  toggleProps,\n  ...props\n}) {\n  // It'll contain state if `ToolbarGroup` is being used within\n  // `<Toolbar label=\"label\" />`\n  const accessibleToolbarState = useContext(ToolbarContext);\n  const renderDropdownMenu = internalToggleProps => /*#__PURE__*/_jsx(DropdownMenu, {\n    controls: controls,\n    toggleProps: {\n      ...internalToggleProps,\n      'data-toolbar-item': true\n    },\n    ...props\n  });\n  if (accessibleToolbarState) {\n    return /*#__PURE__*/_jsx(ToolbarItem, {\n      ...toggleProps,\n      children: renderDropdownMenu\n    });\n  }\n  return renderDropdownMenu(toggleProps);\n}\nexport default ToolbarGroupCollapsed;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA2B;AAK3B,2BAAyB;AACzB,6BAA2B;AAC3B,0BAAwB;AACxB,yBAA4B;AAC5B,SAAS,sBAAsB;AAAA,EAC7B,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAG;AAGD,QAAM,6BAAyB,2BAAW,uBAAAA,OAAc;AACxD,QAAM,qBAAqB,yBAAoC,uCAAAC,KAAK,qBAAAC,SAAc;AAAA,IAChF;AAAA,IACA,aAAa;AAAA,MACX,GAAG;AAAA,MACH,qBAAqB;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACD,MAAI,wBAAwB;AAC1B,WAAoB,uCAAAD,KAAK,oBAAAE,SAAa;AAAA,MACpC,GAAG;AAAA,MACH,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AACA,SAAO,mBAAmB,WAAW;AACvC;AACA,IAAO,kCAAQ;",
+  "names": ["ToolbarContext", "_jsx", "DropdownMenu", "ToolbarItem"]
+}