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

package/build/panel/body.js

@@ -1,33 +1,48 @@
 "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 body_exports = {};
+__export(body_exports, {
+  PanelBody: () => PanelBody,
+  UnforwardedPanelBody: () => UnforwardedPanelBody,
+  default: () => body_default
 });
-exports.PanelBody = void 0;
-exports.UnforwardedPanelBody = UnforwardedPanelBody;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _compose = require("@wordpress/compose");
-var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
-var _button = _interopRequireDefault(require("../button"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const noop = () => {};
+module.exports = __toCommonJS(body_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_compose = require("@wordpress/compose");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_button = __toESM(require("../button"));
+var import_icon = __toESM(require("../icon"));
+var import_utils = require("../utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+const noop = () => {
+};
 function UnforwardedPanelBody(props, ref) {
   const {
     buttonProps = {},
@@ -40,58 +55,47 @@ function UnforwardedPanelBody(props, ref) {
     title,
     scrollAfterOpen = true
   } = props;
-  const [isOpened, setIsOpened] = (0, _utils.useControlledState)(opened, {
-    initial: initialOpen === undefined ? true : initialOpen,
+  const [isOpened, setIsOpened] = (0, import_utils.useControlledState)(opened, {
+    initial: initialOpen === void 0 ? true : initialOpen,
     fallback: false
   });
-  const nodeRef = (0, _element.useRef)(null);
-
-  // Defaults to 'smooth' scrolling
-  // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
-  const scrollBehavior = (0, _compose.useReducedMotion)() ? 'auto' : 'smooth';
-  const handleOnToggle = event => {
+  const nodeRef = (0, import_element.useRef)(null);
+  const scrollBehavior = (0, import_compose.useReducedMotion)() ? "auto" : "smooth";
+  const handleOnToggle = (event) => {
     event.preventDefault();
     const next = !isOpened;
     setIsOpened(next);
     onToggle(next);
   };
-
-  // Ref is used so that the effect does not re-run upon scrollAfterOpen changing value.
-  const scrollAfterOpenRef = (0, _element.useRef)();
+  const scrollAfterOpenRef = (0, import_element.useRef)();
   scrollAfterOpenRef.current = scrollAfterOpen;
-  // Runs after initial render.
-  (0, _utils.useUpdateEffect)(() => {
+  (0, import_utils.useUpdateEffect)(() => {
     if (isOpened && scrollAfterOpenRef.current && nodeRef.current?.scrollIntoView) {
-      /*
-       * Scrolls the content into view when visible.
-       * This improves the UX when there are multiple stacking <PanelBody />
-       * components in a scrollable container.
-       */
       nodeRef.current.scrollIntoView({
-        inline: 'nearest',
-        block: 'nearest',
+        inline: "nearest",
+        block: "nearest",
         behavior: scrollBehavior
       });
     }
   }, [isOpened, scrollBehavior]);
-  const classes = (0, _clsx.default)('components-panel__body', className, {
-    'is-opened': isOpened
+  const classes = (0, import_clsx.default)("components-panel__body", className, {
+    "is-opened": isOpened
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: classes,
-    ref: (0, _compose.useMergeRefs)([nodeRef, ref]),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PanelBodyTitle, {
-      icon: icon,
+    ref: (0, import_compose.useMergeRefs)([nodeRef, ref]),
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PanelBodyTitle, {
+      icon,
       isOpened: Boolean(isOpened),
       onClick: handleOnToggle,
-      title: title,
+      title,
       ...buttonProps
-    }), typeof children === 'function' ? children({
+    }), typeof children === "function" ? children({
       opened: Boolean(isOpened)
     }) : isOpened && children]
   });
 }
-const PanelBodyTitle = (0, _element.forwardRef)(({
+const PanelBodyTitle = (0, import_element.forwardRef)(({
   isOpened,
   icon,
   title,
@@ -100,28 +104,33 @@ const PanelBodyTitle = (0, _element.forwardRef)(({
   if (!title) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
     className: "components-panel__body-title",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.default, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.default, {
       __next40pxDefaultSize: true,
       className: "components-panel__body-toggle",
       "aria-expanded": isOpened,
-      ref: ref,
+      ref,
       ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
         "aria-hidden": "true",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.default, {
           className: "components-panel__arrow",
-          icon: isOpened ? _icons.chevronUp : _icons.chevronDown
+          icon: isOpened ? import_icons.chevronUp : import_icons.chevronDown
         })
-      }), title, icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
-        icon: icon,
+      }), title, icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.default, {
+        icon,
         className: "components-panel__icon",
         size: 20
       })]
     })
   });
 });
-const PanelBody = exports.PanelBody = (0, _element.forwardRef)(UnforwardedPanelBody);
-var _default = exports.default = PanelBody;
-//# sourceMappingURL=body.js.map
+const PanelBody = (0, import_element.forwardRef)(UnforwardedPanelBody);
+var body_default = PanelBody;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PanelBody,
+  UnforwardedPanelBody
+});
+//# sourceMappingURL=body.js.map

package/build/panel/body.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_element","_icons","_button","_icon","_utils","_jsxRuntime","noop","UnforwardedPanelBody","props","ref","buttonProps","children","className","icon","initialOpen","onToggle","opened","title","scrollAfterOpen","isOpened","setIsOpened","useControlledState","initial","undefined","fallback","nodeRef","useRef","scrollBehavior","useReducedMotion","handleOnToggle","event","preventDefault","next","scrollAfterOpenRef","current","useUpdateEffect","scrollIntoView","inline","block","behavior","classes","clsx","jsxs","useMergeRefs","jsx","PanelBodyTitle","Boolean","onClick","forwardRef","default","__next40pxDefaultSize","chevronUp","chevronDown","size","PanelBody","exports","_default"],"sources":["@wordpress/components/src/panel/body.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useReducedMotion, useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\nimport { chevronUp, chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { PanelBodyProps, PanelBodyTitleProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { useControlledState, useUpdateEffect } from '../utils';\n\nconst noop = () => {};\n\nexport function UnforwardedPanelBody(\n\tprops: PanelBodyProps,\n\tref: React.ForwardedRef< HTMLDivElement >\n) {\n\tconst {\n\t\tbuttonProps = {},\n\t\tchildren,\n\t\tclassName,\n\t\ticon,\n\t\tinitialOpen,\n\t\tonToggle = noop,\n\t\topened,\n\t\ttitle,\n\t\tscrollAfterOpen = true,\n\t} = props;\n\tconst [ isOpened, setIsOpened ] = useControlledState< boolean | undefined >(\n\t\topened,\n\t\t{\n\t\t\tinitial: initialOpen === undefined ? true : initialOpen,\n\t\t\tfallback: false,\n\t\t}\n\t);\n\tconst nodeRef = useRef< HTMLElement >( null );\n\n\t// Defaults to 'smooth' scrolling\n\t// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n\tconst scrollBehavior = useReducedMotion() ? 'auto' : 'smooth';\n\n\tconst handleOnToggle = ( event: React.MouseEvent ) => {\n\t\tevent.preventDefault();\n\t\tconst next = ! isOpened;\n\t\tsetIsOpened( next );\n\t\tonToggle( next );\n\t};\n\n\t// Ref is used so that the effect does not re-run upon scrollAfterOpen changing value.\n\tconst scrollAfterOpenRef = useRef< boolean | undefined >();\n\tscrollAfterOpenRef.current = scrollAfterOpen;\n\t// Runs after initial render.\n\tuseUpdateEffect( () => {\n\t\tif (\n\t\t\tisOpened &&\n\t\t\tscrollAfterOpenRef.current &&\n\t\t\tnodeRef.current?.scrollIntoView\n\t\t) {\n\t\t\t/*\n\t\t\t * Scrolls the content into view when visible.\n\t\t\t * This improves the UX when there are multiple stacking <PanelBody />\n\t\t\t * components in a scrollable container.\n\t\t\t */\n\t\t\tnodeRef.current.scrollIntoView( {\n\t\t\t\tinline: 'nearest',\n\t\t\t\tblock: 'nearest',\n\t\t\t\tbehavior: scrollBehavior,\n\t\t\t} );\n\t\t}\n\t}, [ isOpened, scrollBehavior ] );\n\n\tconst classes = clsx( 'components-panel__body', className, {\n\t\t'is-opened': isOpened,\n\t} );\n\n\treturn (\n\t\t<div className={ classes } ref={ useMergeRefs( [ nodeRef, ref ] ) }>\n\t\t\t<PanelBodyTitle\n\t\t\t\ticon={ icon }\n\t\t\t\tisOpened={ Boolean( isOpened ) }\n\t\t\t\tonClick={ handleOnToggle }\n\t\t\t\ttitle={ title }\n\t\t\t\t{ ...buttonProps }\n\t\t\t/>\n\t\t\t{ typeof children === 'function'\n\t\t\t\t? children( { opened: Boolean( isOpened ) } )\n\t\t\t\t: isOpened && children }\n\t\t</div>\n\t);\n}\n\nconst PanelBodyTitle = forwardRef(\n\t(\n\t\t{\n\t\t\tisOpened,\n\t\t\ticon,\n\t\t\ttitle,\n\t\t\t...props\n\t\t}: WordPressComponentProps< PanelBodyTitleProps, 'button' >,\n\t\tref: React.ForwardedRef< any >\n\t) => {\n\t\tif ( ! title ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<h2 className=\"components-panel__body-title\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"components-panel__body-toggle\"\n\t\t\t\t\taria-expanded={ isOpened }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ /*\n\t\t\t\t\tFirefox + NVDA don't announce aria-expanded because the browser\n\t\t\t\t\trepaints the whole element, so this wrapping span hides that.\n\t\t\t\t*/ }\n\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName=\"components-panel__arrow\"\n\t\t\t\t\t\t\ticon={ isOpened ? chevronUp : chevronDown }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t\t{ title }\n\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tclassName=\"components-panel__icon\"\n\t\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Button>\n\t\t\t</h2>\n\t\t);\n\t}\n);\n\nexport const PanelBody = forwardRef( UnforwardedPanelBody );\n\nexport default PanelBody;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/panel/body.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useReducedMotion, useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\nimport { chevronUp, chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\n\nimport Button from '../button';\nimport Icon from '../icon';\nimport { useControlledState, useUpdateEffect } from '../utils';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\nexport function UnforwardedPanelBody(props, ref) {\n  const {\n    buttonProps = {},\n    children,\n    className,\n    icon,\n    initialOpen,\n    onToggle = noop,\n    opened,\n    title,\n    scrollAfterOpen = true\n  } = props;\n  const [isOpened, setIsOpened] = useControlledState(opened, {\n    initial: initialOpen === undefined ? true : initialOpen,\n    fallback: false\n  });\n  const nodeRef = useRef(null);\n\n  // Defaults to 'smooth' scrolling\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n  const scrollBehavior = useReducedMotion() ? 'auto' : 'smooth';\n  const handleOnToggle = event => {\n    event.preventDefault();\n    const next = !isOpened;\n    setIsOpened(next);\n    onToggle(next);\n  };\n\n  // Ref is used so that the effect does not re-run upon scrollAfterOpen changing value.\n  const scrollAfterOpenRef = useRef();\n  scrollAfterOpenRef.current = scrollAfterOpen;\n  // Runs after initial render.\n  useUpdateEffect(() => {\n    if (isOpened && scrollAfterOpenRef.current && nodeRef.current?.scrollIntoView) {\n      /*\n       * Scrolls the content into view when visible.\n       * This improves the UX when there are multiple stacking <PanelBody />\n       * components in a scrollable container.\n       */\n      nodeRef.current.scrollIntoView({\n        inline: 'nearest',\n        block: 'nearest',\n        behavior: scrollBehavior\n      });\n    }\n  }, [isOpened, scrollBehavior]);\n  const classes = clsx('components-panel__body', className, {\n    'is-opened': isOpened\n  });\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classes,\n    ref: useMergeRefs([nodeRef, ref]),\n    children: [/*#__PURE__*/_jsx(PanelBodyTitle, {\n      icon: icon,\n      isOpened: Boolean(isOpened),\n      onClick: handleOnToggle,\n      title: title,\n      ...buttonProps\n    }), typeof children === 'function' ? children({\n      opened: Boolean(isOpened)\n    }) : isOpened && children]\n  });\n}\nconst PanelBodyTitle = forwardRef(({\n  isOpened,\n  icon,\n  title,\n  ...props\n}, ref) => {\n  if (!title) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(\"h2\", {\n    className: \"components-panel__body-title\",\n    children: /*#__PURE__*/_jsxs(Button, {\n      __next40pxDefaultSize: true,\n      className: \"components-panel__body-toggle\",\n      \"aria-expanded\": isOpened,\n      ref: ref,\n      ...props,\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        \"aria-hidden\": \"true\",\n        children: /*#__PURE__*/_jsx(Icon, {\n          className: \"components-panel__arrow\",\n          icon: isOpened ? chevronUp : chevronDown\n        })\n      }), title, icon && /*#__PURE__*/_jsx(Icon, {\n        icon: icon,\n        className: \"components-panel__icon\",\n        size: 20\n      })]\n    })\n  });\n});\nexport const PanelBody = forwardRef(UnforwardedPanelBody);\nexport default PanelBody;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAA+C;AAC/C,qBAAmC;AACnC,mBAAuC;AAMvC,oBAAmB;AACnB,kBAAiB;AACjB,mBAAoD;AACpD,yBAA2C;AAC3C,MAAM,OAAO,MAAM;AAAC;AACb,SAAS,qBAAqB,OAAO,KAAK;AAC/C,QAAM;AAAA,IACJ,cAAc,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,IAAI;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,iCAAmB,QAAQ;AAAA,IACzD,SAAS,gBAAgB,SAAY,OAAO;AAAA,IAC5C,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,cAAU,uBAAO,IAAI;AAI3B,QAAM,qBAAiB,iCAAiB,IAAI,SAAS;AACrD,QAAM,iBAAiB,WAAS;AAC9B,UAAM,eAAe;AACrB,UAAM,OAAO,CAAC;AACd,gBAAY,IAAI;AAChB,aAAS,IAAI;AAAA,EACf;AAGA,QAAM,yBAAqB,uBAAO;AAClC,qBAAmB,UAAU;AAE7B,oCAAgB,MAAM;AACpB,QAAI,YAAY,mBAAmB,WAAW,QAAQ,SAAS,gBAAgB;AAM7E,cAAQ,QAAQ,eAAe;AAAA,QAC7B,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,UAAU,cAAc,CAAC;AAC7B,QAAM,cAAU,YAAAA,SAAK,0BAA0B,WAAW;AAAA,IACxD,aAAa;AAAA,EACf,CAAC;AACD,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,SAAK,6BAAa,CAAC,SAAS,GAAG,CAAC;AAAA,IAChC,UAAU,CAAc,uCAAAC,KAAK,gBAAgB;AAAA,MAC3C;AAAA,MACA,UAAU,QAAQ,QAAQ;AAAA,MAC1B,SAAS;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IACL,CAAC,GAAG,OAAO,aAAa,aAAa,SAAS;AAAA,MAC5C,QAAQ,QAAQ,QAAQ;AAAA,IAC1B,CAAC,IAAI,YAAY,QAAQ;AAAA,EAC3B,CAAC;AACH;AACA,MAAM,qBAAiB,2BAAW,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,QAAQ;AACT,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAA,KAAK,MAAM;AAAA,IAC7B,WAAW;AAAA,IACX,UAAuB,uCAAAD,MAAM,cAAAE,SAAQ;AAAA,MACnC,uBAAuB;AAAA,MACvB,WAAW;AAAA,MACX,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,MACH,UAAU,CAAc,uCAAAD,KAAK,QAAQ;AAAA,QACnC,eAAe;AAAA,QACf,UAAuB,uCAAAA,KAAK,YAAAE,SAAM;AAAA,UAChC,WAAW;AAAA,UACX,MAAM,WAAW,yBAAY;AAAA,QAC/B,CAAC;AAAA,MACH,CAAC,GAAG,OAAO,QAAqB,uCAAAF,KAAK,YAAAE,SAAM;AAAA,QACzC;AAAA,QACA,WAAW;AAAA,QACX,MAAM;AAAA,MACR,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH,CAAC;AACM,MAAM,gBAAY,2BAAW,oBAAoB;AACxD,IAAO,eAAQ;",
+  "names": ["clsx", "_jsxs", "_jsx", "Button", "Icon"]
+}

package/build/panel/header.js

@@ -1,29 +1,37 @@
 "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 header_exports = {};
+__export(header_exports, {
+  default: () => header_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
-/**
- * `PanelHeader` renders the header for the `Panel`.
- * This is used by the `Panel` component under the hood,
- * so it does not typically need to be used.
- */
+module.exports = __toCommonJS(header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 function PanelHeader({
   label,
   children
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "components-panel__header",
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+    children: [label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
       children: label
     }), children]
   });
 }
-var _default = exports.default = PanelHeader;
-//# sourceMappingURL=header.js.map
+var header_default = PanelHeader;
+//# sourceMappingURL=header.js.map

package/build/panel/header.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["PanelHeader","label","children","_jsxRuntime","jsxs","className","jsx","_default","exports","default"],"sources":["@wordpress/components/src/panel/header.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { PanelHeaderProps } from './types';\n\n/**\n * `PanelHeader` renders the header for the `Panel`.\n * This is used by the `Panel` component under the hood,\n * so it does not typically need to be used.\n */\nfunction PanelHeader( { label, children }: PanelHeaderProps ) {\n\treturn (\n\t\t<div className=\"components-panel__header\">\n\t\t\t{ label && <h2>{ label }</h2> }\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default PanelHeader;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA,SAASA,WAAWA,CAAE;EAAEC,KAAK;EAAEC;AAA2B,CAAC,EAAG;EAC7D,oBACC,IAAAC,WAAA,CAAAC,IAAA;IAAKC,SAAS,EAAC,0BAA0B;IAAAH,QAAA,GACtCD,KAAK,iBAAI,IAAAE,WAAA,CAAAG,GAAA;MAAAJ,QAAA,EAAMD;IAAK,CAAM,CAAC,EAC3BC,QAAQ;EAAA,CACN,CAAC;AAER;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcT,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/panel/header.tsx"],
+  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * Internal dependencies\n */\n\n/**\n * `PanelHeader` renders the header for the `Panel`.\n * This is used by the `Panel` component under the hood,\n * so it does not typically need to be used.\n */\nfunction PanelHeader({\n  label,\n  children\n}) {\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: \"components-panel__header\",\n    children: [label && /*#__PURE__*/_jsx(\"h2\", {\n      children: label\n    }), children]\n  });\n}\nexport default PanelHeader;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA2C;AAU3C,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAAG;AACD,SAAoB,uCAAAA,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAC,SAAsB,uCAAAC,KAAK,MAAM;AAAA,MAC1C,UAAU;AAAA,IACZ,CAAC,GAAG,QAAQ;AAAA,EACd,CAAC;AACH;AACA,IAAO,iBAAQ;",
+  "names": ["_jsxs", "_jsx"]
+}

package/build/panel/index.js

@@ -1,57 +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 panel_exports = {};
+__export(panel_exports, {
+  Panel: () => Panel,
+  default: () => panel_default
 });
-exports.default = exports.Panel = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _header = _interopRequireDefault(require("./header"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(panel_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_header = __toESM(require("./header"));
+var import_jsx_runtime = require("react/jsx-runtime");
 function UnforwardedPanel({
   header,
   className,
   children
 }, ref) {
-  const classNames = (0, _clsx.default)(className, 'components-panel');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  const classNames = (0, import_clsx.default)(className, "components-panel");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: classNames,
-    ref: ref,
-    children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+    ref,
+    children: [header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_header.default, {
       label: header
     }), children]
   });
 }
-
-/**
- * `Panel` expands and collapses multiple sections of content.
- *
- * ```jsx
- * import { Panel, PanelBody, PanelRow } from '@wordpress/components';
- * import { more } from '@wordpress/icons';
- *
- * const MyPanel = () => (
- * 	<Panel header="My Panel">
- * 		<PanelBody title="My Block Settings" icon={ more } initialOpen={ true }>
- * 			<PanelRow>My Panel Inputs and Labels</PanelRow>
- * 		</PanelBody>
- * 	</Panel>
- * );
- * ```
- */
-const Panel = exports.Panel = (0, _element.forwardRef)(UnforwardedPanel);
-var _default = exports.default = Panel;
-//# sourceMappingURL=index.js.map
+const Panel = (0, import_element.forwardRef)(UnforwardedPanel);
+var panel_default = Panel;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Panel
+});
+//# sourceMappingURL=index.js.map

package/build/panel/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_header","_jsxRuntime","UnforwardedPanel","header","className","children","ref","classNames","clsx","jsxs","jsx","default","label","Panel","exports","forwardRef","_default"],"sources":["@wordpress/components/src/panel/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PanelHeader from './header';\nimport type { PanelProps } from './types';\n\nfunction UnforwardedPanel(\n\t{ header, className, children }: PanelProps,\n\tref: React.ForwardedRef< HTMLDivElement >\n) {\n\tconst classNames = clsx( className, 'components-panel' );\n\treturn (\n\t\t<div className={ classNames } ref={ ref }>\n\t\t\t{ header && <PanelHeader label={ header } /> }\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * `Panel` expands and collapses multiple sections of content.\n *\n * ```jsx\n * import { Panel, PanelBody, PanelRow } from '@wordpress/components';\n * import { more } from '@wordpress/icons';\n *\n * const MyPanel = () => (\n * \t<Panel header=\"My Panel\">\n * \t\t<PanelBody title=\"My Block Settings\" icon={ more } initialOpen={ true }>\n * \t\t\t<PanelRow>My Panel Inputs and Labels</PanelRow>\n * \t\t</PanelBody>\n * \t</Panel>\n * );\n * ```\n */\nexport const Panel = forwardRef( UnforwardedPanel );\n\nexport default Panel;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAmC,IAAAG,WAAA,GAAAH,OAAA;AAbnC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,SAASI,gBAAgBA,CACxB;EAAEC,MAAM;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAC3CC,GAAyC,EACxC;EACD,MAAMC,UAAU,GAAG,IAAAC,aAAI,EAAEJ,SAAS,EAAE,kBAAmB,CAAC;EACxD,oBACC,IAAAH,WAAA,CAAAQ,IAAA;IAAKL,SAAS,EAAGG,UAAY;IAACD,GAAG,EAAGA,GAAK;IAAAD,QAAA,GACtCF,MAAM,iBAAI,IAAAF,WAAA,CAAAS,GAAA,EAACV,OAAA,CAAAW,OAAW;MAACC,KAAK,EAAGT;IAAQ,CAAE,CAAC,EAC1CE,QAAQ;EAAA,CACN,CAAC;AAER;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,mBAAU,EAAEb,gBAAiB,CAAC;AAAC,IAAAc,QAAA,GAAAF,OAAA,CAAAH,OAAA,GAErCE,KAAK","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/panel/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PanelHeader from './header';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedPanel({\n  header,\n  className,\n  children\n}, ref) {\n  const classNames = clsx(className, 'components-panel');\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classNames,\n    ref: ref,\n    children: [header && /*#__PURE__*/_jsx(PanelHeader, {\n      label: header\n    }), children]\n  });\n}\n\n/**\n * `Panel` expands and collapses multiple sections of content.\n *\n * ```jsx\n * import { Panel, PanelBody, PanelRow } from '@wordpress/components';\n * import { more } from '@wordpress/icons';\n *\n * const MyPanel = () => (\n * \t<Panel header=\"My Panel\">\n * \t\t<PanelBody title=\"My Block Settings\" icon={ more } initialOpen={ true }>\n * \t\t\t<PanelRow>My Panel Inputs and Labels</PanelRow>\n * \t\t</PanelBody>\n * \t</Panel>\n * );\n * ```\n */\nexport const Panel = forwardRef(UnforwardedPanel);\nexport default Panel;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAA2B;AAK3B,oBAAwB;AACxB,yBAA2C;AAC3C,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM,iBAAa,YAAAA,SAAK,WAAW,kBAAkB;AACrD,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX;AAAA,IACA,UAAU,CAAC,UAAuB,uCAAAC,KAAK,cAAAC,SAAa;AAAA,MAClD,OAAO;AAAA,IACT,CAAC,GAAG,QAAQ;AAAA,EACd,CAAC;AACH;AAkBO,MAAM,YAAQ,2BAAW,gBAAgB;AAChD,IAAO,gBAAQ;",
+  "names": ["clsx", "_jsxs", "_jsx", "PanelHeader"]
+}

package/build/panel/row.js

@@ -1,40 +1,54 @@
 "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 row_exports = {};
+__export(row_exports, {
+  PanelRow: () => PanelRow,
+  default: () => row_default
 });
-exports.default = exports.PanelRow = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(row_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
 function UnforwardedPanelRow({
   className,
   children
 }, ref) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx.default)('components-panel__row', className),
-    ref: ref,
-    children: children
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className: (0, import_clsx.default)("components-panel__row", className),
+    ref,
+    children
   });
 }
-
-/**
- * `PanelRow` is a generic container for rows within a `PanelBody`.
- * It is a flex container with a top margin for spacing.
- */
-const PanelRow = exports.PanelRow = (0, _element.forwardRef)(UnforwardedPanelRow);
-var _default = exports.default = PanelRow;
-//# sourceMappingURL=row.js.map
+const PanelRow = (0, import_element.forwardRef)(UnforwardedPanelRow);
+var row_default = PanelRow;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PanelRow
+});
+//# sourceMappingURL=row.js.map

