/**
 * Primary + secondary nav flyout sheets mirror `SidebarInset` inset variant:
 * `my-1.5 mx-2 rounded-xl shadow-sm` below md, `md:my-2 md:mx-2` at md+.
 */
declare const NAV_FLYOUT_INSET_Y = "inset-y-1.5 md:inset-y-2";
declare const NAV_FLYOUT_INSET_LEFT = "left-2";
declare const NAV_FLYOUT_INSET_RIGHT = "right-2";
declare const NAV_FLYOUT_RADIUS = "rounded-xl";
/** Inset nav sheets (primary + secondary flyouts) — same elevation as `SidebarInset`. */
declare const NAV_FLYOUT_CHROME = "rounded-xl shadow-sm overflow-hidden";
/** Clip rounded corners on non-scrolling shell wrappers only — do not put on scroll ports. */
declare const NAV_FLYOUT_INNER = "overflow-hidden rounded-xl";
/** Scrollable flyout body — min-h-0 + overflow-y-auto; no flex-col (prevents flex-shrink eating overflow). */
declare const NAV_FLYOUT_SCROLL_BODY = "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-y-contain";
/** Pin panel chrome (title row) above a scrolling nav body — pair with {@link NAV_FLYOUT_SCROLL_BODY}. */
declare const SECONDARY_PANEL_BODY_STACK = "flex min-h-0 flex-1 flex-col overflow-hidden";
declare function navFlyoutMaxWidth(expandedWidthPx: number): string;

export { NAV_FLYOUT_CHROME, NAV_FLYOUT_INNER, NAV_FLYOUT_INSET_LEFT, NAV_FLYOUT_INSET_RIGHT, NAV_FLYOUT_INSET_Y, NAV_FLYOUT_RADIUS, NAV_FLYOUT_SCROLL_BODY, SECONDARY_PANEL_BODY_STACK, navFlyoutMaxWidth };