import { CSSProperties } from 'react';

type FloatingSheetSide = "top" | "right" | "bottom" | "left";
/** Desktop rail — narrow floating panel beside the hub. */
declare const FLOATING_SHEET_DESKTOP_WIDTH = "w-[min(20rem,calc(100vw-1rem))] max-w-none sm:max-w-none";
/** Mobile / ≥200% zoom — nearly full viewport; `!` beats SheetContent default `w-3/4`. */
declare const FLOATING_SHEET_COMPACT_WIDTH = "!w-[calc(100vw-1rem)] max-w-none sm:max-w-none";
declare const FLOATING_SHEET_CHROME_CLASS = "flex flex-col border border-border bg-background shadow-[var(--shadow-sheet-panel)] rounded-xl overflow-hidden p-0 gap-0";
declare function floatingSheetWidthClass(compact: boolean): string;
/** True when floating sheets should expand to nearly full viewport width. */
declare function useCompactFloatingSheet(): boolean;
/**
 * Inset + sizing for floating product sheets (Export, Properties, invite, folder create):
 * `Sheet` + `showOverlay={false}` — no dimming layer; panel is inset with rounded corners.
 */
declare function getFloatingSheetInsetProps(side: FloatingSheetSide, compact?: boolean): {
    side: FloatingSheetSide;
    className: string;
    style: CSSProperties;
};

export { FLOATING_SHEET_CHROME_CLASS, FLOATING_SHEET_COMPACT_WIDTH, FLOATING_SHEET_DESKTOP_WIDTH, type FloatingSheetSide, floatingSheetWidthClass, getFloatingSheetInsetProps, useCompactFloatingSheet };