@lexsis/storefront-components 1.0.0

package/dist/primitives/CursorSpotlight.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+export function CursorSpotlight({ radius = 250, color = "rgba(255,255,255,0.18)", children, className = "", style, }) {
+    const ref = useRef(null);
+    const [pos, setPos] = useState({ x: -9999, y: -9999, visible: false });
+    const onMove = (e) => {
+        if (!ref.current)
+            return;
+        const r = ref.current.getBoundingClientRect();
+        setPos({ x: e.clientX - r.left, y: e.clientY - r.top, visible: true });
+    };
+    const onLeave = () => setPos((p) => ({ ...p, visible: false }));
+    return (_jsxs("div", { ref: ref, className: `relative ${className}`, style: { overflow: "hidden", ...style }, onMouseMove: onMove, onMouseLeave: onLeave, children: [children, pos.visible && (_jsx("div", { style: {
+                    position: "absolute",
+                    inset: 0,
+                    pointerEvents: "none",
+                    background: `radial-gradient(circle ${radius}px at ${pos.x}px ${pos.y}px, ${color}, transparent 70%)`,
+                    zIndex: 1,
+                } }))] }));
+}
+//# sourceMappingURL=CursorSpotlight.js.map

package/dist/primitives/CursorSpotlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CursorSpotlight.js","sourceRoot":"","sources":["../../src/primitives/CursorSpotlight.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAWzC,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,GAAG,GAAG,EACZ,KAAK,GAAG,wBAAwB,EAChC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GACgB;IACrB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAEvE,MAAM,MAAM,GAAG,CAAC,CAAmC,EAAE,EAAE;QACrD,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC9C,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,SAAS,EAAE,EAClC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACvC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,OAAO,aAEpB,QAAQ,EACR,GAAG,CAAC,OAAO,IAAI,CACd,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,aAAa,EAAE,MAAM;oBACrB,UAAU,EAAE,0BAA0B,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,OAAO,KAAK,oBAAoB;oBACrG,MAAM,EAAE,CAAC;iBACV,GACD,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/HeadlineEffect.d.ts

