export declare const registryBackgroundPatterns: [{
    readonly slug: "grid-fade";
    readonly name: "Grid fade";
    readonly description: "A grid pattern with radial fade mask effect";
    readonly css: {
        readonly ".bg-pattern": {
            readonly "background-image": "linear-gradient(to right, #e2e8f0 1px, transparent 1px), linear-gradient(to bottom, #e2e8f0 1px, transparent 1px)";
            readonly "background-size": "20px 30px";
            readonly "-webkit-mask-image": "radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)";
            readonly "mask-image": "radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)";
        };
    };
}, {
    readonly slug: "diagonal-stripes";
    readonly name: "Diagonal stripes";
    readonly description: "A diagonal striped pattern with alternating transparent and gray stripes";
    readonly css: {
        readonly ".bg-pattern": {
            readonly "background-image": "repeating-linear-gradient(45deg, transparent, transparent 2px, #f3f4f6 2px, #f3f4f6 4px)";
        };
    };
}];
//# sourceMappingURL=registry-bg-patterns.d.ts.map