import { OverlayLayer } from "../lib/overlay-layer.js";
import * as React$1 from "react";
import { ComponentProps } from "react";
import { Popover as Popover$1 } from "@base-ui/react/popover";
//#region src/components/popover.d.ts
declare const PopoverCreateHandle: typeof Popover$1.createHandle;
declare const Popover: typeof Popover$1.Root;
declare function PopoverTrigger({ tooltip, ...props }: Popover$1.Trigger.Props & {
  tooltip?: React$1.ReactNode;
}): React$1.JSX.Element;
/**
 * Viewport padding. The inline value also feeds the page-width calculation of
 * the viewport, so both axes change together.
 */
declare const POPOVER_PADDING: {
  readonly none: "py-0 [--viewport-inline-padding:0px]";
  readonly xs: "py-1 [--viewport-inline-padding:--spacing(1)]";
  readonly sm: "py-2 [--viewport-inline-padding:--spacing(2)]";
  readonly md: "py-3 [--viewport-inline-padding:--spacing(3)]";
  readonly default: "py-4 [--viewport-inline-padding:--spacing(4)]";
};
type PopoverPadding = keyof typeof POPOVER_PADDING;
declare const PopoverPopup: ({ children, className, side, align, sideOffset, alignOffset, tooltipStyle, padding, anchor, layer, ...props }: Popover$1.Popup.Props & {
  padding?: PopoverPadding;
  side?: Popover$1.Positioner.Props["side"];
  align?: Popover$1.Positioner.Props["align"];
  sideOffset?: Popover$1.Positioner.Props["sideOffset"];
  alignOffset?: Popover$1.Positioner.Props["alignOffset"];
  anchor?: Popover$1.Positioner.Props["anchor"];
  layer?: OverlayLayer;
  tooltipStyle?: boolean;
}) => React$1.JSX.Element;
/**
 * Popover surface with the content layout baked in: children stack in a vertical
 * flex container. coss renders popup children inside a separate inner Viewport,
 * so layout utilities placed on the popup `className` silently miss the content.
 * This wrapper removes that footgun — `className` styles the surface (e.g.
 * width), `contentClassName` tweaks the content stack.
 */
declare const PopoverPanel: ({ children, contentClassName, ...props }: ComponentProps<typeof PopoverPopup> & {
  contentClassName?: string;
}) => React$1.JSX.Element;
declare const PopoverClose: ({ ...props }: Popover$1.Close.Props) => React$1.JSX.Element;
declare const PopoverTitle: ({ className, ...props }: Popover$1.Title.Props) => React$1.JSX.Element;
declare const PopoverDescription: ({ className, ...props }: Popover$1.Description.Props) => React$1.JSX.Element;
//#endregion
export { Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger };