@atlaskit/top-layer 0.13.0 → 0.15.0

package/use-popover-id/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/top-layer/use-popover-id",
+  "main": "../dist/cjs/entry-points/use-popover-id.js",
+  "module": "../dist/esm/entry-points/use-popover-id.js",
+  "module:es2019": "../dist/es2019/entry-points/use-popover-id.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/use-popover-id.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/use-popover-id.d.ts"
+      ]
+    }
+  }
+}

package/create-close-event/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/top-layer/create-close-event",
-  "main": "../dist/cjs/entry-points/create-close-event.js",
-  "module": "../dist/esm/entry-points/create-close-event.js",
-  "module:es2019": "../dist/es2019/entry-points/create-close-event.js",
-  "sideEffects": [
-    "*.compiled.css"
-  ],
-  "types": "../dist/types/entry-points/create-close-event.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/create-close-event.d.ts"
-      ]
-    }
-  }
-}

package/dialog/create-close-event/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/top-layer/dialog/create-close-event",
-  "main": "../../dist/cjs/entry-points/dialog/create-close-event.js",
-  "module": "../../dist/esm/entry-points/dialog/create-close-event.js",
-  "module:es2019": "../../dist/es2019/entry-points/dialog/create-close-event.js",
-  "sideEffects": [
-    "*.compiled.css"
-  ],
-  "types": "../../dist/types/entry-points/dialog/create-close-event.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/dialog/create-close-event.d.ts"
-      ]
-    }
-  }
-}

package/dist/cjs/entry-points/create-close-event.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "createCloseEvent", {
-  enumerable: true,
-  get: function get() {
-    return _dialog.createCloseEvent;
-  }
-});
-Object.defineProperty(exports, "createPopoverCloseEvent", {
-  enumerable: true,
-  get: function get() {
-    return _createCloseEvent.createPopoverCloseEvent;
-  }
-});
-var _dialog = require("../dialog");
-var _createCloseEvent = require("../popover/create-close-event");

package/dist/cjs/entry-points/dialog/create-close-event.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "createCloseEvent", {
-  enumerable: true,
-  get: function get() {
-    return _createCloseEvent.createCloseEvent;
-  }
-});
-var _createCloseEvent = require("../../dialog/create-close-event");

package/dist/cjs/entry-points/popover/create-close-event.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "createPopoverCloseEvent", {
-  enumerable: true,
-  get: function get() {
-    return _createCloseEvent.createPopoverCloseEvent;
-  }
-});
-var _createCloseEvent = require("../../popover/create-close-event");

package/dist/cjs/entry-points/popup-surface.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PopupSurface", {
-  enumerable: true,
-  get: function get() {
-    return _popupSurface.PopupSurface;
-  }
-});
-var _popupSurface = require("../popup/popup-surface");

package/dist/cjs/entry-points/popup.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Popup", {
-  enumerable: true,
-  get: function get() {
-    return _popup.Popup;
-  }
-});
-var _popup = require("../popup");

package/dist/cjs/popup/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Popup = void 0;
-var _popup = require("./popup");
-var _popupContent = require("./popup-content");
-var _popupSurface = require("./popup-surface");
-var _popupTrigger = require("./popup-trigger");
-var _popupTriggerFunction = require("./popup-trigger-function");
-/**
- * Compound component for rendering content in the browser's top layer
- * using the native Popover API (`popover="auto"`).
- * Placement is owned by this compound: root provides it via context, Content applies it
- * (CSS Anchor Positioning or JS fallback).
- *
- * For default overlay styling (background, shadow, border-radius), see `PopupSurface` in the package examples.
- *
- * @example
- * ```tsx
- * <Popup placement={{ edge: 'end' }} onClose={handleClose}>
- *   <Popup.Trigger>
- *     <button>Open</button>
- *   </Popup.Trigger>
- *   <Popup.Content role="dialog" label="My popup">
- *     Content goes here
- *   </Popup.Content>
- * </Popup>
- * ```
- */
-var Popup = exports.Popup = Object.assign(_popup.PopupRoot, {
-  Trigger: _popupTrigger.PopupTrigger,
-  TriggerFunction: _popupTriggerFunction.PopupTriggerFunction,
-  Content: _popupContent.PopupContent,
-  Surface: _popupSurface.PopupSurface
-});

package/dist/cjs/popup/popup-content.js

