import type { ReactElement, ReactNode } from "react";
import type { BoxProps } from "@chakra-ui/react";
import type { PaletteProps } from "../../Theme/tokens/types";
/** Translucent surface over a photo: the page canvas at 72%, blurred, opaque where blur is unsupported. */
export declare const glassStyles: (colors: PaletteProps, hover?: boolean) => {
    bg: string;
    color: string;
    backdropFilter: string;
    sx: {
        WebkitBackdropFilter: string;
        "@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)))": {
            backgroundColor: string;
        };
    };
};
/** 36 or 44 px glass circle with a 44 px hit area; fades out instead of unmounting when disabled. */
export declare const GlassIconButton: import("react").ForwardRefExoticComponent<{
    label: string;
    icon: ReactElement;
    onClick: () => void;
    size?: number;
    isDisabled?: boolean;
    tabIndex?: number;
} & Pick<BoxProps, "bottom" | "left" | "right" | "top" | "zIndex"> & import("react").RefAttributes<HTMLButtonElement>>;
type GlassPillProps = {
    children: ReactNode;
    height?: number;
} & Pick<BoxProps, "left" | "right" | "top" | "bottom" | "zIndex" | "px">;
/** Non-interactive glass capsule for the counter and zoom hint. */
export declare const GlassPill: ({ children, height, ...placement }: GlassPillProps) => import("react/jsx-runtime").JSX.Element;
export {};