@@ -0,0 +1,16 @@
+export interface HeadlineEffectProps {
+    text: string;
+    effect?: string;
+    accent: string;
+    textColor: string;
+    prefix?: string;
+    words?: string[];
+    highlightWords?: string[];
+}
+/**
+ * Drop-in children replacement for any hero <h1>.
+ * When effect is undefined/unknown → plain text, zero overhead.
+ * Heroes own the <h1> wrapper; this component owns only the animated content inside it.
+ */
+export declare function HeadlineEffect({ text, effect, accent, textColor, prefix, words, highlightWords }: HeadlineEffectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeadlineEffect.d.ts.map

package/dist/primitives/HeadlineEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadlineEffect.d.ts","sourceRoot":"","sources":["../../src/primitives/HeadlineEffect.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAU,EAAE,cAAmB,EAAE,EAAE,mBAAmB,2CAY/H"}

package/dist/primitives/HeadlineEffect.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+const SCRAMBLE_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%";
+/**
+ * Drop-in children replacement for any hero <h1>.
+ * When effect is undefined/unknown → plain text, zero overhead.
+ * Heroes own the <h1> wrapper; this component owns only the animated content inside it.
+ */
+export function HeadlineEffect({ text, effect, accent, textColor, prefix, words = [], highlightWords = [] }) {
+    switch (effect) {
+        case "scramble": return _jsx(Scramble, { text: text, accent: accent });
+        case "text_reveal": return _jsx(TextReveal, { text: text, accent: accent });
+        case "glitch": return _jsx(Glitch, { text: text, accent: accent });
+        case "colourful": return _jsx(Colourful, { text: text, accent: accent });
+        case "hero_highlight": return _jsx(HeroHighlight, { text: text, accent: accent, highlightWords: highlightWords });
+        case "word_by_word": return _jsx(WordByWord, { text: text });
+        case "flip_words": return _jsx(FlipWords, { text: text, accent: accent, prefix: prefix, words: words });
+        case "moving_text": return _jsx(MovingText, { text: text, textColor: textColor });
+        default: return _jsx(_Fragment, { children: text });
+    }
+}
+// ── Scramble ──────────────────────────────────────────────────────────────────
+function Scramble({ text, accent }) {
+    const [display, setDisplay] = useState(text);
+    const [settled, setSettled] = useState(false);
+    const count = useRef(0);
+    useEffect(() => {
+        count.current = 0;
+        setSettled(false);
+        const chars = text.split("");
+        const id = setInterval(() => {
+            count.current += 1;
+            const t = count.current;
+            setDisplay(chars.map((c, i) => (i < t || c === " ") ? c : SCRAMBLE_CHARS[Math.floor(Math.random() * SCRAMBLE_CHARS.length)]).join(""));
+            if (t >= chars.length) {
+                clearInterval(id);
+                setSettled(true);
+            }
+        }, 40);
+        return () => clearInterval(id);
+    }, [text]);
+    return (_jsx("span", { style: { fontVariantNumeric: "tabular-nums" }, children: display.split("").map((char, i) => (_jsx("span", { style: { color: !settled && char !== text[i] ? accent : undefined }, children: char }, i))) }));
+}
+// ── TextReveal ────────────────────────────────────────────────────────────────
+function TextReveal({ text }) {
+    const [revealed, setRevealed] = useState(false);
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (typeof IntersectionObserver === "undefined") {
+            setRevealed(true);
+            return;
+        }
+        const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) {
+            setRevealed(true);
+            obs.disconnect();
+        } }, { threshold: 0.1 });
+        obs.observe(el);
+        // Fallback: if already in viewport at mount time, trigger immediately
+        const rect = el.getBoundingClientRect();
+        if (rect.top < window.innerHeight) {
+            setRevealed(true);
+            obs.disconnect();
+        }
+        return () => obs.disconnect();
+    }, []);
+    return (_jsxs("span", { ref: ref, children: [_jsx("style", { children: `@keyframes lx-charReveal { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0% 0 0); } }` }), text.split("").map((char, i) => (_jsx("span", { style: {
+                    display: "inline-block",
+                    clipPath: revealed ? undefined : "inset(0 100% 0 0)",
+                    animation: revealed ? `lx-charReveal 0.4s ease forwards ${i * 0.025}s` : undefined,
+                }, children: char === " " ? " " : char }, i)))] }));
+}
+// ── Glitch ────────────────────────────────────────────────────────────────────
+function Glitch({ text, accent }) {
+    return (_jsxs("span", { style: { position: "relative", display: "inline-block" }, children: [_jsx("style", { children: `
+        @keyframes lx-glitch1 { 0%,90%,100%{transform:none} 92%{transform:translateX(-3px) skewX(2deg)} 95%{transform:translateX(3px)} }
+        @keyframes lx-glitch2 { 0%,90%,100%{transform:none;color:inherit} 91%{transform:translateX(3px) skewX(-2deg);color:${accent}} 94%{transform:translateX(-2px)} }
+      ` }), _jsx("span", { "aria-hidden": true, style: { position: "absolute", top: 0, left: 0, mixBlendMode: "screen", animation: "lx-glitch1 4s step-end infinite", textShadow: `-2px 0 ${accent}` }, children: text }), _jsx("span", { "aria-hidden": true, style: { position: "absolute", top: 0, left: 0, mixBlendMode: "screen", animation: "lx-glitch2 4s step-end infinite", textShadow: `2px 0 ${accent}88` }, children: text }), text] }));
+}
+// ── Colourful ─────────────────────────────────────────────────────────────────
+function Colourful({ text, accent }) {
+    return (_jsxs("span", { children: [_jsx("style", { children: `@keyframes lx-colourShift { from{background-position:0% center} to{background-position:200% center} }` }), _jsx("span", { style: {
+                    display: "inline-block",
+                    background: `linear-gradient(90deg, ${accent}, #f59e0b, #a78bfa, ${accent})`,
+                    backgroundSize: "300% auto",
+                    WebkitBackgroundClip: "text",
+                    WebkitTextFillColor: "transparent",
+                    backgroundClip: "text",
+                    animation: "lx-colourShift 3s linear infinite",
+                }, children: text })] }));
+}
+// ── HeroHighlight ─────────────────────────────────────────────────────────────
+function HeroHighlight({ text, accent, highlightWords }) {
+    const [visible, setVisible] = useState(false);
+    const ref = useRef(null);
+    const hlSet = new Set(highlightWords.map(w => w.toLowerCase()));
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (typeof IntersectionObserver === "undefined") {
+            setVisible(true);
+            return;
+        }
+        const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) {
+            setVisible(true);
+            obs.disconnect();
+        } }, { threshold: 0.1 });
+        obs.observe(el);
+        const rect = el.getBoundingClientRect();
+        if (rect.top < window.innerHeight) {
+            setVisible(true);
+            obs.disconnect();
+        }
+        return () => obs.disconnect();
+    }, []);
+    const tokens = text.split(/(\s+)/);
+    return (_jsxs("span", { ref: ref, children: [_jsx("style", { children: `@keyframes lx-hlGrow { from{width:0} to{width:100%} }` }), tokens.map((token, i) => {
+                const isHL = hlSet.has(token.trim().toLowerCase()) && token.trim().length > 0;
+                return isHL ? (_jsxs("span", { style: { position: "relative", display: "inline-block" }, children: [token, _jsx("span", { style: {
+                                position: "absolute", bottom: 0, left: 0, height: "3px",
+                                background: accent,
+                                animation: visible ? `lx-hlGrow 0.6s ease forwards ${i * 0.05}s` : undefined,
+                                width: visible ? undefined : "0",
+                            } })] }, i)) : _jsx("span", { children: token }, i);
+            })] }));
+}
+// ── WordByWord ────────────────────────────────────────────────────────────────
+function WordByWord({ text }) {
+    const [animated, setAnimated] = useState(false);
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (typeof IntersectionObserver === "undefined") {
+            setAnimated(true);
+            return;
+        }
+        const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) {
+            setAnimated(true);
+            obs.disconnect();
+        } }, { threshold: 0.1 });
+        obs.observe(el);
+        const rect = el.getBoundingClientRect();
+        if (rect.top < window.innerHeight) {
+            setAnimated(true);
+            obs.disconnect();
+        }
+        return () => obs.disconnect();
+    }, []);
+    return (_jsxs("span", { ref: ref, children: [_jsx("style", { children: `@keyframes lx-wordUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }` }), text.split(" ").map((word, i) => (_jsx("span", { style: {
+                    display: "inline-block",
+                    marginRight: "0.3em",
+                    opacity: animated ? undefined : 0,
+                    animation: animated ? `lx-wordUp 0.5s ease forwards ${i * 0.12}s` : undefined,
+                }, children: word }, i)))] }));
+}
+// ── FlipWords ─────────────────────────────────────────────────────────────────
+function FlipWords({ text, accent, prefix, words }) {
+    const [idx, setIdx] = useState(0);
+    const active = words.length > 0 ? words[idx] : text;
+    useEffect(() => {
+        if (words.length < 2)
+            return;
+        const id = setInterval(() => setIdx(i => (i + 1) % words.length), 2500);
+        return () => clearInterval(id);
+    }, [words.length]);
+    return (_jsxs("span", { style: { perspective: "800px" }, children: [_jsx("style", { children: `@keyframes lx-flipIn { from{transform:rotateX(-90deg);opacity:0} to{transform:rotateX(0deg);opacity:1} }` }), prefix && _jsxs("span", { children: [prefix, " "] }), _jsx("span", { style: { display: "inline-block", color: accent, fontWeight: 700, transformOrigin: "50% 50%", animation: "lx-flipIn 0.4s ease forwards" }, children: active }, idx)] }));
+}
+// ── MovingText ────────────────────────────────────────────────────────────────
+function MovingText({ text, textColor }) {
+    const repeated = [text, text, text, text].join("    ");
+    return (_jsxs("span", { style: { display: "block", overflow: "hidden" }, children: [_jsx("style", { children: `@keyframes lx-moveText { from{transform:translateX(0)} to{transform:translateX(-25%)} }` }), _jsx("span", { style: {
+                    display: "inline-block",
+                    fontSize: "clamp(3rem, 12vw, 9rem)",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em",
+                    opacity: 0.1,
+                    whiteSpace: "nowrap",
+                    animation: "lx-moveText 8s linear infinite",
+                    color: textColor,
+                }, children: repeated })] }));
+}
+//# sourceMappingURL=HeadlineEffect.js.map

