@lexsis/storefront-components 1.0.0

package/dist/heroes/HeroCinematicFullbleed.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+import { MediaLoop } from "../primitives/MediaLoop";
+// HexClad-inspired: full-bleed video/photo, centered dramatic text, cinematic overlay
+// MediaLoop auto-detects: .mp4/.webm → video (autoplay muted loop), else → img
+const OVERLAY_MAP = {
+    light: "rgba(0,0,0,0.3)",
+    medium: "rgba(0,0,0,0.52)",
+    heavy: "rgba(0,0,0,0.72)",
+    extreme: "rgba(0,0,0,0.85)",
+};
+export default function HeroCinematicFullbleed({ content, theme, settings, elementStyles }) {
+    const headline = renderText(content.headline || "");
+    const eyebrow = content.eyebrow ? renderText(content.eyebrow) : undefined;
+    const subhead = content.subhead ? renderText(content.subhead) : undefined;
+    const ctaText = renderText(content.cta_text || "Shop Now");
+    const ctaUrl = content.cta_url ? renderText(content.cta_url) : "#";
+    // video_url takes priority over media_url; MediaLoop handles both
+    const mediaSrc = content.video_url ? renderText(content.video_url) : renderText(content.media_url || "");
+    const overlayStrength = content.overlay_strength || "medium";
+    const ctaBgColor = content.cta_bg_color || theme.palette.accent;
+    const ctaTextColor = content.cta_text_color || "#ffffff";
+    const minH = settings?.min_height ?? "100vh";
+    return (_jsxs("section", { className: "relative w-full overflow-hidden flex items-center justify-center", style: { minHeight: minH, backgroundColor: "#0a0a0a" }, children: [mediaSrc && (_jsx("div", { className: "absolute inset-0", style: { zIndex: 0 }, children: _jsx(MediaLoop, { src: mediaSrc, alt: headline, fit: "cover", style: { width: "100%", height: "100%", ...elStyle(elementStyles, "media_url") } }) })), _jsx("div", { className: "absolute inset-0 pointer-events-none", style: { backgroundColor: OVERLAY_MAP[overlayStrength] ?? OVERLAY_MAP.medium, zIndex: 1 } }), _jsx("div", { className: "absolute inset-0 pointer-events-none", style: { background: "radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.45) 100%)", zIndex: 1 } }), _jsxs("div", { className: "relative flex flex-col items-center text-center px-6 py-20", style: { zIndex: 2, maxWidth: "800px" }, children: [eyebrow && (_jsx(motion.p, { "data-lx-field": "eyebrow", initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.5 }, className: "mb-4 text-xs font-bold uppercase tracking-[0.3em]", style: { color: "rgba(255,255,255,0.55)", fontFamily: theme.fonts.body, ...elStyle(elementStyles, "eyebrow") }, children: eyebrow })), _jsx(motion.h1, { "data-lx-field": "headline", initial: { opacity: 0, y: 24 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.65, ease: [0.25, 0.46, 0.45, 0.94], delay: 0.1 }, className: "mb-4", style: {
+                            fontFamily: `${theme.fonts.display}, sans-serif`,
+                            fontWeight: 900,
+                            fontSize: "clamp(2.8rem, 7vw, 7rem)",
+                            lineHeight: 0.95,
+                            letterSpacing: "-0.02em",
+                            color: "#ffffff",
+                            textTransform: "uppercase",
+                            ...elStyle(elementStyles, "headline"),
+                        }, children: headline }), subhead && (_jsx(motion.p, { "data-lx-field": "subhead", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.35, duration: 0.55 }, className: "mb-10 text-sm md:text-base uppercase tracking-[0.15em] font-semibold", style: { color: ctaBgColor, fontFamily: theme.fonts.body, ...elStyle(elementStyles, "subhead") }, children: subhead })), !subhead && _jsx("div", { className: "mb-10" }), _jsx(motion.a, { href: ctaUrl, "data-lx-field": "cta_text", initial: { opacity: 0, scale: 0.88 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5, type: "spring", stiffness: 260, damping: 20 }, whileHover: { scale: 1.06, y: -2 }, whileTap: { scale: 0.96 }, className: "inline-flex items-center px-10 py-4 font-bold rounded-full text-sm md:text-base", style: {
+                            backgroundColor: ctaBgColor,
+                            color: ctaTextColor,
+                            fontFamily: theme.fonts.body,
+                            letterSpacing: "0.03em",
+                            boxShadow: `0 8px 40px ${ctaBgColor}60`,
+                            ...elStyle(elementStyles, "cta_text"),
+                        }, children: ctaText })] })] }));
+}
+//# sourceMappingURL=HeroCinematicFullbleed.js.map

package/dist/heroes/HeroCinematicFullbleed.js.map

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

package/dist/heroes/HeroCountdown.d.ts

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

package/dist/heroes/HeroCountdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroCountdown.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroCountdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAwB/C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,cAAc,2CAkOpH"}

