@atlaskit/dropdown-menu 16.10.4 → 16.10.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/dropdown-menu
 
+## 16.10.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.10.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.10.4
 
 ### Patch Changes

package/dropdown-item-checkbox/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/checkbox/dropdown-item-checkbox.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/checkbox/dropdown-item-checkbox.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/checkbox/dropdown-item-checkbox.d.ts"
 }

package/dropdown-item-checkbox-group/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/checkbox/dropdown-item-checkbox-group.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/checkbox/dropdown-item-checkbox-group.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/checkbox/dropdown-item-checkbox-group.d.ts"
 }

package/dropdown-item-radio/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/radio/dropdown-item-radio.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/radio/dropdown-item-radio.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/radio/dropdown-item-radio.d.ts"
 }

package/dropdown-item-radio-group/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/radio/dropdown-item-radio-group.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/radio/dropdown-item-radio-group.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/radio/dropdown-item-radio-group.d.ts"
 }

package/dropdown-menu/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/dropdown-menu.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/dropdown-menu.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/dropdown-menu.d.ts"
 }

package/dropdown-menu-item/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/dropdown-menu-item.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/dropdown-menu-item.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/dropdown-menu-item.d.ts"
 }

package/dropdown-menu-item-group/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/dropdown-menu-item-group.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/dropdown-menu-item-group.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/dropdown-menu-item-group.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "16.10.4",
+	"version": "16.10.6",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,12 +38,12 @@
 		"@atlaskit/layering": "^3.8.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.23.0",
+		"@atlaskit/popup": "^4.25.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tokens": "^13.3.0",
-		"@atlaskit/top-layer": "^0.16.0",
+		"@atlaskit/tokens": "^13.4.0",
+		"@atlaskit/top-layer": "^0.18.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -65,8 +65,8 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/lozenge": "^13.8.0",
-		"@atlaskit/modal-dialog": "^15.2.0",
+		"@atlaskit/lozenge": "^13.9.0",
+		"@atlaskit/modal-dialog": "^15.3.0",
 		"@atlaskit/section-message": "^8.13.0",
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/toggle": "^16.1.0",

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/types.d.ts"
 }

package/dist/types-ts4.5/checkbox/dropdown-item-checkbox-group.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { SectionProps } from '@atlaskit/menu';
-interface DropdownItemCheckboxGroupProps extends SectionProps {
-    /**
-     * Unique identifier for the checkbox group.
-     */
-    id: string;
-}
-/**
- * __Dropdown item checkbox group__
- *
- * A wrapping element for dropdown menu checkbox items.
- *
- */
-declare const DropdownItemCheckboxGroup: ({ children, hasSeparator, id, isList, isScrollable, testId, title, ...rest }: DropdownItemCheckboxGroupProps) => React.JSX.Element;
-export default DropdownItemCheckboxGroup;

package/dist/types-ts4.5/checkbox/dropdown-item-checkbox.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type DropdownItemCheckboxProps } from '../types';
-/**
- * __Dropdown item checkbox__
- *
- * A dropdown item checkbox creates groups that have multiple selections.
- *
- * - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/examples)
- * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/usage)
- */
-declare const DropdownItemCheckbox: ({ children, defaultSelected, description, id, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, testId, interactionName, ...rest }: DropdownItemCheckboxProps) => React.JSX.Element;
-export default DropdownItemCheckbox;

package/dist/types-ts4.5/dropdown-menu-item-group.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { type SectionProps } from '@atlaskit/menu';
-/**
- * __Dropdown item checkbox group__
- *
- * A wrapping element for dropdown menu items.
- *
- */
-declare const DropdownMenuItemGroup: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
-export default DropdownMenuItemGroup;

package/dist/types-ts4.5/dropdown-menu-item.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type DropdownItemProps } from './types';
-/**
- * __Dropdown menu item__
- *
- * A dropdown item populates the dropdown menu with items. Every item should be inside a dropdown item group.
- *
- * - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item/examples)
- * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item/usage)
- */
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<DropdownItemProps> & React.RefAttributes<HTMLElement>>;
-export default DropdownMenuItem;

