import { Meta, StoryObj } from '@storybook/react';
import { Popup } from '../index';
declare const meta: Meta<typeof Popup>;
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Default: Story;
export declare const TopPosition: Story;
export declare const LeftPosition: Story;
export declare const RightPosition: Story;
export declare const BottomCenter: Story;
export declare const BottomLeft: Story;
export declare const BottomRight: Story;
/**
 * `showPanelBorder={false}` quita el borde del panel; útil cuando el contexto visual ya delimita el popover.
 * Usa el control **showPanelBorder** o compara con la historia por defecto.
 */
export declare const PanelBorderToggle: Story;
export declare const WithCustomStyling: Story;
export declare const RealExample: Story;
export declare const Disabled: Story;
export declare const DifferentButtonStyles: Story;
export declare const IconButton: Story;
export declare const AllBottomPositions: Story;
export declare const MultiplePopups: Story;
export declare const PortalVsAbsolute: Story;
export declare const ScrollableContainerExample: Story;
export declare const AllPortalPositions: Story;
export declare const LeftRightAbsolutePositions: Story;
/**
 * Panel al pasar el ratón por el trigger (`openOnHover={true}` → 200 ms de retardo). El clic sigue
 * abriendo/cerrando el panel.
 */
export declare const OpenOnHover: Story;
/**
 * Trigger compacto (50×50): con `hoverAnchorFollowPointer` el ancla sigue el puntero dentro del
 * área del botón; la posición se recalcula en cada frame (`requestAnimationFrame`) para un
 * desplazamiento fluido.
 */
export declare const OpenOnHoverFollowPointer: Story;
/**
 * Misma URL en trigger y panel: (1) img 20×20 y panel 300×300; (2) trigger en padre 100×100 con
 * imagen adaptada y en el panel la misma imagen a 300×300.
 */
export declare const OpenOnHoverFollowPointerImageTrigger: Story;
/**
 * Hover con `openOnHover={500}` y flecha automática; dentro del panel, mismo flujo que `PopupOpensModal`
 * (botón que abre `Modal` con `zIndex={Z_INDEX_MODAL_ABOVE_POPUP}`, menú sin cerrar por clics fuera). `usePopup` no cierra el
 * popup por hover mientras exista un `.modal-portal` en el documento.
 */
export declare const OpenOnHoverCustomDelay: Story;
/** El botón vive fuera del `Popup`; `triggerRef` ancla posición, clic y hover (`openOnHover`). */
export declare const ExternalTriggerRef: Story;
/**
 * `triggerRef` con anclas que **no** son el `Button` del design system (HTML / `span`) frente a dos
 * instancias de `@/modules/Button` con `ref`.
 */
export declare const ExternalTriggerNativeVsUiButton: Story;
/**
 * Mismo layout que `ExternalTriggerNativeVsUiButton` con `popoverArrow: 'auto'` y posiciones bajo el
 * ancla (`bottom-left`, `bottom-center`, `bottom-right`).
 */
export declare const ExternalTriggerNativeVsUiButtonArrowAutoInferior: Story;
/**
 * Mismo patrón con `popoverArrow: 'auto'` y panel encima del ancla (`top`, `top-left`, `top-right`).
 */
export declare const ExternalTriggerNativeVsUiButtonArrowAutoSuperior: Story;
/**
 * `popoverArrow: 'auto'` con panel a los lados o ancho completo inferior genérico (`left`, `right`, `bottom`).
 */
export declare const ExternalTriggerNativeVsUiButtonArrowAutoLateralesYBottom: Story;
export declare const WithPopoverArrowAuto: Story;
/**
 * Popup + modal: `closeOnClick={false}` y `closeOnClickOutside={false}` para que el menú no se cierre con
 * clics arbitrarios; `Modal` con `zIndex={Z_INDEX_MODAL_ABOVE_POPUP}`. La raíz del `Modal` incluye `modal-portal` (hook global).
 */
export declare const PopupOpensModal: Story;
/**
 * Popover estructurado alineado al archivo Figma «Popover» (header, descripción, badge, footer, flecha).
 * Reutiliza `ModalProvider` + piezas del modal sin modificar el componente Modal.
 */
export declare const StructuredPopoverFigma: Story;
/**
 * Misma API de cabecera que `StructuredPopoverFigma`, pero **solo header + cuerpo** (sin footer).
 * Útil para menús o listas con título y botón cerrar en la franja superior.
 */
export declare const StructuredPopoverHeaderOnly: Story;
/**
 * Disparador `fullWidth` con `slotLayout` tipo spread: sin iconos, ambos iconos (texto
 * izquierda / centro / derecha), o un solo icono (alineación típica hacia el lado opuesto).
 */
export declare const StructuredPopoverFooterSlotLayoutSpread: Story;
/** Flecha en borde superior centrada (modo manual). */
export declare const PopoverArrowManualTopCenter: Story;
/**
 * Las 12 combinaciones de Figma: 4 bordes × 3 alineaciones (`start` | `center` | `end`).
 * `popoverArrow` en modo manual; `position` del popup elegida para que la flecha apunte al origen de forma razonable.
 */
export declare const AllPopoverArrowPositions: Story;
export declare const WithBadges: Story;
//# sourceMappingURL=popup.stories.d.ts.map