@atlaskit/top-layer 3.2.0 → 4.1.0

package/dist/esm/internal/get-aria-for-trigger.js

@@ -1,5 +1,3 @@
-import { roleToAriaHasPopup } from './role-to-aria-has-popup';
-
 /**
  * Roles accepted by `getAriaForTrigger`.
  *
@@ -9,12 +7,34 @@ import { roleToAriaHasPopup } from './role-to-aria-has-popup';
  * manually for tooltip triggers.
  */
 
+/**
+ * Valid values for the `aria-haspopup` attribute.
+ *
+ * Derived from the HTML spec - maps popover roles to what the trigger
+ * announces. `undefined` means the attribute is omitted entirely (used for
+ * non-popup roles like `tooltip`/`status`/`alert`/`note`/`log` where
+ * `aria-haspopup` would be misleading).
+ *
+ * `true` is intentionally NOT in the union - the runtime only ever produces
+ * the explicit string forms, so widening the type would invite consumers to
+ * pass `true` and get an `aria-haspopup="true"` serialisation that the
+ * runtime no longer emits.
+ */
+
 /**
  * Non-undefined subset of `TAriaHasPopupValue`. Every role accepted by
  * `getAriaForTrigger` maps to a concrete `aria-haspopup` string, so the
  * trigger always receives a defined attribute value.
  */
 
+var roleToAriaHasPopup = {
+  dialog: 'dialog',
+  alertdialog: 'dialog',
+  menu: 'menu',
+  listbox: 'listbox',
+  tree: 'tree',
+  grid: 'grid'
+};
 /**
  * Returns the ARIA attributes to spread onto a click-activated popover trigger.
  *
@@ -66,13 +86,6 @@ export function getAriaForTrigger(_ref) {
   var role = _ref.role,
     isOpen = _ref.isOpen,
     popoverId = _ref.popoverId;
-  // `roleToAriaHasPopup` accepts a wider role union (including tooltip-family
-  // roles that map to `undefined`). `TAriaForTriggerRole` excludes those, so
-  // the returned value is guaranteed to be a defined string. The cast narrows
-  // the wider helper signature to match.
-  var ariaHasPopup = roleToAriaHasPopup({
-    role: role
-  });
   // `aria-controls` is set to `undefined` while closed. The `Popover` /
   // `Dialog` primitives unmount their host element after the exit
   // animation finishes, so a closed-state `aria-controls` would point
@@ -81,7 +94,7 @@ export function getAriaForTrigger(_ref) {
   // until the target exists, avoiding the dangling reference while
   // keeping the relationship live whenever it is meaningful.
   return {
-    'aria-haspopup': ariaHasPopup,
+    'aria-haspopup': roleToAriaHasPopup[role],
     'aria-expanded': isOpen,
     'aria-controls': isOpen ? popoverId : undefined
   };

package/dist/esm/internal/role-types.js

@@ -1,58 +0,0 @@
-/**
- * Valid values for the `aria-haspopup` attribute.
- *
- * Derived from the HTML spec - maps popover roles to what the trigger
- * announces. `undefined` means the attribute is omitted entirely (used for
- * non-popup roles like `tooltip`/`status`/`alert`/`note`/`log` where
- * `aria-haspopup` would be misleading).
- *
- * `true` is intentionally NOT in the union - the runtime only ever produces
- * the explicit string forms, so widening the type would invite consumers to
- * pass `true` and get an `aria-haspopup="true"` serialisation that the
- * runtime no longer emits.
- */
-
-/**
- * Roles that require an accessible name (`label` or `labelledBy`) per WCAG 4.1.2.
- * Without a name, assistive technology cannot identify these landmarks.
- */
-
-/**
- * Roles where the accessible name is derived from content or provided externally
- * (e.g. a combobox labels its listbox, tooltip content IS the accessible name).
- */
-
-// Shared ARIA role discrimination types
-//
-// These encode the WCAG 4.1.2 constraint: roles like `dialog`, `alertdialog`,
-// and `menu` MUST have an accessible name (either `label` or `labelledBy`).
-// TypeScript enforces this at compile time via discriminated unions.
-
-/**
- * ARIA role props where a role is always required.
- *
- * Used by `TPopupContentProps`. Popup content must always declare
- * its role so assistive technology can identify the layer.
- */
-
-/**
- * ARIA role props where a role is optional.
- *
- * Used by `TPopoverProps`. The low-level primitive allows omitting
- * the role for cases where it is set externally or not needed.
- */
-
-var rolesThatMoveFocus = new Set(['dialog', 'alertdialog', 'menu', 'listbox', 'tree', 'grid']);
-
-/**
- * Returns `true` when the given popover role moves focus into the popover
- * on open, and `false` otherwise (including when `role` is `undefined`).
- */
-// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export function shouldFocusIntoPopover(_ref) {
-  var role = _ref.role;
-  if (!role) {
-    return false;
-  }
-  return rolesThatMoveFocus.has(role);
-}

