import { type OffsetOptions, type Placement } from '@floating-ui/react';
import { type HTMLMotionProps } from 'motion/react';
import { type ComponentPropsWithoutRef, type CSSProperties, type FormEvent, type ReactNode, type Ref } from 'react';
export type FloatingPanelRootProps = {
    boundaryPadding?: number;
    children: ReactNode;
    className?: string;
    closeOnEscape?: boolean;
    closeOnOutsidePress?: boolean;
    defaultOpen?: boolean;
    defaultValue?: string;
    modal?: boolean;
    offsetValue?: OffsetOptions;
    onOpenChange?: (isOpen: boolean) => void;
    onValueChange?: (value: string) => void;
    open?: boolean;
    placement?: Placement;
    resetOnClose?: boolean;
    value?: string;
};
export type FloatingPanelTriggerProps = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'className' | 'title'> & {
    asChild?: boolean;
    children: ReactNode;
    className?: string;
    ref?: Ref<HTMLElement>;
    title?: string;
};
export type FloatingPanelContentProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'style'> & {
    children: ReactNode;
    className?: string;
    maxWidth?: CSSProperties['maxWidth'];
    minWidth?: CSSProperties['minWidth'];
    overlayClassName?: string;
    ref?: Ref<HTMLDivElement>;
    showBackdrop?: boolean;
    style?: CSSProperties;
    width?: CSSProperties['width'];
};
export type FloatingPanelFormProps = Omit<ComponentPropsWithoutRef<'form'>, 'children' | 'className' | 'onSubmit'> & {
    children: ReactNode;
    className?: string;
    closeOnSubmit?: boolean;
    onSubmit?: (value: string, event: FormEvent<HTMLFormElement>) => void;
    resetOnSubmit?: boolean;
};
export type FloatingPanelLabelProps = Omit<HTMLMotionProps<'label'>, 'children' | 'className'> & {
    children: ReactNode;
    className?: string;
    ref?: Ref<HTMLLabelElement>;
};
export type FloatingPanelTextareaProps = Omit<ComponentPropsWithoutRef<'textarea'>, 'className' | 'defaultValue' | 'value'> & {
    className?: string;
    onValueChange?: (value: string) => void;
    ref?: Ref<HTMLTextAreaElement>;
};
export type FloatingPanelHeaderProps = Omit<HTMLMotionProps<'div'>, 'children' | 'className'> & {
    children: ReactNode;
    className?: string;
    ref?: Ref<HTMLDivElement>;
};
export type FloatingPanelBodyProps = FloatingPanelHeaderProps;
export type FloatingPanelFooterProps = FloatingPanelHeaderProps;
export type FloatingPanelCloseButtonProps = Omit<HTMLMotionProps<'button'>, 'children' | 'className'> & {
    children?: ReactNode;
    className?: string;
    ref?: Ref<HTMLButtonElement>;
};
export type FloatingPanelSubmitButtonProps = Omit<HTMLMotionProps<'button'>, 'children' | 'className' | 'type'> & {
    children?: ReactNode;
    className?: string;
    ref?: Ref<HTMLButtonElement>;
};
export type FloatingPanelButtonProps = Omit<HTMLMotionProps<'button'>, 'children' | 'className'> & {
    children: ReactNode;
    className?: string;
    closeOnClick?: boolean;
    ref?: Ref<HTMLButtonElement>;
};
export declare const FloatingPanelRoot: ({ boundaryPadding, children, className, closeOnEscape, closeOnOutsidePress, defaultOpen, defaultValue, modal, offsetValue, onOpenChange, onValueChange, open, placement, resetOnClose, value, }: FloatingPanelRootProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelTrigger: ({ asChild, children, className, disabled, onClick, ref, title, type, ...buttonProps }: FloatingPanelTriggerProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelContent: ({ children, className, maxWidth, minWidth, overlayClassName, ref, showBackdrop, style, width, ...contentProps }: FloatingPanelContentProps) => import("react/jsx-runtime").JSX.Element | null;
export declare const FloatingPanelForm: ({ children, className, closeOnSubmit, onSubmit, resetOnSubmit, ...formProps }: FloatingPanelFormProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelLabel: ({ children, className, id, ref, ...labelProps }: FloatingPanelLabelProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelTextarea: ({ autoFocus, className, onChange, onValueChange, ref, ...textareaProps }: FloatingPanelTextareaProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelHeader: ({ children, className, ref, ...headerProps }: FloatingPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelBody: ({ children, className, ref, ...bodyProps }: FloatingPanelBodyProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelFooter: ({ children, className, ref, ...footerProps }: FloatingPanelFooterProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelCloseButton: ({ "aria-label": ariaLabel, children, className, onClick, ref, type, ...buttonProps }: FloatingPanelCloseButtonProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelSubmitButton: ({ children, className, ref, ...buttonProps }: FloatingPanelSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
export declare const FloatingPanelButton: ({ children, className, closeOnClick, onClick, ref, type, ...buttonProps }: FloatingPanelButtonProps) => import("react/jsx-runtime").JSX.Element;