@lexsis/storefront-components 1.0.0

package/dist/animations/presets.js

@@ -0,0 +1,278 @@
+// ─── Load Animations ─────────────────────────────────────────────────────────
+export const fadeUp = {
+    name: "fadeUp",
+    trigger: "load",
+    variants: {
+        hidden: { opacity: 0, y: 30 },
+        visible: { opacity: 1, y: 0 },
+    },
+    transition: { duration: 0.6, ease: [0.25, 0.46, 0.45, 0.94] },
+};
+export const fadeDown = {
+    name: "fadeDown",
+    trigger: "load",
+    variants: {
+        hidden: { opacity: 0, y: -30 },
+        visible: { opacity: 1, y: 0 },
+    },
+    transition: { duration: 0.6, ease: [0.25, 0.46, 0.45, 0.94] },
+};
+export const fadeIn = {
+    name: "fadeIn",
+    trigger: "load",
+    variants: {
+        hidden: { opacity: 0 },
+        visible: { opacity: 1 },
+    },
+    transition: { duration: 0.5 },
+};
+export const scaleUp = {
+    name: "scaleUp",
+    trigger: "load",
+    variants: {
+        hidden: { opacity: 0, scale: 0.9 },
+        visible: { opacity: 1, scale: 1 },
+    },
+    transition: { duration: 0.5, ease: [0.25, 0.46, 0.45, 0.94] },
+};
+export const slideLeft = {
+    name: "slideLeft",
+    trigger: "load",
+    variants: {
+        hidden: { opacity: 0, x: 60 },
+        visible: { opacity: 1, x: 0 },
+    },
+    transition: { duration: 0.6, ease: [0.25, 0.46, 0.45, 0.94] },
+};
+export const slideRight = {
+    name: "slideRight",
+    trigger: "load",
+    variants: {
+        hidden: { opacity: 0, x: -60 },
+        visible: { opacity: 1, x: 0 },
+    },
+    transition: { duration: 0.6, ease: [0.25, 0.46, 0.45, 0.94] },
+};
+export const bounceIn = {
+    name: "bounceIn",
+    trigger: "load",
+    variants: {
+        hidden: { opacity: 0, scale: 0.3 },
+        visible: { opacity: 1, scale: 1 },
+    },
+    transition: { type: "spring", stiffness: 260, damping: 20 },
+};
+// ─── Scroll-Triggered Animations ─────────────────────────────────────────────
+export const revealOnScroll = {
+    name: "revealOnScroll",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0, y: 40 },
+        visible: { opacity: 1, y: 0 },
+    },
+    transition: { duration: 0.7, ease: [0.25, 0.46, 0.45, 0.94] },
+    viewport: { once: true, amount: 0.2 },
+};
+export const staggerOnScroll = {
+    name: "staggerOnScroll",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0, y: 20 },
+        visible: { opacity: 1, y: 0 },
+    },
+    transition: { duration: 0.5, staggerChildren: 0.1 },
+    viewport: { once: true, amount: 0.15 },
+};
+export const parallax = {
+    name: "parallax",
+    trigger: "scroll",
+    variants: {
+        hidden: { y: 0 },
+        visible: { y: 0 },
+    },
+    transition: { ease: "linear" },
+    viewport: { once: false, amount: 0 },
+};
+export const zoomOnScroll = {
+    name: "zoomOnScroll",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0, scale: 0.85 },
+        visible: { opacity: 1, scale: 1 },
+    },
+    transition: { duration: 0.8, ease: [0.25, 0.46, 0.45, 0.94] },
+    viewport: { once: true, amount: 0.3 },
+};
+export const rotateOnScroll = {
+    name: "rotateOnScroll",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0, rotate: -5 },
+        visible: { opacity: 1, rotate: 0 },
+    },
+    transition: { duration: 0.7, ease: [0.25, 0.46, 0.45, 0.94] },
+    viewport: { once: true, amount: 0.2 },
+};
+// ─── Hover Animations ────────────────────────────────────────────────────────
+export const hoverScale = {
+    name: "hoverScale",
+    trigger: "hover",
+    variants: {
+        hidden: { scale: 1 },
+        visible: { scale: 1.05 },
+    },
+    transition: { duration: 0.2, ease: "easeOut" },
+};
+export const hoverGlow = {
+    name: "hoverGlow",
+    trigger: "hover",
+    variants: {
+        hidden: { boxShadow: "0 0 0 rgba(var(--lx-accent-rgb), 0)" },
+        visible: { boxShadow: "0 0 30px rgba(var(--lx-accent-rgb), 0.3)" },
+    },
+    transition: { duration: 0.3 },
+};
+export const hoverTilt = {
+    name: "hoverTilt",
+    trigger: "hover",
+    variants: {
+        hidden: { rotateX: 0, rotateY: 0 },
+        visible: { rotateX: 5, rotateY: 5 },
+    },
+    transition: { duration: 0.3, ease: "easeOut" },
+};
+export const hoverLift = {
+    name: "hoverLift",
+    trigger: "hover",
+    variants: {
+        hidden: { y: 0, boxShadow: "0 4px 12px rgba(0,0,0,0.08)" },
+        visible: { y: -8, boxShadow: "0 20px 40px rgba(0,0,0,0.12)" },
+    },
+    transition: { duration: 0.25, ease: "easeOut" },
+};
+export const magneticFollow = {
+    name: "magneticFollow",
+    trigger: "hover",
+    variants: {
+        hidden: { x: 0, y: 0 },
+        visible: { x: 0, y: 0 },
+    },
+    transition: { type: "spring", stiffness: 150, damping: 15 },
+};
+// ─── Continuous Animations ───────────────────────────────────────────────────
+export const pulse = {
+    name: "pulse",
+    trigger: "continuous",
+    variants: {
+        hidden: { scale: 1 },
+        visible: { scale: [1, 1.05, 1] },
+    },
+    transition: { duration: 2, repeat: Infinity, ease: "easeInOut" },
+};
+export const float = {
+    name: "float",
+    trigger: "continuous",
+    variants: {
+        hidden: { y: 0 },
+        visible: { y: [-5, 5, -5] },
+    },
+    transition: { duration: 3, repeat: Infinity, ease: "easeInOut" },
+};
+export const shimmer = {
+    name: "shimmer",
+    trigger: "continuous",
+    variants: {
+        hidden: { backgroundPosition: "-200% 0" },
+        visible: { backgroundPosition: "200% 0" },
+    },
+    transition: { duration: 2, repeat: Infinity, ease: "linear" },
+};
+export const marquee = {
+    name: "marquee",
+    trigger: "continuous",
+    variants: {
+        hidden: { x: "0%" },
+        visible: { x: "-100%" },
+    },
+    transition: { duration: 20, repeat: Infinity, ease: "linear" },
+};
+export const rotate = {
+    name: "rotate",
+    trigger: "continuous",
+    variants: {
+        hidden: { rotate: 0 },
+        visible: { rotate: 360 },
+    },
+    transition: { duration: 8, repeat: Infinity, ease: "linear" },
+};
+// ─── Stagger Presets ─────────────────────────────────────────────────────────
+export const staggerChildren = {
+    name: "staggerChildren",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0 },
+        visible: { opacity: 1 },
+    },
+    transition: { staggerChildren: 0.08, delayChildren: 0.1 },
+    viewport: { once: true, amount: 0.1 },
+};
+export const staggerGrid = {
+    name: "staggerGrid",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0, y: 20 },
+        visible: { opacity: 1, y: 0 },
+    },
+    transition: { staggerChildren: 0.06, delayChildren: 0.05 },
+    viewport: { once: true, amount: 0.1 },
+};
+export const staggerList = {
+    name: "staggerList",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0, x: -20 },
+        visible: { opacity: 1, x: 0 },
+    },
+    transition: { staggerChildren: 0.1 },
+    viewport: { once: true, amount: 0.1 },
+};
+export const cascadeReveal = {
+    name: "cascadeReveal",
+    trigger: "scroll",
+    variants: {
+        hidden: { opacity: 0, y: 40, scale: 0.95 },
+        visible: { opacity: 1, y: 0, scale: 1 },
+    },
+    transition: { staggerChildren: 0.12, delayChildren: 0.15 },
+    viewport: { once: true, amount: 0.15 },
+};
+// ─── Preset Registry ─────────────────────────────────────────────────────────
+export const ANIMATION_PRESETS = {
+    fadeUp,
+    fadeDown,
+    fadeIn,
+    scaleUp,
+    slideLeft,
+    slideRight,
+    bounceIn,
+    revealOnScroll,
+    staggerOnScroll,
+    parallax,
+    zoomOnScroll,
+    rotateOnScroll,
+    hoverScale,
+    hoverGlow,
+    hoverTilt,
+    hoverLift,
+    magneticFollow,
+    pulse,
+    float,
+    shimmer,
+    marquee,
+    rotate,
+    staggerChildren,
+    staggerGrid,
+    staggerList,
+    cascadeReveal,
+};
+//# sourceMappingURL=presets.js.map

