@lexsis/storefront-components 1.0.0

package/dist/content/BeforeAfterSlider.js.map

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

package/dist/content/ImageTextSplit.d.ts

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

package/dist/content/ImageTextSplit.d.ts.map

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

package/dist/content/ImageTextSplit.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveRadius } from "../theme/resolve";
+import { elStyle } from "../utils/elementStyles";
+export default function ImageTextSplit({ content, variant, theme, elementStyles }) {
+    const headline = content.headline;
+    const body = content.body;
+    const imageUrl = content.image_url;
+    const ctaText = content.cta_text;
+    const isImageRight = variant === "image-right";
+    const is6040 = variant === "60-40";
+    const imageColClass = is6040
+        ? "w-full lg:w-[60%]"
+        : "w-full lg:w-1/2";
+    const textColClass = is6040
+        ? "w-full lg:w-[40%]"
+        : "w-full lg:w-1/2";
+    const radius = resolveRadius(theme.borderRadius, "var(--lx-radius-md)");
+    return (_jsx("section", { className: "py-16 px-5 md:py-24 lg:py-32", style: { backgroundColor: theme.palette.bg }, children: _jsxs("div", { className: `mx-auto max-w-6xl flex flex-col lg:flex-row items-center gap-10 lg:gap-16 ${isImageRight ? "lg:flex-row-reverse" : ""}`, children: [_jsx("div", { className: imageColClass, children: _jsx("img", { src: imageUrl, alt: headline, className: "w-full h-auto shadow-lg object-cover", style: { borderRadius: radius } }) }), _jsxs("div", { className: textColClass, children: [_jsx("h2", { "data-lx-field": "headline", className: "text-3xl md:text-4xl font-bold mb-5", style: {
+                                fontFamily: `${theme.fonts.display}, serif`,
+                                color: theme.palette.text,
+                                ...elStyle(elementStyles, "headline"),
+                            }, children: headline }), _jsx("p", { "data-lx-field": "body", className: "text-base md:text-lg leading-relaxed mb-8 opacity-80", style: {
+                                fontFamily: `${theme.fonts.body}, sans-serif`,
+                                color: theme.palette.text,
+                                ...elStyle(elementStyles, "body"),
+                            }, children: body }), 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-imagetextsplit-cta-radius, var(--lx-radius-full))",
+                                fontFamily: `${theme.fonts.body}, sans-serif`,
+                                ...elStyle(elementStyles, "cta_text"),
+                            }, children: ctaText }))] })] }) }));
+}
+//# sourceMappingURL=ImageTextSplit.js.map

package/dist/content/ImageTextSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageTextSplit.js","sourceRoot":"","sources":["../../src/content/ImageTextSplit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAkB;IAC/F,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAkB,CAAC;IAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;IACpC,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAmB,CAAC;IAC7C,MAAM,OAAO,GAAG,OAAO,CAAC,QAA8B,CAAC;IAEvD,MAAM,YAAY,GAAG,OAAO,KAAK,aAAa,CAAC;IAC/C,MAAM,MAAM,GAAG,OAAO,KAAK,OAAO,CAAC;IAEnC,MAAM,aAAa,GAAG,MAAM;QAC1B,CAAC,CAAC,mBAAmB;QACrB,CAAC,CAAC,iBAAiB,CAAC;IACtB,MAAM,YAAY,GAAG,MAAM;QACzB,CAAC,CAAC,mBAAmB;QACrB,CAAC,CAAC,iBAAiB,CAAC;IAEtB,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAC;IAExE,OAAO,CACL,kBACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,YAE5C,eACE,SAAS,EAAE,6EACT,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EACzC,EAAE,aAEF,cAAK,SAAS,EAAE,aAAa,YAC3B,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,GAC/B,GACE,EACN,eAAK,SAAS,EAAE,YAAY,aAC1B,8BACgB,UAAU,EACxB,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;gCACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;gCAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gCACzB,GAAG,OAAO,CAAC,aAAa,EAAE,UAAU,CAAC;6BACtC,YAEA,QAAQ,GACN,EACL,6BACgB,MAAM,EACpB,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE;gCACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;gCAC7C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gCACzB,GAAG,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC;6BAClC,YAEA,IAAI,GACH,EACH,OAAO,IAAI,CACV,kCACgB,UAAU,EACxB,SAAS,EAAC,yGAAyG,EACnH,KAAK,EAAE;gCACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM;gCACrC,YAAY,EAAE,4DAA4D;gCAC1E,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;gCAC7C,GAAG,OAAO,CAAC,aAAa,EAAE,UAAU,CAAC;6BACtC,YAEA,OAAO,GACD,CACV,IACG,IACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/content/LookbookGrid.d.ts

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

