import type { ComponentSize, ElevationLevel, RoundedSize, ThemeColor } from './types';
/** Prop bundle for components that support a theme colour. */
export declare const themableBundle: {
    color: import("@vielzeug/ore").PropDef<ThemeColor | undefined>;
};
/** Prop bundle for components with discrete size variants. */
export declare const sizableBundle: {
    size: import("@vielzeug/ore").PropDef<ComponentSize | undefined>;
};
/** Prop bundle for interactive components that can be disabled. */
export declare const disablableBundle: {
    disabled: import("@vielzeug/ore").PropDef<boolean>;
};
/** Prop bundle for components with a loading / busy state. */
export declare const loadableBundle: {
    loading: import("@vielzeug/ore").PropDef<boolean>;
};
/** Prop bundle for components with configurable border-radius. */
export declare const roundableBundle: {
    rounded: import("@vielzeug/ore").PropDef<RoundedSize | undefined>;
};
/** Prop bundle for components with an elevation / box-shadow. */
export declare const elevatableBundle: {
    elevation: import("@vielzeug/ore").PropDef<ElevationLevel | undefined>;
};
/**
 * Convenience bundle combining the five most common interactive-component props:
 * `color`, `size`, `disabled`, `loading`, and `rounded`.
 *
 * Use this single spread instead of five separate bundle spreads when a
 * component needs all of them.
 *
 * @example
 * ```ts
 * props: { ...commonProps, href: prop.string() }
 * ```
 */
export declare const commonProps: {
    rounded: import("@vielzeug/ore").PropDef<RoundedSize | undefined>;
    loading: import("@vielzeug/ore").PropDef<boolean>;
    disabled: import("@vielzeug/ore").PropDef<boolean>;
    size: import("@vielzeug/ore").PropDef<ComponentSize | undefined>;
    color: import("@vielzeug/ore").PropDef<ThemeColor | undefined>;
};
//# sourceMappingURL=prop-bundles.d.ts.map