package/dist/esm/internal/use-anchor-position.js

@@ -317,11 +317,10 @@ export function useAnchorPosition(_ref3) {
        * See `notes/decisions/anchor-name-lifetime.md`
        */
       trigger.style.setProperty('anchor-name', anchorName);
-      var _undoPositioning = combine(setStyle({
+      return setStyle({
         element: popover,
         styles: popoverStyles
-      }));
-      return _undoPositioning;
+      });
     }
 
     // JS fallback. The popover is already in the top layer via

package/dist/esm/internal/use-animated-visibility.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { bind, bindAll } from 'bind-event-listener';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { bind } from 'bind-event-listener';
 import { prefersReducedMotion } from './reduced-motion';
 /**
  * Using the recommended motion timings for safety net.
@@ -110,7 +110,7 @@ function runOnTransitionEndOrTimeout(_ref) {
  * `entering`, `open`, `exiting`). The host element is rendered while
  * `phase !== 'closed'`, so the `exiting` phase keeps the host mounted
  * while the CSS exit transition plays (or, with animation disabled,
- * while we wait for the browser `toggle` / `close` event to fire on the
+ * while we wait for the browser's closing `toggle` event to fire on the
  * still-attached element):
  *
  * ```
@@ -129,6 +129,7 @@ export function useAnimatedVisibility(_ref2) {
     onEnterFinish = _ref2.onEnterFinish,
     onExitFinish = _ref2.onExitFinish;
   var willAnimate = shouldAnimate && !prefersReducedMotion();
+  var isNativeClosedRef = useRef(false);
 
   // Promote `closed → entering`/`closed → open` synchronously during
   // render so the host element mounts in the same commit as the open
@@ -142,16 +143,23 @@ export function useAnimatedVisibility(_ref2) {
     _useState2 = _slicedToArray(_useState, 2),
     phase = _useState2[0],
     setPhase = _useState2[1];
-  if (isOpen && phase === 'closed') {
+
+  // Rearm only after controlled state and the native lifecycle have both
+  // reached closed. Resetting as soon as `isOpen` becomes false can erase a
+  // closing toggle that was handled in the same React batch.
+  if (!isOpen && phase === 'closed') {
+    isNativeClosedRef.current = false;
+  }
+  if (isOpen && phase === 'closed' && !isNativeClosedRef.current) {
     setPhase(willAnimate ? 'entering' : 'open');
   }
   if (!isOpen && (phase === 'open' || phase === 'entering')) {
     // Close intent. Move to `exiting` to gate the unmount on either
-    // the exit transition (animated) or the toggle/close event
+    // the exit transition (animated) or the closing toggle event
     // (non-animated). Includes interrupted entry (`entering → exiting`).
     setPhase('exiting');
   }
-  if (isOpen && phase === 'exiting') {
+  if (isOpen && phase === 'exiting' && !isNativeClosedRef.current) {
     // Reopen mid-exit. With animation, jump back to `entering` and let
     // the entry transition restart from current visual state. Without
     // animation, jump straight to `open` (the handshake we were waiting
@@ -240,49 +248,37 @@ export function useAnimatedVisibility(_ref2) {
     });
   }, [phase, willAnimate, animationKind, elementRef]);
 
-  // Non-animated exit: wait for the browser's `toggle` (closed) or
-  // `close` event before unmounting, so the consumer's listener (close
-  // reason, nested focus restoration, `onClose`) and the browser's
-  // native focus restoration both run against the still-attached
-  // element. A naive `setTimeout(0)` occasionally beats the `toggle`
-  // task in Chromium and drops focus restoration.
-  //
-  // `useLayoutEffect` so the listener binds in the same commit as the
-  // show/hide layout effect that calls `hidePopover()` / `dialog.close()`.
-  // The toggle/close event is queued as a task and cannot run until the
-  // frame completes. SSR-safe: `phase` starts at `'closed'`.
-  //
-  // `onExitFinish` is fired separately (see effect below) so consumers
-  // observe it the moment `isOpen` flips to `false`.
+  // Native dismissal is authoritative. Its toggle can arrive while controlled
+  // state still says open, so remember that native state and do not
+  // reopen until `isOpen` has first moved to false.
   useLayoutEffect(function () {
-    if (phase !== 'exiting' || willAnimate) {
-      return;
+    if (phase === 'exiting' && !willAnimate && isNativeClosedRef.current) {
+      setPhase('closed');
     }
-    var element = elementRef.current;
-    if (!element) {
+  }, [phase, willAnimate]);
+  var onToggle = useCallback(function (event) {
+    if (event.newState === 'open') {
+      isNativeClosedRef.current = false;
       return;
     }
-    function unmount() {
-      setPhase(function (current) {
-        return current === 'exiting' ? 'closed' : current;
-      });
+    if (event.newState !== 'closed') {
+      return;
     }
-    return bindAll(element, [{
-      type: 'toggle',
-      listener: function listener(event) {
-        if (event.newState === 'closed') {
-          unmount();
-        }
+    isNativeClosedRef.current = true;
+    setPhase(function (current) {
+      if (current === 'open' || current === 'entering') {
+        return 'exiting';
       }
-    }, {
-      type: 'close',
-      listener: unmount
-    }]);
-  }, [phase, willAnimate, elementRef]);
+      if (current === 'exiting' && !willAnimate) {
+        return 'closed';
+      }
+      return current;
+    });
+  }, [willAnimate]);
 
   // Non-animated exit callback. No `transitionend` to wait for, so fire
   // `onExitFinish` on the transition into `exiting` (the unmount itself
-  // is gated by the toggle/close handshake above).
+  // is gated by the closing toggle handshake above).
   var prevPhaseForExitRef = useRef('closed');
   useEffect(function () {
     var prevPhase = prevPhaseForExitRef.current;
@@ -297,6 +293,7 @@ export function useAnimatedVisibility(_ref2) {
     }
   }, [phase, willAnimate]);
   return {
-    phase: phase
+    phase: phase,
+    onToggle: onToggle
   };
 }

package/dist/esm/popover/popover.js

@@ -8,7 +8,7 @@ import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import once from '@atlaskit/ds-lib/once';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { resolvePlacement } from '../internal/resolve-placement';
-import { shouldFocusIntoPopover } from '../internal/role-types';
+import { shouldFocusIntoPopover } from '../internal/should-focus-into-popover';
 import { useAnimatedVisibility } from '../internal/use-animated-visibility';
 import { useFocusWrap } from '../internal/use-focus-wrap';
 import { useInitialFocus } from '../internal/use-initial-focus';
@@ -88,11 +88,7 @@ var POPUP_ROLES = new Set(['menu', 'listbox', 'dialog', 'alertdialog', 'tree', '
  * ### 📜 Browser dismiss is non-cancellable
  *
  * Per the popover spec, `beforetoggle` is cancellable on open transitions
- * only, not on close. Consumers that need to ignore a specific dismiss
- * (e.g. a click on a logically-associated external trigger) must reconcile
- * inside their own `onClose` handler by calling `showPopover()` again.
- * `Popover` does not self-heal so consumers do not pay a reconcile cost
- * by default.
+ * only, not on close.
  *
  * - Spec: <https://html.spec.whatwg.org/multipage/popover.html#the-popover-attribute>
  * - <https://github.com/whatwg/html/issues/8973>
@@ -139,7 +135,8 @@ export var Popover = /*#__PURE__*/forwardRef(function Popover(_ref, ref) {
       onEnterFinish: onEnterFinish,
       onExitFinish: onExitFinish
     }),