@@ -1,215 +0,0 @@
-/* popup-content.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PopupContent = void 0;
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
-var _reducedMotion = require("../internal/reduced-motion");
-var _roleToAriaHasPopup = require("../internal/role-to-aria-has-popup");
-var _shouldFocusIntoPopover = require("../internal/should-focus-into-popover");
-var _useAnchorPosition = require("../internal/use-anchor-position");
-var _useWidthFromAnchor = require("../internal/use-width-from-anchor");
-var _popover = require("../popover/popover");
-var _useMaybePopupContext = require("./use-maybe-popup-context");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * Thin context wrapper that composes `Popover` + `useAnchorPosition`.
- *
- * Used inside the `<Popup>` compound - reads triggerRef, placement, isOpen,
- * and onClose from context. For standalone usage (tooltip, spotlight, flag),
- * use `Popover` + `useAnchorPosition` directly.
- */
-var PopupContent = exports.PopupContent = /*#__PURE__*/(0, _react.forwardRef)(function PopupContent(_ref, ref) {
-  var _ref2, _ctx$popoverRef;
-  var children = _ref.children,
-    role = _ref.role,
-    label = _ref.label,
-    labelledBy = _ref.labelledBy,
-    animate = _ref.animate,
-    mode = _ref.mode,
-    _ref$widthFromAnchor = _ref.widthFromAnchor,
-    widthFromAnchor = _ref$widthFromAnchor === void 0 ? 'none' : _ref$widthFromAnchor,
-    xcss = _ref.xcss,
-    isOpenProp = _ref.isOpen,
-    triggerRefProp = _ref.triggerRef,
-    placementProp = _ref.placement,
-    onCloseProp = _ref.onClose,
-    testIdProp = _ref.testId,
-    forceFallbackPositioningProp = _ref.forceFallbackPositioning,
-    idProp = _ref.id,
-    onEnterFinish = _ref.onEnterFinish,
-    onExitFinish = _ref.onExitFinish;
-  // When inside <Popup>, context provides defaults. Props always win.
-  var ctx = (0, _useMaybePopupContext.useMaybePopupContext)();
-  var triggerRef = triggerRefProp !== null && triggerRefProp !== void 0 ? triggerRefProp : ctx === null || ctx === void 0 ? void 0 : ctx.triggerRef;
-  var placement = (_ref2 = placementProp !== null && placementProp !== void 0 ? placementProp : ctx === null || ctx === void 0 ? void 0 : ctx.placement) !== null && _ref2 !== void 0 ? _ref2 : {};
-  var onClose = onCloseProp !== null && onCloseProp !== void 0 ? onCloseProp : ctx === null || ctx === void 0 ? void 0 : ctx.onClose;
-  var testId = testIdProp !== null && testIdProp !== void 0 ? testIdProp : ctx === null || ctx === void 0 ? void 0 : ctx.testId;
-  var forceFallbackPositioning = forceFallbackPositioningProp !== null && forceFallbackPositioningProp !== void 0 ? forceFallbackPositioningProp : ctx === null || ctx === void 0 ? void 0 : ctx.forceFallbackPositioning;
-
-  // isOpen: prop wins, otherwise derive from context popupState.
-  // 'animating-open' counts as open so <Popover> stays visible during entry animation.
-  var isOpen = isOpenProp !== null && isOpenProp !== void 0 ? isOpenProp : ctx !== null ? ctx.popupState === 'open' || ctx.popupState === 'animating-open' : false;
-  var setPopupState = ctx === null || ctx === void 0 ? void 0 : ctx.setPopupState;
-  var consumerOnOpenChange = ctx === null || ctx === void 0 ? void 0 : ctx.onOpenChange;
-
-  // ── TPopupState ──
-  //
-  // popupState is driven by handleOpenChange (below), which fires on every browser
-  // toggle event (showPopover / hidePopover / light-dismiss).
-  //
-  // Exception — initial mount with isOpen=true (prop-controlled usage):
-  //   handleOpenChange only fires from the Popover's toggle event listener, which
-  //   is registered in a useEffect. On the first render, useEffect hasn't run yet,
-  //   so handleOpenChange never fires. We sync popupState here instead.
-  //
-  // Transitions when animations are active:
-  //   closed → animating-open  → open     (enter)
-  //   open   → animating-closed → closed  (exit, via onExitFinish)
-  //
-  // Without animation: closed ↔ open directly.
-  var willAnimate = Boolean(animate) && !(0, _reducedMotion.prefersReducedMotion)();
-  var hasMountedRef = (0, _react.useRef)(false);
-  (0, _react.useLayoutEffect)(function () {
-    if (hasMountedRef.current) {
-      return;
-    }
-    hasMountedRef.current = true;
-    if (isOpen) {
-      setPopupState === null || setPopupState === void 0 || setPopupState(willAnimate ? 'animating-open' : 'open');
-    }
-  }, [isOpen, setPopupState, willAnimate]);
-  var handleEnterFinish = (0, _react.useCallback)(function () {
-    setPopupState === null || setPopupState === void 0 || setPopupState('open');
-    onEnterFinish === null || onEnterFinish === void 0 || onEnterFinish();
-  }, [setPopupState, onEnterFinish]);
-  var handleExitFinish = (0, _react.useCallback)(function () {
-    setPopupState === null || setPopupState === void 0 || setPopupState('closed');
-    onExitFinish === null || onExitFinish === void 0 || onExitFinish();
-  }, [setPopupState, onExitFinish]);
-
-  // Note: onOpenChange composition is handled by handleOpenChange below,
-  // which also adds nested-popover focus restoration.
-
-  // Sync aria-haspopup on the trigger with the content's role
-  var setAriaHasPopup = ctx === null || ctx === void 0 ? void 0 : ctx.setAriaHasPopup;
-  (0, _react.useLayoutEffect)(function () {
-    setAriaHasPopup === null || setAriaHasPopup === void 0 || setAriaHasPopup((0, _roleToAriaHasPopup.roleToAriaHasPopup)({
-      role: role
-    }));
-  }, [role, setAriaHasPopup]);
-
-  // Focus restoration
-  // The native Popover API handles focus restoration automatically for
-  // popover="auto" and popover="hint":
-  //   - Escape → restores focus to the previously focused element (the trigger)
-  //   - Click-outside → does NOT restore (correct: the user clicked deliberately)
-  //   - hidePopover() → restores focus to the previously focused element
-  //
-  // However, for **nested** popover="auto" popovers, the browser only captures
-  // `previouslyFocusedElement` for the outermost popover in the auto stack.
-  // Inner popovers have `shouldRestoreFocus=false` per the spec, so the browser
-  // does not restore focus when they close.
-  //
-  // To handle this, we listen for the close transition via `onOpenChange` and
-  // restore focus to the trigger if the browser did not. This runs after the
-  // browser's native restoration (which happens synchronously during hidePopover),
-  // so it only takes effect when the browser skipped restoration (nested case).
-  //
-  // See: notes/architecture/focus-restoration.md
-  var handleOpenChange = (0, _react.useCallback)(function (args) {
-    // Sync compound state
-    if (args.isOpen) {
-      setPopupState === null || setPopupState === void 0 || setPopupState(willAnimate ? 'animating-open' : 'open');
-    } else {
-      setPopupState === null || setPopupState === void 0 || setPopupState(willAnimate ? 'animating-closed' : 'closed');
-    }
-    consumerOnOpenChange === null || consumerOnOpenChange === void 0 || consumerOnOpenChange(args);
-
-    // Nested popover focus restoration fallback
-    // The browser only captures `previouslyFocusedElement` for the
-    // outermost popover="auto" in the stack. Inner (nested) popovers
-    // have shouldRestoreFocus=false, so the browser will not restore
-    // focus when they close.
-    //
-    // We detect this case by checking if focus is still inside the
-    // closing popover element. If it is, the browser did not restore,
-    // and we need to move focus to the trigger ourselves.
-    //
-    // This does NOT fire for:
-    //   - Outermost popovers (browser already restored to trigger)
-    //   - Click-outside (focus is on the clicked element, not in popover)
-    if (!args.isOpen) {
-      var trigger = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
-      var focusStillInPopover = trigger && args.element.contains(document.activeElement);
-      // Single source of truth for "this role moves focus on open
-      // and therefore needs to be restored on close" - see
-      // `shouldFocusIntoPopover` in `internal/role-types.tsx`.
-      if (focusStillInPopover && (0, _shouldFocusIntoPopover.shouldFocusIntoPopover)({
-        role: role
-      })) {
-        trigger.focus({
-          preventScroll: true
-        });
-      }
-    }
-  }, [consumerOnOpenChange, triggerRef, role, setPopupState, willAnimate]);
-
-  // Anchor positioning
-  // Compose useAnchorPosition with Popover. The hook positions the popover
-  // relative to the trigger element via CSS Anchor Positioning (with JS fallback).
-  // Use ctx.popoverRef when inside the compound (so the trigger can also
-  // reach the same DOM element for togglePopover). Otherwise use a local ref.
-  var localRef = (0, _react.useRef)(null);
-  var popoverRef = (_ctx$popoverRef = ctx === null || ctx === void 0 ? void 0 : ctx.popoverRef) !== null && _ctx$popoverRef !== void 0 ? _ctx$popoverRef : localRef;
-  (0, _useAnchorPosition.useAnchorPosition)({
-    anchorRef: triggerRef !== null && triggerRef !== void 0 ? triggerRef : {
-      current: null
-    },
-    popoverRef: popoverRef,
-    placement: placement,
-    forceFallbackPositioning: forceFallbackPositioning
-  });
-  (0, _useWidthFromAnchor.useWidthFromAnchor)({
-    mode: widthFromAnchor,
-    popoverRef: popoverRef,
-    anchorRef: triggerRef
-  });
-
-  // Merge: the popoverRef (shared with trigger + positioning) and the forwarded ref.
-  var combinedRef = (0, _mergeRefs.default)([popoverRef, ref]);
-
-  // TPopupContentProps already validates the discriminated union (role + label,
-  // mode + onClose) at its API boundary. Popover accepts TPopoverForwardedProps
-  // internally so individual prop forwarding does not need to re-prove the union.
-  var popoverProps = {
-    isOpen: isOpen,
-    animate: animate,
-    placement: placement,
-    mode: mode,
-    role: role,
-    label: label,
-    labelledBy: labelledBy,
-    onClose: onClose !== null && onClose !== void 0 ? onClose : undefined,
-    onOpenChange: handleOpenChange,
-    onEnterFinish: handleEnterFinish,
-    onExitFinish: handleExitFinish,
-    testId: testId,
-    children: children,
-    // Standalone consumers can pass an explicit `id` - used by their own
-    // trigger to wire `aria-controls`. Inside the `<Popup>` compound, the
-    // id flows from context (`ctx.popoverId`).
-    id: idProp !== null && idProp !== void 0 ? idProp : ctx === null || ctx === void 0 ? void 0 : ctx.popoverId,
-    xcss: xcss
-  };
-  return /*#__PURE__*/_react.default.createElement(_popover.Popover, (0, _extends2.default)({
-    ref: combinedRef
-  }, popoverProps));
-});