package/dist/animations/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../src/animations/presets.ts"],"names":[],"mappings":"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"}

package/dist/animations/variants.d.ts

@@ -0,0 +1,15 @@
+import type { Variants } from "framer-motion";
+export declare const containerStagger: Variants;
+export declare const containerStaggerGrid: Variants;
+export declare const containerCascade: Variants;
+export declare const itemFadeUp: Variants;
+export declare const itemFadeIn: Variants;
+export declare const itemSlideLeft: Variants;
+export declare const itemSlideRight: Variants;
+export declare const itemScaleUp: Variants;
+export declare const itemBounce: Variants;
+export declare const cardHover: Variants;
+export declare const buttonHover: Variants;
+export declare const textRevealContainer: Variants;
+export declare const textRevealChar: Variants;
+//# sourceMappingURL=variants.d.ts.map

package/dist/animations/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/animations/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,eAAO,MAAM,gBAAgB,EAAE,QAM9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,QAMlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,QAM9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAOxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAMxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAO3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAO5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAOzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAGvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAIzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,QAGjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAO5B,CAAC"}

package/dist/animations/variants.js

@@ -0,0 +1,90 @@
+export const containerStagger = {
+    hidden: { opacity: 0 },
+    visible: {
+        opacity: 1,
+        transition: { staggerChildren: 0.08, delayChildren: 0.1 },
+    },
+};
+export const containerStaggerGrid = {
+    hidden: { opacity: 0 },
+    visible: {
+        opacity: 1,
+        transition: { staggerChildren: 0.06, delayChildren: 0.05 },
+    },
+};
+export const containerCascade = {
+    hidden: { opacity: 0 },
+    visible: {
+        opacity: 1,
+        transition: { staggerChildren: 0.12, delayChildren: 0.15 },
+    },
+};
+export const itemFadeUp = {
+    hidden: { opacity: 0, y: 30 },
+    visible: {
+        opacity: 1,
+        y: 0,
+        transition: { duration: 0.5, ease: [0.25, 0.46, 0.45, 0.94] },
+    },
+};
+export const itemFadeIn = {
+    hidden: { opacity: 0 },
+    visible: {
+        opacity: 1,
+        transition: { duration: 0.4 },
+    },
+};
+export const itemSlideLeft = {
+    hidden: { opacity: 0, x: 40 },
+    visible: {
+        opacity: 1,
+        x: 0,
+        transition: { duration: 0.5, ease: [0.25, 0.46, 0.45, 0.94] },
+    },
+};
+export const itemSlideRight = {
+    hidden: { opacity: 0, x: -40 },
+    visible: {
+        opacity: 1,
+        x: 0,
+        transition: { duration: 0.5, ease: [0.25, 0.46, 0.45, 0.94] },
+    },
+};
+export const itemScaleUp = {
+    hidden: { opacity: 0, scale: 0.9 },
+    visible: {
+        opacity: 1,
+        scale: 1,
+        transition: { duration: 0.5, ease: [0.25, 0.46, 0.45, 0.94] },
+    },
+};
+export const itemBounce = {
+    hidden: { opacity: 0, scale: 0.3 },
+    visible: {
+        opacity: 1,
+        scale: 1,
+        transition: { type: "spring", stiffness: 260, damping: 20 },
+    },
+};
+export const cardHover = {
+    rest: { y: 0, boxShadow: "0 4px 12px rgba(0,0,0,0.08)" },
+    hover: { y: -8, boxShadow: "0 20px 40px rgba(0,0,0,0.12)" },
+};
+export const buttonHover = {
+    rest: { scale: 1 },
+    hover: { scale: 1.05 },
+    tap: { scale: 0.97 },
+};
+export const textRevealContainer = {
+    hidden: {},
+    visible: { transition: { staggerChildren: 0.02 } },
+};
+export const textRevealChar = {
+    hidden: { opacity: 0, y: 20 },
+    visible: {
+        opacity: 1,
+        y: 0,
+        transition: { duration: 0.3, ease: "easeOut" },
+    },
+};
+//# sourceMappingURL=variants.js.map