-    phase = _useAnimatedVisibilit.phase;
+    phase = _useAnimatedVisibilit.phase,
+    onToggle = _useAnimatedVisibilit.onToggle;
 
   // True while the host element is mounted (any phase except `closed`).
   // Used as a dep so listener-rebind effects re-attach after a remount.
@@ -212,6 +209,7 @@ export var Popover = /*#__PURE__*/forwardRef(function Popover(_ref, ref) {
   var handleToggle = useCallback(function (event) {
     var element = ownRef.current;
     if (event.newState === 'open') {
+      onToggle(event);
       return;
     }
     if (event.newState === 'closed') {
@@ -223,11 +221,11 @@ export var Popover = /*#__PURE__*/forwardRef(function Popover(_ref, ref) {
         // click target keeps focus per HTML spec
         // (`focusPreviousElement=false`).
         var previouslyFocused = previouslyFocusedElementRef.current;
-        var _reason = closeReasonRef.current;
+        var reason = closeReasonRef.current;
         var isProgrammatic = programmaticCloseRef.current;
         var shouldRestore = previouslyFocused !== null && previouslyFocused.isConnected && shouldFocusIntoPopover({
           role: role
-        }) && (_reason === 'escape' || isProgrammatic);
+        }) && (reason === 'escape' || isProgrammatic);
         if (shouldRestore && previouslyFocused) {
           previouslyFocused.focus({
             preventScroll: true
@@ -241,18 +239,18 @@ export var Popover = /*#__PURE__*/forwardRef(function Popover(_ref, ref) {
         // Reset reason so a stale 'escape' from a race with Escape keydown
         // does not corrupt the next browser-dismiss cycle.
         closeReasonRef.current = 'light-dismiss';
-        return;
+      } else {
+        // Browser dismiss (Escape/click-outside).
+        var _reason = closeReasonRef.current;
+        closeReasonRef.current = 'light-dismiss';
+        // Optional: `manual` mode has no `onClose` in the forwarded type.
+        onClose === null || onClose === void 0 || onClose({
+          reason: _reason
+        });
       }
-
-      // Browser dismiss (Escape/click-outside).
-      var reason = closeReasonRef.current;
-      closeReasonRef.current = 'light-dismiss';
-      // Optional: `manual` mode has no `onClose` in the forwarded type.
-      onClose === null || onClose === void 0 || onClose({
-        reason: reason
-      });
     }
-  }, [onClose, role]);
+    onToggle(event);
+  }, [onClose, onToggle, role]);
 
   // Bind via `useLayoutEffect`, and BEFORE the show/hide layout effect
   // below, so listeners are attached when `showPopover()` synchronously

package/dist/types/dialog/dialog-content.d.ts

@@ -14,8 +14,8 @@ import { type TDialogProps } from './types';
  *
  * Handles native `cancel` event (Escape) and backdrop click detection.
  *
- * Close flow: we never call `dialog.close()` from event handlers. We always call
- * `onClose`; the consumer decides whether to set `isOpen={false}`.
+ * Close flow: allowed user dismissal closes the native dialog before `onClose`
+ * notifies the consumer. The consumer must synchronize `isOpen` in response.
  *
  * Accessibility: render at least one focusable element (typically a close
  * button) when `isOpen` becomes `true`. Tab is always trapped inside the

package/dist/types/dialog/index.d.ts

@@ -1,3 +1,3 @@
 export { createCloseEvent } from './create-close-event';
 export { Dialog } from './dialog-content';
-export type { TDialogCloseReason, TDialogProps } from './types';
+export type { TDialogCloseReason, TDialogDismissedBy, TDialogProps } from './types';

package/dist/types/dialog/types.d.ts

@@ -11,6 +11,10 @@ import type { StrictXCSSProp } from '@atlaskit/css';
  * produces. The consumer simply sets `isOpen={false}`.
  */
 export type TDialogCloseReason = 'escape' | 'overlay-click';
+/**
+ * User interactions that are allowed to dismiss the dialog.
+ */
+export type TDialogDismissedBy = 'none' | 'escape' | 'escape-and-outside-click';
 /**
  * Props shared across `TDialogProps` variants.
  *
@@ -40,14 +44,24 @@ type TDialogBaseProps = {
      */
     isOpen: boolean;
     /**
-     * Called when the user triggers close via Escape or backdrop click.
+     * Called after the dialog closes through an allowed Escape or backdrop interaction.
      *
-     * The dialog does **not** close itself. The consumer decides whether to
-     * set `isOpen={false}` (e.g. gate by reason).
+     * User dismissal cannot be rejected from this callback. The consumer must set
+     * `isOpen={false}` in response to synchronize controlled state with the native dialog.
      */
     onClose: (args: {
         reason: TDialogCloseReason;
     }) => void;
+    /**
+     * Controls which user actions can dismiss the dialog.
+     *
+     * - `'escape-and-outside-click'`: Escape and outside click.
+     * - `'escape'`: Escape only.
+     * - `'none'`: no user action.
+     *
+     * Defaults to `'escape-and-outside-click'`.
+     */
+    dismissedBy?: TDialogDismissedBy;
     /**
      * Whether the dialog should animate in and out.
      *

package/dist/types/entry-points/dialog.d.ts

@@ -1,2 +1,2 @@
 export { createCloseEvent, Dialog } from '../dialog';
-export type { TDialogCloseReason, TDialogProps } from '../dialog';
+export type { TDialogCloseReason, TDialogDismissedBy, TDialogProps } from '../dialog';

package/dist/types/internal/get-aria-for-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type TAriaHasPopupValue, type TRoleRequiringAccessibleName } from './role-types';
+import { type TRoleRequiringAccessibleName } from './role-types';
 /**
  * Roles accepted by `getAriaForTrigger`.
  *
@@ -8,6 +8,26 @@ import { type TAriaHasPopupValue, type TRoleRequiringAccessibleName } from './ro
  * manually for tooltip triggers.
  */
 type TAriaForTriggerRole = TRoleRequiringAccessibleName | 'listbox' | 'tree' | 'grid';
+/**
+ * Valid values for the `aria-haspopup` attribute.
+ *
+ * Derived from the HTML spec - maps popover roles to what the trigger
+ * announces. `undefined` means the attribute is omitted entirely (used for
+ * non-popup roles like `tooltip`/`status`/`alert`/`note`/`log` where
+ * `aria-haspopup` would be misleading).
+ *
+ * `true` is intentionally NOT in the union - the runtime only ever produces
+ * the explicit string forms, so widening the type would invite consumers to
+ * pass `true` and get an `aria-haspopup="true"` serialisation that the
+ * runtime no longer emits.
+ */
+type TAriaHasPopupValue = 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | undefined;
+/**
+ * Non-undefined subset of `TAriaHasPopupValue`. Every role accepted by
+ * `getAriaForTrigger` maps to a concrete `aria-haspopup` string, so the
+ * trigger always receives a defined attribute value.
+ */
+type TAriaHasPopupForTrigger = Exclude<TAriaHasPopupValue, undefined>;
 type TGetAriaForTriggerOptions = {
     /**
      * The `role` that will be set on the `<Popover>` element. Used to derive
@@ -24,12 +44,6 @@ type TGetAriaForTriggerOptions = {
      */
     popoverId: string;
 };
-/**
- * Non-undefined subset of `TAriaHasPopupValue`. Every role accepted by
- * `getAriaForTrigger` maps to a concrete `aria-haspopup` string, so the
- * trigger always receives a defined attribute value.
- */
-type TAriaHasPopupForTrigger = Exclude<TAriaHasPopupValue, undefined>;
 type TAriaForTrigger = {
     'aria-haspopup': TAriaHasPopupForTrigger;
     'aria-expanded': boolean;

package/dist/types/internal/role-types.d.ts

@@ -1,17 +1,3 @@
-/**
- * Valid values for the `aria-haspopup` attribute.
- *
- * Derived from the HTML spec - maps popover roles to what the trigger
- * announces. `undefined` means the attribute is omitted entirely (used for
- * non-popup roles like `tooltip`/`status`/`alert`/`note`/`log` where
- * `aria-haspopup` would be misleading).
- *
- * `true` is intentionally NOT in the union - the runtime only ever produces
- * the explicit string forms, so widening the type would invite consumers to
- * pass `true` and get an `aria-haspopup="true"` serialisation that the
- * runtime no longer emits.
- */
-export type TAriaHasPopupValue = 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | undefined;
 /**
  * Roles that require an accessible name (`label` or `labelledBy`) per WCAG 4.1.2.
  * Without a name, assistive technology cannot identify these landmarks.
@@ -50,22 +36,4 @@ export type TAriaRoleRequired = ({
 } & TAccessibleNameRequired) | ({
     role: TRoleWithImplicitName;
 } & TAccessibleNameOptional);
-/**
- * ARIA role props where a role is optional.
- *
- * Used by `TPopoverProps`. The low-level primitive allows omitting
- * the role for cases where it is set externally or not needed.
- */
-export type TAriaRoleOptional = ({
-    role: TRoleRequiringAccessibleName;
-} & TAccessibleNameRequired) | ({
-    role?: TRoleWithImplicitName;
-} & TAccessibleNameOptional);
-/**
- * Returns `true` when the given popover role moves focus into the popover
- * on open, and `false` otherwise (including when `role` is `undefined`).
- */
-export declare function shouldFocusIntoPopover({ role, }: {
-    role: TRoleRequiringAccessibleName | TRoleWithImplicitName | undefined;
-}): boolean;
 export {};

package/dist/types/internal/use-animated-visibility.d.ts

@@ -42,6 +42,12 @@ type TUseAnimatedVisibilityResult = {
      * trapping, listeners that must outlive the exit).
      */
     phase: TPhase;
+    /**
+     * Notifies the visibility lifecycle after the primitive has finished its
+     * own native toggle handling. Closing toggles make native dismissal
+     * authoritative while preserving primitive-specific handler ordering.
+     */
+    onToggle: (event: ToggleEvent) => void;
 };
 /**
  * Visibility lifecycle phase shared between `useAnimatedVisibility`,
@@ -93,7 +99,7 @@ export type TPhase = 'closed' | 'entering' | 'open' | 'exiting';
  * `entering`, `open`, `exiting`). The host element is rendered while
  * `phase !== 'closed'`, so the `exiting` phase keeps the host mounted
  * while the CSS exit transition plays (or, with animation disabled,
- * while we wait for the browser `toggle` / `close` event to fire on the
+ * while we wait for the browser's closing `toggle` event to fire on the
  * still-attached element):
  *
  * ```

package/dist/types/popover/popover.d.ts

@@ -16,11 +16,7 @@ import { type TPopoverForwardedProps } from './types';
  * ### 📜 Browser dismiss is non-cancellable
  *
  * Per the popover spec, `beforetoggle` is cancellable on open transitions
- * only, not on close. Consumers that need to ignore a specific dismiss
- * (e.g. a click on a logically-associated external trigger) must reconcile
- * inside their own `onClose` handler by calling `showPopover()` again.
- * `Popover` does not self-heal so consumers do not pay a reconcile cost
- * by default.
+ * only, not on close.
  *
  * - Spec: <https://html.spec.whatwg.org/multipage/popover.html#the-popover-attribute>
  * - <https://github.com/whatwg/html/issues/8973>

package/dist/types/popover/types.d.ts

@@ -92,7 +92,7 @@ type TPopoverBaseProps = {
      */
     isOpen: boolean;
     /**
-     * Placement hint for directional animations (e.g. `slideAndFade`).
+     * Placement hint for the default directional animation.
      *
      * When `shouldAnimate` is `true`, placement is used to set CSS custom
      * properties (like `--ds-popover-tx`, `--ds-popover-ty`) that control the

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/top-layer",
-	"version": "3.2.0",
+	"version": "4.1.0",
 	"description": "Low-level layering primitives based on popover and dialog",
 	"homepage": "https://atlassian.design/components/top-layer",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
@@ -40,9 +40,9 @@
 		"@atlaskit/ds-lib": "^8.0.0",
 		"@atlaskit/layering": "^5.0.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/tokens": "^16.4.0",
+		"@atlaskit/tokens": "^16.7.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^1.0.0",
+		"@compiled/react": "^1.0.2",
 		"bind-event-listener": "^3.0.0",
 		"raf-schd": "^4.0.3"
 	},
@@ -68,33 +68,6 @@
 		"react-dom": "^19.0.0",
 		"tiny-invariant": "^1.2.0"
 	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"import-structure": [
-				"atlassian-conventions"
-			],
-			"circular-dependencies": [
-				"file-and-folder-level"
-			]
-		},
-		"@repo/internal": {
-			"dom-events": "use-bind-event-listener",
-			"ui-components": [
-				"lite-mode"
-			],
-			"design-tokens": [
-				"color",
-				"spacing"
-			],
-			"deprecation": [
-				"no-deprecated-imports"
-			],
-			"styling": [
-				"static",
-				"compiled"
-			]
-		}
-	},
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	}

package/animations/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@atlaskit/top-layer/animations",
-  "main": "../dist/cjs/entry-points/animations.js",
-  "module": "../dist/esm/entry-points/animations.js",
-  "module:es2019": "../dist/es2019/entry-points/animations.js",
-  "sideEffects": [
-    "*.compiled.css"
-  ],
-  "types": "../dist/types/entry-points/animations.d.ts"
-}

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

@@ -1 +0,0 @@
-"use strict";

package/dist/cjs/internal/role-to-aria-has-popup.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.roleToAriaHasPopup = roleToAriaHasPopup;
-/**
- * Maps a popover content role to the correct `aria-haspopup` value
- * for its trigger element.
- *
- * Returns `undefined` for roles that are not popups in the ARIA sense
- * (`tooltip`, `note`, `status`, `alert`, `log`). Triggers for those roles
- * should not announce a popup at all - emitting `aria-haspopup="dialog"`
- * on a tooltip trigger would mislead assistive technology.
- */
-function roleToAriaHasPopup(_ref) {
-  var role = _ref.role;
-  if (role === 'menu') {
-    return 'menu';
-  }
-  if (role === 'listbox') {
-    return 'listbox';
-  }
-  if (role === 'tree') {
-    return 'tree';
-  }
-  if (role === 'grid') {
-    return 'grid';
-  }
-  if (role === 'dialog' || role === 'alertdialog') {
-    return 'dialog';
-  }
-  // Non-popup roles (tooltip, note, status, alert, log) and the
-  // no-role case: omit `aria-haspopup` entirely. React drops the
-  // attribute when the value is `undefined`.
-  return undefined;
-}