@arolariu/components/dist/components/ui/gradient-background.js

🎨 70+ beautiful, accessible React components built on Radix UI. TypeScript-first, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

"use client";
import { jsx } from "react/jsx-runtime";
import { motion } from "motion/react";
import { forwardRef } from "react";
import { cn } from "../../lib/utilities.js";
const GradientBackground = /*#__PURE__*/ forwardRef(({ className, transition = {
    duration: 15,
    ease: "easeInOut",
    repeat: 1 / 0
}, ...props }, ref)=>/*#__PURE__*/ jsx(motion.div, {
        ref: ref,
        className: cn("size-full bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500 bg-[length:400%_400%]", className),
        animate: {
            backgroundPosition: [
                "0% 50%",
                "100% 50%",
                "0% 50%"
            ]
        },
        transition: transition,
        ...props
    }));
GradientBackground.displayName = "GradientBackground";
export { GradientBackground };

//# sourceMappingURL=gradient-background.js.map