import { DialogElement, DialogLayer } from "../../internal/dialog-element.js";
import { PropertyValues, TemplateResult } from "lit";
type BottomSheetSize = (typeof BottomSheetSize)[keyof typeof BottomSheetSize];
declare const BottomSheetSize: {
  readonly SM: "sm";
  readonly MD: "md";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-bottom-sheet': OdxBottomSheet;
  }
}
/**
 * @summary A bottom sheet component that slides up from the bottom of the screen.
 *
 * @csspart base
 *
 * @slot - Default slot for the main content of the bottom sheet.
 * @slot header - The header slot, typically a odx-area-header component.
 * @slot footer - Footer slot, typically a odx-area-footer component.
 */
declare class OdxBottomSheet extends DialogElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  private baseElement;
  /**
   * The size of the bottom sheet, affecting its max width.
   */
  size: BottomSheetSize;
  /**
   * @internal
   * The layer of the bottom sheet, affecting its stacking context.
   */
  layer: typeof DialogLayer.PAGE;
  /**
   * @internal
   * The distance in pixels that the user must swipe down to dismiss the sheet.
   * If the swipe distance is less than the minimum of this threshold and half the component's height, the sheet will animate back to open.
   */
  swipeThreshold: number;
  /**
   * @internal
   * The minimum velocity (in pixels/millisecond) required to dismiss via swipe,
   * regardless of distance traveled.
   */
  swipeVelocityThreshold: number;
  disconnectedCallback(): void;
  protected render(): TemplateResult;
  protected updated(props: PropertyValues<this>): void;
}
export { BottomSheetSize, OdxBottomSheet };