package/dist/heroes/HeroCountdown.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { renderText } from "../renderText";
+import { HeadlineEffect } from "../primitives/HeadlineEffect";
+import { elStyle } from "../utils/elementStyles";
+function computeTimeLeft(endIso) {
+    const end = new Date(endIso);
+    const diff = end.getTime() - Date.now();
+    if (diff <= 0)
+        return { days: 0, hours: 0, minutes: 0, seconds: 0 };
+    const totalSeconds = Math.floor(diff / 1000);
+    const days = Math.floor(totalSeconds / 86400);
+    const hours = Math.floor((totalSeconds % 86400) / 3600);
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
+    const seconds = totalSeconds % 60;
+    return { days, hours, minutes, seconds };
+}
+export default function HeroCountdown({ content, variant, theme, settings: _settings, elementStyles }) {
+    const headline = renderText(content.headline);
+    const subhead = renderText(content.subhead);
+    const ctaText = renderText(content.cta_text) || "Shop Now";
+    const ctaUrl = renderText(content.cta_url) || "#";
+    const countdownEnd = renderText(content.countdown_end);
+    const mediaUrl = renderText(content.media_url);
+    const eyebrow = renderText(content.eyebrow);
+    const [timeLeft, setTimeLeft] = useState(() => countdownEnd ? computeTimeLeft(countdownEnd) : { days: 0, hours: 0, minutes: 0, seconds: 0 });
+    useEffect(() => {
+        if (!countdownEnd)
+            return;
+        const id = setInterval(() => {
+            setTimeLeft(computeTimeLeft(countdownEnd));
+        }, 1000);
+        return () => clearInterval(id);
+    }, [countdownEnd]);
+    const isFullBleed = variant === "full_bleed";
+    const isUrgency = variant === "with_urgency";
+    const textColor = isFullBleed ? "#ffffff" : theme.palette.text;
+    const CountdownBoxes = () => (_jsx("div", { className: "flex items-end justify-center gap-1 my-6", children: [
+            { value: timeLeft.days, label: "Days" },
+            { value: timeLeft.hours, label: "Hrs" },
+            { value: timeLeft.minutes, label: "Min" },
+            { value: timeLeft.seconds, label: "Sec" },
+        ].map((item, i) => (_jsxs("div", { className: "flex items-end", children: [_jsxs("div", { style: {
+                        backgroundColor: isFullBleed ? "rgba(255,255,255,0.15)" : theme.palette.surface,
+                        borderColor: theme.palette.border || "#e5e7eb",
+                        color: theme.palette.accent,
+                        borderRadius: "var(--lx-card-radius)",
+                    }, className: "flex flex-col items-center border px-4 py-3 min-w-[72px] text-center", children: [_jsx("span", { className: "text-3xl md:text-4xl font-bold leading-none", children: String(item.value).padStart(2, "0") }), _jsx("span", { style: { color: isFullBleed ? "rgba(255,255,255,0.6)" : textColor }, className: "text-xs uppercase mt-1 opacity-60", children: item.label })] }), i < 3 && (_jsx("span", { style: { color: isFullBleed ? "rgba(255,255,255,0.4)" : textColor }, className: "text-2xl font-bold pb-4 mx-0.5 opacity-40", children: ":" }))] }, item.label))) }));
+    if (isFullBleed && mediaUrl) {
+        return (_jsxs("section", { className: "relative w-full min-h-[520px] flex items-center justify-center py-20 px-4", style: {
+                backgroundImage: `url(${mediaUrl})`,
+                backgroundSize: "cover",
+                backgroundPosition: "center",
+            }, children: [_jsx("div", { className: "absolute inset-0", style: { backgroundColor: "var(--lx-overlay-heavy)" } }), _jsxs("div", { className: "relative z-10 max-w-2xl mx-auto text-center text-white", children: [eyebrow && (_jsx("p", { "data-lx-field": "eyebrow", className: "text-sm uppercase tracking-widest opacity-70 mb-3", style: elStyle(elementStyles, "eyebrow"), children: eyebrow })), _jsx("h1", { "data-lx-field": "headline", style: { fontFamily: theme.fonts.display, ...elStyle(elementStyles, "headline") }, className: "text-4xl md:text-5xl font-bold mb-4 leading-tight", children: _jsx(HeadlineEffect, { text: headline, effect: content.headline_effect, accent: theme.palette.accent, textColor: textColor, highlightWords: content.headline_highlight_words || [], prefix: content.headline_prefix, words: content.headline_rotating_words || [] }) }), subhead && _jsx("p", { "data-lx-field": "subhead", className: "text-base opacity-80 mb-2", style: elStyle(elementStyles, "subhead"), children: subhead }), _jsx("div", { "data-lx-field": "countdown_end", style: elStyle(elementStyles, "countdown_end"), children: _jsx(CountdownBoxes, {}) }), _jsx("a", { "data-lx-field": "cta_text", href: ctaUrl, style: { backgroundColor: theme.palette.accent, fontFamily: theme.fonts.body, ...elStyle(elementStyles, "cta_text") }, className: "inline-block rounded-full px-8 py-3 font-semibold text-white hover:opacity-90 transition-opacity", children: ctaText }), content.cta_secondary_text && (_jsx("div", { className: "mt-4", children: _jsxs("a", { href: renderText(content.cta_secondary_url) || "#", className: "inline-flex items-center justify-center gap-2 text-sm font-medium text-white/60 hover:text-white/80 transition-colors", children: [_jsx("span", { children: "\u25B6" }), renderText(content.cta_secondary_text)] }) })), content.social_proof_text && (_jsx("p", { className: "text-sm mt-4 text-white/50", children: renderText(content.social_proof_text) })), Array.isArray(content.trust_items) && content.trust_items.length > 0 && (_jsx("div", { className: "flex flex-wrap justify-center gap-x-5 gap-y-1.5 mt-5", children: content.trust_items.map((item, idx) => (_jsxs("span", { className: "flex items-center gap-1.5 text-xs font-medium text-white/45", children: [_jsx("span", { children: item.icon }), item.text] }, idx))) }))] })] }));
+    }
+    return (_jsx("section", { style: { backgroundColor: theme.palette.bg, color: textColor }, className: "w-full py-16 px-4", children: _jsxs("div", { className: "max-w-2xl mx-auto text-center", children: [eyebrow && (_jsxs("div", { className: "flex items-center justify-center gap-2 mb-3", children: [isUrgency && (_jsx("span", { style: { backgroundColor: theme.palette.accent }, className: "w-2.5 h-2.5 rounded-full urgency-pulse" })), _jsx("p", { "data-lx-field": "eyebrow", style: { color: theme.palette.accent, ...elStyle(elementStyles, "eyebrow") }, className: "text-sm uppercase tracking-widest font-semibold", children: eyebrow }), _jsx("style", { children: `
+              @keyframes urgencyPulse {
+                0%, 100% { opacity: 1; box-shadow: 0 0 0 0 currentColor; }
+                50% { opacity: 0.6; box-shadow: 0 0 0 6px transparent; }
+              }
+              .urgency-pulse { animation: urgencyPulse 1.5s ease-in-out infinite; }
+            ` })] })), !isUrgency && eyebrow && (_jsx("p", { "data-lx-field": "eyebrow", className: "text-sm uppercase tracking-widest opacity-60 mb-3", style: elStyle(elementStyles, "eyebrow"), children: eyebrow })), _jsx("h1", { "data-lx-field": "headline", style: { fontFamily: theme.fonts.display, color: textColor, ...elStyle(elementStyles, "headline") }, className: "text-4xl md:text-5xl font-bold mb-4 leading-tight", children: _jsx(HeadlineEffect, { text: headline, effect: content.headline_effect, accent: theme.palette.accent, textColor: textColor, highlightWords: content.headline_highlight_words || [], prefix: content.headline_prefix, words: content.headline_rotating_words || [] }) }), subhead && (_jsx("p", { "data-lx-field": "subhead", style: { color: textColor, ...elStyle(elementStyles, "subhead") }, className: "text-base opacity-70 mb-2", children: subhead })), _jsx("div", { "data-lx-field": "countdown_end", style: elStyle(elementStyles, "countdown_end"), children: _jsx(CountdownBoxes, {}) }), _jsx("a", { "data-lx-field": "cta_text", href: ctaUrl, style: { backgroundColor: theme.palette.accent, fontFamily: theme.fonts.body, ...elStyle(elementStyles, "cta_text") }, className: "inline-block rounded-full px-8 py-3 font-semibold text-white hover:opacity-90 transition-opacity", children: ctaText }), content.cta_secondary_text && (_jsx("div", { className: "mt-4", children: _jsxs("a", { href: renderText(content.cta_secondary_url) || "#", className: "inline-flex items-center justify-center gap-2 text-sm font-medium hover:opacity-80 transition-opacity", style: { color: textColor, opacity: 0.6 }, children: [_jsx("span", { style: { color: theme.palette.accent }, children: "\u25B6" }), renderText(content.cta_secondary_text)] }) })), content.social_proof_text && (_jsx("p", { className: "text-sm mt-4", style: { color: textColor, opacity: 0.5 }, children: renderText(content.social_proof_text) })), Array.isArray(content.trust_items) && content.trust_items.length > 0 && (_jsx("div", { className: "flex flex-wrap justify-center gap-x-5 gap-y-1.5 mt-5", children: content.trust_items.map((item, idx) => (_jsxs("span", { className: "flex items-center gap-1.5 text-xs font-medium", style: { color: textColor, opacity: 0.45 }, children: [_jsx("span", { children: item.icon }), item.text] }, idx))) }))] }) }));
+}
+//# sourceMappingURL=HeroCountdown.js.map