package/dist/types-ts4.5/dropdown-menu-top-layer.d.ts

@@ -1,18 +0,0 @@
-import type { DropdownMenuProps } from './types';
-/**
- * Top-layer implementation of DropdownMenu.
- *
- * Replaces the legacy `@atlaskit/popup` + `@atlaskit/portal` + `@atlaskit/layering` pipeline
- * with the native Popover API via `@atlaskit/top-layer`.
- *
- * What is no longer needed:
- * - Portal: top layer handles stacking natively
- * - FocusLock / react-focus-lock: popover=auto provides light dismiss
- * - z-index: top layer is always above everything
- * - FocusManager (ref registration): replaced by DOM-query-based `useArrowNavigation`
- * - handle-focus.tsx: replaced by `useArrowNavigation`
- * - Layering context: top layer nesting is handled by the browser
- * - Fallback placements / Popper: CSS Anchor Positioning handles positioning
- */
-declare function DropdownMenuTopLayer({ autoFocus, children, defaultOpen, isLoading, isOpen: isOpenProp, onOpenChange, placement, shouldFitContainer, returnFocusRef, spacing, statusLabel, testId, trigger, label, interactionName, menuLabel, }: DropdownMenuProps): React.JSX.Element;
-export default DropdownMenuTopLayer;

package/dist/types-ts4.5/dropdown-menu.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { DropdownMenuProps } from './types';
-/**
- * __Dropdown menu__
- *
- * A dropdown menu displays a list of actions or options to a user.
- *
- * - [Examples](https://atlassian.design/components/dropdown-menu/examples)
- * - [Code](https://atlassian.design/components/dropdown-menu/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
- */
-declare const DropdownMenu: <T extends HTMLElement = any>(props: DropdownMenuProps<T>) => React.JSX.Element;
-export default DropdownMenu;

package/dist/types-ts4.5/index.d.ts

@@ -1,8 +0,0 @@
-export { default } from './dropdown-menu';
-export { default as DropdownItemGroup } from './dropdown-menu-item-group';
-export { default as DropdownItem } from './dropdown-menu-item';
-export { default as DropdownItemCheckbox } from './checkbox/dropdown-item-checkbox';
-export { default as DropdownItemCheckboxGroup } from './checkbox/dropdown-item-checkbox-group';
-export { default as DropdownItemRadio } from './radio/dropdown-item-radio';
-export { default as DropdownItemRadioGroup } from './radio/dropdown-item-radio-group';
-export type { DropdownMenuProps, DropdownMenuGroupProps, DropdownItemProps, OnOpenChangeArgs, CustomTriggerProps, } from './types';

package/dist/types-ts4.5/internal/components/checkbox-icon.d.ts

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag jsx
- */
-import React from 'react';
-/**
- * __Checkbox icon__
- *
- * Used to visually represent the selected state in DropdownItemCheckbox
- *
- * @internal
- */
-declare const CheckboxIcon: ({ checked }: {
-    checked: boolean;
-}) => React.JSX.Element;
-export default CheckboxIcon;

package/dist/types-ts4.5/internal/components/focus-manager-context.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type FocusableElementRef } from '../../types';
-/**
- * __Focus manager context__
- *
- * A context that stores dropdown menu item refs and provides a way to register
- * them for focus management within the dropdown menu.
- */
-export declare const FocusManagerContext: React.Context<{
-    menuItemRefs: FocusableElementRef[];
-    registerRef(ref: FocusableElementRef): void;
-}>;

package/dist/types-ts4.5/internal/components/focus-manager.d.ts

@@ -1,9 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-/**
- * Focus manager logic.
- */
-declare const FocusManager: FC<{
-    children: ReactNode;
-    onClose: (e: KeyboardEvent) => void;
-}>;
-export default FocusManager;

