@atlaskit/popup 4.16.3 → 4.16.5

package/dist/esm/compositional/popup.js

@@ -1,29 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { createContext, useCallback, useContext, useState } from 'react';
-import invariant from 'tiny-invariant';
-import noop from '@atlaskit/ds-lib/noop';
+import React, { useState } from 'react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { Layering } from '@atlaskit/layering';
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Manager, Reference } from '@atlaskit/popper';
-import Portal from '@atlaskit/portal';
-import PopperWrapper from '../popper-wrapper';
-import { usePopupAppearance } from '../use-appearance';
-import { useGetMemoizedMergedTriggerRefNew } from '../use-get-memoized-merged-trigger-ref-new';
-var IsOpenContext = /*#__PURE__*/createContext(false);
-var IdContext = /*#__PURE__*/createContext(undefined);
-var TriggerRefContext = /*#__PURE__*/createContext(null);
-var SetTriggerRefContext = /*#__PURE__*/createContext(noop);
-var EnsureIsInsidePopupContext = /*#__PURE__*/createContext(false);
-var RoleContext = /*#__PURE__*/createContext(undefined);
-
-// Used to ensure popup sub-components are used within a Popup
-// and provide a useful error message if not.
-var useEnsureIsInsidePopup = function useEnsureIsInsidePopup() {
-  var context = useContext(EnsureIsInsidePopupContext);
-  invariant(context, 'PopupTrigger and PopupContent components must be used within a Popup');
-};
+import { Manager } from '@atlaskit/popper';
+import { IdContext } from './id-context';
+import { EnsureIsInsidePopupContext } from './is-inside-popup-context';
+import { IsOpenContext } from './is-open-context';
+import { RoleContext } from './role-context';
+import { SetTriggerRefContext } from './set-trigger-ref-context';
+import { TriggerRefContext } from './trigger-ref-context';
 /**
  * __Popup__
  *
@@ -68,140 +52,4 @@ export var Popup = function Popup(_ref) {
   }, /*#__PURE__*/React.createElement(IsOpenContext.Provider, {
     value: isOpen
   }, /*#__PURE__*/React.createElement(Manager, null, children)))))));