package/dist/cjs/popup/popup-context.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PopupContext = void 0;
-var _react = require("react");
-/**
- * Represents the lifecycle state of the popup.
- *
- * - `'closed'`: fully closed, not visible, no animation playing.
- * - `'animating-open'`: entry animation is playing (popup is opening but not yet settled).
- * - `'open'`: fully open, browser popover is showing, entry animation complete.
- * - `'animating-closed'`: exit animation is playing (popup is closing but still visible).
- *
- * Used to derive `aria-expanded` on the trigger:
- * - `aria-expanded` is `true` in `'animating-open'`, `'open'`, and `'animating-closed'`.
- *
- * This avoids screen readers announcing the popup as closed while it is
- * still visually present on screen during animations, and prevents consumers
- * that conditionally show/hide trigger UI based on `aria-expanded` from hiding
- * the trigger (and thus the popup anchor) mid-animation.
- */
-
-var PopupContext = exports.PopupContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/popup/popup-provider.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PopupProvider = void 0;
-var _popupContext = require("./popup-context");
-/**
- * __Popup provider__
- *
- * Provides shared popup state (placement, popoverId, triggerRef,
- * isOpen, onClose) to compound child components such as `Popup.Trigger` and
- * `Popup.Content`.
- */
-var PopupProvider = exports.PopupProvider = _popupContext.PopupContext.Provider;

