@wordpress/components 31.0.1-next.8fd3f8831.0 → 32.0.0

package/build-module/panel/body.mjs

@@ -0,0 +1,102 @@
+// packages/components/src/panel/body.tsx
+import clsx from "clsx";
+import { useReducedMotion, useMergeRefs } from "@wordpress/compose";
+import { forwardRef, useRef } from "@wordpress/element";
+import { chevronUp, chevronDown } from "@wordpress/icons";
+import Button from "../button/index.mjs";
+import Icon from "../icon/index.mjs";
+import { useControlledState, useUpdateEffect } from "../utils/index.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var noop = () => {
+};
+function UnforwardedPanelBody(props, ref) {
+  const {
+    buttonProps = {},
+    children,
+    className,
+    icon,
+    initialOpen,
+    onToggle = noop,
+    opened,
+    title,
+    scrollAfterOpen = true
+  } = props;
+  const [isOpened, setIsOpened] = useControlledState(opened, {
+    initial: initialOpen === void 0 ? true : initialOpen,
+    fallback: false
+  });
+  const nodeRef = useRef(null);
+  const scrollBehavior = useReducedMotion() ? "auto" : "smooth";
+  const handleOnToggle = (event) => {
+    event.preventDefault();
+    const next = !isOpened;
+    setIsOpened(next);
+    onToggle(next);
+  };
+  const scrollAfterOpenRef = useRef();
+  scrollAfterOpenRef.current = scrollAfterOpen;
+  useUpdateEffect(() => {
+    if (isOpened && scrollAfterOpenRef.current && nodeRef.current?.scrollIntoView) {
+      nodeRef.current.scrollIntoView({
+        inline: "nearest",
+        block: "nearest",
+        behavior: scrollBehavior
+      });
+    }
+  }, [isOpened, scrollBehavior]);
+  const classes = clsx("components-panel__body", className, {
+    "is-opened": isOpened
+  });
+  return /* @__PURE__ */ _jsxs("div", {
+    className: classes,
+    ref: useMergeRefs([nodeRef, ref]),
+    children: [/* @__PURE__ */ _jsx(PanelBodyTitle, {
+      icon,
+      isOpened: Boolean(isOpened),
+      onClick: handleOnToggle,
+      title,
+      ...buttonProps
+    }), typeof children === "function" ? children({
+      opened: Boolean(isOpened)
+    }) : isOpened && children]
+  });
+}
+var PanelBodyTitle = forwardRef(({
+  isOpened,
+  icon,
+  title,
+  ...props
+}, ref) => {
+  if (!title) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsx("h2", {
+    className: "components-panel__body-title",
+    children: /* @__PURE__ */ _jsxs(Button, {
+      __next40pxDefaultSize: true,
+      className: "components-panel__body-toggle",
+      "aria-expanded": isOpened,
+      ref,
+      ...props,
+      children: [/* @__PURE__ */ _jsx("span", {
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ _jsx(Icon, {
+          className: "components-panel__arrow",
+          icon: isOpened ? chevronUp : chevronDown
+        })
+      }), title, icon && /* @__PURE__ */ _jsx(Icon, {
+        icon,
+        className: "components-panel__icon",
+        size: 20
+      })]
+    })
+  });
+});
+var PanelBody = forwardRef(UnforwardedPanelBody);
+var body_default = PanelBody;
+export {
+  PanelBody,
+  UnforwardedPanelBody,
+  body_default as default
+};
+//# sourceMappingURL=body.mjs.map

package/build-module/panel/header.mjs

@@ -0,0 +1,18 @@
+// packages/components/src/panel/header.tsx
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function PanelHeader({
+  label,
+  children
+}) {
+  return /* @__PURE__ */ _jsxs("div", {
+    className: "components-panel__header",
+    children: [label && /* @__PURE__ */ _jsx("h2", {
+      children: label
+    }), children]
+  });
+}
+var header_default = PanelHeader;
+export {
+  header_default as default
+};
+//# sourceMappingURL=header.mjs.map

package/build-module/panel/index.mjs