package/dist/animations/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../src/animations/variants.ts"],"names":[],"mappings":"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"}

package/dist/backgrounds/BackgroundSection.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function BackgroundSection({ content, variant, theme }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BackgroundSection.d.ts.map

package/dist/backgrounds/BackgroundSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundSection.d.ts","sourceRoot":"","sources":["../../src/backgrounds/BackgroundSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,cAAc,2CAySpF"}

package/dist/backgrounds/BackgroundSection.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { renderText } from "../renderText";
+export default function BackgroundSection({ content, variant, theme }) {
+    const heading = renderText(content.heading);
+    const subhead = renderText(content.subhead);
+    const ctaText = renderText(content.cta_text);
+    const ctaUrl = renderText(content.cta_url);
+    const { accent, highlight, secondary = "#a78bfa", bg, surface, text } = theme.palette;
+    const isDark = variant === "gradient" || variant === "aurora";
+    const textColor = isDark ? "#ffffff" : text;
+    const subheadColor = isDark ? "rgba(255,255,255,0.8)" : `${text}cc`;
+    const buttonStyle = {
+        display: "inline-block",
+        marginTop: "1.5rem",
+        padding: "0.75rem 2rem",
+        borderRadius: theme.borderRadius === "full" ? "9999px" : "0.5rem",
+        background: isDark ? "#ffffff" : accent,
+        color: isDark ? accent : "#ffffff",
+        fontFamily: theme.fonts.body,
+        fontWeight: 600,
+        textDecoration: "none",
+        cursor: "pointer",
+        border: "none",
+        fontSize: "1rem",
+    };
+    function ContentLayer() {
+        return (_jsxs("div", { className: "relative z-10 mx-auto max-w-4xl text-center", children: [heading && (_jsx("h2", { style: {
+                        fontFamily: theme.fonts.display,
+                        fontWeight: theme.fonts.displayWeight ?? "700",
+                        color: textColor,
+                        fontSize: "clamp(2rem, 5vw, 3.5rem)",
+                        lineHeight: 1.15,
+                        marginBottom: "1rem",
+                    }, children: heading })), subhead && (_jsx("p", { style: {
+                        fontFamily: theme.fonts.body,
+                        color: subheadColor,
+                        fontSize: "clamp(1rem, 2.5vw, 1.25rem)",
+                        maxWidth: "640px",
+                        margin: "0 auto",
+                    }, children: subhead })), ctaText && (_jsx("a", { href: ctaUrl || "#", style: buttonStyle, children: ctaText }))] }));
+    }
+    // ── gradient ──────────────────────────────────────────────────────────────
+    if (variant === "gradient") {
+        return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: { minHeight: "400px", display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsx("style", { children: `
+          @keyframes gradientShift {
+            0%   { background-position: 0% 50%; }
+            50%  { background-position: 100% 50%; }
+            100% { background-position: 0% 50%; }
+          }
+        ` }), _jsx("div", { className: "absolute inset-0 z-0", style: {
+                        background: `linear-gradient(135deg, ${accent}, ${highlight}, ${secondary}, ${accent})`,
+                        backgroundSize: "400% 400%",
+                        animation: "gradientShift 8s ease infinite",
+                    } }), _jsx(ContentLayer, {})] }));
+    }
+    // ── aurora ────────────────────────────────────────────────────────────────
+    if (variant === "aurora") {
+        return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: { minHeight: "400px", background: "#0a0a0f", display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsx("style", { children: `
+          @keyframes auroraA {
+            0%,100% { transform: translate(0px, 0px); }
+            33%      { transform: translate(30px, -20px); }
+            66%      { transform: translate(-20px, 25px); }
+          }
+          @keyframes auroraB {
+            0%,100% { transform: translate(0px, 0px); }
+            33%      { transform: translate(-25px, 30px); }
+            66%      { transform: translate(20px, -15px); }
+          }
+          @keyframes auroraC {
+            0%,100% { transform: translate(0px, 0px); }
+            33%      { transform: translate(15px, 20px); }
+            66%      { transform: translate(-30px, -25px); }
+          }
+        ` }), _jsxs("div", { className: "absolute inset-0 z-0", children: [_jsx("div", { style: {
+                                position: "absolute", top: "20%", left: "15%",
+                                width: "350px", height: "350px", borderRadius: "50%",
+                                background: accent, filter: "blur(80px)", opacity: 0.6,
+                                animation: "auroraA 12s ease-in-out infinite",
+                            } }), _jsx("div", { style: {
+                                position: "absolute", top: "40%", right: "20%",
+                                width: "300px", height: "300px", borderRadius: "50%",
+                                background: highlight, filter: "blur(80px)", opacity: 0.6,
+                                animation: "auroraB 14s ease-in-out infinite",
+                            } }), _jsx("div", { style: {
+                                position: "absolute", bottom: "15%", left: "40%",
+                                width: "400px", height: "400px", borderRadius: "50%",
+                                background: secondary, filter: "blur(80px)", opacity: 0.6,
+                                animation: "auroraC 10s ease-in-out infinite",
+                            } })] }), _jsx(ContentLayer, {})] }));
+    }
+    // ── mesh ──────────────────────────────────────────────────────────────────
+    if (variant === "mesh") {
+        return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: {
+                minHeight: "400px",
+                background: `
+            radial-gradient(ellipse at 40% 20%, ${accent}55 0%, transparent 50%),
+            radial-gradient(ellipse at 80% 0%,  ${highlight}55 0%, transparent 50%),
+            radial-gradient(ellipse at 0%  50%, ${secondary}55 0%, transparent 50%),
+            radial-gradient(ellipse at 70% 80%, ${accent}33 0%, transparent 50%),
+            ${bg}
+          `,
+                display: "flex", alignItems: "center", justifyContent: "center",
+            }, children: [_jsx("div", { className: "absolute inset-0 z-0" }), _jsx(ContentLayer, {})] }));
+    }
+    // ── particles ─────────────────────────────────────────────────────────────
+    if (variant === "particles") {
+        const dots = Array.from({ length: 20 }, (_, i) => ({
+            left: `${(i * 47 + 13) % 95}%`,
+            top: `${(i * 31 + 7) % 85}%`,
+            duration: `${3 + i * 0.2}s`,
+            delay: `${i * 0.3}s`,
+        }));
+        return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: { minHeight: "400px", background: bg, display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsx("style", { children: `
+          @keyframes floatP {
+            0%,100% { transform: translateY(0); }
+            50%      { transform: translateY(-15px); }
+          }
+        ` }), _jsx("div", { className: "absolute inset-0 z-0", children: dots.map((d, i) => (_jsx("span", { style: {
+                            position: "absolute",
+                            left: d.left,
+                            top: d.top,
+                            width: "6px",
+                            height: "6px",
+                            borderRadius: "50%",
+                            background: accent,
+                            opacity: 0.4,
+                            animation: `floatP ${d.duration} ease-in-out infinite`,
+                            animationDelay: d.delay,
+                        } }, i))) }), _jsx(ContentLayer, {})] }));
+    }
+    // ── grid_dots ─────────────────────────────────────────────────────────────
+    if (variant === "grid_dots") {
+        return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: {
+                minHeight: "400px",
+                background: bg,
+                backgroundImage: `radial-gradient(circle, ${accent} 1.5px, transparent 1.5px)`,
+                backgroundSize: "30px 30px",
+                display: "flex", alignItems: "center", justifyContent: "center",
+            }, children: [_jsx("div", { className: "absolute inset-0 z-0" }), _jsx(ContentLayer, {})] }));
+    }
+    // ── noise ─────────────────────────────────────────────────────────────────
+    if (variant === "noise") {
+        return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: { minHeight: "400px", background: surface, display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsxs("div", { className: "absolute inset-0 z-0", children: [_jsx("svg", { width: "0", height: "0", style: { position: "absolute" }, children: _jsxs("filter", { id: "lx-noise", children: [_jsx("feTurbulence", { type: "fractalNoise", baseFrequency: "0.65", numOctaves: 3, stitchTiles: "stitch" }), _jsx("feColorMatrix", { type: "saturate", values: "0" })] }) }), _jsx("div", { className: "absolute inset-0", style: { filter: "url(#lx-noise)", opacity: 0.04, background: "#ffffff" } })] }), _jsx(ContentLayer, {})] }));
+    }
+    // ── spotlight ─────────────────────────────────────────────────────────────
+    if (variant === "spotlight") {
+        return _jsx(SpotlightVariant, { content: content, theme: theme, accent: accent, bg: bg });
+    }
+    // ── beams ─────────────────────────────────────────────────────────────────
+    if (variant === "beams") {
+        return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: { minHeight: "400px", background: bg, display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsx("style", { children: `
+          @keyframes beamMove {
+            from { background-position: 0 0; }
+            to   { background-position: 84px 0; }
+          }
+        ` }), _jsx("div", { className: "absolute inset-0 z-0", style: {
+                        background: `repeating-linear-gradient(45deg, transparent 0px, transparent 40px, ${accent}18 40px, ${accent}18 42px)`,
+                        animation: "beamMove 4s linear infinite",
+                    } }), _jsx(ContentLayer, {})] }));
+    }
+    // ── fallback ──────────────────────────────────────────────────────────────
+    return (_jsxs("section", { className: "relative overflow-hidden py-24 px-5", style: { minHeight: "400px", background: bg, display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsx("div", { className: "absolute inset-0 z-0" }), _jsx(ContentLayer, {})] }));
+}
+// Spotlight extracted to own component so hooks are unconditional
+function SpotlightVariant({ content, theme, accent, bg, }) {
+    const [pos, setPos] = useState({ x: 200, y: 200 });
+    const sectionRef = useRef(null);
+    const heading = renderText(content.heading);
+    const subhead = renderText(content.subhead);
+    const ctaText = renderText(content.cta_text);
+    const ctaUrl = renderText(content.cta_url);
+    const { text } = theme.palette;
+    function handleMouseMove(e) {
+        const rect = sectionRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        setPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+    }
+    const buttonStyle = {
+        display: "inline-block",
+        marginTop: "1.5rem",
+        padding: "0.75rem 2rem",
+        borderRadius: theme.borderRadius === "full" ? "9999px" : "0.5rem",
+        background: accent,
+        color: "#ffffff",
+        fontFamily: theme.fonts.body,
+        fontWeight: 600,
+        textDecoration: "none",
+        cursor: "pointer",
+        border: "none",
+        fontSize: "1rem",
+    };
+    return (_jsxs("section", { ref: sectionRef, onMouseMove: handleMouseMove, className: "relative overflow-hidden py-24 px-5", style: { minHeight: "400px", background: bg, display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsx("div", { className: "absolute inset-0 z-0", style: {
+                    background: `radial-gradient(600px circle at ${pos.x}px ${pos.y}px, ${accent}25, transparent 70%)`,
+                } }), _jsxs("div", { className: "relative z-10 mx-auto max-w-4xl text-center", children: [heading && (_jsx("h2", { style: {
+                            fontFamily: theme.fonts.display,
+                            fontWeight: theme.fonts.displayWeight ?? "700",
+                            color: text,
+                            fontSize: "clamp(2rem, 5vw, 3.5rem)",
+                            lineHeight: 1.15,
+                            marginBottom: "1rem",
+                        }, children: heading })), subhead && (_jsx("p", { style: { fontFamily: theme.fonts.body, color: `${text}cc`, fontSize: "clamp(1rem, 2.5vw, 1.25rem)", maxWidth: "640px", margin: "0 auto" }, children: subhead })), ctaText && (_jsx("a", { href: ctaUrl || "#", style: buttonStyle, children: ctaText }))] })] }));
+}
+//# sourceMappingURL=BackgroundSection.js.map

package/dist/backgrounds/BackgroundSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundSection.js","sourceRoot":"","sources":["../../src/backgrounds/BackgroundSection.tsx"],"names":[],"mappings":"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"}

package/dist/buttons/ButtonSection.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function ButtonSection({ content, variant, theme, elementStyles }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonSection.d.ts.map

package/dist/buttons/ButtonSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSection.d.ts","sourceRoot":"","sources":["../../src/buttons/ButtonSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CAyS/F"}