package/dist/types-ts4.5/internal/components/group-title.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-/**
- * __Group title__
- *
- * Used to visually represent the title for DropdownMenu groups.
- *
- * Pre-existing a11y note: uses `role="menuitem"` with `aria-hidden="true"`.
- * WAI-ARIA APG recommends `role="presentation"` for non-interactive group
- * headings, with the group linked via `aria-labelledby`. Out of scope for
- * the top-layer migration — this is legacy behavior.
- *
- * @internal
- */
-declare const GroupTitle: ({ id, title }: {
-    id: string;
-    title: string;
-}) => React.JSX.Element;
-export default GroupTitle;

package/dist/types-ts4.5/internal/components/menu-wrapper.d.ts

@@ -1,10 +0,0 @@
-import { type MenuWrapperProps } from '../../types';
-/**
- *
- * MenuWrapper wraps all the menu items.
- * It handles the logic to close the menu when a MenuItem is clicked, but leaves it open
- * if a CheckboxItem or RadioItem is clicked.
- * It also sets focus to the first menu item when opened.
- */
-declare const MenuWrapper: ({ children, isLoading, maxHeight, maxWidth, onClose, onUpdate, statusLabel, setInitialFocusRef, shouldRenderToParent, spacing, testId, isTriggeredUsingKeyboard, autoFocus, menuLabel, }: MenuWrapperProps) => JSX.Element;
-export default MenuWrapper;

package/dist/types-ts4.5/internal/components/radio-icon.d.ts

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag jsx
- */
-import React from 'react';
-/**
- * __Radio icon__
- *
- * Used to visually represent the selected state in DropdownItemRadio
- *
- * @internal
- */
-declare const RadioIcon: ({ checked }: {
-    checked: boolean;
-}) => React.JSX.Element;
-export default RadioIcon;

package/dist/types-ts4.5/internal/context/checkbox-group-context.d.ts

@@ -1,4 +0,0 @@
-/**
- * Holds the unique identifier for the checkbox group.
- */
-export declare const CheckboxGroupContext: import('react').Context<string>;

package/dist/types-ts4.5/internal/context/selection-store-context.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export type OptionsInGroup = {
-    [key: string]: boolean | undefined;
-};
-export type SelectionStoreContextProps = {
-    setItemState: (group: string, id: string, value: boolean | undefined) => void;
-    getItemState: (group: string, id: string) => boolean | undefined;
-    setGroupState: (group: string, value: OptionsInGroup) => void;
-    getGroupState: (group: string) => OptionsInGroup;
-};
-/**
- * __Selection store context__
- *
- * A context that stores the selection state of the dropdown menu items.
- */
-export declare const SelectionStoreContext: React.Context<SelectionStoreContextProps>;

package/dist/types-ts4.5/internal/context/selection-store.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-type SelectionStoreProps = {
-    children: React.ReactNode;
-};
-/**
- * Selection store will persist data as long as it remains mounted.
- * It handles the uncontrolled story for dropdown menu when the menu
- * items can be mounted/unmounted depending if the menu is open or closed.
- */
-declare const SelectionStore: (props: SelectionStoreProps) => React.JSX.Element;
-export default SelectionStore;

package/dist/types-ts4.5/internal/hooks/use-checkbox-state.d.ts

@@ -1,17 +0,0 @@
-type CheckboxStateArgs = {
-    id: string;
-    isSelected: boolean | undefined;
-    defaultSelected: boolean | undefined;
-};
-type SetStateCallback = (value: boolean | undefined) => boolean;
-type CheckboxStateValue = [
-    boolean,
-    (newValue: SetStateCallback) => void
-];
-/**
- * Custom hook to handle checkbox state for dropdown menu.
- * It works in tandem with the selection store context when the
- * component is uncontrolled.
- */
-declare const useCheckboxState: ({ isSelected, id, defaultSelected, }: CheckboxStateArgs) => CheckboxStateValue;
-export default useCheckboxState;

package/dist/types-ts4.5/internal/hooks/use-radio-state.d.ts