package/dist/heroes/HeroCountdown.js.map

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

package/dist/heroes/HeroDarkSplitSticker.d.ts

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

package/dist/heroes/HeroDarkSplitSticker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroDarkSplitSticker.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroDarkSplitSticker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAS/C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,cAAc,2CA6HvG"}

package/dist/heroes/HeroDarkSplitSticker.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+import { MediaLoop } from "../primitives/MediaLoop";
+import { TiltCard } from "../primitives/TiltCard";
+// Liquid Death-inspired: dark bg, brutal headline, floating product, punk energy
+const NOISE_SVG = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E`;
+export default function HeroDarkSplitSticker({ content, theme, settings, elementStyles }) {
+    const headline = renderText(content.headline || "");
+    const subhead = content.subhead ? renderText(content.subhead) : undefined;
+    const eyebrow = content.eyebrow ? renderText(content.eyebrow) : undefined;
+    const ctaText = renderText(content.cta_text || "Shop Now");
+    const ctaUrl = content.cta_url ? renderText(content.cta_url) : "#";
+    const mediaUrl = renderText(content.media_url || "");
+    const stickerUrl = content.sticker_url ? renderText(content.sticker_url) : undefined;
+    const bgColor = content.bg_color || "#0d0d0d";
+    const accentColor = content.accent_color || theme.palette.accent;
+    const minH = settings?.min_height ?? "92vh";
+    return (_jsxs("section", { className: "relative w-full overflow-hidden flex items-stretch", style: { minHeight: minH, backgroundColor: bgColor }, children: [_jsx("div", { className: "absolute inset-0 pointer-events-none", style: {
+                    backgroundImage: `url("${NOISE_SVG}")`,
+                    backgroundRepeat: "repeat",
+                    backgroundSize: "200px",
+                    opacity: 0.035,
+                    mixBlendMode: "overlay",
+                    zIndex: 1,
+                } }), _jsxs("div", { className: "relative flex flex-col justify-center px-8 md:px-14 xl:px-20 py-16 md:py-0 w-full md:w-1/2", style: { zIndex: 2 }, children: [eyebrow && (_jsx(motion.div, { initial: { opacity: 0, x: -16 }, animate: { opacity: 1, x: 0 }, transition: { duration: 0.4 }, className: "mb-5", children: _jsx("span", { "data-lx-field": "eyebrow", className: "inline-flex items-center px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-[0.18em]", style: { backgroundColor: accentColor, color: "#fff", fontFamily: theme.fonts.body, ...elStyle(elementStyles, "eyebrow") }, children: eyebrow }) })), _jsx(motion.h1, { "data-lx-field": "headline", initial: { opacity: 0, y: 30 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.55, ease: [0.25, 0.46, 0.45, 0.94], delay: 0.1 }, style: {
+                            fontFamily: `${theme.fonts.display}, sans-serif`,
+                            fontWeight: 900,
+                            fontSize: "clamp(3rem, 7vw, 7.5rem)",
+                            lineHeight: 0.92,
+                            letterSpacing: "-0.03em",
+                            color: "#ffffff",
+                            textTransform: "uppercase",
+                            marginBottom: "1.5rem",
+                            ...elStyle(elementStyles, "headline"),
+                        }, children: headline }), subhead && (_jsx(motion.p, { "data-lx-field": "subhead", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.35, duration: 0.5 }, className: "mb-8 text-sm md:text-base max-w-xs", style: { color: "rgba(255,255,255,0.45)", fontFamily: theme.fonts.body, lineHeight: 1.6, ...elStyle(elementStyles, "subhead") }, children: subhead })), _jsx(motion.a, { href: ctaUrl, "data-lx-field": "cta_text", initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5, type: "spring", stiffness: 280, damping: 22 }, whileHover: { scale: 1.04 }, whileTap: { scale: 0.97 }, className: "inline-flex items-center px-8 py-4 font-bold uppercase tracking-widest text-sm rounded-sm", style: { backgroundColor: accentColor, color: "#fff", fontFamily: theme.fonts.body, alignSelf: "flex-start", ...elStyle(elementStyles, "cta_text") }, children: ctaText })] }), _jsx("div", { className: "hidden md:flex items-center justify-center w-1/2 relative py-10", style: { zIndex: 2 }, children: mediaUrl && (_jsxs(motion.div, { initial: { opacity: 0, y: 40, rotate: -2 }, animate: { opacity: 1, y: 0, rotate: -3 }, transition: { duration: 0.7, ease: [0.25, 0.46, 0.45, 0.94], delay: 0.15 }, style: { position: "relative", maxHeight: "75vh", maxWidth: "420px" }, children: [_jsx(TiltCard, { maxTilt: 6, glare: true, children: _jsx("div", { style: { maxHeight: "75vh", maxWidth: "420px", filter: "drop-shadow(0 40px 80px rgba(0,0,0,0.9))", transform: "scale(1.08)" }, children: _jsx(MediaLoop, { src: mediaUrl, alt: headline, fit: "contain", style: { maxHeight: "75vh", maxWidth: "420px", ...elStyle(elementStyles, "media_url") } }) }) }), stickerUrl && (_jsx(motion.div, { className: "absolute -bottom-4 -right-4 w-20 h-20 z-20 pointer-events-none", initial: { opacity: 0, scale: 0, rotate: -20 }, animate: { opacity: 1, scale: 1, rotate: 12 }, transition: { delay: 0.9, type: "spring", stiffness: 300, damping: 18 }, style: { filter: "drop-shadow(0 4px 12px rgba(0,0,0,0.5))" }, children: _jsx(MediaLoop, { src: stickerUrl, alt: "badge", fit: "contain" }) }))] })) })] }));
+}
+//# sourceMappingURL=HeroDarkSplitSticker.js.map

package/dist/heroes/HeroDarkSplitSticker.js.map

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

package/dist/heroes/HeroEditorial.d.ts

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

package/dist/heroes/HeroEditorial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroEditorial.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroEditorial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAM/C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,cAAc,2CAkI3G"}

package/dist/heroes/HeroEditorial.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { renderHeroImage } from "../utils/imageStyle";
+import { elStyle } from "../utils/elementStyles";
+import { HeadlineEffect } from "../primitives/HeadlineEffect";
+export default function HeroEditorial({ content, theme, settings: _settings, elementStyles }) {
+    const headline = renderText(content.headline);
+    const subhead = content.subhead ? renderText(content.subhead) : undefined;
+    const categoryTag = content.category_tag ? renderText(content.category_tag) : undefined;
+    const byline = content.byline ? renderText(content.byline) : undefined;
+    const mediaUrl = content.media_url ? renderText(content.media_url) : undefined;
+    const ctaText = content.cta_text ? renderText(content.cta_text) : undefined;
+    return (_jsx("section", { className: "relative py-20 px-5 md:py-28 lg:py-36 overflow-hidden", style: { backgroundColor: theme.palette.bg }, children: _jsxs("div", { className: "mx-auto max-w-7xl grid grid-cols-1 lg:grid-cols-12 gap-8 items-center", children: [_jsxs("div", { className: "lg:col-span-6 xl:col-span-5", children: [categoryTag && (_jsx("p", { "data-lx-field": "category_tag", className: "text-xs font-bold uppercase tracking-[0.25em] mb-4", style: { color: theme.palette.accent, ...elStyle(elementStyles, "category_tag") }, children: categoryTag })), _jsx("h1", { "data-lx-field": "headline", className: "text-[clamp(2.5rem,5.5vw,4.5rem)] leading-[1.02] tracking-tight mb-6", style: {
+                                fontFamily: `${theme.fonts.display}, serif`,
+                                color: theme.palette.text,
+                                ...elStyle(elementStyles, "headline"),
+                            }, children: _jsx(HeadlineEffect, { text: headline, effect: content.headline_effect, accent: theme.palette.accent, textColor: theme.palette.text, highlightWords: content.headline_highlight_words || [], prefix: content.headline_prefix, words: content.headline_rotating_words || [] }) }), subhead && (_jsx("p", { "data-lx-field": "subhead", className: "text-lg md:text-xl leading-relaxed mb-8 opacity-75 max-w-lg", style: { color: theme.palette.text, fontFamily: `${theme.fonts.body}, sans-serif`, ...elStyle(elementStyles, "subhead") }, children: subhead })), byline && (_jsx("p", { "data-lx-field": "byline", className: "text-sm uppercase tracking-wider mb-8 opacity-50", style: { color: theme.palette.text, fontFamily: `${theme.fonts.body}, sans-serif`, ...elStyle(elementStyles, "byline") }, children: byline })), ctaText && (_jsx("button", { "data-lx-field": "cta_text", className: "inline-flex items-center px-8 py-4 font-semibold text-white hover:-translate-y-0.5 transition-transform", style: {
+                                backgroundColor: theme.palette.accent,
+                                borderRadius: `var(--lx-button-radius, 9999px)`,
+                                ...elStyle(elementStyles, "cta_text"),
+                            }, children: ctaText })), content.cta_secondary_text && (_jsx("div", { className: "mt-4", children: _jsxs("a", { href: renderText(content.cta_secondary_url) || "#", className: "inline-flex items-center gap-2 text-sm font-medium hover:opacity-80 transition-opacity", style: { color: theme.palette.text, opacity: 0.6 }, children: [_jsx("span", { style: { color: theme.palette.accent }, children: "\u25B6" }), renderText(content.cta_secondary_text)] }) })), content.social_proof_text && (_jsx("p", { className: "text-sm mt-4", style: { color: theme.palette.text, opacity: 0.5 }, children: renderText(content.social_proof_text) })), Array.isArray(content.trust_items) && content.trust_items.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-x-5 gap-y-1.5 mt-5", children: content.trust_items.map((item, idx) => (_jsxs("span", { className: "flex items-center gap-1.5 text-xs font-medium", style: { color: theme.palette.text, opacity: 0.45 }, children: [_jsx("span", { children: item.icon }), item.text] }, idx))) }))] }), mediaUrl && (() => {
+                    const imgStyle = content.image_style || "card";
+                    if (imgStyle === "full" || imgStyle === "contained") {
+                        return (_jsx("div", { className: "lg:col-span-6 xl:col-span-7", children: renderHeroImage(mediaUrl, headline, imgStyle, theme, "media_url", elStyle(elementStyles, "media_url")) }));
+                    }
+                    // "card" default — editorial crop with accent bar
+                    return (_jsxs("div", { className: "lg:col-span-6 xl:col-span-7 relative", children: [_jsx("div", { className: "relative aspect-[4/5] md:aspect-[3/4] lg:aspect-[4/5] overflow-hidden", style: { borderRadius: "var(--lx-image-radius)" }, children: _jsx("img", { "data-lx-field": "media_url", src: mediaUrl, alt: headline, className: "absolute inset-0 w-full h-full object-cover", style: elStyle(elementStyles, "media_url") }) }), _jsx("div", { className: "absolute -bottom-3 -left-3 w-24 h-1", style: { backgroundColor: theme.palette.accent } })] }));
+                })()] }) }));
+}
+//# sourceMappingURL=HeroEditorial.js.map

package/dist/heroes/HeroEditorial.js.map

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

package/dist/heroes/HeroEditorialMinimal.d.ts

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

package/dist/heroes/HeroEditorialMinimal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroEditorialMinimal.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroEditorialMinimal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAM/C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,cAAc,2CAuGvG"}

package/dist/heroes/HeroEditorialMinimal.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+import { MediaLoop } from "../primitives/MediaLoop";
+// Rhode-inspired: full-bleed portrait, text bottom-left, restraint IS the design
+export default function HeroEditorialMinimal({ content, theme, settings, elementStyles }) {
+    const headline = renderText(content.headline || "");
+    const subhead = content.subhead ? renderText(content.subhead) : undefined;
+    const ctaText = content.cta_text ? renderText(content.cta_text) : undefined;
+    const ctaUrl = content.cta_url ? renderText(content.cta_url) : "#";
+    const mediaUrl = renderText(content.media_url || "");
+    const overlayStrength = content.overlay_strength || "medium";
+    const italic = content.italic !== false;
+    const minH = settings?.min_height ?? "100vh";
+    const overlayMap = {
+        none: "rgba(0,0,0,0)",
+        light: "linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%)",
+        medium: "linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 50%, transparent 80%)",
+        heavy: "linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 60%, transparent 100%)",
+    };
+    return (_jsxs("section", { className: "relative w-full overflow-hidden", style: { minHeight: minH }, children: [mediaUrl && (_jsx("div", { className: "absolute inset-0", children: _jsx(MediaLoop, { src: mediaUrl, fit: "cover", alt: headline }) })), !mediaUrl && _jsx("div", { className: "absolute inset-0", style: { backgroundColor: theme.palette.text } }), _jsx("div", { className: "absolute inset-0 pointer-events-none", style: { background: overlayMap[overlayStrength] ?? overlayMap.medium } }), _jsxs(motion.div, { className: "absolute bottom-0 left-0 right-0 px-8 md:px-14 pb-12 md:pb-16", style: { zIndex: 2 }, initial: { opacity: 0, y: 16 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.7, ease: [0.25, 0.46, 0.45, 0.94], delay: 0.2 }, children: [headline && (_jsx("h1", { "data-lx-field": "headline", className: "mb-4", style: {
+                            fontFamily: `${theme.fonts.display}, serif`,
+                            fontStyle: italic ? "italic" : "normal",
+                            fontWeight: 300,
+                            fontSize: "clamp(1.5rem, 3vw, 2.6rem)",
+                            color: "#ffffff",
+                            lineHeight: 1.15,
+                            letterSpacing: "-0.01em",
+                            maxWidth: "560px",
+                            ...elStyle(elementStyles, "headline"),
+                        }, children: headline })), subhead && (_jsx(motion.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.45, duration: 0.6 }, "data-lx-field": "subhead", className: "mb-5 text-sm md:text-base", style: {
+                            color: "rgba(255,255,255,0.7)",
+                            fontFamily: theme.fonts.body,
+                            maxWidth: "420px",
+                            lineHeight: 1.6,
+                            ...elStyle(elementStyles, "subhead"),
+                        }, children: subhead })), ctaText && (_jsxs(motion.a, { href: ctaUrl, initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.6, duration: 0.5 }, "data-lx-field": "cta_text", className: "inline-flex items-center gap-2 text-sm font-medium group", style: {
+                            color: "rgba(255,255,255,0.85)",
+                            fontFamily: theme.fonts.body,
+                            textDecoration: "none",
+                            borderBottom: "1px solid rgba(255,255,255,0.4)",
+                            paddingBottom: "2px",
+                            ...elStyle(elementStyles, "cta_text"),
+                        }, children: [ctaText, _jsx("span", { className: "transition-transform group-hover:translate-x-1", children: "\u2192" })] }))] })] }));
+}
+//# sourceMappingURL=HeroEditorialMinimal.js.map

package/dist/heroes/HeroEditorialMinimal.js.map

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

package/dist/heroes/HeroFullBleed.d.ts

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

package/dist/heroes/HeroFullBleed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroFullBleed.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroFullBleed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA0K/C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,cAAc,2CA2HzG"}

package/dist/heroes/HeroFullBleed.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { renderIcon } from "../utils/renderIcon";
+import { MediaLoop } from "../primitives/MediaLoop";
+import { elStyle } from "../utils/elementStyles";
+import { HeadlineEffect } from "../primitives/HeadlineEffect";
+// ─── Product Breakout Hero ────────────────────────────────────────────────────
+function HeroProductBreakout({ content, theme, elementStyles }) {
+    const headline = renderText(content.headline || "");
+    const productName = renderText(content.product_name || "");
+    const productImageUrl = renderText(content.product_image_url || "");
+    const socialProof = content.social_proof ? renderText(content.social_proof) : undefined;
+    const bgColor = renderText(content.bg_color) || theme.palette.accent;
+    const ctaText = renderText(content.cta_text) || "Shop Now";
+    const price = content.price ? renderText(content.price) : undefined;
+    const comparePrice = content.compare_price ? renderText(content.compare_price) : undefined;
+    const features = content.features || [];
+    const tagline = content.tagline ? renderText(content.tagline) : undefined;
+    return (_jsxs("section", { style: {
+            position: "relative", overflow: "visible",
+            backgroundColor: bgColor,
+        }, children: [_jsx("style", { children: `
+        /* Desktop: two-col layout, image bleeds intentionally on right */
+        .lx-pb-wrap {
+          max-width: 1200px; margin: 0 auto;
+          padding: 3rem 1.5rem 0; position: relative;
+          display: flex; align-items: flex-end;
+          gap: 0; min-height: 480px;
+        }
+        .lx-pb-text {
+          flex: 0 0 52%; padding: 2rem 0 5rem;
+        }
+        .lx-pb-img-col {
+          flex: 0 0 48%;
+          display: flex; justify-content: center; align-items: flex-end;
+          position: relative;
+        }
+        .lx-pb-img {
+          display: block;
+          height: 420px; max-height: 480px; width: auto;
+          object-fit: contain;
+          filter: drop-shadow(0 24px 48px rgba(0,0,0,0.28));
+          position: relative; z-index: 2;
+        }
+        .lx-pb-social {
+          position: absolute; top: 2.5rem; left: 0;
+          background: var(--lx-surface-alt); border-radius: 9999px;
+          padding: 8px 16px; font-size: 0.75rem; font-weight: 700;
+          box-shadow: var(--lx-shadow-sm); white-space: nowrap;
+          z-index: 5;
+        }
+
+        /* Mobile: stacked, image in-flow, no bleed */
+        @media (max-width: 640px) {
+          .lx-pb-wrap {
+            flex-direction: column; align-items: stretch;
+            padding: 1.5rem 1.25rem 0; min-height: unset; gap: 0;
+          }
+          .lx-pb-text { flex: none; padding: 0.5rem 0 1.5rem; }
+          .lx-pb-img-col {
+            flex: none; width: 100%;
+            justify-content: center; padding-bottom: 0;
+          }
+          .lx-pb-img {
+            height: 260px; max-height: 260px;
+            margin: 0 auto;
+          }
+          .lx-pb-social {
+            position: static; display: inline-block;
+            margin-bottom: 12px; margin-right: auto;
+          }
+        }
+      ` }), _jsxs("div", { className: "lx-pb-wrap", children: [_jsxs("div", { className: "lx-pb-text", children: [socialProof && (_jsx("div", { className: "lx-pb-social", style: { color: theme.palette.text }, children: socialProof })), tagline && (_jsx("p", { "data-lx-field": "eyebrow", style: { color: "rgba(255,255,255,0.7)", fontSize: "0.875rem", fontWeight: 500, marginBottom: "var(--lx-herofullbleed-tagline-margin-bottom, var(--lx-space-sm))", letterSpacing: "0.05em", ...elStyle(elementStyles, "eyebrow") }, children: tagline })), _jsx("h1", { "data-lx-field": "headline", style: {
+                                    fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                    fontSize: "clamp(2rem, 5vw, 4.5rem)",
+                                    fontWeight: 900, color: "#fff", lineHeight: 1.0,
+                                    margin: "0 0 var(--lx-herofullbleed-headline-margin-bottom, var(--lx-space-sm))", letterSpacing: "-0.02em",
+                                    ...elStyle(elementStyles, "headline"),
+                                }, children: headline }), productName && (_jsx("h2", { style: {
+                                    fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                    fontSize: "clamp(2.5rem, 7vw, 6rem)",
+                                    fontWeight: 900, color: "#fff", lineHeight: 0.95,
+                                    margin: "0 0 var(--lx-herofullbleed-product-name-margin-bottom, var(--lx-space-lg))", letterSpacing: "-0.03em",
+                                }, children: productName })), features.length > 0 && (_jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "var(--lx-herofullbleed-features-gap-y, var(--lx-space-3)) var(--lx-herofullbleed-features-gap-x, var(--lx-space-5))" }, children: features.map((f, i) => (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [_jsx("span", { children: renderIcon(f.icon, { size: 16, color: "rgba(255,255,255,0.9)" }) }), _jsx("span", { style: { fontSize: "0.78rem", color: "rgba(255,255,255,0.85)", fontFamily: theme.fonts.body, fontWeight: 500 }, children: f.text })] }, i))) }))] }), _jsx("div", { className: "lx-pb-img-col", children: productImageUrl && (_jsx("img", { "data-lx-field": "media_url", src: productImageUrl, alt: productName || headline, className: "lx-pb-img", style: elStyle(elementStyles, "media_url") })) })] }), price && (_jsxs("div", { style: {
+                    position: "absolute", bottom: 0, left: 0, right: 0,
+                    backgroundColor: "rgba(0,0,0,0.25)", backdropFilter: "blur(8px)",
+                    padding: "10px 24px", display: "flex", alignItems: "center",
+                    justifyContent: "space-between", gap: "var(--lx-herofullbleed-pricebar-gap, var(--lx-space-3))",
+                    zIndex: 5,
+                }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [comparePrice && (_jsx("span", { style: { fontSize: "0.9rem", textDecoration: "line-through", color: "rgba(255,255,255,0.6)" }, children: comparePrice })), _jsx("span", { style: { fontSize: "1.1rem", fontWeight: 700, color: "#fff" }, children: price }), comparePrice && (() => {
+                                const pct = Math.round((1 - parseFloat(price.replace(/[^0-9.]/g, "")) / parseFloat(comparePrice.replace(/[^0-9.]/g, ""))) * 100);
+                                return pct > 0 ? (_jsxs("span", { style: { backgroundColor: "var(--lx-color-success)", color: "#fff", fontSize: "0.7rem", fontWeight: 700, padding: "2px 8px", borderRadius: "var(--lx-herofullbleed-badge-radius, var(--lx-radius-sm))" }, children: [pct, "% OFF"] })) : null;
+                            })()] }), _jsx("button", { type: "button", "data-lx-atc": true, "data-qty": "1", "data-lx-field": "cta_text", style: {
+                            backgroundColor: "#fff", color: bgColor,
+                            border: "none", borderRadius: "var(--lx-herofullbleed-cta-radius, var(--lx-radius-full))",
+                            padding: "10px 28px", fontSize: "0.875rem", fontWeight: 700,
+                            cursor: "pointer", fontFamily: theme.fonts.body,
+                        }, children: ctaText })] }))] }));
+}
+export default function HeroFullBleed({ content, variant, theme, settings, elementStyles }) {
+    if (variant === "product_breakout")
+        return _jsx(HeroProductBreakout, { content: content, variant: variant, theme: theme });
+    const headline = content.headline;
+    const subhead = content.subhead;
+    const ctaText = content.cta_text;
+    const bgMediaUrl = content.bg_media_url;
+    const isVideo = variant === "video-bg";
+    const isParallax = variant === "parallax";
+    const isDarkOverlay = variant === "dark_overlay";
+    const isGradientOverlay = variant === "gradient_overlay";
+    const minH = settings?.min_height ?? "100vh";
+    return (_jsxs("section", { className: "relative w-full flex items-center justify-center overflow-hidden", style: { backgroundColor: theme.palette.bg, minHeight: minH }, children: [bgMediaUrl && !isVideo && (_jsx("div", { "data-lx-field": "bg_media_url", className: "absolute inset-0 bg-cover bg-center", style: {
+                    backgroundImage: `url(${bgMediaUrl})`,
+                    backgroundAttachment: isParallax ? "fixed" : "scroll",
+                    ...elStyle(elementStyles, "bg_media_url"),
+                } })), bgMediaUrl && isVideo && (_jsx(MediaLoop, { "data-lx-field": "bg_media_url", src: bgMediaUrl, fit: "cover", className: "absolute inset-0 w-full h-full", style: elStyle(elementStyles, "bg_media_url") })), _jsx("div", { className: "absolute inset-0", style: {
+                    background: isDarkOverlay
+                        ? "var(--lx-overlay-heavy)"
+                        : isGradientOverlay
+                            ? `linear-gradient(135deg, ${theme.palette.accent}cc 0%, rgba(0,0,0,0.7) 100%)`
+                            : `linear-gradient(to bottom, ${theme.palette.bg}cc 0%, ${theme.palette.bg}88 50%, ${theme.palette.bg}cc 100%)`,
+                } }), _jsxs("div", { className: "relative z-10 text-center px-5 py-16 md:py-24 lg:py-32 max-w-4xl mx-auto", children: [_jsx("h1", { "data-lx-field": "headline", className: "text-[clamp(2.5rem,6vw,5rem)] leading-[1.05] tracking-tight mb-6", style: {
+                            fontFamily: `${theme.fonts.display}, serif`,
+                            color: (isDarkOverlay || isGradientOverlay) ? "#ffffff" : theme.palette.text,
+                            ...elStyle(elementStyles, "headline"),
+                        }, children: _jsx(HeadlineEffect, { text: headline, effect: content.headline_effect, accent: theme.palette.accent, textColor: (isDarkOverlay || isGradientOverlay) ? "#ffffff" : theme.palette.text, highlightWords: content.headline_highlight_words || [], prefix: content.headline_prefix, words: content.headline_rotating_words || [] }) }), subhead && (_jsx("p", { "data-lx-field": "subhead", className: "text-lg md:text-xl max-w-2xl mx-auto mb-10 opacity-80", style: {
+                            fontFamily: `${theme.fonts.body}, sans-serif`,
+                            color: (isDarkOverlay || isGradientOverlay) ? "#ffffff" : theme.palette.text,
+                            ...elStyle(elementStyles, "subhead"),
+                        }, children: subhead })), ctaText && (_jsx("button", { "data-lx-field": "cta_text", className: "inline-flex items-center px-8 py-4 font-semibold text-white hover:-translate-y-0.5 transition-transform", style: {
+                            backgroundColor: theme.palette.accent,
+                            borderRadius: "var(--lx-herofullbleed-cta-radius, var(--lx-radius-full))",
+                            ...elStyle(elementStyles, "cta_text"),
+                        }, children: ctaText })), content.cta_secondary_text && (_jsx("div", { className: "mt-4", children: _jsxs("a", { href: renderText(content.cta_secondary_url) || "#", className: "inline-flex items-center gap-2 text-sm font-medium text-white/60 hover:text-white/80 transition-colors", children: [_jsx("span", { children: "\u25B6" }), renderText(content.cta_secondary_text)] }) })), content.social_proof_text && (_jsx("p", { className: "text-sm mt-4 text-white/50", children: renderText(content.social_proof_text) })), Array.isArray(content.trust_items) && content.trust_items.length > 0 && (_jsx("div", { className: "flex flex-wrap justify-center gap-x-5 gap-y-1.5 mt-5", children: content.trust_items.map((item, idx) => (_jsxs("span", { className: "flex items-center gap-1.5 text-xs font-medium text-white/45", children: [_jsx("span", { children: item.icon }), item.text] }, idx))) }))] })] }));
+}
+//# sourceMappingURL=HeroFullBleed.js.map

package/dist/heroes/HeroFullBleed.js.map

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

package/dist/heroes/HeroMini.d.ts

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

package/dist/heroes/HeroMini.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroMini.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroMini.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAmE5E"}

package/dist/heroes/HeroMini.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { HeadlineEffect } from "../primitives/HeadlineEffect";
+export default function HeroMini({ content, theme, settings }) {
+    const headline = renderText(content.headline);
+    const subhead = content.subhead ? renderText(content.subhead) : undefined;
+    const ctaText = content.cta_text ? renderText(content.cta_text) : undefined;
+    return (_jsx("section", { className: "px-5 text-center", style: {
+            backgroundColor: theme.palette.bg,
+            minHeight: settings?.min_height ?? "auto",
+            paddingTop: settings?.spacing?.top ?? "3rem",
+            paddingBottom: settings?.spacing?.bottom ?? "3rem",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+        }, children: _jsxs("div", { className: "mx-auto max-w-2xl", children: [_jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl leading-tight tracking-tight mb-3", style: {
+                        fontFamily: `${theme.fonts.display}, serif`,
+                        color: theme.palette.text,
+                    }, children: _jsx(HeadlineEffect, { text: headline, effect: content.headline_effect, accent: theme.palette.accent, textColor: theme.palette.text, highlightWords: content.headline_highlight_words || [], prefix: content.headline_prefix, words: content.headline_rotating_words || [] }) }), subhead && (_jsx("p", { className: "text-base md:text-lg opacity-70 mb-6", style: { color: theme.palette.text, fontFamily: `${theme.fonts.body}, sans-serif` }, children: subhead })), ctaText && (_jsx("button", { className: "inline-flex items-center px-6 py-3 text-sm font-semibold text-white hover:-translate-y-0.5 transition-transform", style: {
+                        backgroundColor: theme.palette.accent,
+                        borderRadius: `var(--lx-button-radius, 9999px)`,
+                    }, children: ctaText })), content.social_proof_text && (_jsx("p", { className: "text-xs mt-3", style: { color: theme.palette.text, opacity: 0.5 }, children: renderText(content.social_proof_text) })), Array.isArray(content.trust_items) && content.trust_items.length > 0 && (_jsx("div", { className: "flex flex-wrap justify-center gap-x-4 gap-y-1 mt-3", children: content.trust_items.map((item, idx) => (_jsxs("span", { className: "flex items-center gap-1 text-xs font-medium", style: { color: theme.palette.text, opacity: 0.4 }, children: [_jsx("span", { children: item.icon }), item.text] }, idx))) }))] }) }));
+}
+//# sourceMappingURL=HeroMini.js.map

package/dist/heroes/HeroMini.js.map

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

package/dist/heroes/HeroParallax.d.ts

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

package/dist/heroes/HeroParallax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroParallax.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroParallax.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA0JzF"}