/** Width presets for the docked panel — applied from `md` up; below `md` the panel is viewport-wide. */
export declare const sidePanelWidths: readonly ["md", "lg", "xl"];
export type SidePanelWidth = (typeof sidePanelWidths)[number];
/** The `md`+ column width utility per preset — shared by standalone panels and the dock. */
export declare const sidePanelWidthClasses: Record<SidePanelWidth, string>;
/**
 * The panel column. Below `md` always a fixed, right-anchored overlay that
 * never exceeds the viewport width (small screens have no room to push
 * content aside). From `md` up, two presentations:
 * - standalone (`stacked: false`): an in-flow column meant to sit beside the
 *   content well — it pushes content instead of covering it, and sticks to
 *   the viewport while the document scrolls;
 * - inside a SidePanelDock (`stacked: true`): the dock owns the width,
 *   position, and card chrome; each open panel is a row sharing the column
 *   height, scrolling its own body.
 */
export declare const sidePanelVariants: (props?: ({
    width?: "lg" | "md" | "xl" | null | undefined;
    open?: boolean | null | undefined;
    stacked?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
//# sourceMappingURL=variants.d.ts.map