@@ -1,12 +0,0 @@
-type RadioStateArgs = {
-    id: string;
-    isSelected: boolean | undefined;
-    defaultSelected: boolean | undefined;
-};
-type SetStateCallback = (value: boolean | undefined) => boolean;
-type RadioStateValue = [
-    boolean,
-    (newValue: SetStateCallback) => void
-];
-declare function useRadioState({ id, isSelected, defaultSelected }: RadioStateArgs): RadioStateValue;
-export default useRadioState;

package/dist/types-ts4.5/internal/hooks/use-register-item-with-focus-manager.d.ts

@@ -1,3 +0,0 @@
-import { type MutableRefObject } from 'react';
-declare function useRegisterItemWithFocusManager(hasPopup?: boolean): MutableRefObject<HTMLAnchorElement | HTMLButtonElement | null>;
-export default useRegisterItemWithFocusManager;

package/dist/types-ts4.5/internal/use-arrow-navigation/index.d.ts

@@ -1,2 +0,0 @@
-export { useArrowNavigation, isAtCurrentMenuLevel, type TUseArrowNavigationArgs, } from './use-arrow-navigation';
-export { getFirstFocusable } from '@atlaskit/top-layer/focus';

package/dist/types-ts4.5/internal/use-arrow-navigation/use-arrow-navigation.d.ts

@@ -1 +0,0 @@
-export { useArrowNavigation, isAtCurrentMenuLevel, type TUseArrowNavigationArgs, } from '@atlaskit/top-layer/use-arrow-navigation';

package/dist/types-ts4.5/internal/utils/handle-focus.d.ts

@@ -1,3 +0,0 @@
-import { type RefObject } from 'react';
-import { type FocusableElementRef } from '../../types';
-export default function handleFocus(refs: RefObject<FocusableElementRef[]>, isLayerDisabled: () => boolean, onClose: (e: KeyboardEvent) => void, isNestedMenu?: boolean): (e: KeyboardEvent) => void;

package/dist/types-ts4.5/internal/utils/is-checkbox-item.d.ts

@@ -1 +0,0 @@
-export default function isCheckboxItem(element: HTMLElement): boolean;

package/dist/types-ts4.5/internal/utils/is-radio-item.d.ts

@@ -1 +0,0 @@
-export default function isCheckboxItem(element: HTMLElement): boolean;

package/dist/types-ts4.5/internal/utils/is-voice-over-supported.d.ts

@@ -1,2 +0,0 @@
-declare const isVoiceOverSupported: () => boolean;
-export default isVoiceOverSupported;

package/dist/types-ts4.5/internal/utils/reset-options-in-group.d.ts

@@ -1,4 +0,0 @@
-declare const resetOptionsInGroup: (group: {
-    [key: string]: boolean | undefined;
-}) => {};
-export default resetOptionsInGroup;

package/dist/types-ts4.5/internal/utils/use-generated-id.d.ts

@@ -1,6 +0,0 @@
-export declare const PREFIX = "ds--dropdown--";
-/**
- * useGeneratedId generates a random string which remains constant across
- * renders when called without any parameter.
- */
-export default function useGeneratedId(): string;

package/dist/types-ts4.5/radio/dropdown-item-radio-group.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type SectionProps } from '@atlaskit/menu';
-interface DropdownItemRadioGroupProps extends SectionProps {
-    id: string;
-}
-/**
- * __Dropdown item radio group__
- *  Store which manages the selection state for each DropdownItemRadio
- *  across mount and unmounts.
- *
- */
-declare const DropdownItemRadioGroup: ({ children, hasSeparator, id, isList, isScrollable, testId, title, ...rest }: DropdownItemRadioGroupProps) => React.JSX.Element;
-export default DropdownItemRadioGroup;

package/dist/types-ts4.5/radio/dropdown-item-radio.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type DropdownItemRadioProps } from '../types';
-/**
- * __Dropdown item radio__
- *
- * A dropdown item radio displays groups that have a single selection.
- *
- * - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/examples)
- * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/code)
- * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/usage)
- */
-declare const DropdownItemRadio: ({ children, defaultSelected, testId, id, title, description, isDisabled, isSelected, onClick: providedOnClick, shouldDescriptionWrap, shouldTitleWrap, interactionName, ...rest }: DropdownItemRadioProps) => React.JSX.Element;
-export default DropdownItemRadio;