-};
-/**
- * __Popup trigger__
- *
- * Popup trigger is the component that renders the trigger for the popup.
- *
- * It must be a child of the Popup component.
- */
-export var PopupTrigger = function PopupTrigger(_ref2) {
-  var children = _ref2.children;
-  useEnsureIsInsidePopup();
-  var id = useContext(IdContext);
-  var setTriggerRef = useContext(SetTriggerRefContext);
-  var isOpen = useContext(IsOpenContext);
-  var getMergedTriggerRef = useGetMemoizedMergedTriggerRefNew();
-  var role = useContext(RoleContext);
-  return /*#__PURE__*/React.createElement(Reference, null, function (_ref3) {
-    var ref = _ref3.ref;
-    return children({
-      ref: getMergedTriggerRef(ref, setTriggerRef),
-      'aria-controls': id,
-      'aria-expanded': isOpen,
-      'aria-haspopup': role === 'dialog' && fg('platform_dst_nav4_flyout_menu_slots_close_button') ? 'dialog' : true
-    });
-  });
-};
-var defaultLayer = 400;
-/**
- * Disables popper.js GPU acceleration for this popup.
- * This means only positioning will be used, without any transforms.
- *
- * Performance will be degraded if the popup is expected to move.
- */
-var shouldDisableGpuAccelerationModifiers = [{
-  name: 'computeStyles',
-  options: {
-    gpuAcceleration: false
-  }
-}];
-
-/**
- * __Popup content__
- *
- * Popup content is the component that renders the content of the popup.
- *
- * It must be a child of the Popup component.
- */
-export var PopupContent = function PopupContent(_ref4) {
-  var xcss = _ref4.xcss,
-    _ref4$appearance = _ref4.appearance,
-    inAppearance = _ref4$appearance === void 0 ? 'default' : _ref4$appearance,
-    children = _ref4.children,
-    boundary = _ref4.boundary,
-    offset = _ref4.offset,
-    strategy = _ref4.strategy,
-    onClose = _ref4.onClose,
-    testId = _ref4.testId,
-    _ref4$rootBoundary = _ref4.rootBoundary,
-    rootBoundary = _ref4$rootBoundary === void 0 ? 'viewport' : _ref4$rootBoundary,
-    _ref4$shouldFlip = _ref4.shouldFlip,
-    shouldFlip = _ref4$shouldFlip === void 0 ? true : _ref4$shouldFlip,
-    _ref4$placement = _ref4.placement,
-    placement = _ref4$placement === void 0 ? 'auto' : _ref4$placement,
-    fallbackPlacements = _ref4.fallbackPlacements,
-    popupComponent = _ref4.popupComponent,
-    _ref4$autoFocus = _ref4.autoFocus,
-    autoFocus = _ref4$autoFocus === void 0 ? true : _ref4$autoFocus,
-    _ref4$zIndex = _ref4.zIndex,
-    zIndex = _ref4$zIndex === void 0 ? defaultLayer : _ref4$zIndex,
-    _ref4$shouldUseCaptur = _ref4.shouldUseCaptureOnOutsideClick,
-    shouldUseCaptureOnOutsideClick = _ref4$shouldUseCaptur === void 0 ? false : _ref4$shouldUseCaptur,
-    inShouldRenderToParent = _ref4.shouldRenderToParent,
-    _ref4$shouldDisableFo = _ref4.shouldDisableFocusLock,
-    shouldDisableFocusLock = _ref4$shouldDisableFo === void 0 ? false : _ref4$shouldDisableFo,
-    shouldFitContainer = _ref4.shouldFitContainer,
-    shouldFitViewport = _ref4.shouldFitViewport,
-    _ref4$shouldDisableGp = _ref4.shouldDisableGpuAcceleration,
-    shouldDisableGpuAcceleration = _ref4$shouldDisableGp === void 0 ? false : _ref4$shouldDisableGp,
-    role = _ref4.role,
-    titleId = _ref4.titleId;
-  useEnsureIsInsidePopup();
-  var isOpen = useContext(IsOpenContext);
-  var id = useContext(IdContext);
-  var triggerRef = useContext(TriggerRefContext);
-  var _usePopupAppearance = usePopupAppearance({
-      appearance: inAppearance,
-      shouldRenderToParent: inShouldRenderToParent
-    }),
-    appearance = _usePopupAppearance.appearance,
-    shouldRenderToParent = _usePopupAppearance.shouldRenderToParent;
-  var handleOpenLayerObserverCloseSignal = useCallback(function () {
-    onClose === null || onClose === void 0 || onClose(null);
-  }, [onClose]);
-  useNotifyOpenLayerObserver({
-    isOpen: isOpen,
-    onClose: handleOpenLayerObserverCloseSignal,
-    type: 'popup'
-  });
-  if (!isOpen) {
-    return null;
-  }
-  var popperWrapper = /*#__PURE__*/React.createElement(Layering, {
-    isDisabled: false
-  }, /*#__PURE__*/React.createElement(PopperWrapper, {
-    xcss: xcss,
-    appearance: appearance,
-    content: children,
-    isOpen: isOpen,
-    placement: placement,
-    fallbackPlacements: fallbackPlacements,
-    boundary: boundary,
-    rootBoundary: rootBoundary,
-    shouldFlip: shouldFlip,
-    offset: offset,
-    popupComponent: popupComponent,
-    id: id,
-    testId: testId,
-    onClose: onClose,
-    autoFocus: autoFocus,
-    shouldFitContainer: shouldFitContainer,
-    shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
-    shouldRenderToParent: shouldRenderToParent,
-    shouldDisableFocusLock: shouldDisableFocusLock,
-    triggerRef: triggerRef,
-    strategy: strategy,
-    shouldFitViewport: shouldFitViewport,
-    modifiers: shouldDisableGpuAcceleration ? shouldDisableGpuAccelerationModifiers : undefined,
-    role: role,
-    titleId: titleId
-  }));
-  if (shouldRenderToParent) {
-    return popperWrapper;
-  }
-  return /*#__PURE__*/React.createElement(Portal, {
-    zIndex: zIndex
-  }, popperWrapper);
 };