package/dist/cjs/popup/popup-trigger-function.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PopupTriggerFunction = PopupTriggerFunction;
-var _react = require("react");
-var _usePopupContext2 = require("./use-popup-context");
-/**
- * Props passed to the `TriggerFunction` render-prop child.
- */
-
-/**
- * Render-prop alternative to `Popup.Trigger`.
- *
- * Use when you need full control over the trigger element. For example,
- * to compose your own trigger with custom event handlers, wrap a third-party
- * component, or build a trigger from multiple elements.
- *
- * `Popup.Trigger` uses `cloneElement` internally, which limits composability.
- * `Popup.TriggerFunction` hands you the raw props and lets you wire them up.
- *
- * **Note:** This sub-component uses a render-prop pattern and is not
- * compatible with React Server Components (RSC). It must be used inside
- * a client component boundary (`'use client'`).
- *
- * @example
- * ```tsx
- * <Popup placement={{ edge: 'end' }} onClose={handleClose}>
- *   <Popup.TriggerFunction>
- *     {({ ref, toggle, ariaAttributes }) => (
- *       <button ref={ref} onClick={toggle} {...ariaAttributes}>
- *         Open
- *       </button>
- *     )}
- *   </Popup.TriggerFunction>
- *   <Popup.Content role="dialog" label="My popup">
- *     Content
- *   </Popup.Content>
- * </Popup>
- * ```
- */
-function PopupTriggerFunction(_ref) {
-  var children = _ref.children;
-  var _usePopupContext = (0, _usePopupContext2.usePopupContext)(),
-    triggerRef = _usePopupContext.triggerRef,
-    popoverRef = _usePopupContext.popoverRef,
-    popoverId = _usePopupContext.popoverId,
-    popupState = _usePopupContext.popupState,
-    ariaHasPopup = _usePopupContext.ariaHasPopup;
-  var ref = (0, _react.useCallback)(function (node) {
-    triggerRef.current = node;
-  }, [triggerRef]);
-  var toggle = (0, _react.useCallback)(function () {
-    var popoverEl = popoverRef.current;
-    if (popoverEl) {
-      // Defensive: element may be disconnected or in an unexpected state.
-      try {
-        popoverEl.togglePopover();
-      } catch (_unused) {}
-    }
-  }, [popoverRef]);
-  var ariaAttributes = (0, _react.useMemo)(function () {
-    return {
-      // aria-expanded stays true throughout entry and exit animations so screen readers
-      // don't announce the popup as closed while it's still visible, and consumers
-      // relying on aria-expanded to show/hide trigger UI don't lose the anchor mid-animation.
-      'aria-expanded': popupState === 'open' || popupState === 'animating-open' || popupState === 'animating-closed',
-      'aria-controls': popoverId,
-      'aria-haspopup': ariaHasPopup
-    };
-  }, [popupState, popoverId, ariaHasPopup]);
-  return children({
-    ref: ref,
-    isOpen: popupState === 'open' || popupState === 'animating-open',
-    popoverId: popoverId,
-    toggle: toggle,
-    ariaAttributes: ariaAttributes
-  });
-}