package/build/panel/row.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_jsxRuntime","UnforwardedPanelRow","className","children","ref","jsx","clsx","PanelRow","exports","forwardRef","_default","default"],"sources":["@wordpress/components/src/panel/row.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { PanelRowProps } from './types';\n\nfunction UnforwardedPanelRow(\n\t{ className, children }: PanelRowProps,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'components-panel__row', className ) }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * `PanelRow` is a generic container for rows within a `PanelBody`.\n * It is a flex container with a top margin for spacing.\n */\nexport const PanelRow = forwardRef( UnforwardedPanelRow );\n\nexport default PanelRow;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AARhD;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASG,mBAAmBA,CAC3B;EAAEC,SAAS;EAAEC;AAAwB,CAAC,EACtCC,GAAmC,EAClC;EACD,oBACC,IAAAJ,WAAA,CAAAK,GAAA;IACCH,SAAS,EAAG,IAAAI,aAAI,EAAE,uBAAuB,EAAEJ,SAAU,CAAG;IACxDE,GAAG,EAAGA,GAAK;IAAAD,QAAA,EAETA;EAAQ,CACN,CAAC;AAER;;AAEA;AACA;AACA;AACA;AACO,MAAMI,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,mBAAU,EAAER,mBAAoB,CAAC;AAAC,IAAAS,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAE3CJ,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/panel/row.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedPanelRow({\n  className,\n  children\n}, ref) {\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('components-panel__row', className),\n    ref: ref,\n    children: children\n  });\n}\n\n/**\n * `PanelRow` is a generic container for rows within a `PanelBody`.\n * It is a flex container with a top margin for spacing.\n */\nexport const PanelRow = forwardRef(UnforwardedPanelRow);\nexport default PanelRow;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAA2B;AAK3B,yBAA4B;AAC5B,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAAG,KAAK;AACN,SAAoB,uCAAAA,KAAK,OAAO;AAAA,IAC9B,eAAW,YAAAC,SAAK,yBAAyB,SAAS;AAAA,IAClD;AAAA,IACA;AAAA,EACF,CAAC;AACH;AAMO,MAAM,eAAW,2BAAW,mBAAmB;AACtD,IAAO,cAAQ;",
+  "names": ["_jsx", "clsx"]
+}

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

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/panel/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ButtonAsButtonProps } from '../button/types';\nimport type { WordPressComponentProps } from '../context';\n\nexport type PanelProps = {\n\t/**\n\t * The text that will be rendered as the title of the panel.\n\t * Text will be rendered inside an `<h2>` tag.\n\t */\n\theader?: PanelHeaderProps[ 'label' ];\n\t/**\n\t * The CSS class to apply to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * The content to display within the panel.\n\t */\n\tchildren: React.ReactNode;\n};\n\nexport type PanelHeaderProps = {\n\t/**\n\t * The text that will be rendered as the title of the panel.\n\t * Will be rendered in an `<h2>` tag.\n\t */\n\tlabel?: string;\n\t/**\n\t * The content to display within the panel header.\n\t */\n\tchildren?: React.ReactNode;\n};\n\nexport type PanelRowProps = {\n\t/**\n\t * The CSS class to apply to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * The content to display within the panel row.\n\t */\n\tchildren: React.ReactNode;\n};\n\nexport type PanelBodyProps = {\n\t/**\n\t * Props that are passed to the `Button` component in title within the\n\t * `PanelBody`.\n\t *\n\t * @default {}\n\t */\n\tbuttonProps?: WordPressComponentProps<\n\t\tOmit< ButtonAsButtonProps, 'icon' >,\n\t\t'button',\n\t\tfalse\n\t>;\n\t/**\n\t * The content to display in the `PanelBody`.If a function is provided for\n\t * this prop, it will receive an object with the `opened` prop as an argument.\n\t */\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ( ( props: { opened: boolean } ) => React.ReactNode );\n\n\t/**\n\t * The CSS class to apply to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * An icon to be shown next to the title.\n\t */\n\ticon?: JSX.Element;\n\t/**\n\t * Whether or not the panel will start open.\n\t */\n\tinitialOpen?: boolean;\n\t/**\n\t * A function that is called any time the component is toggled from its closed\n\t * state to its opened state, or vice versa.\n\t *\n\t * @default noop\n\t */\n\tonToggle?: ( next: boolean ) => void;\n\t/**\n\t * When set to `true`, the component will remain open regardless of the\n\t * `initialOpen` prop and the panel will be prevented from being closed.\n\t */\n\topened?: boolean;\n\t/**\n\t * Title text. It shows even when it is closed.\n\t */\n\ttitle?: string;\n\t/**\n\t * Scrolls the content into view when visible. This improves the UX when\n\t * multiple `PanelBody` components are stacked in a scrollable container.\n\t *\n\t * @default true\n\t */\n\tscrollAfterOpen?: boolean;\n};\n\nexport type PanelBodyTitleProps = Omit< ButtonAsButtonProps, 'icon' > & {\n\t/**\n\t * An icon to be shown next to the title.\n\t */\n\ticon?: JSX.Element;\n\t/**\n\t * Whether or not the `PanelBody` is currently opened or not.\n\t */\n\tisOpened?: boolean;\n\t/**\n\t * The title text.\n\t */\n\ttitle?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/panel/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}