package/dist/esm/compositional/role-context.js

@@ -0,0 +1,3 @@
+/* eslint-disable @repo/internal/react/require-jsdoc */
+import { createContext } from 'react';
+export var RoleContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/compositional/set-trigger-ref-context.js

@@ -0,0 +1,4 @@
+/* eslint-disable @repo/internal/react/require-jsdoc */
+import { createContext } from 'react';
+import noop from '@atlaskit/ds-lib/noop';
+export var SetTriggerRefContext = /*#__PURE__*/createContext(noop);

package/dist/esm/compositional/trigger-ref-context.js

@@ -0,0 +1,3 @@
+/* eslint-disable @repo/internal/react/require-jsdoc */
+import { createContext } from 'react';
+export var TriggerRefContext = /*#__PURE__*/createContext(null);

package/dist/esm/compositional/use-ensure-is-inside-popup.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import invariant from 'tiny-invariant';
+import { EnsureIsInsidePopupContext } from './is-inside-popup-context';
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export function useEnsureIsInsidePopup() {
+  var context = useContext(EnsureIsInsidePopupContext);
+  invariant(context, 'PopupTrigger and PopupContent components must be used within a Popup');
+}

package/dist/esm/entry-points/experimental/compositional.js

@@ -1 +1,3 @@
-export { Popup, PopupContent, PopupTrigger } from '../../compositional/popup';
+export { Popup } from '../../compositional/popup';
+export { PopupContent } from '../../compositional/popup-content';
+export { PopupTrigger } from '../../compositional/popup-trigger';

package/dist/esm/popper-wrapper.js