package/dist/content/LookbookGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LookbookGrid.d.ts","sourceRoot":"","sources":["../../src/content/LookbookGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAmK/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAqB,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CA8Q5G"}

package/dist/content/LookbookGrid.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+import { renderText } from "../renderText";
+import { AspectBox } from "../primitives/AspectBox";
+import { MediaFlip } from "../primitives/MediaFlip";
+import { MediaLoop } from "../primitives/MediaLoop";
+import { elStyle } from "../utils/elementStyles";
+const KEYFRAMES = `
+  @keyframes lx-fade-up    { from { opacity:0; transform:translateY(32px) } to { opacity:1; transform:none } }
+  @keyframes lx-fade-in    { from { opacity:0 } to { opacity:1 } }
+  @keyframes lx-slide-left { from { opacity:0; transform:translateX(40px) } to { opacity:1; transform:none } }
+  @keyframes lx-scale-up   { from { opacity:0; transform:scale(0.92) } to { opacity:1; transform:none } }
+`;
+const ANIM_NAME = {
+    fade_up: "lx-fade-up",
+    fade_in: "lx-fade-in",
+    slide_left: "lx-slide-left",
+    scale_up: "lx-scale-up",
+    none: "",
+};
+const GAP_MAP = {
+    none: "0px",
+    xs: "2px",
+    sm: "4px",
+    md: "8px",
+};
+function resolveAnim(itemReveal, globalStyle) {
+    if (!itemReveal || itemReveal === "inherit")
+        return globalStyle;
+    return itemReveal;
+}
+function animStyle(anim, delayMs) {
+    if (anim === "none")
+        return {};
+    return {
+        animation: `${ANIM_NAME[anim]} 0.55s cubic-bezier(0.22,1,0.36,1) forwards`,
+        animationDelay: `${delayMs}ms`,
+    };
+}
+// ── Tile ─────────────────────────────────────────────────────────────────────
+function Tile({ item, aspect, isVisible, animationStyle, delayMs, accentColor, textColor, fontFamily, elementStyles, }) {
+    const resolved = resolveAnim(item.reveal, animationStyle);
+    const revealStyle = isVisible
+        ? animStyle(resolved, delayMs)
+        : { opacity: 0 };
+    return (_jsx("div", { className: "flex flex-col h-full overflow-hidden", style: revealStyle, children: _jsxs("a", { href: item.url ?? "#", className: "group flex flex-col h-full overflow-hidden", style: { textDecoration: "none", backgroundColor: "#f3f3f0" }, children: [item.image_url && (item.hover_image || item.hover_effect) ? (_jsx(MediaFlip, { images: item.hover_image ? [item.image_url, item.hover_image] : [item.image_url], hoverEffect: item.hover_effect, aspect: aspect, fit: "cover", alt: item.label, className: "flex-1 w-full" })) : (_jsxs(AspectBox, { aspect: aspect, className: "flex-1 w-full relative", children: [item.image_url ? (_jsx(MediaLoop, { src: item.image_url, alt: item.label, fit: "cover", className: "group-hover:scale-105 transition-transform duration-500" })) : (_jsx("div", { className: "w-full h-full bg-gray-200" })), item.tint_color && (_jsx("div", { className: "absolute inset-0 pointer-events-none", style: {
+                                backgroundColor: item.tint_color,
+                                mixBlendMode: "multiply",
+                                opacity: 0.4,
+                            } }))] })), _jsxs("div", { className: "flex items-center justify-between px-3 py-2 shrink-0", style: { backgroundColor: "#ffffff", borderTop: "1px solid #e5e5e5" }, children: [_jsx("span", { "data-lx-field": "label", className: "text-xs font-medium truncate", style: { color: textColor, fontFamily, ...elStyle(elementStyles, "label") }, children: item.label }), item.tag && (_jsx("span", { className: "ml-2 shrink-0 text-[9px] font-bold tracking-widest uppercase px-1.5 py-0.5 border", style: { color: accentColor, borderColor: accentColor }, children: item.tag }))] })] }) }));
+}
+// ── Jumbled presets ───────────────────────────────────────────────────────────
+const JUMBLED_ASPECTS = ["2:3", "1:1", "4:5", "3:2", "16:9", "3:4"];
+const JUMBLED_SPANS = [2, 1, 1, 1, 2, 1];
+const JUMBLED_ANIMS = ["fade_up", "scale_up", "slide_left", "fade_in", "scale_up", "fade_up"];
+// ── Main component ─────────────────────────────────────────────────────────────
+export default function LookbookGrid({ content, variant = "editorial", theme, elementStyles }) {
+    const heading = content.heading ? renderText(content.heading) : undefined;
+    const cols = content.cols ? String(content.cols) : "3";
+    const gap = content.gap ? String(content.gap) : "xs";
+    const animationStyle = content.animation_style ?? "fade_up";
+    const staggerDelay = typeof content.stagger_delay === "number" ? content.stagger_delay : 80;
+    const rawItems = content.items || [];
+    const items = rawItems.map((item) => {
+        const obj = item;
+        return {
+            image_url: obj.image_url ? renderText(obj.image_url) : "",
+            hover_image: obj.hover_image ? renderText(obj.hover_image) : undefined,
+            hover_effect: obj.hover_effect ? String(obj.hover_effect) : undefined,
+            label: obj.label ? renderText(obj.label) : "",
+            tag: obj.tag ? renderText(obj.tag) : undefined,
+            url: obj.url ? renderText(obj.url) : undefined,
+            aspect: obj.aspect ? String(obj.aspect) : undefined,
+            col_span: obj.col_span ? String(obj.col_span) : undefined,
+            row_span: obj.row_span ? String(obj.row_span) : undefined,
+            reveal: obj.reveal ? String(obj.reveal) : undefined,
+            tint_color: obj.tint_color ? String(obj.tint_color) : undefined,
+            grid_col: typeof obj.grid_col === "number" ? obj.grid_col : undefined,
+            grid_row: typeof obj.grid_row === "number" ? obj.grid_row : undefined,
+        };
+    });
+    // ── IntersectionObserver per tile ──────────────────────────────────────────
+    const tileRefs = useRef([]);
+    const [visible, setVisible] = useState(new Set());
+    useEffect(() => {
+        const observers = items.map((_, i) => {
+            const el = tileRefs.current[i];
+            if (!el)
+                return null;
+            const io = new IntersectionObserver(([entry]) => {
+                if (entry.isIntersecting) {
+                    setVisible((v) => new Set([...v, i]));
+                    io.disconnect();
+                }
+            }, { threshold: 0.1 });
+            io.observe(el);
+            return io;
+        });
+        return () => observers.forEach((o) => o?.disconnect());
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [items.length]);
+    const accentColor = theme.palette.accent;
+    const textColor = theme.palette.text;
+    const fontFamily = `${theme.fonts.body}, sans-serif`;
+    const gapPx = GAP_MAP[gap] ?? "2px";
+    const gridCols = Number(cols) || 3;
+    const uid = useId().replace(/:/g, "");
+    const gridId = `lx-lb-${uid}`;
+    const responsiveCss = `
+    @media (max-width: 639px) {
+      #${gridId} { grid-template-columns: 1fr !important; }
+      #${gridId} > * { grid-column: 1 !important; grid-row: unset !important; }
+    }
+    @media (min-width: 640px) and (max-width: 1023px) {
+      #${gridId} { grid-template-columns: repeat(2, 1fr); }
+    }
+    @media (min-width: 1024px) {
+      #${gridId} { grid-template-columns: repeat(${variant === "editorial" ? 3 : gridCols}, 1fr); }
+    }
+    #${gridId} > div {
+      max-height: 560px;
+      overflow: hidden;
+    }
+  `;
+    const tileProps = { accentColor, textColor, fontFamily, animationStyle, elementStyles };
+    // ── Editorial default spans ────────────────────────────────────────────────
+    // item[0]=col1 row1-2 (tall), item[1]=col2 row1, item[2]=col3 row1, item[3]=col2-3 row2
+    function editorialPlacement(i) {
+        const item = items[i];
+        if (variant !== "editorial")
+            return {};
+        const colSpan = item.col_span ? Number(item.col_span) : (i === 3 ? 2 : 1);
+        const rowSpan = item.row_span ? Number(item.row_span) : (i === 0 ? 2 : 1);
+        const colStart = item.grid_col ?? (i === 0 ? 1 : i === 1 ? 2 : i === 2 ? 3 : 2);
+        const rowStart = item.grid_row ?? (i === 0 ? 1 : i === 1 ? 1 : i === 2 ? 1 : 2);
+        return {
+            gridColumn: `${colStart} / span ${colSpan}`,
+            gridRow: `${rowStart} / span ${rowSpan}`,
+        };
+    }
+    function editorialAspect(i) {
+        const item = items[i];
+        if (item.aspect)
+            return item.aspect;
+        if (i === 0)
+            return "2:3";
+        if (i === 3)
+            return "16:9";
+        return "4:3";
+    }
+    // ── Mosaic default aspects ────────────────────────────────────────────────
+    function mosaicAspect(i) {
+        const item = items[i];
+        if (item.aspect)
+            return item.aspect;
+        const col = i % gridCols;
+        return col === 0 ? "3:5" : col === 1 ? "4:5" : "1:1";
+    }
+    return (_jsxs("section", { style: { backgroundColor: theme.palette.bg }, children: [_jsxs("style", { children: [KEYFRAMES, responsiveCss] }), heading && (_jsx("div", { className: "mx-auto max-w-7xl px-5 pt-12 pb-6 text-center", children: _jsx("h2", { "data-lx-field": "heading", className: "text-[clamp(1.5rem,3vw,2.5rem)] leading-tight tracking-tight", style: { fontFamily: `${theme.fonts.display}, serif`, color: textColor, ...elStyle(elementStyles, "heading") }, children: heading }) })), variant === "editorial" && (_jsx("div", { id: gridId, className: "grid", style: { gap: gapPx }, children: items.map((item, i) => (_jsx("div", { ref: (el) => { tileRefs.current[i] = el; }, style: editorialPlacement(i), children: _jsx(Tile, { item: item, aspect: editorialAspect(i), isVisible: visible.has(i), delayMs: i * staggerDelay, ...tileProps }) }, i))) })), variant === "mosaic" && (_jsx("div", { id: gridId, className: "grid", style: { gap: gapPx }, children: items.map((item, i) => (_jsx("div", { ref: (el) => { tileRefs.current[i] = el; }, style: {
+                        gridColumn: item.col_span ? `span ${item.col_span}` : "span 1",
+                        gridRow: item.row_span ? `span ${item.row_span}` : "span 1",
+                    }, children: _jsx(Tile, { item: item, aspect: mosaicAspect(i), isVisible: visible.has(i), delayMs: i * staggerDelay, ...tileProps }) }, i))) })), variant === "uniform" && (_jsx("div", { id: gridId, className: "grid", style: { gap: gapPx }, children: items.map((item, i) => (_jsx("div", { ref: (el) => { tileRefs.current[i] = el; }, style: {
+                        gridColumn: item.col_span ? `span ${item.col_span}` : "span 1",
+                        gridRow: item.row_span ? `span ${item.row_span}` : "span 1",
+                    }, children: _jsx(Tile, { item: item, aspect: item.aspect ?? "3:4", isVisible: visible.has(i), delayMs: i * staggerDelay, ...tileProps }) }, i))) })), variant === "jumbled" && (_jsx("div", { id: gridId, className: "grid", style: { gap: gapPx }, children: items.map((item, i) => {
+                    const pattern = i % 6;
+                    const colSpan = item.col_span ? Number(item.col_span) : JUMBLED_SPANS[pattern];
+                    const aspect = item.aspect ?? JUMBLED_ASPECTS[pattern];
+                    const anim = (item.reveal && item.reveal !== "inherit")
+                        ? item.reveal
+                        : JUMBLED_ANIMS[pattern];
+                    const delay = i * staggerDelay + (i % 3) * 20;
+                    return (_jsx("div", { ref: (el) => { tileRefs.current[i] = el; }, style: { gridColumn: `span ${colSpan}` }, children: _jsx(Tile, { item: item, aspect: aspect, isVisible: visible.has(i), delayMs: delay, ...tileProps, animationStyle: anim }) }, i));
+                }) })), variant === "custom" && (_jsx("div", { id: gridId, className: "grid", style: { gap: gapPx }, children: items.map((item, i) => (_jsx("div", { ref: (el) => { tileRefs.current[i] = el; }, style: {
+                        gridColumn: item.grid_col
+                            ? `${item.grid_col} / span ${item.col_span ?? "1"}`
+                            : `span ${item.col_span ?? "1"}`,
+                        gridRow: item.grid_row
+                            ? `${item.grid_row} / span ${item.row_span ?? "1"}`
+                            : `span ${item.row_span ?? "1"}`,
+                    }, children: _jsx(Tile, { item: item, aspect: item.aspect ?? "3:4", isVisible: visible.has(i), delayMs: i * staggerDelay, ...tileProps }) }, i))) }))] }));
+}
+//# sourceMappingURL=LookbookGrid.js.map

package/dist/content/LookbookGrid.js.map

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

package/dist/content/ParallaxSection.d.ts

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

package/dist/content/ParallaxSection.d.ts.map

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

package/dist/content/ParallaxSection.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function ParallaxSection({ content, variant, theme, elementStyles }) {
+    const heading = renderText(content.heading);
+    const subhead = renderText(content.subhead);
+    const imageUrl = renderText(content.image_url);
+    const body = renderText(content.body);
+    const accent = theme.palette.accent;
+    const textColor = theme.palette.text;
+    const sectionRef = useRef(null);
+    const [progress, setProgress] = useState(0);
+    useEffect(() => {
+        function handleScroll() {
+            const el = sectionRef.current;
+            if (!el)
+                return;
+            const rect = el.getBoundingClientRect();
+            const p = 1 - (rect.top + rect.height / 2) / window.innerHeight;
+            setProgress(Math.min(1, Math.max(0, p)));
+        }
+        window.addEventListener("scroll", handleScroll, { passive: true });
+        handleScroll();
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, []);
+    if (variant === "image_scroll") {
+        return (_jsxs("section", { ref: sectionRef, style: { position: "relative", minHeight: "500px", overflow: "hidden", backgroundColor: theme.palette.bg }, children: [_jsx("div", { style: {
+                        position: "absolute",
+                        inset: 0,
+                        height: "120%",
+                        top: "-10%",
+                        transform: `translateY(${progress * 60 - 30}px)`,
+                    }, children: imageUrl && (_jsx("img", { src: imageUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } })) }), _jsxs("div", { style: {
+                        position: "absolute",
+                        bottom: 0,
+                        left: 0,
+                        right: 0,
+                        background: "linear-gradient(to top, var(--lx-overlay-heavy), transparent)",
+                        padding: "var(--lx-parallaxsection-padding, var(--lx-space-xl))",
+                        color: "#fff",
+                    }, children: [heading && _jsx("h2", { "data-lx-field": "heading", style: { fontFamily: theme.fonts.display, fontSize: "2.5rem", fontWeight: 700, marginBottom: "var(--lx-parallaxsection-heading-margin-bottom, var(--lx-space-sm))", ...elStyle(elementStyles, "heading") }, children: heading }), subhead && _jsx("p", { "data-lx-field": "subhead", style: { fontFamily: theme.fonts.body, fontSize: "1.1rem", opacity: 0.85, ...elStyle(elementStyles, "subhead") }, children: subhead }), body && _jsx("p", { "data-lx-field": "body", style: { fontFamily: theme.fonts.body, opacity: 0.75, marginTop: "var(--lx-parallaxsection-body-margin-top, var(--lx-space-sm))", ...elStyle(elementStyles, "body") }, children: body })] })] }));
+    }
+    if (variant === "text_layers") {
+        return (_jsxs("section", { ref: sectionRef, style: { backgroundColor: theme.palette.bg, padding: "var(--lx-parallaxsection-padding-y, var(--lx-space-20)) var(--lx-parallaxsection-padding-x, var(--lx-space-5))", textAlign: "center", overflow: "hidden" }, children: [_jsx("div", { style: { transform: `translateY(${progress * -40}px)`, transition: "transform 0.05s linear" }, children: heading && (_jsx("h2", { "data-lx-field": "heading", style: { fontFamily: theme.fonts.display, color: textColor, fontSize: "3rem", fontWeight: 700, marginBottom: "var(--lx-parallaxsection-heading-margin-bottom, var(--lx-space-md))", ...elStyle(elementStyles, "heading") }, children: heading })) }), _jsxs("div", { style: { transform: `translateY(${progress * -20}px)`, transition: "transform 0.05s linear" }, children: [subhead && (_jsx("p", { "data-lx-field": "subhead", style: { fontFamily: theme.fonts.body, color: textColor, opacity: 0.7, fontSize: "1.25rem", maxWidth: "600px", margin: "0 auto", ...elStyle(elementStyles, "subhead") }, children: subhead })), body && (_jsx("p", { "data-lx-field": "body", style: { fontFamily: theme.fonts.body, color: textColor, opacity: 0.6, marginTop: "var(--lx-parallaxsection-body-margin-top, var(--lx-space-md))", maxWidth: "600px", margin: "var(--lx-parallaxsection-body-margin-top, var(--lx-space-md)) auto 0", ...elStyle(elementStyles, "body") }, children: body }))] })] }));
+    }
+    if (variant === "zoom_on_scroll") {
+        return (_jsxs("section", { ref: sectionRef, style: { position: "relative", minHeight: "500px", overflow: "hidden", backgroundColor: theme.palette.bg }, children: [_jsx("div", { style: {
+                        position: "absolute",
+                        inset: 0,
+                        transform: `scale(${1 + progress * 0.15})`,
+                        transition: "transform 0.05s linear",
+                    }, children: imageUrl && (_jsx("img", { src: imageUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } })) }), _jsxs("div", { style: {
+                        position: "absolute",
+                        bottom: 0,
+                        left: 0,
+                        right: 0,
+                        background: "linear-gradient(to top, var(--lx-overlay-heavy), transparent)",
+                        padding: "var(--lx-parallaxsection-padding, var(--lx-space-xl))",
+                        color: "#fff",
+                    }, children: [heading && _jsx("h2", { "data-lx-field": "heading", style: { fontFamily: theme.fonts.display, fontSize: "2.5rem", fontWeight: 700, marginBottom: "var(--lx-parallaxsection-heading-margin-bottom, var(--lx-space-sm))", ...elStyle(elementStyles, "heading") }, children: heading }), subhead && _jsx("p", { "data-lx-field": "subhead", style: { fontFamily: theme.fonts.body, fontSize: "1.1rem", opacity: 0.85, ...elStyle(elementStyles, "subhead") }, children: subhead }), body && _jsx("p", { "data-lx-field": "body", style: { fontFamily: theme.fonts.body, opacity: 0.75, marginTop: "var(--lx-parallaxsection-body-margin-top, var(--lx-space-sm))", ...elStyle(elementStyles, "body") }, children: body })] })] }));
+    }
+    // fallback: image_scroll
+    return (_jsxs("section", { ref: sectionRef, style: { position: "relative", minHeight: "500px", overflow: "hidden", backgroundColor: theme.palette.bg }, children: [_jsx("div", { style: { position: "absolute", inset: 0, height: "120%", top: "-10%", transform: `translateY(${progress * 60 - 30}px)` }, children: imageUrl && _jsx("img", { src: imageUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } }) }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, background: "linear-gradient(to top, var(--lx-overlay-heavy), transparent)", padding: "var(--lx-parallaxsection-padding, var(--lx-space-xl))", color: "#fff" }, children: [heading && _jsx("h2", { "data-lx-field": "heading", style: { fontFamily: theme.fonts.display, fontSize: "2.5rem", fontWeight: 700, ...elStyle(elementStyles, "heading") }, children: heading }), subhead && _jsx("p", { "data-lx-field": "subhead", style: { fontFamily: theme.fonts.body, opacity: 0.85, ...elStyle(elementStyles, "subhead") }, children: subhead })] })] }));
+}
+//# sourceMappingURL=ParallaxSection.js.map

