@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build/drop-zone/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_element","_icons","_dom","_compose","_jsxRuntime","DropZoneComponent","className","icon","upload","label","onFilesDrop","onHTMLDrop","onDrop","isEligible","restProps","isDraggingOverDocument","setIsDraggingOverDocument","useState","isDraggingOverElement","setIsDraggingOverElement","isActive","setIsActive","ref","useDropZone","event","dataTransfer","files","getFilesFromDataTransfer","html","getData","length","onDragStart","types","includes","onDragEnd","undefined","onDragEnter","onDragLeave","classes","clsx","jsx","children","jsxs","Icon","__","_default","exports","default"],"sources":["@wordpress/components/src/drop-zone/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { upload, Icon } from '@wordpress/icons';\nimport { getFilesFromDataTransfer } from '@wordpress/dom';\nimport { __experimentalUseDropZone as useDropZone } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { DropZoneProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\n/**\n * `DropZone` is a component creating a drop zone area taking the full size of its parent element. It supports dropping files, HTML content or any other HTML drop event.\n *\n * ```jsx\n * import { DropZone } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDropZone = () => {\n *   const [ hasDropped, setHasDropped ] = useState( false );\n *\n *   return (\n *     <div>\n *       { hasDropped ? 'Dropped!' : 'Drop something here' }\n *       <DropZone\n *         onFilesDrop={ () => setHasDropped( true ) }\n *         onHTMLDrop={ () => setHasDropped( true ) }\n *         onDrop={ () => setHasDropped( true ) }\n *       />\n *     </div>\n *   );\n * }\n * ```\n */\nexport function DropZoneComponent( {\n\tclassName,\n\ticon = upload,\n\tlabel,\n\tonFilesDrop,\n\tonHTMLDrop,\n\tonDrop,\n\tisEligible = () => true,\n\t...restProps\n}: WordPressComponentProps< DropZoneProps, 'div', false > ) {\n\tconst [ isDraggingOverDocument, setIsDraggingOverDocument ] =\n\t\tuseState< boolean >();\n\tconst [ isDraggingOverElement, setIsDraggingOverElement ] =\n\t\tuseState< boolean >();\n\tconst [ isActive, setIsActive ] = useState< boolean >();\n\tconst ref = useDropZone( {\n\t\tonDrop( event ) {\n\t\t\tif ( ! event.dataTransfer ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst files = getFilesFromDataTransfer( event.dataTransfer );\n\t\t\tconst html = event.dataTransfer.getData( 'text/html' );\n\n\t\t\t/**\n\t\t\t * From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML.\n\t\t\t * The order of the checks is important to recognize the HTML drop.\n\t\t\t */\n\t\t\tif ( html && onHTMLDrop ) {\n\t\t\t\tonHTMLDrop( html );\n\t\t\t} else if ( files.length && onFilesDrop ) {\n\t\t\t\tonFilesDrop( files );\n\t\t\t} else if ( onDrop ) {\n\t\t\t\tonDrop( event );\n\t\t\t}\n\t\t},\n\t\tonDragStart( event ) {\n\t\t\tsetIsDraggingOverDocument( true );\n\n\t\t\tif ( ! event.dataTransfer ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML.\n\t\t\t * The order of the checks is important to recognize the HTML drop.\n\t\t\t */\n\t\t\tif ( event.dataTransfer.types.includes( 'text/html' ) ) {\n\t\t\t\tsetIsActive( !! onHTMLDrop );\n\t\t\t} else if (\n\t\t\t\t// Check for the types because sometimes the files themselves\n\t\t\t\t// are only available on drop.\n\t\t\t\tevent.dataTransfer.types.includes( 'Files' ) ||\n\t\t\t\tgetFilesFromDataTransfer( event.dataTransfer ).length > 0\n\t\t\t) {\n\t\t\t\tsetIsActive( !! onFilesDrop );\n\t\t\t} else {\n\t\t\t\tsetIsActive( !! onDrop && isEligible( event.dataTransfer ) );\n\t\t\t}\n\t\t},\n\t\tonDragEnd() {\n\t\t\tsetIsDraggingOverElement( false );\n\t\t\tsetIsDraggingOverDocument( false );\n\t\t\tsetIsActive( undefined );\n\t\t},\n\t\tonDragEnter() {\n\t\t\tsetIsDraggingOverElement( true );\n\t\t},\n\t\tonDragLeave() {\n\t\t\tsetIsDraggingOverElement( false );\n\t\t},\n\t} );\n\n\tconst classes = clsx( 'components-drop-zone', className, {\n\t\t'is-active': isActive,\n\t\t'is-dragging-over-document': isDraggingOverDocument,\n\t\t'is-dragging-over-element': isDraggingOverElement,\n\t} );\n\n\treturn (\n\t\t<div { ...restProps } ref={ ref } className={ classes }>\n\t\t\t<div className=\"components-drop-zone__content\">\n\t\t\t\t<div className=\"components-drop-zone__content-inner\">\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tclassName=\"components-drop-zone__content-icon\"\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"components-drop-zone__content-text\">\n\t\t\t\t\t\t{ label ? label : __( 'Drop files to upload' ) }\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default DropZoneComponent;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/drop-zone/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { upload, Icon } from '@wordpress/icons';\nimport { getFilesFromDataTransfer } from '@wordpress/dom';\nimport { __experimentalUseDropZone as useDropZone } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * `DropZone` is a component creating a drop zone area taking the full size of its parent element. It supports dropping files, HTML content or any other HTML drop event.\n *\n * ```jsx\n * import { DropZone } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDropZone = () => {\n *   const [ hasDropped, setHasDropped ] = useState( false );\n *\n *   return (\n *     <div>\n *       { hasDropped ? 'Dropped!' : 'Drop something here' }\n *       <DropZone\n *         onFilesDrop={ () => setHasDropped( true ) }\n *         onHTMLDrop={ () => setHasDropped( true ) }\n *         onDrop={ () => setHasDropped( true ) }\n *       />\n *     </div>\n *   );\n * }\n * ```\n */\nexport function DropZoneComponent({\n  className,\n  icon = upload,\n  label,\n  onFilesDrop,\n  onHTMLDrop,\n  onDrop,\n  isEligible = () => true,\n  ...restProps\n}) {\n  const [isDraggingOverDocument, setIsDraggingOverDocument] = useState();\n  const [isDraggingOverElement, setIsDraggingOverElement] = useState();\n  const [isActive, setIsActive] = useState();\n  const ref = useDropZone({\n    onDrop(event) {\n      if (!event.dataTransfer) {\n        return;\n      }\n      const files = getFilesFromDataTransfer(event.dataTransfer);\n      const html = event.dataTransfer.getData('text/html');\n\n      /**\n       * From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML.\n       * The order of the checks is important to recognize the HTML drop.\n       */\n      if (html && onHTMLDrop) {\n        onHTMLDrop(html);\n      } else if (files.length && onFilesDrop) {\n        onFilesDrop(files);\n      } else if (onDrop) {\n        onDrop(event);\n      }\n    },\n    onDragStart(event) {\n      setIsDraggingOverDocument(true);\n      if (!event.dataTransfer) {\n        return;\n      }\n\n      /**\n       * From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML.\n       * The order of the checks is important to recognize the HTML drop.\n       */\n      if (event.dataTransfer.types.includes('text/html')) {\n        setIsActive(!!onHTMLDrop);\n      } else if (\n      // Check for the types because sometimes the files themselves\n      // are only available on drop.\n      event.dataTransfer.types.includes('Files') || getFilesFromDataTransfer(event.dataTransfer).length > 0) {\n        setIsActive(!!onFilesDrop);\n      } else {\n        setIsActive(!!onDrop && isEligible(event.dataTransfer));\n      }\n    },\n    onDragEnd() {\n      setIsDraggingOverElement(false);\n      setIsDraggingOverDocument(false);\n      setIsActive(undefined);\n    },\n    onDragEnter() {\n      setIsDraggingOverElement(true);\n    },\n    onDragLeave() {\n      setIsDraggingOverElement(false);\n    }\n  });\n  const classes = clsx('components-drop-zone', className, {\n    'is-active': isActive,\n    'is-dragging-over-document': isDraggingOverDocument,\n    'is-dragging-over-element': isDraggingOverElement\n  });\n  return /*#__PURE__*/_jsx(\"div\", {\n    ...restProps,\n    ref: ref,\n    className: classes,\n    children: /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-drop-zone__content\",\n      children: /*#__PURE__*/_jsxs(\"div\", {\n        className: \"components-drop-zone__content-inner\",\n        children: [/*#__PURE__*/_jsx(Icon, {\n          icon: icon,\n          className: \"components-drop-zone__content-icon\"\n        }), /*#__PURE__*/_jsx(\"span\", {\n          className: \"components-drop-zone__content-text\",\n          children: label ? label : __('Drop files to upload')\n        })]\n      })\n    })\n  });\n}\nexport default DropZoneComponent;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAAmB;AACnB,qBAAyB;AACzB,mBAA6B;AAC7B,iBAAyC;AACzC,qBAAyD;AAKzD,yBAA2C;AAwBpC,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,MAAM;AAAA,EACnB,GAAG;AACL,GAAG;AACD,QAAM,CAAC,wBAAwB,yBAAyB,QAAI,yBAAS;AACrE,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,yBAAS;AACnE,QAAM,CAAC,UAAU,WAAW,QAAI,yBAAS;AACzC,QAAM,UAAM,eAAAA,2BAAY;AAAA,IACtB,OAAO,OAAO;AACZ,UAAI,CAAC,MAAM,cAAc;AACvB;AAAA,MACF;AACA,YAAM,YAAQ,qCAAyB,MAAM,YAAY;AACzD,YAAM,OAAO,MAAM,aAAa,QAAQ,WAAW;AAMnD,UAAI,QAAQ,YAAY;AACtB,mBAAW,IAAI;AAAA,MACjB,WAAW,MAAM,UAAU,aAAa;AACtC,oBAAY,KAAK;AAAA,MACnB,WAAW,QAAQ;AACjB,eAAO,KAAK;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY,OAAO;AACjB,gCAA0B,IAAI;AAC9B,UAAI,CAAC,MAAM,cAAc;AACvB;AAAA,MACF;AAMA,UAAI,MAAM,aAAa,MAAM,SAAS,WAAW,GAAG;AAClD,oBAAY,CAAC,CAAC,UAAU;AAAA,MAC1B;AAAA;AAAA;AAAA,QAGA,MAAM,aAAa,MAAM,SAAS,OAAO,SAAK,qCAAyB,MAAM,YAAY,EAAE,SAAS;AAAA,QAAG;AACrG,oBAAY,CAAC,CAAC,WAAW;AAAA,MAC3B,OAAO;AACL,oBAAY,CAAC,CAAC,UAAU,WAAW,MAAM,YAAY,CAAC;AAAA,MACxD;AAAA,IACF;AAAA,IACA,YAAY;AACV,+BAAyB,KAAK;AAC9B,gCAA0B,KAAK;AAC/B,kBAAY,MAAS;AAAA,IACvB;AAAA,IACA,cAAc;AACZ,+BAAyB,IAAI;AAAA,IAC/B;AAAA,IACA,cAAc;AACZ,+BAAyB,KAAK;AAAA,IAChC;AAAA,EACF,CAAC;AACD,QAAM,cAAU,YAAAC,SAAK,wBAAwB,WAAW;AAAA,IACtD,aAAa;AAAA,IACb,6BAA6B;AAAA,IAC7B,4BAA4B;AAAA,EAC9B,CAAC;AACD,SAAoB,uCAAAC,KAAK,OAAO;AAAA,IAC9B,GAAG;AAAA,IACH;AAAA,IACA,WAAW;AAAA,IACX,UAAuB,uCAAAA,KAAK,OAAO;AAAA,MACjC,WAAW;AAAA,MACX,UAAuB,uCAAAC,MAAM,OAAO;AAAA,QAClC,WAAW;AAAA,QACX,UAAU,CAAc,uCAAAD,KAAK,mBAAM;AAAA,UACjC;AAAA,UACA,WAAW;AAAA,QACb,CAAC,GAAgB,uCAAAA,KAAK,QAAQ;AAAA,UAC5B,WAAW;AAAA,UACX,UAAU,QAAQ,YAAQ,gBAAG,sBAAsB;AAAA,QACrD,CAAC,CAAC;AAAA,MACJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,oBAAQ;",
+  "names": ["useDropZone", "clsx", "_jsx", "_jsxs"]
+}

package/build/drop-zone/provider.js

@@ -1,22 +1,44 @@
 "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 provider_exports = {};
+__export(provider_exports, {
+  default: () => DropZoneProvider
 });
-exports.default = DropZoneProvider;
-var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(provider_exports);
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
 function DropZoneProvider({
   children
 }) {
-  (0, _deprecated.default)('wp.components.DropZoneProvider', {
-    since: '5.8',
-    hint: 'wp.component.DropZone no longer needs a provider. wp.components.DropZoneProvider is safe to remove from your code.'
+  (0, import_deprecated.default)("wp.components.DropZoneProvider", {
+    since: "5.8",
+    hint: "wp.component.DropZone no longer needs a provider. wp.components.DropZoneProvider is safe to remove from your code."
   });
   return children;
 }
-//# sourceMappingURL=provider.js.map
+//# sourceMappingURL=provider.js.map

package/build/drop-zone/provider.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_deprecated","_interopRequireDefault","require","DropZoneProvider","children","deprecated","since","hint"],"sources":["@wordpress/components/src/drop-zone/provider.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\nexport default function DropZoneProvider( {\n\tchildren,\n}: {\n\tchildren: React.ReactNode;\n} ) {\n\tdeprecated( 'wp.components.DropZoneProvider', {\n\t\tsince: '5.8',\n\t\thint: 'wp.component.DropZone no longer needs a provider. wp.components.DropZoneProvider is safe to remove from your code.',\n\t} );\n\treturn children;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,gBAAgBA,CAAE;EACzCC;AAGD,CAAC,EAAG;EACH,IAAAC,mBAAU,EAAE,gCAAgC,EAAE;IAC7CC,KAAK,EAAE,KAAK;IACZC,IAAI,EAAE;EACP,CAAE,CAAC;EACH,OAAOH,QAAQ;AAChB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/drop-zone/provider.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nexport default function DropZoneProvider({\n  children\n}) {\n  deprecated('wp.components.DropZoneProvider', {\n    since: '5.8',\n    hint: 'wp.component.DropZone no longer needs a provider. wp.components.DropZoneProvider is safe to remove from your code.'\n  });\n  return children;\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AACR,SAAR,iBAAkC;AAAA,EACvC;AACF,GAAG;AACD,wBAAAA,SAAW,kCAAkC;AAAA,IAC3C,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,SAAO;AACT;",
+  "names": ["deprecated"]
+}

package/build/drop-zone/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/drop-zone/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/drop-zone/types.ts"],"sourcesContent":["export type DropType = 'file' | 'html' | 'default';\n\nexport type DropZoneProps = {\n\t/**\n\t * A CSS `class` to give to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * An icon to be shown within the drop zone area.\n\t *\n\t * @default \"upload\"\n\t */\n\ticon?: JSX.Element;\n\t/**\n\t * A string to be shown within the drop zone area.\n\t *\n\t * @default `__( 'Drop files to upload' )`\n\t */\n\tlabel?: string;\n\t/**\n\t * The function is generic drop handler called if the `onFilesDrop` or `onHTMLDrop` are not called.\n\t * It receives the drop `event` object as an argument.\n\t */\n\tonDrop?: ( event: DragEvent ) => void;\n\t/**\n\t * The function is called when dropping a file into the `DropZone`.\n\t * It receives an array of dropped files as an argument.\n\t */\n\tonFilesDrop?: ( files: File[] ) => void;\n\t/**\n\t * The function is called when dropping HTML into the `DropZone`.\n\t * It receives the HTML being dropped as an argument.\n\t */\n\tonHTMLDrop?: ( html: string ) => void;\n\t/**\n\t * A function to determine if the drop zone is eligible to handle the drop\n\t * data transfer items.\n\t */\n\tisEligible?: ( dataTransfer: DataTransfer ) => boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/drop-zone/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/dropdown/dropdown-content-wrapper.js

@@ -1,51 +1,45 @@
 "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 dropdown_content_wrapper_exports = {};
+__export(dropdown_content_wrapper_exports, {
+  DropdownContentWrapper: () => DropdownContentWrapper,
+  default: () => dropdown_content_wrapper_default
 });
-exports.default = exports.DropdownContentWrapper = void 0;
-var _context = require("../context");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(dropdown_content_wrapper_exports);
+var import_context = require("../context");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 function UnconnectedDropdownContentWrapper(props, forwardedRef) {
   const {
-    paddingSize = 'small',
+    paddingSize = "small",
     ...derivedProps
-  } = (0, _context.useContextSystem)(props, 'DropdownContentWrapper');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropdownContentWrapperDiv, {
+  } = (0, import_context.useContextSystem)(props, "DropdownContentWrapper");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.DropdownContentWrapperDiv, {
     ...derivedProps,
-    paddingSize: paddingSize,
+    paddingSize,
     ref: forwardedRef
   });
 }
-
-/**
- * A convenience wrapper for the `renderContent` when you want to apply
- * different padding. (Default is `paddingSize="small"`).
- *
- * ```jsx
- * import {
- *   Dropdown,
- *   __experimentalDropdownContentWrapper as DropdownContentWrapper,
- * } from '@wordpress/components';
- *
- * <Dropdown
- *   renderContent={ () => (
- *     <DropdownContentWrapper paddingSize="medium">
- *       My dropdown content
- *     </DropdownContentWrapper>
- * ) }
- * />
- * ```
- */
-const DropdownContentWrapper = exports.DropdownContentWrapper = (0, _context.contextConnect)(UnconnectedDropdownContentWrapper, 'DropdownContentWrapper');
-var _default = exports.default = DropdownContentWrapper;
-//# sourceMappingURL=dropdown-content-wrapper.js.map
+const DropdownContentWrapper = (0, import_context.contextConnect)(UnconnectedDropdownContentWrapper, "DropdownContentWrapper");
+var dropdown_content_wrapper_default = DropdownContentWrapper;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownContentWrapper
+});
+//# sourceMappingURL=dropdown-content-wrapper.js.map

package/build/dropdown/dropdown-content-wrapper.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_context","require","_styles","_jsxRuntime","UnconnectedDropdownContentWrapper","props","forwardedRef","paddingSize","derivedProps","useContextSystem","jsx","DropdownContentWrapperDiv","ref","DropdownContentWrapper","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/dropdown/dropdown-content-wrapper.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect, useContextSystem } from '../context';\nimport { DropdownContentWrapperDiv } from './styles';\nimport type { DropdownContentWrapperProps } from './types';\n\nfunction UnconnectedDropdownContentWrapper(\n\tprops: WordPressComponentProps< DropdownContentWrapperProps, 'div', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst { paddingSize = 'small', ...derivedProps } = useContextSystem(\n\t\tprops,\n\t\t'DropdownContentWrapper'\n\t);\n\n\treturn (\n\t\t<DropdownContentWrapperDiv\n\t\t\t{ ...derivedProps }\n\t\t\tpaddingSize={ paddingSize }\n\t\t\tref={ forwardedRef }\n\t\t/>\n\t);\n}\n\n/**\n * A convenience wrapper for the `renderContent` when you want to apply\n * different padding. (Default is `paddingSize=\"small\"`).\n *\n * ```jsx\n * import {\n *   Dropdown,\n *   __experimentalDropdownContentWrapper as DropdownContentWrapper,\n * } from '@wordpress/components';\n *\n * <Dropdown\n *   renderContent={ () => (\n *     <DropdownContentWrapper paddingSize=\"medium\">\n *       My dropdown content\n *     </DropdownContentWrapper>\n * ) }\n * />\n * ```\n */\nexport const DropdownContentWrapper = contextConnect(\n\tUnconnectedDropdownContentWrapper,\n\t'DropdownContentWrapper'\n);\n\nexport default DropdownContentWrapper;\n"],"mappings":";;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAqD,IAAAE,WAAA,GAAAF,OAAA;AAVrD;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASG,iCAAiCA,CACzCC,KAA2E,EAC3EC,YAAiC,EAChC;EACD,MAAM;IAAEC,WAAW,GAAG,OAAO;IAAE,GAAGC;EAAa,CAAC,GAAG,IAAAC,yBAAgB,EAClEJ,KAAK,EACL,wBACD,CAAC;EAED,oBACC,IAAAF,WAAA,CAAAO,GAAA,EAACR,OAAA,CAAAS,yBAAyB;IAAA,GACpBH,YAAY;IACjBD,WAAW,EAAGA,WAAa;IAC3BK,GAAG,EAAGN;EAAc,CACpB,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAc,EACnDX,iCAAiC,EACjC,wBACD,CAAC;AAAC,IAAAY,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,sBAAsB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dropdown/dropdown-content-wrapper.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../context';\nimport { DropdownContentWrapperDiv } from './styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedDropdownContentWrapper(props, forwardedRef) {\n  const {\n    paddingSize = 'small',\n    ...derivedProps\n  } = useContextSystem(props, 'DropdownContentWrapper');\n  return /*#__PURE__*/_jsx(DropdownContentWrapperDiv, {\n    ...derivedProps,\n    paddingSize: paddingSize,\n    ref: forwardedRef\n  });\n}\n\n/**\n * A convenience wrapper for the `renderContent` when you want to apply\n * different padding. (Default is `paddingSize=\"small\"`).\n *\n * ```jsx\n * import {\n *   Dropdown,\n *   __experimentalDropdownContentWrapper as DropdownContentWrapper,\n * } from '@wordpress/components';\n *\n * <Dropdown\n *   renderContent={ () => (\n *     <DropdownContentWrapper paddingSize=\"medium\">\n *       My dropdown content\n *     </DropdownContentWrapper>\n * ) }\n * />\n * ```\n */\nexport const DropdownContentWrapper = contextConnect(UnconnectedDropdownContentWrapper, 'DropdownContentWrapper');\nexport default DropdownContentWrapper;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAAiD;AACjD,oBAA0C;AAC1C,yBAA4B;AAC5B,SAAS,kCAAkC,OAAO,cAAc;AAC9D,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,wBAAwB;AACpD,SAAoB,uCAAAA,KAAK,yCAA2B;AAAA,IAClD,GAAG;AAAA,IACH;AAAA,IACA,KAAK;AAAA,EACP,CAAC;AACH;AAqBO,MAAM,6BAAyB,+BAAe,mCAAmC,wBAAwB;AAChH,IAAO,mCAAQ;",
+  "names": ["_jsx"]
+}

package/build/dropdown/index.js

@@ -1,30 +1,45 @@
 "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 dropdown_exports = {};
+__export(dropdown_exports, {
+  Dropdown: () => Dropdown,
+  default: () => dropdown_default
 });
-exports.default = exports.Dropdown = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-var _context = require("../context");
-var _hooks = require("../utils/hooks");
-var _popover = _interopRequireDefault(require("../popover"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(dropdown_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import_context = require("../context");
+var import_hooks = require("../utils/hooks");
+var import_popover = __toESM(require("../popover"));
+var import_jsx_runtime = require("react/jsx-runtime");
 const UnconnectedDropdown = (props, forwardedRef) => {
   const {
     renderContent,
@@ -44,31 +59,21 @@ const UnconnectedDropdown = (props, forwardedRef) => {
     position,
     // From context system
     variant
-  } = (0, _context.useContextSystem)(props, 'Dropdown');
-  if (position !== undefined) {
-    (0, _deprecated.default)('`position` prop in wp.components.Dropdown', {
-      since: '6.2',
-      alternative: '`popoverProps.placement` prop',
-      hint: 'Note that the `position` prop will override any values passed through the `popoverProps.placement` prop.'
+  } = (0, import_context.useContextSystem)(props, "Dropdown");
+  if (position !== void 0) {
+    (0, import_deprecated.default)("`position` prop in wp.components.Dropdown", {
+      since: "6.2",
+      alternative: "`popoverProps.placement` prop",
+      hint: "Note that the `position` prop will override any values passed through the `popoverProps.placement` prop."
     });
   }
-
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the popover's anchor updates.
-  const [fallbackPopoverAnchor, setFallbackPopoverAnchor] = (0, _element.useState)(null);
-  const containerRef = (0, _element.useRef)();
-  const [isOpen, setIsOpen] = (0, _hooks.useControlledValue)({
+  const [fallbackPopoverAnchor, setFallbackPopoverAnchor] = (0, import_element.useState)(null);
+  const containerRef = (0, import_element.useRef)();
+  const [isOpen, setIsOpen] = (0, import_hooks.useControlledValue)({
     defaultValue: defaultOpen,
     value: open,
     onChange: onToggle
   });
-
-  /**
-   * Closes the popover when focus leaves it unless the toggle was pressed or
-   * focus has moved to a separate dialog. The former is to let the toggle
-   * handle closing the popover and the latter is to preserve presence in
-   * case a dialog has opened, allowing focus to return when it's dismissed.
-   */
   function closeIfFocusOutside() {
     if (!containerRef.current) {
       return;
@@ -90,64 +95,34 @@ const UnconnectedDropdown = (props, forwardedRef) => {
     onToggle: () => setIsOpen(!isOpen),
     onClose: close
   };
-  const popoverPropsHaveAnchor = !!popoverProps?.anchor ||
-  // Note: `anchorRef`, `getAnchorRect` and `anchorRect` are deprecated and
+  const popoverPropsHaveAnchor = !!popoverProps?.anchor || // Note: `anchorRef`, `getAnchorRect` and `anchorRect` are deprecated and
   // be removed from `Popover` from WordPress 6.3
   !!popoverProps?.anchorRef || !!popoverProps?.getAnchorRect || !!popoverProps?.anchorRect;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: className,
-    ref: (0, _compose.useMergeRefs)([containerRef, forwardedRef, setFallbackPopoverAnchor])
-    // Some UAs focus the closest focusable parent when the toggle is
-    // clicked. Making this div focusable ensures such UAs will focus
-    // it and `closeIfFocusOutside` can tell if the toggle was clicked.
-    ,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    className,
+    ref: (0, import_compose.useMergeRefs)([containerRef, forwardedRef, setFallbackPopoverAnchor]),
     tabIndex: -1,
-    style: style,
-    children: [renderToggle(args), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
-      position: position,
+    style,
+    children: [renderToggle(args), isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.default, {
+      position,
       onClose: close,
       onFocusOutside: closeIfFocusOutside,
-      expandOnMobile: expandOnMobile,
-      headerTitle: headerTitle,
-      focusOnMount: focusOnMount
-      // This value is used to ensure that the dropdowns
-      // align with the editor header by default.
-      ,
+      expandOnMobile,
+      headerTitle,
+      focusOnMount,
       offset: 13,
-      anchor: !popoverPropsHaveAnchor ? fallbackPopoverAnchor : undefined,
-      variant: variant,
+      anchor: !popoverPropsHaveAnchor ? fallbackPopoverAnchor : void 0,
+      variant,
       ...popoverProps,
-      className: (0, _clsx.default)('components-dropdown__content', popoverProps?.className, contentClassName),
+      className: (0, import_clsx.default)("components-dropdown__content", popoverProps?.className, contentClassName),
       children: renderContent(args)
     })]
   });
 };
-
-/**
- * Renders a button that opens a floating content modal when clicked.
- *
- * ```jsx
- * import { Button, Dropdown } from '@wordpress/components';
- *
- * const MyDropdown = () => (
- *   <Dropdown
- *     className="my-container-class-name"
- *     contentClassName="my-dropdown-content-classname"
- *     popoverProps={ { placement: 'bottom-start' } }
- *     renderToggle={ ( { isOpen, onToggle } ) => (
- *       <Button
- *         variant="primary"
- *         onClick={ onToggle }
- *         aria-expanded={ isOpen }
- *       >
- *         Toggle Dropdown!
- *       </Button>
- *     ) }
- *     renderContent={ () => <div>This is the content of the dropdown.</div> }
- *   />
- * );
- * ```
- */
-const Dropdown = exports.Dropdown = (0, _context.contextConnect)(UnconnectedDropdown, 'Dropdown');
-var _default = exports.default = Dropdown;
-//# sourceMappingURL=index.js.map
+const Dropdown = (0, import_context.contextConnect)(UnconnectedDropdown, "Dropdown");
+var dropdown_default = Dropdown;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dropdown
+});
+//# sourceMappingURL=index.js.map

package/build/dropdown/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_compose","_deprecated","_context","_hooks","_popover","_jsxRuntime","UnconnectedDropdown","props","forwardedRef","renderContent","renderToggle","className","contentClassName","expandOnMobile","headerTitle","focusOnMount","popoverProps","onClose","onToggle","style","open","defaultOpen","position","variant","useContextSystem","undefined","deprecated","since","alternative","hint","fallbackPopoverAnchor","setFallbackPopoverAnchor","useState","containerRef","useRef","isOpen","setIsOpen","useControlledValue","defaultValue","value","onChange","closeIfFocusOutside","current","ownerDocument","dialog","activeElement","closest","contains","close","args","popoverPropsHaveAnchor","anchor","anchorRef","getAnchorRect","anchorRect","jsxs","ref","useMergeRefs","tabIndex","children","jsx","default","onFocusOutside","offset","clsx","Dropdown","exports","contextConnect","_default"],"sources":["@wordpress/components/src/dropdown/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, useContextSystem } from '../context';\nimport { useControlledValue } from '../utils/hooks';\nimport Popover from '../popover';\nimport type { DropdownProps, DropdownInternalContext } from './types';\n\nconst UnconnectedDropdown = (\n\tprops: DropdownProps,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\trenderContent,\n\t\trenderToggle,\n\t\tclassName,\n\t\tcontentClassName,\n\t\texpandOnMobile,\n\t\theaderTitle,\n\t\tfocusOnMount,\n\t\tpopoverProps,\n\t\tonClose,\n\t\tonToggle,\n\t\tstyle,\n\n\t\topen,\n\t\tdefaultOpen,\n\n\t\t// Deprecated props\n\t\tposition,\n\n\t\t// From context system\n\t\tvariant,\n\t} = useContextSystem< DropdownProps & DropdownInternalContext >(\n\t\tprops,\n\t\t'Dropdown'\n\t);\n\n\tif ( position !== undefined ) {\n\t\tdeprecated( '`position` prop in wp.components.Dropdown', {\n\t\t\tsince: '6.2',\n\t\t\talternative: '`popoverProps.placement` prop',\n\t\t\thint: 'Note that the `position` prop will override any values passed through the `popoverProps.placement` prop.',\n\t\t} );\n\t}\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ fallbackPopoverAnchor, setFallbackPopoverAnchor ] =\n\t\tuseState< HTMLDivElement | null >( null );\n\tconst containerRef = useRef< HTMLDivElement >();\n\n\tconst [ isOpen, setIsOpen ] = useControlledValue( {\n\t\tdefaultValue: defaultOpen,\n\t\tvalue: open,\n\t\tonChange: onToggle,\n\t} );\n\n\t/**\n\t * Closes the popover when focus leaves it unless the toggle was pressed or\n\t * focus has moved to a separate dialog. The former is to let the toggle\n\t * handle closing the popover and the latter is to preserve presence in\n\t * case a dialog has opened, allowing focus to return when it's dismissed.\n\t */\n\tfunction closeIfFocusOutside() {\n\t\tif ( ! containerRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { ownerDocument } = containerRef.current;\n\t\tconst dialog =\n\t\t\townerDocument?.activeElement?.closest( '[role=\"dialog\"]' );\n\t\tif (\n\t\t\t! containerRef.current.contains( ownerDocument.activeElement ) &&\n\t\t\t( ! dialog || dialog.contains( containerRef.current ) )\n\t\t) {\n\t\t\tclose();\n\t\t}\n\t}\n\n\tfunction close() {\n\t\tonClose?.();\n\t\tsetIsOpen( false );\n\t}\n\n\tconst args = {\n\t\tisOpen: !! isOpen,\n\t\tonToggle: () => setIsOpen( ! isOpen ),\n\t\tonClose: close,\n\t};\n\tconst popoverPropsHaveAnchor =\n\t\t!! popoverProps?.anchor ||\n\t\t// Note: `anchorRef`, `getAnchorRect` and `anchorRect` are deprecated and\n\t\t// be removed from `Popover` from WordPress 6.3\n\t\t!! popoverProps?.anchorRef ||\n\t\t!! popoverProps?.getAnchorRect ||\n\t\t!! popoverProps?.anchorRect;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ className }\n\t\t\tref={ useMergeRefs( [\n\t\t\t\tcontainerRef,\n\t\t\t\tforwardedRef,\n\t\t\t\tsetFallbackPopoverAnchor,\n\t\t\t] ) }\n\t\t\t// Some UAs focus the closest focusable parent when the toggle is\n\t\t\t// clicked. Making this div focusable ensures such UAs will focus\n\t\t\t// it and `closeIfFocusOutside` can tell if the toggle was clicked.\n\t\t\ttabIndex={ -1 }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t{ renderToggle( args ) }\n\t\t\t{ isOpen && (\n\t\t\t\t<Popover\n\t\t\t\t\tposition={ position }\n\t\t\t\t\tonClose={ close }\n\t\t\t\t\tonFocusOutside={ closeIfFocusOutside }\n\t\t\t\t\texpandOnMobile={ expandOnMobile }\n\t\t\t\t\theaderTitle={ headerTitle }\n\t\t\t\t\tfocusOnMount={ focusOnMount }\n\t\t\t\t\t// This value is used to ensure that the dropdowns\n\t\t\t\t\t// align with the editor header by default.\n\t\t\t\t\toffset={ 13 }\n\t\t\t\t\tanchor={\n\t\t\t\t\t\t! popoverPropsHaveAnchor\n\t\t\t\t\t\t\t? fallbackPopoverAnchor\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tvariant={ variant }\n\t\t\t\t\t{ ...popoverProps }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'components-dropdown__content',\n\t\t\t\t\t\tpopoverProps?.className,\n\t\t\t\t\t\tcontentClassName\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ renderContent( args ) }\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\n/**\n * Renders a button that opens a floating content modal when clicked.\n *\n * ```jsx\n * import { Button, Dropdown } from '@wordpress/components';\n *\n * const MyDropdown = () => (\n *   <Dropdown\n *     className=\"my-container-class-name\"\n *     contentClassName=\"my-dropdown-content-classname\"\n *     popoverProps={ { placement: 'bottom-start' } }\n *     renderToggle={ ( { isOpen, onToggle } ) => (\n *       <Button\n *         variant=\"primary\"\n *         onClick={ onToggle }\n *         aria-expanded={ isOpen }\n *       >\n *         Toggle Dropdown!\n *       </Button>\n *     ) }\n *     renderContent={ () => <div>This is the content of the dropdown.</div> }\n *   />\n * );\n * ```\n */\nexport const Dropdown = contextConnect( UnconnectedDropdown, 'Dropdown' );\n\nexport default Dropdown;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dropdown/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useRef, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, useContextSystem } from '../context';\nimport { useControlledValue } from '../utils/hooks';\nimport Popover from '../popover';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst UnconnectedDropdown = (props, forwardedRef) => {\n  const {\n    renderContent,\n    renderToggle,\n    className,\n    contentClassName,\n    expandOnMobile,\n    headerTitle,\n    focusOnMount,\n    popoverProps,\n    onClose,\n    onToggle,\n    style,\n    open,\n    defaultOpen,\n    // Deprecated props\n    position,\n    // From context system\n    variant\n  } = useContextSystem(props, 'Dropdown');\n  if (position !== undefined) {\n    deprecated('`position` prop in wp.components.Dropdown', {\n      since: '6.2',\n      alternative: '`popoverProps.placement` prop',\n      hint: 'Note that the `position` prop will override any values passed through the `popoverProps.placement` prop.'\n    });\n  }\n\n  // Use internal state instead of a ref to make sure that the component\n  // re-renders when the popover's anchor updates.\n  const [fallbackPopoverAnchor, setFallbackPopoverAnchor] = useState(null);\n  const containerRef = useRef();\n  const [isOpen, setIsOpen] = useControlledValue({\n    defaultValue: defaultOpen,\n    value: open,\n    onChange: onToggle\n  });\n\n  /**\n   * Closes the popover when focus leaves it unless the toggle was pressed or\n   * focus has moved to a separate dialog. The former is to let the toggle\n   * handle closing the popover and the latter is to preserve presence in\n   * case a dialog has opened, allowing focus to return when it's dismissed.\n   */\n  function closeIfFocusOutside() {\n    if (!containerRef.current) {\n      return;\n    }\n    const {\n      ownerDocument\n    } = containerRef.current;\n    const dialog = ownerDocument?.activeElement?.closest('[role=\"dialog\"]');\n    if (!containerRef.current.contains(ownerDocument.activeElement) && (!dialog || dialog.contains(containerRef.current))) {\n      close();\n    }\n  }\n  function close() {\n    onClose?.();\n    setIsOpen(false);\n  }\n  const args = {\n    isOpen: !!isOpen,\n    onToggle: () => setIsOpen(!isOpen),\n    onClose: close\n  };\n  const popoverPropsHaveAnchor = !!popoverProps?.anchor ||\n  // Note: `anchorRef`, `getAnchorRect` and `anchorRect` are deprecated and\n  // be removed from `Popover` from WordPress 6.3\n  !!popoverProps?.anchorRef || !!popoverProps?.getAnchorRect || !!popoverProps?.anchorRect;\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: className,\n    ref: useMergeRefs([containerRef, forwardedRef, setFallbackPopoverAnchor])\n    // Some UAs focus the closest focusable parent when the toggle is\n    // clicked. Making this div focusable ensures such UAs will focus\n    // it and `closeIfFocusOutside` can tell if the toggle was clicked.\n    ,\n    tabIndex: -1,\n    style: style,\n    children: [renderToggle(args), isOpen && /*#__PURE__*/_jsx(Popover, {\n      position: position,\n      onClose: close,\n      onFocusOutside: closeIfFocusOutside,\n      expandOnMobile: expandOnMobile,\n      headerTitle: headerTitle,\n      focusOnMount: focusOnMount\n      // This value is used to ensure that the dropdowns\n      // align with the editor header by default.\n      ,\n      offset: 13,\n      anchor: !popoverPropsHaveAnchor ? fallbackPopoverAnchor : undefined,\n      variant: variant,\n      ...popoverProps,\n      className: clsx('components-dropdown__content', popoverProps?.className, contentClassName),\n      children: renderContent(args)\n    })]\n  });\n};\n\n/**\n * Renders a button that opens a floating content modal when clicked.\n *\n * ```jsx\n * import { Button, Dropdown } from '@wordpress/components';\n *\n * const MyDropdown = () => (\n *   <Dropdown\n *     className=\"my-container-class-name\"\n *     contentClassName=\"my-dropdown-content-classname\"\n *     popoverProps={ { placement: 'bottom-start' } }\n *     renderToggle={ ( { isOpen, onToggle } ) => (\n *       <Button\n *         variant=\"primary\"\n *         onClick={ onToggle }\n *         aria-expanded={ isOpen }\n *       >\n *         Toggle Dropdown!\n *       </Button>\n *     ) }\n *     renderContent={ () => <div>This is the content of the dropdown.</div> }\n *   />\n * );\n * ```\n */\nexport const Dropdown = contextConnect(UnconnectedDropdown, 'Dropdown');\nexport default Dropdown;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAAiC;AACjC,qBAA6B;AAC7B,wBAAuB;AAKvB,qBAAiD;AACjD,mBAAmC;AACnC,qBAAoB;AACpB,yBAA2C;AAC3C,MAAM,sBAAsB,CAAC,OAAO,iBAAiB;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EACF,QAAI,iCAAiB,OAAO,UAAU;AACtC,MAAI,aAAa,QAAW;AAC1B,0BAAAA,SAAW,6CAA6C;AAAA,MACtD,OAAO;AAAA,MACP,aAAa;AAAA,MACb,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AAIA,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,yBAAS,IAAI;AACvE,QAAM,mBAAe,uBAAO;AAC5B,QAAM,CAAC,QAAQ,SAAS,QAAI,iCAAmB;AAAA,IAC7C,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,EACZ,CAAC;AAQD,WAAS,sBAAsB;AAC7B,QAAI,CAAC,aAAa,SAAS;AACzB;AAAA,IACF;AACA,UAAM;AAAA,MACJ;AAAA,IACF,IAAI,aAAa;AACjB,UAAM,SAAS,eAAe,eAAe,QAAQ,iBAAiB;AACtE,QAAI,CAAC,aAAa,QAAQ,SAAS,cAAc,aAAa,MAAM,CAAC,UAAU,OAAO,SAAS,aAAa,OAAO,IAAI;AACrH,YAAM;AAAA,IACR;AAAA,EACF;AACA,WAAS,QAAQ;AACf,cAAU;AACV,cAAU,KAAK;AAAA,EACjB;AACA,QAAM,OAAO;AAAA,IACX,QAAQ,CAAC,CAAC;AAAA,IACV,UAAU,MAAM,UAAU,CAAC,MAAM;AAAA,IACjC,SAAS;AAAA,EACX;AACA,QAAM,yBAAyB,CAAC,CAAC,cAAc;AAAA;AAAA,EAG/C,CAAC,CAAC,cAAc,aAAa,CAAC,CAAC,cAAc,iBAAiB,CAAC,CAAC,cAAc;AAC9E,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B;AAAA,IACA,SAAK,6BAAa,CAAC,cAAc,cAAc,wBAAwB,CAAC;AAAA,IAKxE,UAAU;AAAA,IACV;AAAA,IACA,UAAU,CAAC,aAAa,IAAI,GAAG,UAAuB,uCAAAC,KAAK,eAAAC,SAAS;AAAA,MAClE;AAAA,MACA,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MAIA,QAAQ;AAAA,MACR,QAAQ,CAAC,yBAAyB,wBAAwB;AAAA,MAC1D;AAAA,MACA,GAAG;AAAA,MACH,eAAW,YAAAC,SAAK,gCAAgC,cAAc,WAAW,gBAAgB;AAAA,MACzF,UAAU,cAAc,IAAI;AAAA,IAC9B,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AA2BO,MAAM,eAAW,+BAAe,qBAAqB,UAAU;AACtE,IAAO,mBAAQ;",
+  "names": ["deprecated", "_jsxs", "_jsx", "Popover", "clsx"]
+}

package/build/dropdown/styles.js

@@ -1,37 +1,59 @@
 "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 styles_exports = {};
+__export(styles_exports, {
+  DropdownContentWrapperDiv: () => DropdownContentWrapperDiv
 });
-exports.DropdownContentWrapperDiv = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _space = require("../utils/space");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(styles_exports);
+var import_base = __toESM(require("@emotion/styled/base"));
+var import_react = require("@emotion/react");
+var import_space = require("../utils/space");
 const padding = ({
-  paddingSize = 'small'
+  paddingSize = "small"
 }) => {
-  if (paddingSize === 'none') {
+  if (paddingSize === "none") {
     return;
   }
   const paddingValues = {
-    small: (0, _space.space)(2),
-    medium: (0, _space.space)(4)
+    small: (0, import_space.space)(2),
+    medium: (0, import_space.space)(4)
   };
-  return /*#__PURE__*/(0, _react.css)("padding:", paddingValues[paddingSize] || paddingValues.small, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:padding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZHJvcGRvd24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCVyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2Ryb3Bkb3duL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91dGlscy9zcGFjZSc7XG5pbXBvcnQgdHlwZSB7IERyb3Bkb3duQ29udGVudFdyYXBwZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBwYWRkaW5nID0gKCB7IHBhZGRpbmdTaXplID0gJ3NtYWxsJyB9OiBEcm9wZG93bkNvbnRlbnRXcmFwcGVyUHJvcHMgKSA9PiB7XG5cdGlmICggcGFkZGluZ1NpemUgPT09ICdub25lJyApIHtcblx0XHRyZXR1cm47XG5cdH1cblxuXHRjb25zdCBwYWRkaW5nVmFsdWVzID0ge1xuXHRcdHNtYWxsOiBzcGFjZSggMiApLFxuXHRcdG1lZGl1bTogc3BhY2UoIDQgKSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdHBhZGRpbmc6ICR7IHBhZGRpbmdWYWx1ZXNbIHBhZGRpbmdTaXplIF0gfHwgcGFkZGluZ1ZhbHVlcy5zbWFsbCB9O1xuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGVudFdyYXBwZXJEaXYgPSBzdHlsZWQuZGl2PCBEcm9wZG93bkNvbnRlbnRXcmFwcGVyUHJvcHMgPmBcblx0Ly8gTmVnYXRpdmUgbWFyZ2luIHRvIHJlc2V0IChvZmZzZXQpIHRoZSBkZWZhdWx0IHBhZGRpbmcgb24gLmNvbXBvbmVudHMtcG9wb3Zlcl9fY29udGVudFxuXHRtYXJnaW4tbGVmdDogJHsgc3BhY2UoIC0yICkgfTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHQmOmZpcnN0LW9mLXR5cGUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMiApIH07XG5cdH1cblx0JjpsYXN0LW9mLXR5cGUge1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAtMiApIH07XG5cdH1cblxuXHQkeyBwYWRkaW5nIH07XG5gO1xuIl19 */");
+  return /* @__PURE__ */ (0, import_react.css)("padding:", paddingValues[paddingSize] || paddingValues.small, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:padding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQlciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgRHJvcGRvd25Db250ZW50V3JhcHBlclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHBhZGRpbmcgPSAoIHsgcGFkZGluZ1NpemUgPSAnc21hbGwnIH06IERyb3Bkb3duQ29udGVudFdyYXBwZXJQcm9wcyApID0+IHtcblx0aWYgKCBwYWRkaW5nU2l6ZSA9PT0gJ25vbmUnICkge1xuXHRcdHJldHVybjtcblx0fVxuXG5cdGNvbnN0IHBhZGRpbmdWYWx1ZXMgPSB7XG5cdFx0c21hbGw6IHNwYWNlKCAyICksXG5cdFx0bWVkaXVtOiBzcGFjZSggNCApLFxuXHR9O1xuXG5cdHJldHVybiBjc3NgXG5cdFx0cGFkZGluZzogJHsgcGFkZGluZ1ZhbHVlc1sgcGFkZGluZ1NpemUgXSB8fCBwYWRkaW5nVmFsdWVzLnNtYWxsIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25Db250ZW50V3JhcHBlckRpdiA9IHN0eWxlZC5kaXY8IERyb3Bkb3duQ29udGVudFdyYXBwZXJQcm9wcyA+YFxuXHQvLyBOZWdhdGl2ZSBtYXJnaW4gdG8gcmVzZXQgKG9mZnNldCkgdGhlIGRlZmF1bHQgcGFkZGluZyBvbiAuY29tcG9uZW50cy1wb3BvdmVyX19jb250ZW50XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHRtYXJnaW4tcmlnaHQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdCY6Zmlyc3Qtb2YtdHlwZSB7XG5cdFx0bWFyZ2luLXRvcDogJHsgc3BhY2UoIC0yICkgfTtcblx0fVxuXHQmOmxhc3Qtb2YtdHlwZSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIC0yICkgfTtcblx0fVxuXG5cdCR7IHBhZGRpbmcgfTtcbmA7XG4iXX0= */");
 };
-const DropdownContentWrapperDiv = exports.DropdownContentWrapperDiv = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const DropdownContentWrapperDiv = /* @__PURE__ */ (0, import_base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "eovvns30"
 } : {
   target: "eovvns30",
   label: "DropdownContentWrapperDiv"
-})("margin-left:", (0, _space.space)(-2), ";margin-right:", (0, _space.space)(-2), ";&:first-of-type{margin-top:", (0, _space.space)(-2), ";}&:last-of-type{margin-bottom:", (0, _space.space)(-2), ";}", padding, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZHJvcGRvd24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCa0YiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kcm9wZG93bi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93bkNvbnRlbnRXcmFwcGVyUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgcGFkZGluZyA9ICggeyBwYWRkaW5nU2l6ZSA9ICdzbWFsbCcgfTogRHJvcGRvd25Db250ZW50V3JhcHBlclByb3BzICkgPT4ge1xuXHRpZiAoIHBhZGRpbmdTaXplID09PSAnbm9uZScgKSB7XG5cdFx0cmV0dXJuO1xuXHR9XG5cblx0Y29uc3QgcGFkZGluZ1ZhbHVlcyA9IHtcblx0XHRzbWFsbDogc3BhY2UoIDIgKSxcblx0XHRtZWRpdW06IHNwYWNlKCA0ICksXG5cdH07XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRwYWRkaW5nOiAkeyBwYWRkaW5nVmFsdWVzWyBwYWRkaW5nU2l6ZSBdIHx8IHBhZGRpbmdWYWx1ZXMuc21hbGwgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93bkNvbnRlbnRXcmFwcGVyRGl2ID0gc3R5bGVkLmRpdjwgRHJvcGRvd25Db250ZW50V3JhcHBlclByb3BzID5gXG5cdC8vIE5lZ2F0aXZlIG1hcmdpbiB0byByZXNldCAob2Zmc2V0KSB0aGUgZGVmYXVsdCBwYWRkaW5nIG9uIC5jb21wb25lbnRzLXBvcG92ZXJfX2NvbnRlbnRcblx0bWFyZ2luLWxlZnQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdG1hcmdpbi1yaWdodDogJHsgc3BhY2UoIC0yICkgfTtcblx0JjpmaXJzdC1vZi10eXBlIHtcblx0XHRtYXJnaW4tdG9wOiAkeyBzcGFjZSggLTIgKSB9O1xuXHR9XG5cdCY6bGFzdC1vZi10eXBlIHtcblx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggLTIgKSB9O1xuXHR9XG5cblx0JHsgcGFkZGluZyB9O1xuYDtcbiJdfQ== */"));
-//# sourceMappingURL=styles.js.map
+})("margin-left:", (0, import_space.space)(-2), ";margin-right:", (0, import_space.space)(-2), ";&:first-of-type{margin-top:", (0, import_space.space)(-2), ";}&:last-of-type{margin-bottom:", (0, import_space.space)(-2), ";}", padding, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmtGIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91dGlscy9zcGFjZSc7XG5pbXBvcnQgdHlwZSB7IERyb3Bkb3duQ29udGVudFdyYXBwZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBwYWRkaW5nID0gKCB7IHBhZGRpbmdTaXplID0gJ3NtYWxsJyB9OiBEcm9wZG93bkNvbnRlbnRXcmFwcGVyUHJvcHMgKSA9PiB7XG5cdGlmICggcGFkZGluZ1NpemUgPT09ICdub25lJyApIHtcblx0XHRyZXR1cm47XG5cdH1cblxuXHRjb25zdCBwYWRkaW5nVmFsdWVzID0ge1xuXHRcdHNtYWxsOiBzcGFjZSggMiApLFxuXHRcdG1lZGl1bTogc3BhY2UoIDQgKSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdHBhZGRpbmc6ICR7IHBhZGRpbmdWYWx1ZXNbIHBhZGRpbmdTaXplIF0gfHwgcGFkZGluZ1ZhbHVlcy5zbWFsbCB9O1xuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGVudFdyYXBwZXJEaXYgPSBzdHlsZWQuZGl2PCBEcm9wZG93bkNvbnRlbnRXcmFwcGVyUHJvcHMgPmBcblx0Ly8gTmVnYXRpdmUgbWFyZ2luIHRvIHJlc2V0IChvZmZzZXQpIHRoZSBkZWZhdWx0IHBhZGRpbmcgb24gLmNvbXBvbmVudHMtcG9wb3Zlcl9fY29udGVudFxuXHRtYXJnaW4tbGVmdDogJHsgc3BhY2UoIC0yICkgfTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHQmOmZpcnN0LW9mLXR5cGUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMiApIH07XG5cdH1cblx0JjpsYXN0LW9mLXR5cGUge1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAtMiApIH07XG5cdH1cblxuXHQkeyBwYWRkaW5nIH07XG5gO1xuIl19 */"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownContentWrapperDiv
+});
+//# sourceMappingURL=styles.js.map

package/build/dropdown/styles.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_react","require","_space","padding","paddingSize","paddingValues","small","space","medium","css","process","env","NODE_ENV","DropdownContentWrapperDiv","exports","_base","default","target","label"],"sources":["@wordpress/components/src/dropdown/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { space } from '../utils/space';\nimport type { DropdownContentWrapperProps } from './types';\n\nconst padding = ( { paddingSize = 'small' }: DropdownContentWrapperProps ) => {\n\tif ( paddingSize === 'none' ) {\n\t\treturn;\n\t}\n\n\tconst paddingValues = {\n\t\tsmall: space( 2 ),\n\t\tmedium: space( 4 ),\n\t};\n\n\treturn css`\n\t\tpadding: ${ paddingValues[ paddingSize ] || paddingValues.small };\n\t`;\n};\n\nexport const DropdownContentWrapperDiv = styled.div< DropdownContentWrapperProps >`\n\t// Negative margin to reset (offset) the default padding on .components-popover__content\n\tmargin-left: ${ space( -2 ) };\n\tmargin-right: ${ space( -2 ) };\n\t&:first-of-type {\n\t\tmargin-top: ${ space( -2 ) };\n\t}\n\t&:last-of-type {\n\t\tmargin-bottom: ${ space( -2 ) };\n\t}\n\n\t${ padding };\n`;\n"],"mappings":";;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAME,OAAO,GAAGA,CAAE;EAAEC,WAAW,GAAG;AAAqC,CAAC,KAAM;EAC7E,IAAKA,WAAW,KAAK,MAAM,EAAG;IAC7B;EACD;EAEA,MAAMC,aAAa,GAAG;IACrBC,KAAK,EAAE,IAAAC,YAAK,EAAE,CAAE,CAAC;IACjBC,MAAM,EAAE,IAAAD,YAAK,EAAE,CAAE;EAClB,CAAC;EAED,wBAAOE,UAAG,cACGJ,aAAa,CAAED,WAAW,CAAE,IAAIC,aAAa,CAACC,KAAK,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,6CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;AAEjE,CAAC;AAEM,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,oBAAAE,KAAA,CAAAC,OAAA,SAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAK,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,mBAErB,IAAAX,YAAK,EAAE,CAAC,CAAE,CAAC,oBACV,IAAAA,YAAK,EAAE,CAAC,CAAE,CAAC,kCAEZ,IAAAA,YAAK,EAAE,CAAC,CAAE,CAAC,qCAGR,IAAAA,YAAK,EAAE,CAAC,CAAE,CAAC,QAG3BJ,OAAO,SAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,4lDACV","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dropdown/styles.ts"],
+  "sourcesContent": ["import _styled from \"@emotion/styled/base\";\n/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n/**\n * Internal dependencies\n */\nimport { space } from '../utils/space';\nconst padding = ({\n  paddingSize = 'small'\n}) => {\n  if (paddingSize === 'none') {\n    return;\n  }\n  const paddingValues = {\n    small: space(2),\n    medium: space(4)\n  };\n  return /*#__PURE__*/css(\"padding:\", paddingValues[paddingSize] || paddingValues.small, \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:padding;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQlciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgRHJvcGRvd25Db250ZW50V3JhcHBlclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IHBhZGRpbmcgPSAoIHsgcGFkZGluZ1NpemUgPSAnc21hbGwnIH06IERyb3Bkb3duQ29udGVudFdyYXBwZXJQcm9wcyApID0+IHtcblx0aWYgKCBwYWRkaW5nU2l6ZSA9PT0gJ25vbmUnICkge1xuXHRcdHJldHVybjtcblx0fVxuXG5cdGNvbnN0IHBhZGRpbmdWYWx1ZXMgPSB7XG5cdFx0c21hbGw6IHNwYWNlKCAyICksXG5cdFx0bWVkaXVtOiBzcGFjZSggNCApLFxuXHR9O1xuXG5cdHJldHVybiBjc3NgXG5cdFx0cGFkZGluZzogJHsgcGFkZGluZ1ZhbHVlc1sgcGFkZGluZ1NpemUgXSB8fCBwYWRkaW5nVmFsdWVzLnNtYWxsIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25Db250ZW50V3JhcHBlckRpdiA9IHN0eWxlZC5kaXY8IERyb3Bkb3duQ29udGVudFdyYXBwZXJQcm9wcyA+YFxuXHQvLyBOZWdhdGl2ZSBtYXJnaW4gdG8gcmVzZXQgKG9mZnNldCkgdGhlIGRlZmF1bHQgcGFkZGluZyBvbiAuY29tcG9uZW50cy1wb3BvdmVyX19jb250ZW50XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHRtYXJnaW4tcmlnaHQ6ICR7IHNwYWNlKCAtMiApIH07XG5cdCY6Zmlyc3Qtb2YtdHlwZSB7XG5cdFx0bWFyZ2luLXRvcDogJHsgc3BhY2UoIC0yICkgfTtcblx0fVxuXHQmOmxhc3Qtb2YtdHlwZSB7XG5cdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIC0yICkgfTtcblx0fVxuXG5cdCR7IHBhZGRpbmcgfTtcbmA7XG4iXX0= */\");\n};\nexport const DropdownContentWrapperDiv = /*#__PURE__*/_styled(\"div\", process.env.NODE_ENV === \"production\" ? {\n  target: \"eovvns30\"\n} : {\n  target: \"eovvns30\",\n  label: \"DropdownContentWrapperDiv\"\n})(\"margin-left:\", space(-2), \";margin-right:\", space(-2), \";&:first-of-type{margin-top:\", space(-2), \";}&:last-of-type{margin-bottom:\", space(-2), \";}\", padding, \";\" + (process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmtGIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi91dGlscy9zcGFjZSc7XG5pbXBvcnQgdHlwZSB7IERyb3Bkb3duQ29udGVudFdyYXBwZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBwYWRkaW5nID0gKCB7IHBhZGRpbmdTaXplID0gJ3NtYWxsJyB9OiBEcm9wZG93bkNvbnRlbnRXcmFwcGVyUHJvcHMgKSA9PiB7XG5cdGlmICggcGFkZGluZ1NpemUgPT09ICdub25lJyApIHtcblx0XHRyZXR1cm47XG5cdH1cblxuXHRjb25zdCBwYWRkaW5nVmFsdWVzID0ge1xuXHRcdHNtYWxsOiBzcGFjZSggMiApLFxuXHRcdG1lZGl1bTogc3BhY2UoIDQgKSxcblx0fTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdHBhZGRpbmc6ICR7IHBhZGRpbmdWYWx1ZXNbIHBhZGRpbmdTaXplIF0gfHwgcGFkZGluZ1ZhbHVlcy5zbWFsbCB9O1xuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGVudFdyYXBwZXJEaXYgPSBzdHlsZWQuZGl2PCBEcm9wZG93bkNvbnRlbnRXcmFwcGVyUHJvcHMgPmBcblx0Ly8gTmVnYXRpdmUgbWFyZ2luIHRvIHJlc2V0IChvZmZzZXQpIHRoZSBkZWZhdWx0IHBhZGRpbmcgb24gLmNvbXBvbmVudHMtcG9wb3Zlcl9fY29udGVudFxuXHRtYXJnaW4tbGVmdDogJHsgc3BhY2UoIC0yICkgfTtcblx0bWFyZ2luLXJpZ2h0OiAkeyBzcGFjZSggLTIgKSB9O1xuXHQmOmZpcnN0LW9mLXR5cGUge1xuXHRcdG1hcmdpbi10b3A6ICR7IHNwYWNlKCAtMiApIH07XG5cdH1cblx0JjpsYXN0LW9mLXR5cGUge1xuXHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCAtMiApIH07XG5cdH1cblxuXHQkeyBwYWRkaW5nIH07XG5gO1xuIl19 */\"));"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoB;AAIpB,mBAAoB;AAIpB,mBAAsB;AACtB,MAAM,UAAU,CAAC;AAAA,EACf,cAAc;AAChB,MAAM;AACJ,MAAI,gBAAgB,QAAQ;AAC1B;AAAA,EACF;AACA,QAAM,gBAAgB;AAAA,IACpB,WAAO,oBAAM,CAAC;AAAA,IACd,YAAQ,oBAAM,CAAC;AAAA,EACjB;AACA,SAAoB,sCAAI,YAAY,cAAc,WAAW,KAAK,cAAc,OAAO,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,oBAAoB,QAAQ,IAAI,aAAa,eAAe,KAAK,i+CAAi+C;AAC/qD;AACO,MAAM,4BAAyC,gCAAAA,SAAQ,OAAO,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC3G,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,oBAAgB,oBAAM,EAAE,GAAG,sBAAkB,oBAAM,EAAE,GAAG,oCAAgC,oBAAM,EAAE,GAAG,uCAAmC,oBAAM,EAAE,GAAG,MAAM,SAAS,OAAO,QAAQ,IAAI,aAAa,eAAe,KAAK,k+CAAk+C;",
+  "names": ["_styled"]
+}