package/dist/types-ts4.5/radio/radio-group-context.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface RadioGroupContextProps {
-    id: string;
-    radioGroupState: {
-        [key: string]: boolean | undefined;
-    };
-    selectRadioItem: (id: string, value: boolean) => void;
-}
-/**
- * __Radio group context__
- * Context provider that wraps each DropdownItemRadioGroup
- */
-export declare const RadioGroupContext: React.Context<RadioGroupContextProps>;
-export {};

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

@@ -1,435 +0,0 @@
-import { type KeyboardEvent, type MouseEvent, type ReactElement, type ReactNode, type Ref, type RefObject } from 'react';
-import type { CustomItemComponentProps, CustomItemProps, MenuGroupProps, SectionProps } from '@atlaskit/menu/types';
-import type { ContentProps, TriggerProps } from '@atlaskit/popup/types';
-export type FocusableElementRef = RefObject<HTMLAnchorElement | HTMLButtonElement>;
-export type Action = 'next' | 'prev' | 'first' | 'last' | 'tab';
-export type Placement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
-export type ItemId = string;
-export type GroupId = string;
-export type CachedItem = {
-    id: ItemId;
-    groupId: GroupId;
-};
-export type FocusItem = {
-    itemId: ItemId;
-    itemNode: HTMLElement;
-};
-export type Behaviors = 'checkbox' | 'radio' | 'menuitemcheckbox' | 'menuitemradio';
-export interface CustomTriggerProps<TriggerElement extends HTMLElement = any> extends Omit<TriggerProps, 'ref'> {
-    /**
-     * Ref that should be applied to the trigger. This is used to calculate the menu position.
-     */
-    triggerRef: Ref<TriggerElement>;
-    /**
-     * Makes the trigger appear selected.
-     */
-    isSelected?: boolean;
-    /**
-     * Event that is triggered when the element is clicked.
-     */
-    onClick?: (e: MouseEvent | KeyboardEvent) => void;
-    /**
-     * onFocus handler that should be applied to the trigger. Used to bind onKeyDown listener
-     * to the window object to track ArrowDown events.
-     */
-    onFocus?: () => void;
-    /**
-     * onBlur handler that should be applied to the trigger. Used to unbind onKeyDown listener
-     * from the window object.
-     */
-    onBlur?: () => void;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique
-     * string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     *
-     * As dropdown-menu is composed of different components, we passed down the testId to the sub component you want to test:
-     * - `testId--trigger` to get the menu trigger.
-     * - `testId--content` to get the dropdown content trigger.
-     */
-    testId?: string;
-}
-export interface OnOpenChangeArgs {
-    isOpen: boolean;
-    /**
-     * The event that triggered the close.
-     * The value will be `null` when the dropdown is closed programatically and has no corresponding event.
-     */
-    event: Event | MouseEvent | KeyboardEvent | null;
-}
-export interface MenuWrapperProps extends MenuGroupProps {
-    setInitialFocusRef?: ContentProps['setInitialFocusRef'];
-    onClose?: ContentProps['onClose'];
-    onUpdate: ContentProps['update'];
-    isLoading?: InternalDropdownMenuProps['isLoading'];
-    statusLabel?: InternalDropdownMenuProps['statusLabel'];
-    shouldRenderToParent?: boolean;
-    isTriggeredUsingKeyboard?: boolean;
-    autoFocus?: boolean;
-}
-export interface DropdownMenuGroupProps extends SectionProps {
-}
-interface InternalDropdownMenuProps<TriggerElement extends HTMLElement = any> {
-    /**
-     * Controls the appearance of the menu.
-     * The default menu will scroll after its height exceeds the pre-defined amount.
-     * The tall menu won't scroll until the height exceeds the height of the viewport.
-     */
-    appearance?: 'default' | 'tall';
-    /**
-     * Controls if the first menu item receives focus when menu is opened. Note that the menu has a focus lock
-     * which traps the focus within the menu. The first item gets focus automatically
-     * if the menu is triggered using the keyboard.
-     *
-     */
-    autoFocus?: boolean;
-    /**
-     * Content that will be rendered inside the layer element. Should typically be
-     * `DropdownItemGroup` or `DropdownItem`, or the checkbox and radio variants of those.
-     */
-    children?: ReactNode;
-    /**
-     * If true, a spinner is rendered instead of the items.
-     */
-    isLoading?: boolean;
-    /**
-     * Text to be used as status for assistive technologies. Defaults to "Loading".
-     */
-    statusLabel?: string;
-    /**
-     * Controls the open state of the dropdown.
-     */
-    isOpen?: boolean;
-    /**
-     * Position of the menu.
-     */
-    placement?: Placement;
-    /**
-     * This fits the dropdown menu width to its parent's width.
-     * When set to `true`, the trigger and dropdown menu elements will be wrapped in a `div` with `position: relative`.
-     * The dropdown menu will be rendered as a sibling to the trigger element, and will be full width.
-     * The default is `false`.
-     */
-    shouldFitContainer?: boolean;
-    /**
-     * Allows the dropdown menu to be placed on the opposite side of its trigger if it does not
-     * fit in the viewport.
-     *
-     * @private
-     * @deprecated No-op when `platform-dst-top-layer` is enabled — CSS Anchor Positioning
-     * handles flipping natively via `position-try-fallbacks`.
-     */
-    shouldFlip?: boolean;
-    /**
-     * Controls whether the popup is rendered inline within its parent component or in a portal at the document root.
-     * `true` renders the dropdown menu in the DOM node closest to the trigger; focus is not trapped inside the element.
-     * `false` renders the dropdown menu in React.Portal and focus is trapped inside the element.
-     * Defaults to `false`.
-     *
-     * @private
-     * @deprecated No-op when `platform-dst-top-layer` is enabled — content always
-     * renders in the browser's top layer.
-     */
-    shouldRenderToParent?: boolean;
-    /**
-     * Controls the spacing density of the menu.
-     */
-    spacing?: Extract<MenuGroupProps['spacing'], 'cozy' | 'compact'>;
-    /**
-     * Content that triggers the dropdown menu to open and close. Use with
-     * `triggerType` to get a button trigger. To customize the trigger element,
-     * provide a function to this prop. You can find
-     * [examples for custom triggers](https://atlassian.design/components/dropdown-menu/examples#custom-triggers)
-     * in our documentation.
-     */
-    trigger?: string | ((triggerButtonProps: CustomTriggerProps<TriggerElement>) => ReactElement);
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique
-     * string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     *
-     * As dropdown-menu is composed of different components, we passed down the testId to the sub component you want to test:
-     * - `testId--trigger` to get the menu trigger.
-     * - `testId--content` to get the dropdown content trigger.
-     */
-    testId?: string;
-    /**
-     * Controls the initial open state of the dropdown. If provided, the component is considered to be controlled
-     * which means that the user is responsible for managing the open and close state of the menu.
-     * Using `defaultOpen` may cause accessiblity issues because it will automatically shift focus to the first menu item; which can be disorienting.
-     * Only use this if action on the menu is required to proceed.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Called when the menu should be open/closed. Receives an object with `isOpen` state.
-     *
-     * If the dropdown was closed programatically, the `event` parameter will be `null`.
-     */
-    onOpenChange?: (args: OnOpenChangeArgs) => void;
-    /**
-     * Z-index that the popup should be displayed in.
-     * This is passed to the portal component.
-     * Defaults to `layers.modal()` from `@atlaskit/theme` which is 510.
-     *
-     * @private
-     * @deprecated No-op when `platform-dst-top-layer` is enabled — the browser's
-     * top layer manages stacking without z-index.
-     */
-    zIndex?: number;
-    /**
-     * Provide an accessible label via `aria-label` for assistive technology.
-     */
-    label?: string;
-    /**
-     * If ref is passed, focus returns to that specific ref element after dropdown dismissed.
-     */
-    returnFocusRef?: RefObject<HTMLElement>;
-    /**
-     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
-     */
-    interactionName?: string;
-    /**
-     * This controls the positioning strategy to use. Can vary between `absolute` and `fixed`.
-     * The default is `fixed`.
-     *
-     * @private
-     * @deprecated No-op when `platform-dst-top-layer` is enabled — CSS Anchor Positioning
-     * replaces Popper's positioning strategy.
-     */
-    strategy?: 'absolute' | 'fixed';
-    /**
-     * Provide an accessible label for the menu element for assistive technology.
-     */
-    menuLabel?: string;
-    /**
-     * Allows consumers to ignore specific close events, for example when an external overlay
-     * should be treated as part of the dropdown interaction.
-     */
-    shouldIgnoreCloseEvent?: (event: Event | MouseEvent | KeyboardEvent) => boolean;
-    /**
-     * When set to true, will call stopPropagation on the ESCAPE key event.
-     * This prevents the ESCAPE event from bubbling up to parent elements.
-     *
-     * @private
-     * @deprecated No-op when `platform-dst-top-layer` is enabled — the native
-     * popover dismiss handles Escape propagation.
-     */
-    shouldPreventEscapePropagation?: boolean;
-}
-type StandardDropdownMenuProps<TriggerElement extends HTMLElement = any> = InternalDropdownMenuProps<TriggerElement> & {
-    shouldFitContainer?: false;
-};
-type ShouldFitContainerDropdownMenuProps<TriggerElement extends HTMLElement = any> = InternalDropdownMenuProps<TriggerElement> & {
-    shouldFitContainer: true;
-    shouldRenderToParent?: true;
-    strategy?: 'absolute';
-};
-export type DropdownMenuProps<TriggerElement extends HTMLElement = any> = StandardDropdownMenuProps<TriggerElement> | ShouldFitContainerDropdownMenuProps<TriggerElement>;
-export interface DropdownItemProps {
-    /**
-     * Primary content for the item.
-     */
-    children: React.ReactNode;
-    /**
-     * Custom component to render as an item.
-     * Should be wrapped in `forwardRef` to avoid accessibility issues when controlling keyboard focus.
-     */
-    component?: CustomItemProps['component'];
-    /**
-     * Description of the item.
-     * This will render smaller text below the primary text of the item as well as slightly increasing the height of the item.
-     */
-    description?: string | JSX.Element;
-    /**
-     * Makes the element appear disabled. This will remove interactivity and the item won't appear in the focus order.
-     */
-    isDisabled?: boolean;
-    /**
-     * When `true` the title of the item will wrap multiple lines if it exceeds the width of the dropdown menu.
-     */
-    shouldTitleWrap?: boolean;
-    /**
-     * When `true` the description of the item will wrap multiple lines if it exceeds the width of the dropdown menu.
-     */
-    shouldDescriptionWrap?: boolean;
-    /**
-     * Event that is triggered when the element is clicked.
-     */
-    onClick?: (e: MouseEvent | KeyboardEvent) => void;
-    /**
-     * Makes the element appear selected.
-     */
-    isSelected?: boolean;
-    /**
-     * Link to another page.
-     */
-    href?: string;
-    /**
-     * Where to display the linked URL,
-     * see [anchor information](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) on mdn for more information.
-     */
-    target?: string;
-    /**
-     * Adds a title attribute to the root item element.
-     */
-    title?: string;
-    /**
-     * Element to render before the item text.
-     * Generally should be an [icon](https://atlaskit.atlassian.com/packages/design-system/icon) component.
-     */
-    elemBefore?: React.ReactNode;
-    /**
-     * Element to render after the item text.
-     * Generally should be an [icon](https://atlaskit.atlassian.com/packages/design-system/icon) component.
-     */
-    elemAfter?: React.ReactNode;
-    /**
-     * The relationship of the linked URL as space-separated link types.
-     * Generally you'll want to set this to "noopener noreferrer" when `target` is "_blank".
-     */
-    rel?: string;
-    /**
-     * A `testId` prop is provided for specified elements,
-     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Use this to opt out of using a router link and instead use a regular anchor element when
-     * using the `href` prop.
-     * Marked as "unsafe" because ideally, router links should be used for all internal links.
-     */
-    UNSAFE_shouldDisableRouterLink?: boolean;
-    /**
-     * If ref is passed, focus returns to that specific ref element after dropdown item clicked.
-     */
-    returnFocusRef?: RefObject<HTMLElement>;
-    /**
-     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
-     */
-    interactionName?: string;
-    /**
-     * An optional boolean value used to indicate if the dropdown item has popup or not.
-     */
-    'aria-haspopup'?: boolean | 'dialog';
-    /**
-     * An optional string value that specifies the role of the dropdown item.
-     * Use this to indicate whether the item is
-     * or presentational (e.g., 'presentation') for accessibility purposes.
-     * If not specified, it defaults to role="menuitem".
-     */
-    role?: string;
-}
-export interface DropdownItemCheckboxProps {
-    /**
-     * Primary content for the item.
-     */
-    children: React.ReactNode;
-    /**
-     * Description of the item.
-     * This will render smaller text below the primary text of the item as well as slightly increasing the height of the item.
-     */
-    description?: string | JSX.Element;
-    /**
-     * Makes the checkbox appear disabled as well as removing interactivity.
-     */
-    isDisabled?: boolean;
-    /**
-     * When `true` the title of the item will wrap multiple lines if it's long enough.
-     */
-    shouldTitleWrap?: boolean;
-    /**
-     * When `true` the description of the item will wrap multiple lines if it's long enough.
-     */
-    shouldDescriptionWrap?: boolean;
-    /**
-     * Event that is triggered when the checkbox is clicked.
-     */
-    onClick?: (e: MouseEvent | KeyboardEvent) => void;
-    /**
-     * Sets whether the checkbox is checked or unchecked.
-     */
-    isSelected?: boolean;
-    /**
-     * Sets whether the checkbox begins selected.
-     */
-    defaultSelected?: boolean;
-    /**
-     * Unique id of a checkbox.
-     */
-    id: string;
-    /**
-     * Adds a title attribute to the root item element.
-     */
-    title?: string;
-    /**
-     * A `testId` prop is provided for specified elements,
-     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
-     */
-    interactionName?: string;
-}
-export interface DropdownItemRadioProps {
-    /**
-     * Primary content for the item.
-     */
-    children: React.ReactNode;
-    /**
-     * Description of the item.
-     * This will render smaller text below the primary text of the item as well as slightly increasing the height of the item.
-     */
-    description?: string | JSX.Element;
-    /**
-     * Makes the checkbox appear disabled as well as removing interactivity.
-     */
-    isDisabled?: boolean;
-    /**
-     * When `true` the title of the item will wrap multiple lines if it's long enough.
-     */
-    shouldTitleWrap?: boolean;
-    /**
-     * When `true` the description of the item will wrap multiple lines if it's long enough.
-     */
-    shouldDescriptionWrap?: boolean;
-    /**
-     * Event that is triggered when the checkbox is clicked.
-     */
-    onClick?: (e: MouseEvent | KeyboardEvent) => void;
-    /**
-     * Sets whether the checkbox is checked or unchecked.
-     */
-    isSelected?: boolean;
-    /**
-     * Sets whether the checkbox begins selected.
-     */
-    defaultSelected?: boolean;
-    /**
-     * Unique ID of the checkbox.
-     */
-    id: string;
-    /**
-     * Adds a title attribute to the root item element.
-     */
-    title?: string;
-    /**
-     * A `testId` prop is provided for specified elements,
-     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
-     */
-    interactionName?: string;
-}
-export interface CustomItemHtmlProps extends CustomItemComponentProps {
-    /**
-     * Link to another page.
-     */
-    href?: string;
-}
-export {};