package/dist/content/ParallaxSection.js.map

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

package/dist/content/RichText.d.ts

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

package/dist/content/RichText.d.ts.map

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

package/dist/content/RichText.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { elStyle } from "../utils/elementStyles";
+export default function RichText({ content, variant, theme, elementStyles }) {
+    const bodyHtml = content.body_html;
+    const heading = content.heading;
+    const containerClass = {
+        centered: "max-w-3xl mx-auto text-center",
+        "left-aligned": "max-w-4xl",
+        "two-column": "max-w-5xl mx-auto",
+    };
+    return (_jsx("section", { className: "py-16 px-5 md:py-24 lg:py-32", style: { backgroundColor: theme.palette.bg }, children: _jsxs("div", { className: containerClass[variant] || containerClass.centered, children: [heading && (_jsx("h2", { "data-lx-field": "heading", className: "text-3xl md:text-4xl font-bold mb-8", style: {
+                        fontFamily: `${theme.fonts.display}, serif`,
+                        color: theme.palette.text,
+                        ...elStyle(elementStyles, "heading"),
+                    }, children: heading })), _jsx("div", { "data-lx-field": "body_html", className: `prose prose-lg leading-relaxed ${variant === "two-column" ? "columns-1 md:columns-2 gap-8" : ""}`, style: {
+                        fontFamily: `${theme.fonts.body}, sans-serif`,
+                        color: theme.palette.text,
+                        ...elStyle(elementStyles, "body_html"),
+                    }, dangerouslySetInnerHTML: { __html: bodyHtml } })] }) }));
+}
+//# sourceMappingURL=RichText.js.map

