export declare const heroLayoutControlsFragment: import("..").DefinedFragment<{
    readonly id: "heroLayoutControls";
    readonly title: "Hero Layout";
    readonly description: "Alignment and content width controls for hero layouts.";
    readonly fields: readonly [{
        readonly id: "contentAlignment";
        readonly type: "select";
        readonly label: "Content alignment";
        readonly description: "Horizontal text alignment and content positioning.";
        readonly required: false;
        readonly ui: {
            readonly intent: "display";
        };
        readonly options: [{
            readonly value: "left";
            readonly label: "Left";
        }, {
            readonly value: "center";
            readonly label: "Center";
        }, {
            readonly value: "right";
            readonly label: "Right";
        }];
    }, {
        readonly id: "verticalAlignment";
        readonly type: "select";
        readonly label: "Vertical alignment";
        readonly description: "Where the content sits vertically within the hero.";
        readonly required: false;
        readonly ui: {
            readonly intent: "display";
        };
        readonly options: [{
            readonly value: "top";
            readonly label: "Top";
        }, {
            readonly value: "center";
            readonly label: "Center";
        }, {
            readonly value: "bottom";
            readonly label: "Bottom";
        }];
    }, {
        readonly id: "contentMaxWidth";
        readonly type: "select";
        readonly label: "Content max width";
        readonly description: "Constrain the width of the hero content for tighter layouts.";
        readonly required: false;
        readonly ui: {
            readonly intent: "display";
        };
        readonly options: [{
            readonly value: "default";
            readonly label: "Default";
        }, {
            readonly value: "narrow";
            readonly label: "Narrow";
        }, {
            readonly value: "medium";
            readonly label: "Medium";
        }, {
            readonly value: "wide";
            readonly label: "Wide";
        }];
    }];
    readonly layout: readonly [];
}>;