@@ -32,52 +32,52 @@ var focusRingStyles = {
 };
 var placementMap = {
   top: {
-    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'top-start': {
-    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'top-end': {
-    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   bottom: {
-    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'bottom-start': {
-    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'bottom-end': {
-    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   left: {
-    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'left-start': {
-    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'left-end': {
-    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   right: {
-    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'right-start': {
-    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   },
   'right-end': {
-    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn)",
-    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut)"
+    enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
+    exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   }
 };
 var DefaultPopupComponent = /*#__PURE__*/forwardRef(function (props, ref) {

package/dist/types/compositional/id-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context } from 'react';
+export declare const IdContext: Context<string | undefined>;

package/dist/types/compositional/is-inside-popup-context.d.ts

@@ -0,0 +1,11 @@
+import { type Context } from 'react';
+/**
+ * __Ensure is inside popup context__
+ *
+ * An ensure is inside popup context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const EnsureIsInsidePopupContext: Context<boolean>;

package/dist/types/compositional/is-open-context.d.ts

@@ -0,0 +1,11 @@
+import { type Context } from 'react';
+/**
+ * __Is open context__
+ *
+ * An is open context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const IsOpenContext: Context<boolean>;

package/dist/types/compositional/popup-content.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type ContentProps, type PopupProps as LegacyPopupProps } from '../types';
+type CommonContentPopupProps = Pick<LegacyPopupProps, 'xcss' | 'appearance' | 'boundary' | 'offset' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldRenderToParent' | 'shouldUseCaptureOnOutsideClick' | 'shouldDisableFocusLock' | 'strategy' | 'zIndex' | 'shouldFitViewport' | 'role' | 'titleId'> & {
+    children: (props: ContentProps) => React.ReactNode;
+    /**
+     * ___Use with caution___
+     *
+     * Disables popper.js GPU acceleration for this popup.
+     * This means only positioning will be used, without any transforms.
+     *
+     * Performance will be degraded if the popup is expected to move.
+     *
+     * This should almost never be used, but is sometimes needed
+     * to resolve layering issues.
+     */
+    shouldDisableGpuAcceleration?: boolean;
+};
+type ShouldFitContainerContentPopupProps = CommonContentPopupProps & {
+    shouldFitContainer: true;
+    shouldRenderToParent?: true;
+    strategy?: 'absolute';
+};
+type StandardPopupContentProps = CommonContentPopupProps & {
+    shouldFitContainer?: false;
+};
+export type PopupContentProps = ShouldFitContainerContentPopupProps | StandardPopupContentProps;
+/**
+ * __Popup content__
+ *
+ * Popup content is the component that renders the content of the popup.
+ *
+ * It must be a child of the Popup component.
+ */
+export declare const PopupContent: ({ xcss, appearance: inAppearance, children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent: inShouldRenderToParent, shouldDisableFocusLock, shouldFitContainer, shouldFitViewport, shouldDisableGpuAcceleration, role, titleId, }: PopupContentProps) => React.JSX.Element | null;
+export {};

package/dist/types/compositional/popup-trigger.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TriggerProps } from '../types';
+export type PopupTriggerProps = {
+    children: (props: TriggerProps) => React.ReactNode;
+};
+/**
+ * __Popup trigger__
+ *
+ * Popup trigger is the component that renders the trigger for the popup.
+ *
+ * It must be a child of the Popup component.
+ */
+export declare const PopupTrigger: ({ children }: PopupTriggerProps) => React.JSX.Element;

package/dist/types/compositional/popup.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { type ContentProps, type PopupProps as LegacyPopupProps, type TriggerProps } from '../types';
 export type PopupProps = {
     children: React.ReactNode;
     isOpen?: boolean;
@@ -26,47 +25,3 @@ export type PopupProps = {
  * ```
  */
 export declare const Popup: ({ children, id: providedId, isOpen, role, }: PopupProps) => React.JSX.Element;
-export type PopupTriggerProps = {
-    children: (props: TriggerProps) => React.ReactNode;
-};
-/**
- * __Popup trigger__
- *
- * Popup trigger is the component that renders the trigger for the popup.
- *
- * It must be a child of the Popup component.
- */
-export declare const PopupTrigger: ({ children }: PopupTriggerProps) => React.JSX.Element;
-type CommonContentPopupProps = Pick<LegacyPopupProps, 'xcss' | 'appearance' | 'boundary' | 'offset' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldRenderToParent' | 'shouldUseCaptureOnOutsideClick' | 'shouldDisableFocusLock' | 'strategy' | 'zIndex' | 'shouldFitViewport' | 'role' | 'titleId'> & {
-    children: (props: ContentProps) => React.ReactNode;
-    /**
-     * ___Use with caution___
-     *
-     * Disables popper.js GPU acceleration for this popup.
-     * This means only positioning will be used, without any transforms.
-     *
-     * Performance will be degraded if the popup is expected to move.
-     *
-     * This should almost never be used, but is sometimes needed
-     * to resolve layering issues.
-     */
-    shouldDisableGpuAcceleration?: boolean;
-};
-type ShouldFitContainerContentPopupProps = CommonContentPopupProps & {
-    shouldFitContainer: true;
-    shouldRenderToParent?: true;
-    strategy?: 'absolute';
-};
-type StandardPopupContentProps = CommonContentPopupProps & {
-    shouldFitContainer?: false;
-};
-export type PopupContentProps = ShouldFitContainerContentPopupProps | StandardPopupContentProps;
-/**
- * __Popup content__
- *
- * Popup content is the component that renders the content of the popup.
- *
- * It must be a child of the Popup component.
- */
-export declare const PopupContent: ({ xcss, appearance: inAppearance, children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent: inShouldRenderToParent, shouldDisableFocusLock, shouldFitContainer, shouldFitViewport, shouldDisableGpuAcceleration, role, titleId, }: PopupContentProps) => React.JSX.Element | null;
-export {};

package/dist/types/compositional/role-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context } from 'react';
+export declare const RoleContext: Context<string | undefined>;

package/dist/types/compositional/set-trigger-ref-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context, type Dispatch, type SetStateAction } from 'react';
+export declare const SetTriggerRefContext: Context<Dispatch<SetStateAction<HTMLElement | null>>>;

package/dist/types/compositional/trigger-ref-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context } from 'react';
+export declare const TriggerRefContext: Context<HTMLElement | null>;

package/dist/types/compositional/use-ensure-is-inside-popup.d.ts

@@ -0,0 +1 @@
+export declare function useEnsureIsInsidePopup(): void;

package/dist/types/entry-points/experimental/compositional.d.ts

@@ -1,2 +1,6 @@
-export { Popup, PopupContent, PopupTrigger } from '../../compositional/popup';
-export type { PopupProps, PopupContentProps, PopupTriggerProps } from '../../compositional/popup';
+export { Popup } from '../../compositional/popup';
+export { PopupContent } from '../../compositional/popup-content';
+export { PopupTrigger } from '../../compositional/popup-trigger';
+export type { PopupProps } from '../../compositional/popup';
+export type { PopupContentProps } from '../../compositional/popup-content';
+export type { PopupTriggerProps } from '../../compositional/popup-trigger';

package/dist/types-ts4.5/compositional/id-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context } from 'react';
+export declare const IdContext: Context<string | undefined>;

package/dist/types-ts4.5/compositional/is-inside-popup-context.d.ts

@@ -0,0 +1,11 @@
+import { type Context } from 'react';
+/**
+ * __Ensure is inside popup context__
+ *
+ * An ensure is inside popup context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const EnsureIsInsidePopupContext: Context<boolean>;

package/dist/types-ts4.5/compositional/is-open-context.d.ts

@@ -0,0 +1,11 @@
+import { type Context } from 'react';
+/**
+ * __Is open context__
+ *
+ * An is open context {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const IsOpenContext: Context<boolean>;

package/dist/types-ts4.5/compositional/popup-content.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type ContentProps, type PopupProps as LegacyPopupProps } from '../types';
+type CommonContentPopupProps = Pick<LegacyPopupProps, 'xcss' | 'appearance' | 'boundary' | 'offset' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldRenderToParent' | 'shouldUseCaptureOnOutsideClick' | 'shouldDisableFocusLock' | 'strategy' | 'zIndex' | 'shouldFitViewport' | 'role' | 'titleId'> & {
+    children: (props: ContentProps) => React.ReactNode;
+    /**
+     * ___Use with caution___
+     *
+     * Disables popper.js GPU acceleration for this popup.
+     * This means only positioning will be used, without any transforms.
+     *
+     * Performance will be degraded if the popup is expected to move.
+     *
+     * This should almost never be used, but is sometimes needed
+     * to resolve layering issues.
+     */
+    shouldDisableGpuAcceleration?: boolean;
+};
+type ShouldFitContainerContentPopupProps = CommonContentPopupProps & {
+    shouldFitContainer: true;
+    shouldRenderToParent?: true;
+    strategy?: 'absolute';
+};
+type StandardPopupContentProps = CommonContentPopupProps & {
+    shouldFitContainer?: false;
+};
+export type PopupContentProps = ShouldFitContainerContentPopupProps | StandardPopupContentProps;
+/**
+ * __Popup content__
+ *
+ * Popup content is the component that renders the content of the popup.
+ *
+ * It must be a child of the Popup component.
+ */
+export declare const PopupContent: ({ xcss, appearance: inAppearance, children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent: inShouldRenderToParent, shouldDisableFocusLock, shouldFitContainer, shouldFitViewport, shouldDisableGpuAcceleration, role, titleId, }: PopupContentProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/compositional/popup-trigger.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TriggerProps } from '../types';
+export type PopupTriggerProps = {
+    children: (props: TriggerProps) => React.ReactNode;
+};
+/**
+ * __Popup trigger__
+ *
+ * Popup trigger is the component that renders the trigger for the popup.
+ *
+ * It must be a child of the Popup component.
+ */
+export declare const PopupTrigger: ({ children }: PopupTriggerProps) => React.JSX.Element;

package/dist/types-ts4.5/compositional/popup.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { type ContentProps, type PopupProps as LegacyPopupProps, type TriggerProps } from '../types';
 export type PopupProps = {
     children: React.ReactNode;
     isOpen?: boolean;
@@ -26,47 +25,3 @@ export type PopupProps = {
  * ```
  */
 export declare const Popup: ({ children, id: providedId, isOpen, role, }: PopupProps) => React.JSX.Element;
-export type PopupTriggerProps = {
-    children: (props: TriggerProps) => React.ReactNode;
-};
-/**
- * __Popup trigger__
- *
- * Popup trigger is the component that renders the trigger for the popup.
- *
- * It must be a child of the Popup component.
- */
-export declare const PopupTrigger: ({ children }: PopupTriggerProps) => React.JSX.Element;
-type CommonContentPopupProps = Pick<LegacyPopupProps, 'xcss' | 'appearance' | 'boundary' | 'offset' | 'onClose' | 'testId' | 'placement' | 'fallbackPlacements' | 'popupComponent' | 'shouldFlip' | 'rootBoundary' | 'autoFocus' | 'shouldRenderToParent' | 'shouldUseCaptureOnOutsideClick' | 'shouldDisableFocusLock' | 'strategy' | 'zIndex' | 'shouldFitViewport' | 'role' | 'titleId'> & {
-    children: (props: ContentProps) => React.ReactNode;
-    /**
-     * ___Use with caution___
-     *
-     * Disables popper.js GPU acceleration for this popup.
-     * This means only positioning will be used, without any transforms.
-     *
-     * Performance will be degraded if the popup is expected to move.
-     *
-     * This should almost never be used, but is sometimes needed
-     * to resolve layering issues.
-     */
-    shouldDisableGpuAcceleration?: boolean;
-};
-type ShouldFitContainerContentPopupProps = CommonContentPopupProps & {
-    shouldFitContainer: true;
-    shouldRenderToParent?: true;
-    strategy?: 'absolute';
-};
-type StandardPopupContentProps = CommonContentPopupProps & {
-    shouldFitContainer?: false;
-};
-export type PopupContentProps = ShouldFitContainerContentPopupProps | StandardPopupContentProps;
-/**
- * __Popup content__
- *
- * Popup content is the component that renders the content of the popup.
- *
- * It must be a child of the Popup component.
- */
-export declare const PopupContent: ({ xcss, appearance: inAppearance, children, boundary, offset, strategy, onClose, testId, rootBoundary, shouldFlip, placement, fallbackPlacements, popupComponent, autoFocus, zIndex, shouldUseCaptureOnOutsideClick, shouldRenderToParent: inShouldRenderToParent, shouldDisableFocusLock, shouldFitContainer, shouldFitViewport, shouldDisableGpuAcceleration, role, titleId, }: PopupContentProps) => React.JSX.Element | null;
-export {};

package/dist/types-ts4.5/compositional/role-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context } from 'react';
+export declare const RoleContext: Context<string | undefined>;

package/dist/types-ts4.5/compositional/set-trigger-ref-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context, type Dispatch, type SetStateAction } from 'react';
+export declare const SetTriggerRefContext: Context<Dispatch<SetStateAction<HTMLElement | null>>>;

package/dist/types-ts4.5/compositional/trigger-ref-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context } from 'react';
+export declare const TriggerRefContext: Context<HTMLElement | null>;

package/dist/types-ts4.5/compositional/use-ensure-is-inside-popup.d.ts

@@ -0,0 +1 @@
+export declare function useEnsureIsInsidePopup(): void;

package/dist/types-ts4.5/entry-points/experimental/compositional.d.ts

@@ -1,2 +1,6 @@
-export { Popup, PopupContent, PopupTrigger } from '../../compositional/popup';
-export type { PopupProps, PopupContentProps, PopupTriggerProps } from '../../compositional/popup';
+export { Popup } from '../../compositional/popup';
+export { PopupContent } from '../../compositional/popup-content';
+export { PopupTrigger } from '../../compositional/popup-trigger';
+export type { PopupProps } from '../../compositional/popup';
+export type { PopupContentProps } from '../../compositional/popup-content';
+export type { PopupTriggerProps } from '../../compositional/popup-trigger';