package/dist/cjs/popup/popup-trigger.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PopupTrigger = PopupTrigger;
-var _react = _interopRequireWildcard(require("react"));
-var _slot = require("../internal/slot");
-var _usePopupContext2 = require("./use-popup-context");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * Wraps a single trigger element via `cloneElement`. Attaches aria
- * attributes, the toggle handler, and the anchor-name. `aria-haspopup`
- * is derived from `Popup.Content`'s role via context.
- *
- * Child constraints: must be a single ref-forwarding element. The child's
- * `onClick` is composed (runs after); other event handlers are NOT.
- * Children using Compiled's `css` prop swallow injected props - use
- * `Popup.TriggerFunction` for these cases or any time you need handler
- * composition.
- */
-function PopupTrigger(_ref) {
-  var children = _ref.children;
-  var _usePopupContext = (0, _usePopupContext2.usePopupContext)(),
-    triggerRef = _usePopupContext.triggerRef,
-    popoverRef = _usePopupContext.popoverRef,
-    popoverId = _usePopupContext.popoverId,
-    popupState = _usePopupContext.popupState,
-    ariaHasPopup = _usePopupContext.ariaHasPopup;
-  var childOnClick = /*#__PURE__*/(0, _react.isValidElement)(children) ? children.props.onClick : undefined;
-
-  // Use a ref to track the latest isOpen value so the click handler
-  // does not need isOpen in its dependency array (which would recreate
-  // the handler on every open/close, breaking cloneElement identity).
-  var isOpenRef = _react.default.useRef(popupState === 'open' || popupState === 'animating-open');
-  isOpenRef.current = popupState === 'open' || popupState === 'animating-open';
-  var handleClick = (0, _react.useCallback)(function (event) {
-    var popoverEl = popoverRef.current;
-    if (popoverEl) {
-      // `popover="auto"` light-dismiss can close the popover BEFORE
-      // our click handler runs, so trust React's isOpen rather than
-      // DOM state. If React still thinks it is closed, open it; if
-      // it was open, the browser already closed it.
-      if (!isOpenRef.current) {
-        try {
-          popoverEl.showPopover();
-        } catch (_unused) {
-          // Element may be disconnected; ignore.
-        }
-      }
-    }
-    childOnClick === null || childOnClick === void 0 || childOnClick(event);
-  }, [popoverRef, childOnClick]);
-  return /*#__PURE__*/_react.default.createElement(_slot.Slot, {
-    ref: triggerRef,
-    onClick: handleClick
-    // aria-expanded stays true throughout entry and exit animations so screen readers
-    // don't announce the popup as closed while it's still visible, and consumers
-    // relying on aria-expanded to show/hide trigger UI don't lose the anchor mid-animation.
-    ,
-    "aria-expanded": popupState === 'open' || popupState === 'animating-open' || popupState === 'animating-closed',
-    "aria-controls": popoverId,
-    "aria-haspopup": ariaHasPopup
-  }, children);
-}

