import { FormSchema } from '../types/form';
export declare const DEFAULT_STYLES: {
    readonly fullScreen: "false";
    readonly maxWidth: "95vw md:85vw lg:80vw";
    readonly maxHeight: "95vh md:90vh";
    readonly gridSize: 8;
    readonly fieldSize: "8 md:4";
    readonly stepperLayout: "full";
};
declare const useProvideFormStyles: (formSchema: FormSchema) => {
    scale: globalThis.ComputedRef<"small" | "medium" | "large">;
    flexMode: globalThis.ComputedRef<"col" | "row" | undefined>;
    fullScreen: globalThis.ComputedRef<boolean>;
    maxHeight: globalThis.ComputedRef<string>;
    maxWidth: globalThis.ComputedRef<string>;
    gridSize: globalThis.ComputedRef<string>;
    fieldSize: globalThis.ComputedRef<string>;
    stepperLayout: globalThis.ComputedRef<string>;
};
declare function useFormStyles(): {
    scale: globalThis.ComputedRef<"small" | "medium" | "large">;
    flexMode: globalThis.ComputedRef<"col" | "row" | undefined>;
    fullScreen: globalThis.ComputedRef<boolean>;
    maxHeight: globalThis.ComputedRef<string>;
    maxWidth: globalThis.ComputedRef<string>;
    gridSize: globalThis.ComputedRef<string>;
    fieldSize: globalThis.ComputedRef<string>;
    stepperLayout: globalThis.ComputedRef<string>;
};
export { useProvideFormStyles, useFormStyles };