package/dist/content/RichText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../src/content/RichText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAkB;IACzF,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAmB,CAAC;IAC7C,MAAM,OAAO,GAAG,OAAO,CAAC,OAA6B,CAAC;IAEtD,MAAM,cAAc,GAA2B;QAC7C,QAAQ,EAAE,+BAA+B;QACzC,cAAc,EAAE,WAAW;QAC3B,YAAY,EAAE,mBAAmB;KAClC,CAAC;IAEF,OAAO,CACL,kBACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,YAE5C,eAAK,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,cAAc,CAAC,QAAQ,aAC/D,OAAO,IAAI,CACV,8BACgB,SAAS,EACvB,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;wBACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;wBAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;wBACzB,GAAG,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC;qBACrC,YAEA,OAAO,GACL,CACN,EACD,+BACgB,WAAW,EACzB,SAAS,EAAE,kCAAkC,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7G,KAAK,EAAE;wBACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,cAAc;wBAC7C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;wBACzB,GAAG,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC;qBACvC,EACD,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAC7C,IACE,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/content/index.d.ts

@@ -0,0 +1,5 @@
+export { default as RichText } from "./RichText";
+export { default as ImageTextSplit } from "./ImageTextSplit";
+export { default as BeforeAfterSlider } from "./BeforeAfterSlider";
+export { default as LookbookGrid } from "./LookbookGrid";
+//# sourceMappingURL=index.d.ts.map

package/dist/content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/content/index.js

@@ -0,0 +1,5 @@
+export { default as RichText } from "./RichText";
+export { default as ImageTextSplit } from "./ImageTextSplit";
+export { default as BeforeAfterSlider } from "./BeforeAfterSlider";
+export { default as LookbookGrid } from "./LookbookGrid";
+//# sourceMappingURL=index.js.map

package/dist/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}