package/dist/cjs/popup/popup.js

@@ -1,81 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PopupRoot = PopupRoot;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _popupProvider = require("./popup-provider");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * Popup compound: trigger + popover content.
- *
- * Use when a button opens anchored content (dropdown, menu, dialog).
- * The browser manages visibility via `togglePopover()`; the consumer
- * never manages `isOpen`. For custom trigger lifecycles (hover, timers,
- * external state), use `Popover` directly instead.
- *
- * Provides context (triggerRef, placement, isOpen, onClose, mode) that
- * `Popup.Content` reads and forwards to the underlying `Popover`.
- */
-function PopupRoot(props) {
-  var _props$placement, _props$mode;
-  var children = props.children,
-    testId = props.testId,
-    forceFallbackPositioning = props.forceFallbackPositioning,
-    onOpenChange = props.onOpenChange;
-  // `{}` resolves to "below the trigger, centered, with `space.100` gap"
-  // inside `useAnchorPosition`, which is the common case.
-  var placement = (_props$placement = props.placement) !== null && _props$placement !== void 0 ? _props$placement : {};
-  var mode = (_props$mode = props.mode) !== null && _props$mode !== void 0 ? _props$mode : 'auto';
-
-  // `TPopupProps` discriminates on `mode`: `manual` types `onClose` as
-  // `never`, so for manual consumers `props.onClose` is always `undefined`
-  // here. No runtime guard needed; the type contract carries the rule.
-  var onClose = props.onClose;
-  var id = (0, _react.useId)();
-  // `useId()` returns IDs containing colons (`:r1:`), which are invalid
-  // in CSS selectors and `popover` target attributes. `replaceAll` is
-  // not in our browser matrix.
-  var sanitizedId = id.replace(/:/g, '');
-  var popoverId = "popover-".concat(sanitizedId);
-  var triggerRef = (0, _react.useRef)(null);
-  var popoverRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)('closed'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    popupState = _useState2[0],
-    setPopupState = _useState2[1];
-  // Initial seed before `Popup.Content`'s layout effect resolves the
-  // real role on first paint.
-  var _useState3 = (0, _react.useState)('dialog'),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    ariaHasPopup = _useState4[0],
-    setAriaHasPopup = _useState4[1];
-  var handleClose = (0, _react.useCallback)(function (args) {
-    onClose === null || onClose === void 0 || onClose(args);
-  }, [onClose]);
-  var contextValue = {
-    popoverId: popoverId,
-    placement: placement,
-    // `null` when the consumer did not supply a handler (manual mode, or
-    // auto/hint without a light-dismiss handler). `Popup.Content` reads
-    // this to decide whether to forward an `onClose` to `Popover`.
-    onClose: onClose ? handleClose : null,
-    triggerRef: triggerRef,
-    popoverRef: popoverRef,
-    popupState: popupState,
-    setPopupState: setPopupState,
-    onOpenChange: onOpenChange,
-    mode: mode,
-    ariaHasPopup: ariaHasPopup,
-    setAriaHasPopup: setAriaHasPopup,
-    testId: testId,
-    forceFallbackPositioning: forceFallbackPositioning
-  };
-  return /*#__PURE__*/_react.default.createElement(_popupProvider.PopupProvider, {
-    value: contextValue
-  }, children);
-}

package/dist/cjs/popup/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});