package/dist/primitives/HeadlineEffect.js.map

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

package/dist/primitives/Marquee.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+interface MarqueeProps {
+    speed?: number;
+    direction?: "left" | "right";
+    pauseOnHover?: boolean;
+    gap?: number;
+    children: ReactNode;
+}
+export declare function Marquee({ speed, direction, pauseOnHover, gap, children, }: MarqueeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Marquee.d.ts.map

package/dist/primitives/Marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../src/primitives/Marquee.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAU,EACV,SAAkB,EAClB,YAAmB,EACnB,GAAQ,EACR,QAAQ,GACT,EAAE,YAAY,2CA4Bd"}

package/dist/primitives/Marquee.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+export function Marquee({ speed = 20, direction = "left", pauseOnHover = true, gap = 24, children, }) {
+    const uid = useId().replace(/:/g, "");
+    const animId = `lx-marquee-${uid}`;
+    const sign = direction === "left" ? "-" : "";
+    const css = `
+    @keyframes ${animId} {
+      0%   { transform: translateX(0); }
+      100% { transform: translateX(${sign}50%); }
+    }
+    .${animId}-inner {
+      display: flex;
+      gap: ${gap}px;
+      animation: ${animId} ${speed}s linear infinite;
+      width: max-content;
+    }
+    ${pauseOnHover ? `.${animId}-inner:hover { animation-play-state: paused; }` : ""}
+  `;
+    return (_jsxs("div", { style: { overflow: "hidden", width: "100%" }, children: [_jsx("style", { children: css }), _jsxs("div", { className: `${animId}-inner`, children: [children, children] })] }));
+}
+//# sourceMappingURL=Marquee.js.map

package/dist/primitives/Marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.js","sourceRoot":"","sources":["../../src/primitives/Marquee.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAW9B,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,MAAM,EAClB,YAAY,GAAG,IAAI,EACnB,GAAG,GAAG,EAAE,EACR,QAAQ,GACK;IACb,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,cAAc,GAAG,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7C,MAAM,GAAG,GAAG;iBACG,MAAM;;qCAEc,IAAI;;OAElC,MAAM;;aAEA,GAAG;mBACG,MAAM,IAAI,KAAK;;;MAG5B,YAAY,CAAC,CAAC,CAAC,IAAI,MAAM,gDAAgD,CAAC,CAAC,CAAC,EAAE;GACjF,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,aAC/C,0BAAQ,GAAG,GAAS,EACpB,eAAK,SAAS,EAAE,GAAG,MAAM,QAAQ,aAC9B,QAAQ,EACR,QAAQ,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/MediaFlip.d.ts

@@ -0,0 +1,16 @@
+export type HoverEffect = "shimmer" | "tilt" | "spotlight" | "ken_burns" | "blur_reveal" | "desaturate" | "zoom_punch" | "split_reveal";
+interface MediaFlipProps {
+    front?: string;
+    back?: string;
+    images?: string[];
+    shimmer?: boolean;
+    hoverEffect?: HoverEffect;
+    alt?: string;
+    aspect?: string;
+    fit?: "cover" | "contain";
+    speed?: number;
+    className?: string;
+}
+export declare function MediaFlip({ front: frontProp, back: backProp, images: imagesProp, shimmer, hoverEffect, alt, aspect, fit, speed, className, }: MediaFlipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaFlip.d.ts.map

package/dist/primitives/MediaFlip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaFlip.d.ts","sourceRoot":"","sources":["../../src/primitives/MediaFlip.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,MAAM,GACN,WAAW,GACX,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,cAAc,CAAC;AAEnB,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,UAAU,EAClB,OAAe,EACf,WAAW,EACX,GAAQ,EACR,MAAc,EACd,GAAa,EACb,KAAY,EACZ,SAAc,GACf,EAAE,cAAc,2CA0IhB"}

package/dist/primitives/MediaFlip.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { AspectBox } from "./AspectBox";
+const EFFECT_KEYFRAMES = `
+  @keyframes lx-shimmer {
+    from { transform: translateX(-100%) skewX(-15deg); }
+    to   { transform: translateX(250%)  skewX(-15deg); }
+  }
+  @keyframes lx-ken-burns {
+    0%   { transform: scale(1)    translate(0, 0); }
+    50%  { transform: scale(1.08) translate(-1%, -1%); }
+    100% { transform: scale(1)    translate(0, 0); }
+  }
+  @keyframes lx-zoom-punch {
+    0%   { transform: scale(1); }
+    40%  { transform: scale(1.1); }
+    70%  { transform: scale(1.04); }
+    100% { transform: scale(1.06); }
+  }
+  @keyframes lx-split-in {
+    from { clip-path: inset(0 100% 0 0); }
+    to   { clip-path: inset(0 0% 0 0); }
+  }
+`;
+export function MediaFlip({ front: frontProp, back: backProp, images: imagesProp, shimmer = false, hoverEffect, alt = "", aspect = "1:1", fit = "cover", speed = 1500, className = "", }) {
+    // Resolve effective effect — hoverEffect prop wins over shimmer boolean
+    const effect = hoverEffect ?? (shimmer ? "shimmer" : undefined);
+    // Resolve images
+    const images = imagesProp && imagesProp.length > 0
+        ? imagesProp
+        : [frontProp ?? "", ...(backProp ? [backProp] : [])].filter(Boolean);
+    const front = images[0] ?? "";
+    const back = images[1];
+    const hasBack = !!back && back !== front;
+    // Hover state
+    const [isHovered, setIsHovered] = useState(false);
+    const [animKey, setAnimKey] = useState(0); // replays one-shot anims
+    // Mouse position for tilt + spotlight
+    const wrapRef = useRef(null);
+    const [mouse, setMouse] = useState({ x: 0, y: 0, rx: 0, ry: 0 });
+    // Image cycling (multi-image)
+    const [cycledSrc, setCycledSrc] = useState(back ?? front);
+    const timerRef = useRef(null);
+    function handleEnter() {
+        setIsHovered(true);
+        setAnimKey((k) => k + 1);
+        if (images.length >= 2)
+            setCycledSrc(images[1]);
+        if (images.length >= 3 && speed > 0) {
+            let cur = 1;
+            timerRef.current = setInterval(() => {
+                cur = (cur % (images.length - 1)) + 1;
+                setCycledSrc(images[cur]);
+            }, speed);
+        }
+    }
+    function handleLeave() {
+        setIsHovered(false);
+        setMouse({ x: 0, y: 0, rx: 0, ry: 0 });
+        if (timerRef.current) {
+            clearInterval(timerRef.current);
+            timerRef.current = null;
+        }
+        setCycledSrc(images[1] ?? images[0]);
+    }
+    function handleMouseMove(e) {
+        if (effect !== "tilt" && effect !== "spotlight")
+            return;
+        const el = wrapRef.current;
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const y = e.clientY - rect.top;
+        const rx = ((y / rect.height) - 0.5) * -16;
+        const ry = ((x / rect.width) - 0.5) * 16;
+        setMouse({ x, y, rx, ry });
+    }
+    // ── Base image style ────────────────────────────────────────────────────────
+    const baseImg = {
+        position: "absolute", inset: 0,
+        width: "100%", height: "100%",
+        objectFit: fit, display: "block",
+    };
+    // ── Per-effect front image styles ──────────────────────────────────────────
+    function frontStyle() {
+        switch (effect) {
+            case "blur_reveal":
+                return { ...baseImg, filter: isHovered ? "blur(0)" : "blur(7px)", transition: "filter 0.45s ease" };
+            case "desaturate":
+                return { ...baseImg, filter: isHovered ? "saturate(1)" : "saturate(0)", transition: "filter 0.5s ease" };
+            case "ken_burns":
+                return { ...baseImg, animation: "lx-ken-burns 8s ease-in-out infinite", animationPlayState: isHovered ? "paused" : "running", transformOrigin: "center" };
+            case "zoom_punch":
+                return isHovered
+                    ? { ...baseImg, animation: `lx-zoom-punch 0.45s cubic-bezier(0.4,0,0.2,1) forwards`, transformOrigin: "center" }
+                    : { ...baseImg };
+            case "split_reveal":
+            case "shimmer":
+                return { ...baseImg, opacity: hasBack && isHovered ? 0 : 1, transition: "opacity 0.4s ease" };
+            default:
+                return { ...baseImg, opacity: hasBack && isHovered ? 0 : 1, transition: "opacity 0.4s ease" };
+        }
+    }
+    // ── Tilt transform for wrapper ─────────────────────────────────────────────
+    const tiltTransform = effect === "tilt" && isHovered
+        ? { transform: `perspective(800px) rotateX(${mouse.rx}deg) rotateY(${mouse.ry}deg)`, transition: "transform 0.1s ease-out" }
+        : effect === "tilt"
+            ? { transform: "perspective(800px) rotateX(0deg) rotateY(0deg)", transition: "transform 0.4s ease" }
+            : {};
+    return (_jsxs(AspectBox, { aspect: aspect, className: className, style: { cursor: "pointer", ...tiltTransform }, children: [_jsx("style", { children: EFFECT_KEYFRAMES }), _jsxs("div", { ref: wrapRef, style: { position: "absolute", inset: 0 }, onMouseEnter: handleEnter, onMouseLeave: handleLeave, onMouseMove: handleMouseMove, children: [_jsx("img", { src: front, alt: alt, loading: "lazy", style: frontStyle() }, effect === "zoom_punch" && isHovered ? `punch-${animKey}` : "front"), hasBack && effect !== "split_reveal" && (_jsx("img", { src: cycledSrc, alt: alt, loading: "lazy", style: { ...baseImg, opacity: isHovered ? 1 : 0, transition: "opacity 0.4s ease" } })), hasBack && effect === "split_reveal" && isHovered && (_jsx("img", { src: cycledSrc, alt: alt, loading: "lazy", style: { ...baseImg, animation: "lx-split-in 0.5s cubic-bezier(0.4,0,0.2,1) forwards" } }, `split-${animKey}`)), effect === "shimmer" && isHovered && (_jsx("div", { "aria-hidden": true, style: { position: "absolute", inset: 0, overflow: "hidden", pointerEvents: "none", zIndex: 2 }, children: _jsx("div", { style: { position: "absolute", top: 0, left: 0, width: "40%", height: "100%",
+                                background: "linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.55) 50%, transparent 80%)",
+                                animation: "lx-shimmer 0.65s cubic-bezier(0.4,0,0.2,1) forwards" } }) }, `shimmer-${animKey}`)), effect === "spotlight" && isHovered && (_jsx("div", { "aria-hidden": true, style: { position: "absolute", inset: 0, pointerEvents: "none", zIndex: 2,
+                            background: `radial-gradient(circle 130px at ${mouse.x}px ${mouse.y}px, rgba(255,255,255,0.28), transparent 70%)` } })), effect === "tilt" && isHovered && (_jsx("div", { "aria-hidden": true, style: { position: "absolute", inset: 0, pointerEvents: "none", zIndex: 2,
+                            background: `radial-gradient(circle at ${(mouse.x / (wrapRef.current?.offsetWidth ?? 1)) * 100}% ${(mouse.y / (wrapRef.current?.offsetHeight ?? 1)) * 100}%, rgba(255,255,255,0.22), transparent 60%)`,
+                            borderRadius: "inherit" } }))] })] }));
+}
+//# sourceMappingURL=MediaFlip.js.map

package/dist/primitives/MediaFlip.js.map

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

package/dist/primitives/MediaLoop.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties } from "react";
+interface MediaLoopProps {
+    src: string;
+    poster?: string;
+    alt?: string;
+    fit?: "cover" | "contain";
+    className?: string;
+    style?: CSSProperties;
+    playOnHover?: boolean;
+    /** When true, applies --lx-image-radius, --lx-image-shadow, --lx-image-opacity from theme */
+    applyImageTokens?: boolean;
+}
+export declare function MediaLoop({ src, poster, alt, fit, className, style, playOnHover, applyImageTokens, }: MediaLoopProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaLoop.d.ts.map

package/dist/primitives/MediaLoop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLoop.d.ts","sourceRoot":"","sources":["../../src/primitives/MediaLoop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,MAAM,EACN,GAAQ,EACR,GAAa,EACb,SAAc,EACd,KAAK,EACL,WAAmB,EACnB,gBAAwB,GACzB,EAAE,cAAc,2CAkDhB"}

package/dist/primitives/MediaLoop.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+const VIDEO_EXTS = /\.(mp4|webm|mov|ogg)(\?.*)?$/i;
+export function MediaLoop({ src, poster, alt = "", fit = "cover", className = "", style, playOnHover = false, applyImageTokens = false, }) {
+    const isVideo = VIDEO_EXTS.test(src);
+    const [hovered, setHovered] = useState(false);
+    const videoRef = useRef(null);
+    const tokenStyles = applyImageTokens
+        ? {
+            borderRadius: "var(--lx-image-radius)",
+            boxShadow: "var(--lx-image-shadow)",
+            opacity: "var(--lx-image-opacity)",
+        }
+        : {};
+    const baseStyle = {
+        width: "100%",
+        height: "100%",
+        objectFit: fit,
+        objectPosition: "var(--lx-object-position, 50% 50%)",
+        display: "block",
+        ...tokenStyles,
+        ...style,
+    };
+    if (!isVideo) {
+        return (_jsx("img", { src: src, alt: alt, loading: "lazy", className: className, style: baseStyle }));
+    }
+    return (_jsx("video", { ref: videoRef, src: src, poster: poster, autoPlay: playOnHover ? hovered : true, muted: true, loop: true, playsInline: true, className: className, style: baseStyle, onMouseEnter: () => { setHovered(true); if (playOnHover)
+            videoRef.current?.play(); }, onMouseLeave: () => { setHovered(false); if (playOnHover)
+            videoRef.current?.pause(); } }));
+}
+//# sourceMappingURL=MediaLoop.js.map

package/dist/primitives/MediaLoop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLoop.js","sourceRoot":"","sources":["../../src/primitives/MediaLoop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,UAAU,GAAG,+BAA+B,CAAC;AAcnD,MAAM,UAAU,SAAS,CAAC,EACxB,GAAG,EACH,MAAM,EACN,GAAG,GAAG,EAAE,EACR,GAAG,GAAG,OAAO,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,gBAAgB,GAAG,KAAK,GACT;IACf,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAkB,gBAAgB;QACjD,CAAC,CAAC;YACE,YAAY,EAAE,wBAAwB;YACtC,SAAS,EAAE,wBAAwB;YACnC,OAAO,EAAE,yBAA8C;SACxD;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,SAAS,GAAkB;QAC/B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,oCAA8C;QAC9D,OAAO,EAAE,OAAO;QAChB,GAAG,WAAW;QACd,GAAG,KAAK;KACT,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,SAAS,GAChB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACtC,KAAK,QACL,IAAI,QACJ,WAAW,QACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,WAAW;YAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EACpF,YAAY,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,WAAW;YAAE,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,GACtF,CACH,CAAC;AACJ,CAAC"}

package/dist/primitives/PDPGallery.d.ts

@@ -0,0 +1,24 @@
+import type { CSSProperties } from "react";
+export type ThumbPosition = "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+export type GalleryAnimationMode = "fade" | "slide" | "zoom" | "flip" | "ken_burns";
+export interface PDPGalleryProps {
+    images: string[];
+    alt?: string;
+    aspect?: string;
+    fit?: "cover" | "contain";
+    thumbPosition?: ThumbPosition;
+    thumbSize?: number;
+    autoInterval?: number;
+    animationMode?: GalleryAnimationMode;
+    accentColor?: string;
+    borderColor?: string;
+    imageRadius?: string;
+    thumbRadius?: string;
+    bgColor?: string;
+    className?: string;
+    style?: CSSProperties;
+    activeIndex?: number;
+    onSelect?: (index: number) => void;
+}
+export declare function PDPGallery({ images, alt, aspect, fit, thumbPosition, thumbSize, autoInterval, animationMode, accentColor, borderColor, imageRadius, thumbRadius, bgColor, className, style, activeIndex: controlledIndex, onSelect, }: PDPGalleryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PDPGallery.d.ts.map

package/dist/primitives/PDPGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDPGallery.d.ts","sourceRoot":"","sources":["../../src/primitives/PDPGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAM3C,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAwDD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,GAAQ,EACR,MAAc,EACd,GAAe,EACf,aAAsB,EACtB,SAAc,EACd,YAAgB,EAChB,aAAsB,EACtB,WAAuB,EACvB,WAAuB,EACvB,WAA4C,EAC5C,WAAmB,EACnB,OAAmB,EACnB,SAAc,EACd,KAAK,EACL,WAAW,EAAE,eAAe,EAC5B,QAAQ,GACT,EAAE,eAAe,2CA+HjB"}