/**
 * Popup Component Styles
 *
 * Popup component with dropdown-like behavior and tooltip positioning.
 * Uses dialog element for top layer rendering like dropdown and date-picker.
 */
export declare const popupStyles = "\n/* Popup component with dropdown-like behavior and tooltip positioning */\n/* Uses dialog element for top layer rendering like dropdown and date-picker */\n\n.popup-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n\n  /* Reset dialog defaults */\n  margin: 0;\n  border: none;\n  background: transparent;\n  max-width: none;\n  max-height: none;\n\n  /* Shadow infrastructure - provide space for user shadows */\n  padding: var(--popup-padding, 16px);\n\n  /* Hidden by default - even when [open] (for positioning phase) */\n  visibility: hidden;\n  opacity: 0;\n  /* NO TRANSFORM here - apply only when animating to avoid measurement errors! */\n\n  /* Smooth transitions */\n  transition:\n    opacity 150ms ease-out,\n    visibility 150ms ease-out,\n    transform 150ms ease-out;\n\n  /* Prevent interactions when hidden */\n  pointer-events: none;\n}\n\n/* Apply position variables only when position is calculated (like dropdown) */\n.popup-dialog.position-calculated {\n  top: var(--popup-y, 0px);\n  left: var(--popup-x, 0px);\n}\n\n/* Apply scale for entrance animation (right before .open) */\n.popup-dialog.preparing-animation {\n  transform: scale(0.95);\n}\n\n/* When open - smooth entrance animation */\n.popup-dialog.open {\n  visibility: visible;\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n\n/* Make dialog backdrop transparent like dropdown/date-picker */\n.popup-dialog::backdrop {\n  background: transparent;\n}\n\n/* Inner container - neutral structural container */\n.popup-container {\n  /* No default styling - just provides structure */\n  /* Users control all visual aspects via slotted content */\n  display: contents;\n}\n\n/* Content slot styling */\n#popup-content {\n  /* Allow slotted content to define its own styling */\n  display: contents;\n}\n\n/* Remove default styling from slotted content - users have full control */\n#popup-content ::slotted(*) {\n  /* Remove default styling that conflicts with user styling */\n  /* Users now have complete control over popup appearance */\n  /* background: unset; */\n  /* border: unset; */\n  /* box-shadow: unset; */\n\n  /* Only maintain essential positioning */\n  position: relative;\n\n  /* Prevent content from being too wide - still helpful */\n  max-width: min(400px, 90vw);\n  max-height: min(500px, 80vh);\n  overflow: auto;\n}\n";
//# sourceMappingURL=popup.d.ts.map