import React from 'react'; declare const _default: { title: string; }; export default _default; export declare const Default: () => React.JSX.Element; /** * ## Accessibility * * The Popover component supports several accessibility props to make it usable * with screen readers and keyboard navigation. **Consumers are responsible for * adding ARIA attributes to their trigger elements.** * * ### Available Props * * | Prop | Type | Description | * |------|------|-------------| * | `role` | `'tooltip' \| 'dialog' \| 'menu' \| 'listbox'` | Semantic role for the popover content | * | `aria-label` | `string` | Accessible label for the popover | * | `aria-labelledby` | `string` | ID of element that labels the popover | * | `popoverId` | `string` | ID for the content - use in trigger's `aria-controls` or `aria-describedby` | * | `openOnFocus` | `boolean` | Open popover when trigger receives focus | * | `closeOnEscape` | `boolean` | Close on Escape key (default: true) | * | `onClose` | `() => void` | Callback when user attempts to close (Escape key). Required for controlled popovers. | * | `autoFocus` | `boolean` | Automatically focus the popover content when opened | * * ### Trigger ARIA Attributes (Consumer Responsibility) * * For **dialogs/menus**, add to your trigger: * - `aria-expanded={isOpen}` * - `aria-haspopup="dialog"` (or "menu", "listbox") * - `aria-controls={popoverId}` (when open) * * For **tooltips**, add to your trigger: * - `aria-describedby={popoverId}` (when open) */ export declare const AccessibilityTooltip: { (): React.JSX.Element; storyName: string; }; /** * For controlled popovers like dialogs or menus, you manage the open state * and add the appropriate ARIA attributes to your trigger. * * Use `onClose` to handle dismiss actions (like Escape key) for controlled popovers. * Use `autoFocus` to move focus into the dialog when it opens. */ export declare const AccessibilityDialog: { (): React.JSX.Element; storyName: string; }; /** * Use `openOnFocus` to make hover-triggered popovers accessible to keyboard users. * The popover opens when the trigger receives focus and closes when focus leaves. */ export declare const AccessibilityKeyboardNavigation: { (): React.JSX.Element; storyName: string; };