@@ -0,0 +1,26 @@
+// packages/components/src/panel/index.tsx
+import clsx from "clsx";
+import { forwardRef } from "@wordpress/element";
+import PanelHeader from "./header.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function UnforwardedPanel({
+  header,
+  className,
+  children
+}, ref) {
+  const classNames = clsx(className, "components-panel");
+  return /* @__PURE__ */ _jsxs("div", {
+    className: classNames,
+    ref,
+    children: [header && /* @__PURE__ */ _jsx(PanelHeader, {
+      label: header
+    }), children]
+  });
+}
+var Panel = forwardRef(UnforwardedPanel);
+var panel_default = Panel;
+export {
+  Panel,
+  panel_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/panel/row.mjs

@@ -0,0 +1,21 @@
+// packages/components/src/panel/row.tsx
+import clsx from "clsx";
+import { forwardRef } from "@wordpress/element";
+import { jsx as _jsx } from "react/jsx-runtime";
+function UnforwardedPanelRow({
+  className,
+  children
+}, ref) {
+  return /* @__PURE__ */ _jsx("div", {
+    className: clsx("components-panel__row", className),
+    ref,
+    children
+  });
+}
+var PanelRow = forwardRef(UnforwardedPanelRow);
+var row_default = PanelRow;
+export {
+  PanelRow,
+  row_default as default
+};
+//# sourceMappingURL=row.mjs.map

package/build-module/panel/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/build-module/placeholder/index.mjs

@@ -0,0 +1,78 @@
+// packages/components/src/placeholder/index.tsx
+import clsx from "clsx";
+import { useResizeObserver } from "@wordpress/compose";
+import { SVG, Path } from "@wordpress/primitives";
+import { useEffect } from "@wordpress/element";
+import { speak } from "@wordpress/a11y";
+import Icon from "../icon/index.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var PlaceholderIllustration = /* @__PURE__ */ _jsx(SVG, {
+  className: "components-placeholder__illustration",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 60 60",
+  preserveAspectRatio: "none",
+  children: /* @__PURE__ */ _jsx(Path, {
+    vectorEffect: "non-scaling-stroke",
+    d: "M60 60 0 0"
+  })
+});
+function Placeholder(props) {
+  const {
+    icon,
+    children,
+    label,
+    instructions,
+    className,
+    notices,
+    preview,
+    isColumnLayout,
+    withIllustration,
+    ...additionalProps
+  } = props;
+  const [resizeListener, {
+    width
+  }] = useResizeObserver();
+  let modifierClassNames;
+  if (typeof width === "number") {
+    modifierClassNames = {
+      "is-large": width >= 480,
+      "is-medium": width >= 160 && width < 480,
+      "is-small": width < 160
+    };
+  }
+  const classes = clsx("components-placeholder", className, modifierClassNames, withIllustration ? "has-illustration" : null);
+  const fieldsetClasses = clsx("components-placeholder__fieldset", {
+    "is-column-layout": isColumnLayout
+  });
+  useEffect(() => {
+    if (instructions) {
+      speak(instructions);
+    }
+  }, [instructions]);
+  return /* @__PURE__ */ _jsxs("div", {
+    ...additionalProps,
+    className: classes,
+    children: [withIllustration ? PlaceholderIllustration : null, resizeListener, notices, preview && /* @__PURE__ */ _jsx("div", {
+      className: "components-placeholder__preview",
+      children: preview
+    }), /* @__PURE__ */ _jsxs("div", {
+      className: "components-placeholder__label",
+      children: [/* @__PURE__ */ _jsx(Icon, {
+        icon
+      }), label]
+    }), !!instructions && /* @__PURE__ */ _jsx("div", {
+      className: "components-placeholder__instructions",
+      children: instructions
+    }), /* @__PURE__ */ _jsx("div", {
+      className: fieldsetClasses,
+      children
+    })]
+  });
+}
+var placeholder_default = Placeholder;
+export {
+  Placeholder,
+  placeholder_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/placeholder/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/build-module/popover/index.mjs

@@ -0,0 +1,345 @@
+// packages/components/src/popover/index.tsx
+import clsx from "clsx";
+import { useFloating, flip as flipMiddleware, shift as shiftMiddleware, limitShift, autoUpdate, arrow, offset as offsetMiddleware, size } from "@floating-ui/react-dom";
+import { motion } from "framer-motion";
+import { useRef, useLayoutEffect, forwardRef, createContext, useContext, useMemo, useState, useCallback, createPortal } from "@wordpress/element";
+import { useReducedMotion, useViewportMatch, useMergeRefs, __experimentalUseDialog as useDialog } from "@wordpress/compose";
+import { close } from "@wordpress/icons";
+import deprecated from "@wordpress/deprecated";
+import { Path, SVG } from "@wordpress/primitives";
+import { __ } from "@wordpress/i18n";
+import Button from "../button/index.mjs";
+import ScrollLock from "../scroll-lock/index.mjs";
+import { Slot, Fill, useSlot } from "../slot-fill/index.mjs";
+import { computePopoverPosition, positionToPlacement, placementToMotionAnimationProps, getReferenceElement } from "./utils.mjs";
+import { contextConnect, useContextSystem } from "../context/index.mjs";
+import { overlayMiddlewares } from "./overlay-middlewares.mjs";
+import { StyleProvider } from "../style-provider/index.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var SLOT_NAME = "Popover";
+var OVERFLOW_PADDING = 8;
+var ArrowTriangle = () => /* @__PURE__ */ _jsxs(SVG, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 100 100",
+  className: "components-popover__triangle",
+  role: "presentation",
+  children: [/* @__PURE__ */ _jsx(Path, {
+    className: "components-popover__triangle-bg",
+    d: "M 0 0 L 50 50 L 100 0"
+  }), /* @__PURE__ */ _jsx(Path, {
+    className: "components-popover__triangle-border",
+    d: "M 0 0 L 50 50 L 100 0",
+    vectorEffect: "non-scaling-stroke"
+  })]
+});
+var slotNameContext = createContext(void 0);
+slotNameContext.displayName = "__unstableSlotNameContext";
+var fallbackContainerClassname = "components-popover__fallback-container";
+var getPopoverFallbackContainer = () => {
+  let container = document.body.querySelector("." + fallbackContainerClassname);
+  if (!container) {
+    container = document.createElement("div");
+    container.className = fallbackContainerClassname;
+    document.body.append(container);
+  }
+  return container;
+};
+var UnforwardedPopover = (props, forwardedRef) => {
+  const {
+    animate = true,
+    headerTitle,
+    constrainTabbing,
+    onClose,
+    children,
+    className,
+    noArrow = true,
+    position,
+    placement: placementProp = "bottom-start",
+    offset: offsetProp = 0,
+    focusOnMount = "firstElement",
+    anchor,
+    expandOnMobile,
+    onFocusOutside,
+    __unstableSlotName = SLOT_NAME,
+    flip = true,
+    resize = true,
+    shift = false,
+    inline = false,
+    variant,
+    style: contentStyle,
+    // Deprecated props
+    __unstableForcePosition,
+    anchorRef,
+    anchorRect,
+    getAnchorRect,
+    isAlternate,
+    // Rest
+    ...contentProps
+  } = useContextSystem(props, "Popover");
+  let computedFlipProp = flip;
+  let computedResizeProp = resize;
+  if (__unstableForcePosition !== void 0) {
+    deprecated("`__unstableForcePosition` prop in wp.components.Popover", {
+      since: "6.1",
+      version: "6.3",
+      alternative: "`flip={ false }` and  `resize={ false }`"
+    });
+    computedFlipProp = !__unstableForcePosition;
+    computedResizeProp = !__unstableForcePosition;
+  }
+  if (anchorRef !== void 0) {
+    deprecated("`anchorRef` prop in wp.components.Popover", {
+      since: "6.1",
+      alternative: "`anchor` prop"
+    });
+  }
+  if (anchorRect !== void 0) {
+    deprecated("`anchorRect` prop in wp.components.Popover", {
+      since: "6.1",
+      alternative: "`anchor` prop"
+    });
+  }
+  if (getAnchorRect !== void 0) {
+    deprecated("`getAnchorRect` prop in wp.components.Popover", {
+      since: "6.1",
+      alternative: "`anchor` prop"
+    });
+  }
+  const computedVariant = isAlternate ? "toolbar" : variant;
+  if (isAlternate !== void 0) {
+    deprecated("`isAlternate` prop in wp.components.Popover", {
+      since: "6.2",
+      alternative: "`variant` prop with the `'toolbar'` value"
+    });
+  }
+  const arrowRef = useRef(null);
+  const [fallbackReferenceElement, setFallbackReferenceElement] = useState(null);
+  const anchorRefFallback = useCallback((node) => {
+    setFallbackReferenceElement(node);
+  }, []);
+  const isMobileViewport = useViewportMatch("medium", "<");
+  const isExpanded = expandOnMobile && isMobileViewport;
+  const hasArrow = !isExpanded && !noArrow;
+  const normalizedPlacementFromProps = position ? positionToPlacement(position) : placementProp;
+  const middleware = [...placementProp === "overlay" ? overlayMiddlewares() : [], offsetMiddleware(offsetProp), computedFlipProp && flipMiddleware(), computedResizeProp && size({
+    padding: OVERFLOW_PADDING,
+    apply(sizeProps) {
+      var _refs$floating$curren;
+      const {
+        firstElementChild
+      } = (_refs$floating$curren = refs.floating.current) !== null && _refs$floating$curren !== void 0 ? _refs$floating$curren : {};
+      if (!(firstElementChild instanceof HTMLElement)) {
+        return;
+      }
+      Object.assign(firstElementChild.style, {
+        maxHeight: `${Math.max(0, sizeProps.availableHeight)}px`,
+        overflow: "auto"
+      });
+    }
+  }), shift && shiftMiddleware({
+    crossAxis: true,
+    limiter: limitShift(),
+    padding: 1
+    // Necessary to avoid flickering at the edge of the viewport.
+  }), arrow({
+    element: arrowRef
+  })];
+  const slotName = useContext(slotNameContext) || __unstableSlotName;
+  const slot = useSlot(slotName);
+  let onDialogClose;
+  if (onClose || onFocusOutside) {
+    onDialogClose = (type, event) => {
+      if (type === "focus-outside") {
+        const blurTarget = event?.target;
+        const referenceElement = refs.reference.current;
+        const floatingElement = refs.floating.current;
+        const isBlurFromThisPopover = referenceElement && "contains" in referenceElement && referenceElement.contains(blurTarget) || floatingElement?.contains(blurTarget);
+        const ownerDocument = floatingElement?.ownerDocument;
+        if (!isBlurFromThisPopover && !("relatedTarget" in event && event.relatedTarget) && ownerDocument?.activeElement === ownerDocument?.body) {
+          return;
+        }
+        if (onFocusOutside) {
+          onFocusOutside(event);
+        } else if (onClose) {
+          onClose();
+        }
+      } else if (onClose) {
+        onClose();
+      }
+    };
+  }
+  const [dialogRef, dialogProps] = useDialog({
+    constrainTabbing,
+    focusOnMount,
+    __unstableOnClose: onDialogClose,
+    // @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)
+    onClose: onDialogClose
+  });
+  const {
+    // Positioning coordinates
+    x,
+    y,
+    // Object with "regular" refs to both "reference" and "floating"
+    refs,
+    // Type of CSS position property to use (absolute or fixed)
+    strategy,
+    update,
+    placement: computedPlacement,
+    middlewareData: {
+      arrow: arrowData
+    }
+  } = useFloating({
+    placement: normalizedPlacementFromProps === "overlay" ? void 0 : normalizedPlacementFromProps,
+    middleware,
+    whileElementsMounted: (referenceParam, floatingParam, updateParam) => autoUpdate(referenceParam, floatingParam, updateParam, {
+      layoutShift: false,
+      animationFrame: true
+    })
+  });
+  const arrowCallbackRef = useCallback((node) => {
+    arrowRef.current = node;
+    update();
+  }, [update]);
+  const anchorRefTop = anchorRef?.top;
+  const anchorRefBottom = anchorRef?.bottom;
+  const anchorRefStartContainer = anchorRef?.startContainer;
+  const anchorRefCurrent = anchorRef?.current;
+  useLayoutEffect(() => {
+    const resultingReferenceElement = getReferenceElement({
+      anchor,
+      anchorRef,
+      anchorRect,
+      getAnchorRect,
+      fallbackReferenceElement
+    });
+    refs.setReference(resultingReferenceElement);
+  }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, refs]);
+  const mergedFloatingRef = useMergeRefs([refs.setFloating, dialogRef, forwardedRef]);
+  const style = isExpanded ? void 0 : {
+    position: strategy,
+    top: 0,
+    left: 0,
+    // `x` and `y` are framer-motion specific props and are shorthands
+    // for `translateX` and `translateY`. Currently it is not possible
+    // to use `translateX` and `translateY` because those values would
+    // be overridden by the return value of the
+    // `placementToMotionAnimationProps` function.
+    x: computePopoverPosition(x),
+    y: computePopoverPosition(y)
+  };
+  const shouldReduceMotion = useReducedMotion();
+  const shouldAnimate = animate && !isExpanded && !shouldReduceMotion;
+  const [animationFinished, setAnimationFinished] = useState(false);
+  const {
+    style: motionInlineStyles,
+    ...otherMotionProps
+  } = useMemo(() => placementToMotionAnimationProps(computedPlacement), [computedPlacement]);
+  const animationProps = shouldAnimate ? {
+    style: {
+      ...contentStyle,
+      ...motionInlineStyles,
+      ...style
+    },
+    onAnimationComplete: () => setAnimationFinished(true),
+    ...otherMotionProps
+  } : {
+    animate: false,
+    style: {
+      ...contentStyle,
+      ...style
+    }
+  };
+  const isPositioned = (!shouldAnimate || animationFinished) && x !== null && y !== null;
+  let content = /* @__PURE__ */ _jsxs(motion.div, {
+    className: clsx(className, {
+      "is-expanded": isExpanded,
+      "is-positioned": isPositioned,
+      // Use the 'alternate' classname for 'toolbar' variant for back compat.
+      [`is-${computedVariant === "toolbar" ? "alternate" : computedVariant}`]: computedVariant
+    }),
+    ...animationProps,
+    ...contentProps,
+    ref: mergedFloatingRef,
+    ...dialogProps,
+    tabIndex: -1,
+    children: [isExpanded && /* @__PURE__ */ _jsx(ScrollLock, {}), isExpanded && /* @__PURE__ */ _jsxs("div", {
+      className: "components-popover__header",
+      children: [/* @__PURE__ */ _jsx("span", {
+        className: "components-popover__header-title",
+        children: headerTitle
+      }), /* @__PURE__ */ _jsx(Button, {
+        className: "components-popover__close",
+        size: "small",
+        icon: close,
+        onClick: onClose,
+        label: __("Close")
+      })]
+    }), /* @__PURE__ */ _jsx("div", {
+      className: "components-popover__content",
+      children
+    }), hasArrow && /* @__PURE__ */ _jsx("div", {
+      ref: arrowCallbackRef,
+      className: ["components-popover__arrow", `is-${computedPlacement.split("-")[0]}`].join(" "),
+      style: {
+        left: typeof arrowData?.x !== "undefined" && Number.isFinite(arrowData.x) ? `${arrowData.x}px` : "",
+        top: typeof arrowData?.y !== "undefined" && Number.isFinite(arrowData.y) ? `${arrowData.y}px` : ""
+      },
+      children: /* @__PURE__ */ _jsx(ArrowTriangle, {})
+    })]
+  });
+  const shouldRenderWithinSlot = slot.ref && !inline;
+  const hasAnchor = anchorRef || anchorRect || anchor;
+  if (shouldRenderWithinSlot) {
+    content = /* @__PURE__ */ _jsx(Fill, {
+      name: slotName,
+      children: content
+    });
+  } else if (!inline) {
+    content = createPortal(/* @__PURE__ */ _jsx(StyleProvider, {
+      document,
+      children: content
+    }), getPopoverFallbackContainer());
+  }
+  if (hasAnchor) {
+    return content;
+  }
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [/* @__PURE__ */ _jsx("span", {
+      ref: anchorRefFallback
+    }), content]
+  });
+};
+var PopoverSlot = forwardRef(({
+  name = SLOT_NAME
+}, ref) => {
+  return /* @__PURE__ */ _jsx(Slot, {
+    bubblesVirtually: true,
+    name,
+    className: "popover-slot",
+    ref
+  });
+});
+var Popover = Object.assign(contextConnect(UnforwardedPopover, "Popover"), {
+  /**
+   * Renders a slot that is used internally by Popover for rendering content.
+   */
+  Slot: Object.assign(PopoverSlot, {
+    displayName: "Popover.Slot"
+  }),
+  /**
+   * Provides a context to manage popover slot names.
+   *
+   * This is marked as unstable and should not be used directly.
+   */
+  __unstableSlotNameProvider: Object.assign(slotNameContext.Provider, {
+    displayName: "Popover.__unstableSlotNameProvider"
+  })
+});
+var popover_default = Popover;
+export {
+  Popover,
+  PopoverSlot,
+  SLOT_NAME,
+  popover_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/popover/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/popover/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport clsx from 'clsx';\nimport { useFloating, flip as flipMiddleware, shift as shiftMiddleware, limitShift, autoUpdate, arrow, offset as offsetMiddleware, size } from '@floating-ui/react-dom';\nimport { motion } from 'framer-motion';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useLayoutEffect, forwardRef, createContext, useContext, useMemo, useState, useCallback, createPortal } from '@wordpress/element';\nimport { useReducedMotion, useViewportMatch, useMergeRefs, __experimentalUseDialog as useDialog } from '@wordpress/compose';\nimport { close } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport { Path, SVG } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport ScrollLock from '../scroll-lock';\nimport { Slot, Fill, useSlot } from '../slot-fill';\nimport { computePopoverPosition, positionToPlacement, placementToMotionAnimationProps, getReferenceElement } from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport { overlayMiddlewares } from './overlay-middlewares';\nimport { StyleProvider } from '../style-provider';\n\n/**\n * Name of slot in which popover should fill.\n *\n * @type {string}\n */\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nexport const SLOT_NAME = 'Popover';\n\n/**\n * Virtual padding to account for overflow boundaries.\n *\n * @type {number}\n */\nconst OVERFLOW_PADDING = 8;\n\n// An SVG displaying a triangle facing down, filled with a solid\n// color and bordered in such a way to create an arrow-like effect.\n// Keeping the SVG's viewbox squared simplify the arrow positioning\n// calculations.\nconst ArrowTriangle = () => /*#__PURE__*/_jsxs(SVG, {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 100 100\",\n  className: \"components-popover__triangle\",\n  role: \"presentation\",\n  children: [/*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-bg\",\n    d: \"M 0 0 L 50 50 L 100 0\"\n  }), /*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-border\",\n    d: \"M 0 0 L 50 50 L 100 0\",\n    vectorEffect: \"non-scaling-stroke\"\n  })]\n});\nconst slotNameContext = createContext(undefined);\nslotNameContext.displayName = '__unstableSlotNameContext';\nconst fallbackContainerClassname = 'components-popover__fallback-container';\nconst getPopoverFallbackContainer = () => {\n  let container = document.body.querySelector('.' + fallbackContainerClassname);\n  if (!container) {\n    container = document.createElement('div');\n    container.className = fallbackContainerClassname;\n    document.body.append(container);\n  }\n  return container;\n};\nconst UnforwardedPopover = (props, forwardedRef) => {\n  const {\n    animate = true,\n    headerTitle,\n    constrainTabbing,\n    onClose,\n    children,\n    className,\n    noArrow = true,\n    position,\n    placement: placementProp = 'bottom-start',\n    offset: offsetProp = 0,\n    focusOnMount = 'firstElement',\n    anchor,\n    expandOnMobile,\n    onFocusOutside,\n    __unstableSlotName = SLOT_NAME,\n    flip = true,\n    resize = true,\n    shift = false,\n    inline = false,\n    variant,\n    style: contentStyle,\n    // Deprecated props\n    __unstableForcePosition,\n    anchorRef,\n    anchorRect,\n    getAnchorRect,\n    isAlternate,\n    // Rest\n    ...contentProps\n  } = useContextSystem(props, 'Popover');\n  let computedFlipProp = flip;\n  let computedResizeProp = resize;\n  if (__unstableForcePosition !== undefined) {\n    deprecated('`__unstableForcePosition` prop in wp.components.Popover', {\n      since: '6.1',\n      version: '6.3',\n      alternative: '`flip={ false }` and  `resize={ false }`'\n    });\n\n    // Back-compat, set the `flip` and `resize` props\n    // to `false` to replicate `__unstableForcePosition`.\n    computedFlipProp = !__unstableForcePosition;\n    computedResizeProp = !__unstableForcePosition;\n  }\n  if (anchorRef !== undefined) {\n    deprecated('`anchorRef` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (anchorRect !== undefined) {\n    deprecated('`anchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (getAnchorRect !== undefined) {\n    deprecated('`getAnchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  const computedVariant = isAlternate ? 'toolbar' : variant;\n  if (isAlternate !== undefined) {\n    deprecated('`isAlternate` prop in wp.components.Popover', {\n      since: '6.2',\n      alternative: \"`variant` prop with the `'toolbar'` value\"\n    });\n  }\n  const arrowRef = useRef(null);\n  const [fallbackReferenceElement, setFallbackReferenceElement] = useState(null);\n  const anchorRefFallback = useCallback(node => {\n    setFallbackReferenceElement(node);\n  }, []);\n  const isMobileViewport = useViewportMatch('medium', '<');\n  const isExpanded = expandOnMobile && isMobileViewport;\n  const hasArrow = !isExpanded && !noArrow;\n  const normalizedPlacementFromProps = position ? positionToPlacement(position) : placementProp;\n  const middleware = [...(placementProp === 'overlay' ? overlayMiddlewares() : []), offsetMiddleware(offsetProp), computedFlipProp && flipMiddleware(), computedResizeProp && size({\n    padding: OVERFLOW_PADDING,\n    apply(sizeProps) {\n      var _refs$floating$curren;\n      const {\n        firstElementChild\n      } = (_refs$floating$curren = refs.floating.current) !== null && _refs$floating$curren !== void 0 ? _refs$floating$curren : {};\n\n      // Only HTMLElement instances have the `style` property.\n      if (!(firstElementChild instanceof HTMLElement)) {\n        return;\n      }\n\n      // Reduce the height of the popover to the available space.\n      Object.assign(firstElementChild.style, {\n        maxHeight: `${Math.max(0, sizeProps.availableHeight)}px`,\n        overflow: 'auto'\n      });\n    }\n  }), shift && shiftMiddleware({\n    crossAxis: true,\n    limiter: limitShift(),\n    padding: 1 // Necessary to avoid flickering at the edge of the viewport.\n  }), arrow({\n    element: arrowRef\n  })];\n  const slotName = useContext(slotNameContext) || __unstableSlotName;\n  const slot = useSlot(slotName);\n  let onDialogClose;\n  if (onClose || onFocusOutside) {\n    onDialogClose = (type, event) => {\n      // Ideally the popover should have just a single onClose prop and\n      // not three props that potentially do the same thing.\n      if (type === 'focus-outside') {\n        // Check if this blur event is actually relevant to this popover\n        const blurTarget = event?.target;\n        const referenceElement = refs.reference.current;\n        const floatingElement = refs.floating.current;\n\n        // Check if blur is from this popover's reference element or its floating content\n        const isBlurFromThisPopover = referenceElement && 'contains' in referenceElement && referenceElement.contains(blurTarget) || floatingElement?.contains(blurTarget);\n        // Ignore blur events that don't originate from this popover when there's no\n        // relatedTarget (next focus target) and focus moves to document.body.\n        // This prevents incorrectly closing the popover when clicking on elements\n        // that don't accept focus (like clicking outside to empty space).\n        const ownerDocument = floatingElement?.ownerDocument;\n        if (!isBlurFromThisPopover && !('relatedTarget' in event && event.relatedTarget) && ownerDocument?.activeElement === ownerDocument?.body) {\n          return;\n        }\n        // Call onFocusOutside if defined or call onClose.\n        if (onFocusOutside) {\n          onFocusOutside(event);\n        } else if (onClose) {\n          onClose();\n        }\n      } else if (onClose) {\n        // onClose should be called for other event types if it exists.\n        onClose();\n      }\n    };\n  }\n  const [dialogRef, dialogProps] = useDialog({\n    constrainTabbing,\n    focusOnMount,\n    __unstableOnClose: onDialogClose,\n    // @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)\n    onClose: onDialogClose\n  });\n  const {\n    // Positioning coordinates\n    x,\n    y,\n    // Object with \"regular\" refs to both \"reference\" and \"floating\"\n    refs,\n    // Type of CSS position property to use (absolute or fixed)\n    strategy,\n    update,\n    placement: computedPlacement,\n    middlewareData: {\n      arrow: arrowData\n    }\n  } = useFloating({\n    placement: normalizedPlacementFromProps === 'overlay' ? undefined : normalizedPlacementFromProps,\n    middleware,\n    whileElementsMounted: (referenceParam, floatingParam, updateParam) => autoUpdate(referenceParam, floatingParam, updateParam, {\n      layoutShift: false,\n      animationFrame: true\n    })\n  });\n  const arrowCallbackRef = useCallback(node => {\n    arrowRef.current = node;\n    update();\n  }, [update]);\n\n  // When any of the possible anchor \"sources\" change,\n  // recompute the reference element (real or virtual) and its owner document.\n\n  const anchorRefTop = anchorRef?.top;\n  const anchorRefBottom = anchorRef?.bottom;\n  const anchorRefStartContainer = anchorRef?.startContainer;\n  const anchorRefCurrent = anchorRef?.current;\n  useLayoutEffect(() => {\n    const resultingReferenceElement = getReferenceElement({\n      anchor,\n      anchorRef,\n      anchorRect,\n      getAnchorRect,\n      fallbackReferenceElement\n    });\n    refs.setReference(resultingReferenceElement);\n  }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, refs]);\n  const mergedFloatingRef = useMergeRefs([refs.setFloating, dialogRef, forwardedRef]);\n  const style = isExpanded ? undefined : {\n    position: strategy,\n    top: 0,\n    left: 0,\n    // `x` and `y` are framer-motion specific props and are shorthands\n    // for `translateX` and `translateY`. Currently it is not possible\n    // to use `translateX` and `translateY` because those values would\n    // be overridden by the return value of the\n    // `placementToMotionAnimationProps` function.\n    x: computePopoverPosition(x),\n    y: computePopoverPosition(y)\n  };\n  const shouldReduceMotion = useReducedMotion();\n  const shouldAnimate = animate && !isExpanded && !shouldReduceMotion;\n  const [animationFinished, setAnimationFinished] = useState(false);\n  const {\n    style: motionInlineStyles,\n    ...otherMotionProps\n  } = useMemo(() => placementToMotionAnimationProps(computedPlacement), [computedPlacement]);\n  const animationProps = shouldAnimate ? {\n    style: {\n      ...contentStyle,\n      ...motionInlineStyles,\n      ...style\n    },\n    onAnimationComplete: () => setAnimationFinished(true),\n    ...otherMotionProps\n  } : {\n    animate: false,\n    style: {\n      ...contentStyle,\n      ...style\n    }\n  };\n\n  // When Floating UI has finished positioning and Framer Motion has finished animating\n  // the popover, add the `is-positioned` class to signal that all transitions have finished.\n  const isPositioned = (!shouldAnimate || animationFinished) && x !== null && y !== null;\n  let content = /*#__PURE__*/_jsxs(motion.div, {\n    className: clsx(className, {\n      'is-expanded': isExpanded,\n      'is-positioned': isPositioned,\n      // Use the 'alternate' classname for 'toolbar' variant for back compat.\n      [`is-${computedVariant === 'toolbar' ? 'alternate' : computedVariant}`]: computedVariant\n    }),\n    ...animationProps,\n    ...contentProps,\n    ref: mergedFloatingRef,\n    ...dialogProps,\n    tabIndex: -1,\n    children: [isExpanded && /*#__PURE__*/_jsx(ScrollLock, {}), isExpanded && /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-popover__header\",\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        className: \"components-popover__header-title\",\n        children: headerTitle\n      }), /*#__PURE__*/_jsx(Button, {\n        className: \"components-popover__close\",\n        size: \"small\",\n        icon: close,\n        onClick: onClose,\n        label: __('Close')\n      })]\n    }), /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-popover__content\",\n      children: children\n    }), hasArrow && /*#__PURE__*/_jsx(\"div\", {\n      ref: arrowCallbackRef,\n      className: ['components-popover__arrow', `is-${computedPlacement.split('-')[0]}`].join(' '),\n      style: {\n        left: typeof arrowData?.x !== 'undefined' && Number.isFinite(arrowData.x) ? `${arrowData.x}px` : '',\n        top: typeof arrowData?.y !== 'undefined' && Number.isFinite(arrowData.y) ? `${arrowData.y}px` : ''\n      },\n      children: /*#__PURE__*/_jsx(ArrowTriangle, {})\n    })]\n  });\n  const shouldRenderWithinSlot = slot.ref && !inline;\n  const hasAnchor = anchorRef || anchorRect || anchor;\n  if (shouldRenderWithinSlot) {\n    content = /*#__PURE__*/_jsx(Fill, {\n      name: slotName,\n      children: content\n    });\n  } else if (!inline) {\n    content = createPortal(/*#__PURE__*/_jsx(StyleProvider, {\n      document: document,\n      children: content\n    }), getPopoverFallbackContainer());\n  }\n  if (hasAnchor) {\n    return content;\n  }\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      ref: anchorRefFallback\n    }), content]\n  });\n};\n\n// Export the PopoverSlot individually to allow typescript to pick the types up.\nexport const PopoverSlot = forwardRef(({\n  name = SLOT_NAME\n}, ref) => {\n  return /*#__PURE__*/_jsx(Slot, {\n    bubblesVirtually: true,\n    name: name,\n    className: \"popover-slot\",\n    ref: ref\n  });\n});\n\n/**\n * `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.\n *\n * ```jsx\n * import { Button, Popover } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyPopover = () => {\n * \tconst [ isVisible, setIsVisible ] = useState( false );\n * \tconst toggleVisible = () => {\n * \t\tsetIsVisible( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<Button variant=\"secondary\" onClick={ toggleVisible }>\n * \t\t\tToggle Popover!\n * \t\t\t{ isVisible && <Popover>Popover is toggled!</Popover> }\n * \t\t</Button>\n * \t);\n * };\n * ```\n *\n */\nexport const Popover = Object.assign(contextConnect(UnforwardedPopover, 'Popover'), {\n  /**\n   * Renders a slot that is used internally by Popover for rendering content.\n   */\n  Slot: Object.assign(PopoverSlot, {\n    displayName: 'Popover.Slot'\n  }),\n  /**\n   * Provides a context to manage popover slot names.\n   *\n   * This is marked as unstable and should not be used directly.\n   */\n  __unstableSlotNameProvider: Object.assign(slotNameContext.Provider, {\n    displayName: 'Popover.__unstableSlotNameProvider'\n  })\n});\nexport default Popover;"],
+  "mappings": "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",
+  "names": []
+}