@atlaskit/dropdown-menu 16.10.5 → 17.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/dropdown-menu
 
+## 17.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.10.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.10.5
 
 ### Patch Changes

package/__tests__/playwright/top-layer-focus.spec.tsx

@@ -0,0 +1,165 @@
+import invariant from 'tiny-invariant';
+
+import { expect, test } from '@af/integration-testing';
+
+/**
+ * Dropdown menu: focus contract on the top-layer code path.
+ *
+ * `DropdownMenu` renders a `role="menu"` popover. The focus contract is:
+ *
+ * 1. Initial focus moves to the first menu item on open.
+ * 2. Escape closes the menu and restores focus to the trigger.
+ * 3. ArrowDown moves focus to the next menu item within the menu.
+ *
+ * `DropdownMenu` also exposes an `autoFocus` boolean prop that overrides
+ * the trigger-source heuristic (focus the first item only when the
+ * trigger was activated via the keyboard) and forces focus to the first
+ * menu item whenever the menu opens. This spec exercises both variants.
+ *
+ * See: `platform/packages/design-system/top-layer/notes/architecture/focus.md`.
+ */
+
+const featureFlag = 'platform-dst-top-layer';
+
+test.describe('Dropdown menu: top-layer focus contract', () => {
+	test('initial focus: focus moves to the first menu item on open', async ({ page }) => {
+		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
+			'design-system',
+			'dropdown-menu',
+			'testing-top-layer-focus',
+			{ featureFlag },
+		);
+
+		await page.getByTestId('dropdown--trigger').click();
+
+		await expect(page.getByTestId('dropdown-item-1')).toBeFocused();
+	});
+
+	test('focus restoration: Escape restores focus to the trigger', async ({ page }) => {
+		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
+			'design-system',
+			'dropdown-menu',
+			'testing-top-layer-focus',
+			{ featureFlag },
+		);
+
+		const trigger = page.getByTestId('dropdown--trigger');
+		await trigger.click();
+		await expect(page.getByTestId('dropdown-item-1')).toBeFocused();
+
+		await page.keyboard.press('Escape');
+		await expect(trigger).toBeFocused();
+	});
+
+	test('focus movement: ArrowDown moves focus between menu items', async ({ page }) => {
+		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
+			'design-system',
+			'dropdown-menu',
+			'testing-top-layer-focus',
+			{ featureFlag },
+		);
+
+		await page.getByTestId('dropdown--trigger').click();
+		await expect(page.getByTestId('dropdown-item-1')).toBeFocused();
+
+		await page.keyboard.press('ArrowDown');
+		await expect(page.getByTestId('dropdown-item-2')).toBeFocused();
+
+		await page.keyboard.press('ArrowDown');
+		await expect(page.getByTestId('dropdown-item-3')).toBeFocused();
+	});
+
+	// WCAG 2.4.3 Focus Order + WAI-ARIA APG Menu Button pattern
+	// (https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).
+	// "Enter / Space / Down Arrow: Opens the menu and moves focus to the
+	// first menu item." Keyboard activation must move focus to the
+	// first menu item even when `autoFocus` is left at its default.
+	test('initial focus: keyboard-triggered open focuses the first menu item (default `autoFocus={false}`)', async ({
+		page,
+	}) => {
+		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
+			'design-system',
+			'dropdown-menu',
+			'testing-top-layer-focus',
+			{ featureFlag },
+		);
+
+		const trigger = page.getByTestId('dropdown--trigger');
+		await trigger.focus();
+		await page.keyboard.press('Enter');
+
+		await expect(page.getByTestId('dropdown-item-1')).toBeFocused();
+	});
+
+	// WCAG 2.4.3 Focus Order + WAI-ARIA APG Menu Button pattern. The
+	// `defaultOpen` prop mounts the menu in the open state, so there is
+	// no trigger interaction to source focus from. The menu must still
+	// move focus to the first menu item on mount, exercising the
+	// mount-time open path of `useInitialFocus`.
+	test('initial focus: `defaultOpen` focuses the first menu item on mount', async ({ page }) => {
+		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
+			'design-system',
+			'dropdown-menu',
+			'testing-top-layer-focus',
+			{ featureFlag },
+		);
+
+		await expect(page.getByTestId('dropdown-default-open-item-1')).toBeFocused();
+	});
+
+	// WCAG 2.4.3 Focus Order. `returnFocusRef` lets a consumer redirect
+	// Escape-restoration to a different element than the trigger. The
+	// dropdown's focus-restoration code runs after the browser's native
+	// trigger restoration, so the consumer-supplied target must win.
+	test('focus restoration: `returnFocusRef` redirects Escape focus to a sibling element', async ({
+		page,
+	}) => {
+		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
+			'design-system',
+			'dropdown-menu',
+			'testing-top-layer-focus',
+			{ featureFlag },
+		);
+
+		const trigger = page.getByTestId('dropdown-return-focus-ref--trigger');
+		await trigger.focus();
+		await page.keyboard.press('Enter');
+
+		await expect(page.getByTestId('dropdown-return-focus-ref-item-1')).toBeFocused();
+
+		await page.keyboard.press('Escape');
+
+		// Focus must land on the consumer-supplied target, not on the
+		// trigger that opened the menu.
+		await expect(page.getByTestId('dropdown-return-focus-ref-target')).toBeFocused();
+	});
+
+	// WCAG 2.4.3 Focus Order + WAI-ARIA APG Menu Button pattern. The
+	// `autoFocus` prop is an opt-in override of the default
+	// trigger-source heuristic (focus the first item only on keyboard
+	// open). With `autoFocus={true}`, focus must move to the first
+	// menu item regardless of how the trigger was activated, which is
+	// the strict APG behaviour.
+	test('initial focus: `autoFocus={true}` focuses the first menu item even on real mouse open', async ({
+		page,
+	}) => {
+		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
+			'design-system',
+			'dropdown-menu',
+			'testing-top-layer-focus',
+			{ featureFlag },
+		);
+
+		const trigger = page.getByTestId('dropdown-autofocus--trigger');
+		const box = await trigger.boundingBox();
+		invariant(box, 'autoFocus dropdown trigger should have a bounding box');
+
+		// Drive a real mouse click with non-zero coordinates so the
+		// dropdown's trigger-source heuristic classifies it as a mouse
+		// (not keyboard) activation. `autoFocus={true}` must still
+		// pull focus onto the first menu item.
+		await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
+
+		await expect(page.getByTestId('dropdown-autofocus-item-1')).toBeFocused();
+	});
+});

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.5",
+	"version": "17.0.0",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,20 +31,20 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/layering": "^3.8.0",
-		"@atlaskit/menu": "^8.5.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.25.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tokens": "^13.4.0",
-		"@atlaskit/top-layer": "^0.17.0",
-		"@atlaskit/visually-hidden": "^3.1.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/layering": "^4.0.0",
+		"@atlaskit/menu": "^9.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/popup": "^5.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/spinner": "^20.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/top-layer": "^1.0.0",
+		"@atlaskit/visually-hidden": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0"
@@ -57,19 +57,19 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/app-provider": "^4.3.0",
-		"@atlaskit/atlassian-navigation": "^5.7.0",
-		"@atlaskit/avatar": "^25.15.0",
-		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/link": "^3.4.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",
+		"@atlaskit/app-provider": "^5.0.0",
+		"@atlaskit/atlassian-navigation": "^6.0.0",
+		"@atlaskit/avatar": "^26.0.0",
+		"@atlaskit/checkbox": "^18.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/lozenge": "^14.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/textfield": "^9.0.0",
+		"@atlaskit/toggle": "^17.0.0",
 		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
@@ -79,7 +79,8 @@
 		"jest-in-case": "^1.0.2",
 		"raf-stub": "^2.0.1",
 		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
+		"react-dom": "^18.2.0",
+		"tiny-invariant": "^1.2.0"
 	},
 	"keywords": [
 		"atlaskit",
@@ -129,13 +130,5 @@
 			"deprecation": "no-deprecated-imports"
 		}
 	},
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"homepage": "https://atlassian.design/components/dropdown-menu/"
 }

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 {};