@lexsis/storefront-components 1.0.0

package/dist/faq/FaqTwoColumn.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function FaqTwoColumn({ content, theme, elementStyles }) {
+    const rawItems = content.items || [];
+    const items = rawItems.map((item) => {
+        if (typeof item === "string")
+            return { question: item, answer: "" };
+        const obj = item;
+        return {
+            question: renderText(obj.question || obj.title || obj.q),
+            answer: renderText(obj.answer || obj.body || obj.a || obj.text),
+        };
+    });
+    const heading = content.heading ? renderText(content.heading) : undefined;
+    return (_jsx("section", { className: "px-5", style: { backgroundColor: theme.palette.bg, paddingTop: "var(--lx-section-padding)", paddingBottom: "var(--lx-section-padding)" }, children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [heading && (_jsx("h2", { "data-lx-field": "heading", className: "text-center mb-14", style: {
+                        fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                        fontSize: "var(--lx-section-heading-size)",
+                        fontWeight: "var(--lx-section-heading-weight)",
+                        letterSpacing: "var(--lx-section-heading-tracking)",
+                        color: theme.palette.text,
+                        ...elStyle(elementStyles, "heading"),
+                    }, children: heading })), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-10", children: items.map((item, idx) => (_jsxs("div", { className: "border-t pt-5", style: { borderColor: `${theme.palette.text}15` }, children: [_jsx("h3", { "data-lx-field": "question", className: "mb-2", style: {
+                                    fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                    fontSize: "var(--lx-item-heading-size)",
+                                    fontWeight: "var(--lx-item-heading-weight)",
+                                    color: theme.palette.text,
+                                    ...elStyle(elementStyles, "question"),
+                                }, children: item.question }), _jsx("p", { "data-lx-field": "answer", className: "leading-relaxed", style: {
+                                    fontFamily: `var(--lx-font-body, ${theme.fonts.body})`,
+                                    fontSize: "var(--lx-body-size)",
+                                    lineHeight: "var(--lx-body-lh)",
+                                    opacity: "var(--lx-text-muted)",
+                                    color: theme.palette.text,
+                                    ...elStyle(elementStyles, "answer"),
+                                }, children: item.answer })] }, idx))) })] }) }));
+}
+//# sourceMappingURL=FaqTwoColumn.js.map

package/dist/faq/FaqTwoColumn.js.map

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

package/dist/faq/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FaqAccordion } from "./FaqAccordion";
+export { default as FaqTwoColumn } from "./FaqTwoColumn";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/faq/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/faq/index.js

@@ -0,0 +1,3 @@
+export { default as FaqAccordion } from "./FaqAccordion";
+export { default as FaqTwoColumn } from "./FaqTwoColumn";
+//# sourceMappingURL=index.js.map

package/dist/faq/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/faq/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/features/BentoGrid.d.ts

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

package/dist/features/BentoGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BentoGrid.d.ts","sourceRoot":"","sources":["../../src/features/BentoGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAY/C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,OAAe,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CAmJnG"}

package/dist/features/BentoGrid.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function BentoGrid({ content, variant = "2x2", theme, elementStyles }) {
+    const heading = content.heading ? renderText(content.heading) : undefined;
+    const rawItems = content.items || [];
+    const items = rawItems.map((item, i) => {
+        const obj = item;
+        return {
+            title: renderText(obj.title),
+            body: renderText(obj.body),
+            icon: obj.icon ? renderText(obj.icon) : undefined,
+            image_url: obj.image_url ? renderText(obj.image_url) : undefined,
+            // Default: first item span 2, rest span 1
+            span: obj.span
+                ? renderText(obj.span)
+                : i === 0
+                    ? "2"
+                    : "1",
+        };
+    });
+    return (_jsxs("section", { className: "px-5", style: { backgroundColor: theme.palette.bg, paddingTop: "var(--lx-section-padding)", paddingBottom: "var(--lx-section-padding)" }, children: [_jsx("style", { children: `
+        @keyframes fadeUpBento {
+          from { opacity: 0; transform: translateY(16px) scale(0.98); }
+          to { opacity: 1; transform: none; }
+        }
+        .bento-cell {
+          animation: fadeUpBento 0.5s ease forwards;
+          opacity: 0;
+        }
+        .bento-cell:hover {
+          transform: scale(1.02);
+          box-shadow: var(--lx-shadow-md, 0 8px 30px rgba(0,0,0,0.12));
+        }
+      ` }), _jsxs("div", { className: "mx-auto max-w-7xl", children: [heading && (_jsx("div", { className: "text-center mb-12 md:mb-16", children: _jsx("h2", { "data-lx-field": "heading", className: "text-[clamp(1.75rem,4vw,3rem)] leading-tight tracking-tight", style: {
+                                fontFamily: `${theme.fonts.display}, serif`,
+                                color: theme.palette.text,
+                                ...elStyle(elementStyles, "heading"),
+                            }, children: heading }) })), _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: items.map((item, i) => {
+                            const colSpan = item.span === "2"
+                                ? "col-span-2 md:col-span-2"
+                                : item.span === "tall"
+                                    ? "col-span-2 md:col-span-1 md:row-span-2"
+                                    : "col-span-2 md:col-span-1";
+                            const hasVideo = variant === "with_videos" && item.image_url;
+                            return (_jsx("div", { className: `bento-cell ${colSpan} rounded-2xl p-6 relative overflow-hidden transition-all duration-200`, style: {
+                                    backgroundColor: theme.palette.surface,
+                                    border: `1px solid ${theme.palette.border || "transparent"}`,
+                                    animationDelay: `calc(${i} * 0.08s)`,
+                                    minHeight: item.span === "tall" ? "20rem" : "12rem",
+                                }, children: hasVideo ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute inset-0 bg-cover bg-center", style: { backgroundImage: `url(${item.image_url})` } }), _jsx("div", { className: "absolute inset-0", style: {
+                                                background: `linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 60%, transparent 100%)`,
+                                            } }), _jsxs("div", { className: "relative z-10 flex flex-col justify-end h-full gap-1", children: [item.icon && (_jsx("span", { className: "text-2xl text-white mb-1", children: item.icon })), _jsx("h3", { "data-lx-field": "title", className: "text-white leading-tight", style: { fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`, fontSize: "var(--lx-item-heading-size)", fontWeight: "var(--lx-item-heading-weight)", ...elStyle(elementStyles, "title") }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "text-sm text-white leading-relaxed", style: { ...elStyle(elementStyles, "body") }, children: item.body })] })] })) : (_jsxs("div", { className: "flex flex-col gap-3 h-full", children: [item.icon && (_jsx("span", { className: "text-3xl", style: { color: theme.palette.accent }, children: item.icon })), _jsx("h3", { "data-lx-field": "title", className: "leading-tight", style: {
+                                                fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                                fontSize: "var(--lx-item-heading-size)",
+                                                fontWeight: "var(--lx-item-heading-weight)",
+                                                color: theme.palette.text,
+                                                ...elStyle(elementStyles, "title"),
+                                            }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "text-sm leading-relaxed", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: item.body })] })) }, i));
+                        }) })] })] }));
+}
+//# sourceMappingURL=BentoGrid.js.map

package/dist/features/BentoGrid.js.map

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

package/dist/features/FeatureGrid.d.ts

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

package/dist/features/FeatureGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.d.ts","sourceRoot":"","sources":["../../src/features/FeatureGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAY/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,OAAiB,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CAsNvG"}

package/dist/features/FeatureGrid.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { renderIcon } from "../utils/renderIcon";
+import { elStyle } from "../utils/elementStyles";
+export default function FeatureGrid({ content, variant = "3_col", theme, elementStyles }) {
+    const heading = content.heading ? renderText(content.heading) : undefined;
+    const subhead = content.subhead ? renderText(content.subhead) : undefined;
+    const rawItems = content.items || [];
+    const items = rawItems.map((item) => {
+        const obj = item;
+        return {
+            icon: obj.icon ? renderText(obj.icon) : undefined,
+            title: renderText(obj.title),
+            body: renderText(obj.body),
+            image_url: obj.image_url ? renderText(obj.image_url) : undefined,
+        };
+    });
+    const gridCols = variant === "2_col"
+        ? "grid-cols-1 md:grid-cols-2"
+        : variant === "4_col"
+            ? "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+            : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3";
+    return (_jsxs("section", { className: "px-5", style: { backgroundColor: theme.palette.bg, paddingTop: "var(--lx-section-padding)", paddingBottom: "var(--lx-section-padding)" }, children: [_jsx("style", { children: `
+        @keyframes fadeUpItem {
+          from { opacity: 0; transform: translateY(20px); }
+          to { opacity: 1; transform: none; }
+        }
+      ` }), _jsxs("div", { className: "mx-auto max-w-7xl", children: [(heading || subhead) && (_jsxs("div", { className: "text-center mb-12 md:mb-16", children: [heading && (_jsx("h2", { "data-lx-field": "heading", className: "leading-tight mb-4", style: {
+                                    fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                    fontSize: "var(--lx-section-heading-size)",
+                                    fontWeight: "var(--lx-section-heading-weight)",
+                                    letterSpacing: "var(--lx-section-heading-tracking)",
+                                    color: theme.palette.text,
+                                    ...elStyle(elementStyles, "heading"),
+                                }, children: heading })), subhead && (_jsx("p", { "data-lx-field": "subhead", className: "max-w-2xl mx-auto", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "subhead") }, children: subhead }))] })), _jsx("div", { className: `grid ${gridCols} gap-8`, children: items.map((item, i) => {
+                            if (variant === "with_images") {
+                                return (_jsxs("div", { className: "flex flex-col overflow-hidden", style: {
+                                        backgroundColor: theme.palette.surface,
+                                        border: `1px solid ${theme.palette.border || "transparent"}`,
+                                        borderRadius: "var(--lx-card-radius, var(--lx-radius-lg))",
+                                        animation: "fadeUpItem 0.5s ease forwards",
+                                        animationDelay: `calc(${i} * 0.1s)`,
+                                        opacity: 0,
+                                    }, children: [item.image_url && (_jsx("div", { className: "aspect-video overflow-hidden", children: _jsx("img", { src: item.image_url, alt: item.title, className: "w-full h-full object-cover" }) })), _jsxs("div", { className: "flex flex-col gap-2", style: { padding: "var(--lx-card-padding)" }, children: [_jsx("h3", { "data-lx-field": "title", className: "", style: {
+                                                        fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                                        fontSize: "var(--lx-item-heading-size)",
+                                                        fontWeight: "var(--lx-item-heading-weight)",
+                                                        color: theme.palette.text,
+                                                        ...elStyle(elementStyles, "title"),
+                                                    }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "leading-relaxed", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: item.body })] })] }, i));
+                            }
+                            if (variant === "icon_cards") {
+                                return (_jsxs("div", { className: "flex flex-col gap-3 transition-all duration-200 hover:shadow-lg", style: {
+                                        backgroundColor: theme.palette.surface,
+                                        border: `1px solid ${theme.palette.border || "transparent"}`,
+                                        borderRadius: "var(--lx-card-radius, var(--lx-radius-lg))",
+                                        padding: "var(--lx-card-padding)",
+                                        boxShadow: "var(--lx-shadow-sm)",
+                                        animation: "fadeUpItem 0.5s ease forwards",
+                                        animationDelay: `calc(${i} * 0.1s)`,
+                                        opacity: 0,
+                                    }, onMouseEnter: (e) => {
+                                        e.currentTarget.style.borderColor = theme.palette.accent;
+                                    }, onMouseLeave: (e) => {
+                                        e.currentTarget.style.borderColor =
+                                            theme.palette.border || "transparent";
+                                    }, children: [item.icon && (_jsx("div", { style: { color: theme.palette.accent }, children: renderIcon(item.icon, { size: 32, color: theme.palette.accent }) })), _jsx("h3", { "data-lx-field": "title", className: "", style: {
+                                                fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                                fontSize: "var(--lx-item-heading-size)",
+                                                fontWeight: "var(--lx-item-heading-weight)",
+                                                color: theme.palette.text,
+                                                ...elStyle(elementStyles, "title"),
+                                            }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "leading-relaxed", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: item.body })] }, i));
+                            }
+                            // Default: 3_col, 2_col, 4_col — icon + title + body
+                            return (_jsxs("div", { className: "flex flex-col gap-3", style: {
+                                    animation: "fadeUpItem 0.5s ease forwards",
+                                    animationDelay: `calc(${i} * 0.1s)`,
+                                    opacity: 0,
+                                }, children: [item.icon && (_jsx("span", { className: "text-3xl", style: { color: theme.palette.accent }, children: item.icon })), _jsx("h3", { "data-lx-field": "title", className: "", style: {
+                                            fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                                            fontSize: "var(--lx-item-heading-size)",
+                                            fontWeight: "var(--lx-item-heading-weight)",
+                                            color: theme.palette.text,
+                                            ...elStyle(elementStyles, "title"),
+                                        }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "leading-relaxed", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: item.body })] }, i));
+                        }) })] })] }));
+}
+//# sourceMappingURL=FeatureGrid.js.map

package/dist/features/FeatureGrid.js.map

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

package/dist/features/FeatureTabs.d.ts

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

package/dist/features/FeatureTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureTabs.d.ts","sourceRoot":"","sources":["../../src/features/FeatureTabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAa/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,OAAsB,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CA4L5G"}

package/dist/features/FeatureTabs.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function FeatureTabs({ content, variant = "horizontal", theme, elementStyles }) {
+    const [activeTab, setActiveTab] = useState(0);
+    const heading = content.heading ? renderText(content.heading) : undefined;
+    const rawTabs = content.tabs || [];
+    const tabs = rawTabs.map((tab) => {
+        const obj = tab;
+        const rawFeatures = obj.features || [];
+        return {
+            label: renderText(obj.label),
+            icon: obj.icon ? renderText(obj.icon) : undefined,
+            title: renderText(obj.title),
+            body: renderText(obj.body),
+            image_url: obj.image_url ? renderText(obj.image_url) : undefined,
+            features: rawFeatures.map((f) => renderText(f)),
+        };
+    });
+    const active = tabs[activeTab] || tabs[0];
+    return (_jsxs("section", { className: "px-5", style: { backgroundColor: theme.palette.bg, paddingTop: "var(--lx-section-padding)", paddingBottom: "var(--lx-section-padding)" }, children: [_jsx("style", { children: `
+        @keyframes tabFadeIn {
+          from { opacity: 0; transform: translateY(10px); }
+          to { opacity: 1; transform: none; }
+        }
+        .tab-content-enter {
+          animation: tabFadeIn 0.3s ease forwards;
+        }
+      ` }), _jsxs("div", { className: "mx-auto max-w-7xl", children: [heading && (_jsx("div", { className: "text-center mb-10 md:mb-14", children: _jsx("h2", { "data-lx-field": "heading", className: "text-[clamp(1.75rem,4vw,3rem)] leading-tight tracking-tight", style: {
+                                fontFamily: `${theme.fonts.display}, serif`,
+                                color: theme.palette.text,
+                                ...elStyle(elementStyles, "heading"),
+                            }, children: heading }) })), variant === "vertical" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "hidden md:flex gap-8", children: [_jsx("div", { className: "w-1/3 flex flex-col gap-1", children: tabs.map((tab, i) => (_jsxs("button", { onClick: () => setActiveTab(i), className: "text-left px-5 py-4 rounded-xl transition-all duration-200 font-medium", style: {
+                                                backgroundColor: activeTab === i ? theme.palette.accent : "transparent",
+                                                color: activeTab === i ? "#fff" : theme.palette.text,
+                                                opacity: activeTab === i ? 1 : 0.65,
+                                            }, children: [tab.icon && _jsx("span", { className: "mr-2", children: tab.icon }), tab.label] }, i))) }), _jsx("div", { className: "flex-1", children: _jsx(TabContent, { tab: active, theme: theme, elementStyles: elementStyles }) }, activeTab)] }), _jsx("div", { className: "md:hidden flex flex-col gap-2", children: tabs.map((tab, i) => (_jsxs("div", { className: "rounded-xl overflow-hidden", style: {
+                                        border: `1px solid ${theme.palette.border || "transparent"}`,
+                                    }, children: [_jsxs("button", { onClick: () => setActiveTab(activeTab === i ? -1 : i), className: "w-full text-left px-5 py-4 font-semibold flex justify-between items-center", style: {
+                                                backgroundColor: activeTab === i ? theme.palette.accent : theme.palette.surface,
+                                                color: activeTab === i ? "#fff" : theme.palette.text,
+                                            }, children: [_jsxs("span", { children: [tab.icon && _jsx("span", { className: "mr-2", children: tab.icon }), tab.label] }), _jsx("span", { children: activeTab === i ? "−" : "+" })] }), activeTab === i && (_jsx("div", { className: "px-5 py-5 tab-content-enter", style: { backgroundColor: theme.palette.surface }, children: _jsx(TabContent, { tab: tab, theme: theme, elementStyles: elementStyles }) }))] }, i))) })] })), variant === "icon_tabs" && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-wrap gap-2 justify-center mb-8", children: tabs.map((tab, i) => (_jsxs("button", { onClick: () => setActiveTab(i), className: "flex flex-col items-center gap-1.5 px-6 py-4 rounded-xl transition-all duration-200 font-medium min-w-[80px]", style: {
+                                        backgroundColor: activeTab === i ? theme.palette.accent : theme.palette.surface,
+                                        color: activeTab === i ? "#fff" : theme.palette.text,
+                                        border: `2px solid ${activeTab === i ? theme.palette.accent : theme.palette.border || "transparent"}`,
+                                        opacity: activeTab === i ? 1 : 0.7,
+                                    }, children: [tab.icon && _jsx("span", { className: "text-xl", children: tab.icon }), _jsx("span", { className: "text-sm", children: tab.label })] }, i))) }), _jsx("div", { className: "tab-content-enter", children: _jsx(TabContent, { tab: active, theme: theme, elementStyles: elementStyles, centered: true }) }, activeTab)] })), (variant === "horizontal" || !["vertical", "icon_tabs"].includes(variant)) && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex gap-1 overflow-x-auto mb-8 p-1 rounded-xl w-fit mx-auto", style: { backgroundColor: theme.palette.surface }, children: tabs.map((tab, i) => (_jsxs("button", { onClick: () => setActiveTab(i), className: "px-5 py-2.5 rounded-lg text-sm font-semibold transition-all duration-200 whitespace-nowrap", style: {
+                                        backgroundColor: activeTab === i ? theme.palette.accent : "transparent",
+                                        color: activeTab === i ? "#fff" : theme.palette.text,
+                                        opacity: activeTab === i ? 1 : 0.65,
+                                    }, children: [tab.icon && _jsx("span", { className: "mr-1.5", children: tab.icon }), tab.label] }, i))) }), _jsx("div", { className: "tab-content-enter", children: _jsx(TabContent, { tab: active, theme: theme, elementStyles: elementStyles, centered: true }) }, activeTab)] }))] })] }));
+}
+function TabContent({ tab, theme, elementStyles, centered = false, }) {
+    return (_jsxs("div", { className: `flex flex-col ${centered ? "items-center text-center" : ""} gap-5`, children: [tab.image_url && (_jsx("div", { className: "w-full max-w-2xl mx-auto rounded-xl overflow-hidden aspect-video", children: _jsx("img", { src: tab.image_url, alt: tab.title, className: "w-full h-full object-cover" }) })), _jsxs("div", { className: `max-w-2xl ${centered ? "mx-auto" : ""}`, children: [_jsx("h3", { "data-lx-field": "title", className: "mb-3 leading-tight", style: {
+                            fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`,
+                            fontSize: "var(--lx-item-heading-size)",
+                            fontWeight: "var(--lx-item-heading-weight)",
+                            color: theme.palette.text,
+                            ...elStyle(elementStyles, "title"),
+                        }, children: tab.title }), _jsx("p", { "data-lx-field": "body", className: "leading-relaxed mb-5", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: tab.body }), tab.features && tab.features.length > 0 && (_jsx("ul", { className: `flex flex-col gap-2 ${centered ? "items-center" : ""}`, children: tab.features.map((feat, fi) => (_jsxs("li", { "data-lx-field": "features", className: "flex items-center gap-2 text-sm", style: { color: theme.palette.text, ...elStyle(elementStyles, "features") }, children: [_jsx("span", { className: "text-base font-bold flex-shrink-0", style: { color: theme.palette.accent }, children: "\u2713" }), feat] }, fi))) }))] })] }));
+}
+//# sourceMappingURL=FeatureTabs.js.map

package/dist/features/FeatureTabs.js.map

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

package/dist/features/ProcessSteps.d.ts

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

package/dist/features/ProcessSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessSteps.d.ts","sourceRoot":"","sources":["../../src/features/ProcessSteps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAW/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAsB,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CA+Q7G"}

package/dist/features/ProcessSteps.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function ProcessSteps({ content, variant = "horizontal", theme, elementStyles }) {
+    const heading = content.heading ? renderText(content.heading) : undefined;
+    const subhead = content.subhead ? renderText(content.subhead) : undefined;
+    const rawSteps = content.steps || [];
+    const steps = rawSteps.map((step, i) => {
+        const obj = step;
+        return {
+            number: obj.number ? renderText(obj.number) : String(i + 1),
+            title: renderText(obj.title),
+            body: renderText(obj.body),
+            icon: obj.icon ? renderText(obj.icon) : undefined,
+        };
+    });
+    return (_jsxs("section", { className: "py-16 px-5 md:py-24 lg:py-32", style: { backgroundColor: theme.palette.bg }, children: [_jsx("style", { children: `
+        @keyframes fadeUpStep {
+          from { opacity: 0; transform: translateY(20px); }
+          to { opacity: 1; transform: none; }
+        }
+      ` }), _jsxs("div", { className: "mx-auto max-w-7xl", children: [(heading || subhead) && (_jsxs("div", { className: "text-center mb-12 md:mb-16", children: [heading && (_jsx("h2", { "data-lx-field": "heading", className: "text-[clamp(1.75rem,4vw,3rem)] leading-tight tracking-tight mb-4", style: {
+                                    fontFamily: `${theme.fonts.display}, serif`,
+                                    color: theme.palette.text,
+                                    ...elStyle(elementStyles, "heading"),
+                                }, children: heading })), subhead && (_jsx("p", { "data-lx-field": "subhead", className: "text-lg max-w-2xl mx-auto opacity-70", style: { color: theme.palette.text, ...elStyle(elementStyles, "subhead") }, children: subhead }))] })), variant === "vertical" && (_jsx("div", { className: "flex flex-col gap-0", children: steps.map((step, i) => (_jsxs("div", { className: "flex gap-6 relative", style: {
+                                animation: "fadeUpStep 0.5s ease forwards",
+                                animationDelay: `calc(${i} * 0.1s)`,
+                                opacity: 0,
+                            }, children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm flex-shrink-0 z-10", style: {
+                                                backgroundColor: theme.palette.accent,
+                                                color: "#fff",
+                                            }, children: step.icon || step.number }), i < steps.length - 1 && (_jsx("div", { className: "w-0.5 flex-1 my-1", style: {
+                                                backgroundColor: theme.palette.border || theme.palette.accent,
+                                                opacity: 0.3,
+                                                minHeight: "2.5rem",
+                                            } }))] }), _jsxs("div", { className: "pb-8 flex-1", children: [_jsx("h3", { "data-lx-field": "step_title", className: "text-lg font-semibold mb-2", style: {
+                                                fontFamily: `${theme.fonts.display}, serif`,
+                                                color: theme.palette.text,
+                                                ...elStyle(elementStyles, "step_title"),
+                                            }, children: step.title }), _jsx("p", { "data-lx-field": "step_body", className: "text-sm leading-relaxed opacity-70", style: { color: theme.palette.text, ...elStyle(elementStyles, "step_body") }, children: step.body })] })] }, i))) })), variant === "numbered_large" && (_jsx("div", { className: "flex flex-col gap-12", children: steps.map((step, i) => (_jsxs("div", { className: "relative overflow-hidden rounded-2xl p-8 md:p-10", style: {
+                                backgroundColor: theme.palette.surface,
+                                border: `1px solid ${theme.palette.border || "transparent"}`,
+                                animation: "fadeUpStep 0.5s ease forwards",
+                                animationDelay: `calc(${i} * 0.1s)`,
+                                opacity: 0,
+                            }, children: [_jsx("span", { className: "absolute -top-4 -left-2 text-[8rem] leading-none font-black select-none pointer-events-none", style: {
+                                        color: theme.palette.accent,
+                                        opacity: 0.08,
+                                        fontFamily: `${theme.fonts.display}, serif`,
+                                    }, children: step.number }), _jsxs("div", { className: "relative z-10", children: [_jsxs("div", { className: "text-xs font-bold uppercase tracking-widest mb-3", style: { color: theme.palette.accent }, children: ["Step ", step.number] }), _jsx("h3", { "data-lx-field": "step_title", className: "text-xl font-semibold mb-3", style: {
+                                                fontFamily: `${theme.fonts.display}, serif`,
+                                                color: theme.palette.text,
+                                                ...elStyle(elementStyles, "step_title"),
+                                            }, children: step.title }), _jsx("p", { "data-lx-field": "step_body", className: "leading-relaxed opacity-70", style: { color: theme.palette.text, ...elStyle(elementStyles, "step_body") }, children: step.body })] })] }, i))) })), variant === "with_arrows" && (_jsx("div", { className: "flex flex-col md:flex-row items-start gap-0", children: steps.map((step, i) => (_jsxs("div", { className: "flex md:flex-1 items-start", children: [_jsxs("div", { className: "flex flex-col items-center md:items-start gap-3 py-4 md:py-0 md:px-4 w-full", style: {
+                                        animation: "fadeUpStep 0.5s ease forwards",
+                                        animationDelay: `calc(${i} * 0.1s)`,
+                                        opacity: 0,
+                                    }, children: [_jsx("div", { className: "w-12 h-12 rounded-full flex items-center justify-center font-bold text-lg", style: { backgroundColor: theme.palette.accent, color: "#fff" }, children: step.icon || step.number }), _jsx("h3", { className: "text-base font-semibold", style: {
+                                                fontFamily: `${theme.fonts.display}, serif`,
+                                                color: theme.palette.text,
+                                            }, children: step.title }), _jsx("p", { className: "text-sm leading-relaxed opacity-70", style: { color: theme.palette.text }, children: step.body })] }), i < steps.length - 1 && (_jsx("div", { className: "hidden md:flex items-center self-center flex-shrink-0 mt-[-2rem]", style: { color: theme.palette.accent, opacity: 0.5 }, children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M5 12h14M13 6l6 6-6 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }, i))) })), (variant === "horizontal" || !["vertical", "numbered_large", "with_arrows"].includes(variant)) && (_jsx("div", { className: "flex flex-col md:flex-row gap-8 relative", children: steps.map((step, i) => (_jsxs("div", { className: "flex-1 flex flex-col items-center text-center gap-4 relative", style: {
+                                animation: "fadeUpStep 0.5s ease forwards",
+                                animationDelay: `calc(${i} * 0.1s)`,
+                                opacity: 0,
+                            }, children: [i < steps.length - 1 && (_jsx("div", { className: "hidden md:block absolute top-5 left-[calc(50%+2rem)] right-[calc(-50%+2rem)] h-0 border-t-2 border-dashed", style: {
+                                        borderColor: theme.palette.border || theme.palette.accent,
+                                        opacity: 0.3,
+                                    } })), _jsx("div", { className: "w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm z-10", style: { backgroundColor: theme.palette.accent, color: "#fff" }, children: step.icon || step.number }), _jsx("h3", { className: "text-base font-semibold", style: {
+                                        fontFamily: `${theme.fonts.display}, serif`,
+                                        color: theme.palette.text,
+                                    }, children: step.title }), _jsx("p", { className: "text-sm leading-relaxed opacity-70", style: { color: theme.palette.text }, children: step.body })] }, i))) }))] })] }));
+}
+//# sourceMappingURL=ProcessSteps.js.map

package/dist/features/ProcessSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessSteps.js","sourceRoot":"","sources":["../../src/features/ProcessSteps.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AASjD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,YAAY,EAAE,KAAK,EAAE,aAAa,EAAkB;IAC5G,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,MAAM,QAAQ,GAAI,OAAO,CAAC,KAAmB,IAAI,EAAE,CAAC;IAEpD,MAAM,KAAK,GAAkB,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACpD,MAAM,GAAG,GAAG,IAA+B,CAAC;QAC5C,OAAO;YACL,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;YAC3D,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;YAC5B,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;YAC1B,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;SAClD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,mBACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,aAE5C,0BAAQ;;;;;OAKP,GAAS,EAEV,eAAK,SAAS,EAAC,mBAAmB,aAC/B,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CACvB,eAAK,SAAS,EAAC,4BAA4B,aACxC,OAAO,IAAI,CACV,8BACgB,SAAS,EACvB,SAAS,EAAC,kEAAkE,EAC5E,KAAK,EAAE;oCACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;oCAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;oCACzB,GAAG,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC;iCACrC,YAEA,OAAO,GACL,CACN,EACA,OAAO,IAAI,CACV,6BACgB,SAAS,EACvB,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,YAEzE,OAAO,GACN,CACL,IACG,CACP,EAEA,OAAO,KAAK,UAAU,IAAI,CACzB,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;gCACL,SAAS,EAAE,+BAA+B;gCAC1C,cAAc,EAAE,QAAQ,CAAC,UAAU;gCACnC,OAAO,EAAE,CAAC;6BACX,aAGD,eAAK,SAAS,EAAC,4BAA4B,aACzC,cACE,SAAS,EAAC,8FAA8F,EACxG,KAAK,EAAE;gDACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM;gDACrC,KAAK,EAAE,MAAM;6CACd,YAEA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GACrB,EACL,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,cACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE;gDACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM;gDAC7D,OAAO,EAAE,GAAG;gDACZ,SAAS,EAAE,QAAQ;6CACpB,GACD,CACH,IACG,EAEN,eAAK,SAAS,EAAC,aAAa,aAC1B,8BACgB,YAAY,EAC1B,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;gDACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;gDAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gDACzB,GAAG,OAAO,CAAC,aAAa,EAAE,YAAY,CAAC;6CACxC,YAEA,IAAI,CAAC,KAAK,GACR,EACL,6BACgB,WAAW,EACzB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,EAAE,YAE3E,IAAI,CAAC,IAAI,GACR,IACA,KAlDD,CAAC,CAmDF,CACP,CAAC,GACE,CACP,EAEA,OAAO,KAAK,gBAAgB,IAAI,CAC/B,cAAK,SAAS,EAAC,sBAAsB,YAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE;gCACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;gCACtC,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,aAAa,EAAE;gCAC5D,SAAS,EAAE,+BAA+B;gCAC1C,cAAc,EAAE,QAAQ,CAAC,UAAU;gCACnC,OAAO,EAAE,CAAC;6BACX,aAGD,eACE,SAAS,EAAC,6FAA6F,EACvG,KAAK,EAAE;wCACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM;wCAC3B,OAAO,EAAE,IAAI;wCACb,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;qCAC5C,YAEA,IAAI,CAAC,MAAM,GACP,EACP,eAAK,SAAS,EAAC,eAAe,aAC5B,eACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,sBAEhC,IAAI,CAAC,MAAM,IACb,EACN,8BACgB,YAAY,EAC1B,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;gDACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;gDAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gDACzB,GAAG,OAAO,CAAC,aAAa,EAAE,YAAY,CAAC;6CACxC,YAEA,IAAI,CAAC,KAAK,GACR,EACL,6BACgB,WAAW,EACzB,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,EAAE,YAE3E,IAAI,CAAC,IAAI,GACR,IACA,KA9CD,CAAC,CA+CF,CACP,CAAC,GACE,CACP,EAEA,OAAO,KAAK,aAAa,IAAI,CAC5B,cAAK,SAAS,EAAC,6CAA6C,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,4BAA4B,aACjD,eACE,SAAS,EAAC,6EAA6E,EACvF,KAAK,EAAE;wCACL,SAAS,EAAE,+BAA+B;wCAC1C,cAAc,EAAE,QAAQ,CAAC,UAAU;wCACnC,OAAO,EAAE,CAAC;qCACX,aAED,cACE,SAAS,EAAC,2EAA2E,EACrF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAE9D,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GACrB,EACN,aACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE;gDACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;gDAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;6CAC1B,YAEA,IAAI,CAAC,KAAK,GACR,EACL,YACE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAEnC,IAAI,CAAC,IAAI,GACR,IACA,EACL,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,cACE,SAAS,EAAC,kEAAkE,EAC5E,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,YAEpD,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACzD,eAAM,CAAC,EAAC,uBAAuB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,GAChH,GACF,CACP,KAxCO,CAAC,CAyCL,CACP,CAAC,GACE,CACP,EAGA,CAAC,OAAO,KAAK,YAAY,IAAI,CAAC,CAAC,UAAU,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CACjG,cAAK,SAAS,EAAC,0CAA0C,YACtD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAC,8DAA8D,EACxE,KAAK,EAAE;gCACL,SAAS,EAAE,+BAA+B;gCAC1C,cAAc,EAAE,QAAQ,CAAC,UAAU;gCACnC,OAAO,EAAE,CAAC;6BACX,aAGA,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,cACE,SAAS,EAAC,2GAA2G,EACrH,KAAK,EAAE;wCACL,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM;wCACzD,OAAO,EAAE,GAAG;qCACb,GACD,CACH,EACD,cACE,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAE9D,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GACrB,EACN,aACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE;wCACL,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS;wCAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;qCAC1B,YAEA,IAAI,CAAC,KAAK,GACR,EACL,YACE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAEnC,IAAI,CAAC,IAAI,GACR,KAtCC,CAAC,CAuCF,CACP,CAAC,GACE,CACP,IACG,IACE,CACX,CAAC;AACJ,CAAC"}

package/dist/heroes/HeroActivity.d.ts

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

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

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

package/dist/heroes/HeroActivity.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { renderText } from "../renderText";
+import { HeadlineEffect } from "../primitives/HeadlineEffect";
+import { renderHeroImage } from "../utils/imageStyle";
+import { elStyle } from "../utils/elementStyles";
+export default function HeroActivity({ content, variant, theme, settings: _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 = content.cta_text ? renderText(content.cta_text) : "Shop Now";
+    const ctaUrl = content.cta_url ? renderText(content.cta_url) : "#";
+    const mediaUrl = content.media_url ? renderText(content.media_url) : undefined;
+    const liveCount = content.live_count || 142;
+    const stockLevel = content.stock_level || 23;
+    const stockMax = content.stock_max || 100;
+    const rawItems = Array.isArray(content.activity_items)
+        ? content.activity_items.map((item) => ({
+            label: renderText(item.label) || "Someone just purchased",
+            time_ago: renderText(item.time_ago) || "just now",
+            avatar_url: item.avatar_url ? renderText(item.avatar_url) : undefined,
+        }))
+        : defaultActivityItems();
+    const [visibleIndex, setVisibleIndex] = useState(0);
+    const [liveViews, setLiveViews] = useState(liveCount);
+    useEffect(() => {
+        if (variant === "live_viewers") {
+            const id = setInterval(() => {
+                setLiveViews((n) => n + Math.floor(Math.random() * 5) - 2);
+            }, 2000);
+            return () => clearInterval(id);
+        }
+        if (variant === "recent_orders") {
+            const id = setInterval(() => {
+                setVisibleIndex((i) => (i + 1) % rawItems.length);
+            }, 3000);
+            return () => clearInterval(id);
+        }
+    }, [variant, rawItems.length]);
+    const stockPercent = Math.min(100, Math.max(0, (stockLevel / stockMax) * 100));
+    return (_jsx("section", { className: "relative py-16 px-5 md:py-24", style: { backgroundColor: theme.palette.bg }, children: _jsxs("div", { className: "mx-auto max-w-6xl flex flex-col md:flex-row items-center gap-10", children: [_jsxs("div", { className: "flex-1", children: [eyebrow && (_jsx("p", { "data-lx-field": "eyebrow", className: "text-xs font-bold uppercase tracking-[0.2em] mb-4", style: { color: theme.palette.accent, ...elStyle(elementStyles, "eyebrow") }, children: eyebrow })), _jsx("h1", { "data-lx-field": "headline", className: "text-[clamp(2.5rem,5vw,4.5rem)] leading-[1.05] 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 mb-8 opacity-70", style: { color: theme.palette.text, ...elStyle(elementStyles, "subhead") }, children: subhead })), _jsx("a", { "data-lx-field": "cta_text", href: ctaUrl, className: "inline-flex items-center px-8 py-4 font-semibold text-white rounded-full hover:-translate-y-0.5 transition-transform", style: { backgroundColor: theme.palette.accent, ...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))) }))] }), _jsxs("div", { className: "flex-1 w-full", children: [mediaUrl && (_jsx("div", { "data-lx-field": "media_url", className: "mb-4", style: elStyle(elementStyles, "media_url"), children: renderHeroImage(mediaUrl, headline, content.image_style || "card", theme, "media_url", elStyle(elementStyles, "media_url")) })), _jsxs("div", { className: "rounded-2xl p-4 shadow-lg", style: { backgroundColor: theme.palette.surface || "#f9f9f9", border: `1px solid ${theme.palette.border || "#e5e7eb"}` }, children: [variant === "recent_orders" && rawItems.length > 0 && (_jsx(ActivityFeed, { item: rawItems[visibleIndex], accent: theme.palette.accent, text: theme.palette.text, font: theme.fonts.body })), variant === "live_viewers" && (_jsxs("div", { className: "flex items-center gap-3 px-2 py-1", children: [_jsxs("span", { className: "relative flex h-3 w-3", children: [_jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75", style: { backgroundColor: theme.palette.accent } }), _jsx("span", { className: "relative inline-flex rounded-full h-3 w-3", style: { backgroundColor: theme.palette.accent } })] }), _jsxs("p", { className: "text-sm font-semibold", style: { color: theme.palette.text, fontFamily: theme.fonts.body }, children: [_jsx("span", { style: { color: theme.palette.accent }, children: liveViews }), " people viewing right now"] })] })), variant === "stock_level" && (_jsxs("div", { className: "px-2 py-1", children: [_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsxs("p", { className: "text-sm font-semibold", style: { color: theme.palette.text, fontFamily: theme.fonts.body }, children: ["Only ", _jsx("span", { style: { color: theme.palette.accent }, children: stockLevel }), " left in stock"] }), _jsxs("p", { className: "text-xs opacity-50", style: { color: theme.palette.text }, children: [stockPercent.toFixed(0), "% sold"] })] }), _jsx("div", { className: "w-full h-2 rounded-full overflow-hidden", style: { backgroundColor: theme.palette.border || "#e5e7eb" }, children: _jsx("div", { className: "h-full rounded-full transition-all duration-700", style: { width: `${stockPercent}%`, backgroundColor: theme.palette.accent } }) })] }))] })] })] }) }));
+}
+function ActivityFeed({ item, accent, text, font }) {
+    return (_jsxs("div", { className: "flex items-center gap-3 animate-fade-in", children: [item.avatar_url ? (_jsx("img", { src: item.avatar_url, alt: "", className: "w-9 h-9 rounded-full object-cover flex-shrink-0" })) : (_jsx("div", { className: "w-9 h-9 rounded-full flex-shrink-0 flex items-center justify-center text-white text-sm font-bold", style: { backgroundColor: accent }, children: item.label.charAt(0).toUpperCase() })), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-tight", style: { color: text, fontFamily: font }, children: item.label }), _jsx("p", { className: "text-xs opacity-50 mt-0.5", style: { color: text }, children: item.time_ago })] })] }));
+}
+function defaultActivityItems() {
+    return [
+        { label: "Priya from Delhi just bought Vitamin C Serum", time_ago: "just now" },
+        { label: "Anika from Mumbai purchased the Retinol Kit", time_ago: "2 min ago" },
+        { label: "Sneha from Bangalore ordered SPF 50 Sunscreen", time_ago: "4 min ago" },
+        { label: "Riya from Chennai added Hyaluronic Toner to cart", time_ago: "5 min ago" },
+    ];
+}
+//# sourceMappingURL=HeroActivity.js.map

package/dist/heroes/HeroActivity.js.map

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

package/dist/heroes/HeroAnimated.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeroAnimated.d.ts","sourceRoot":"","sources":["../../src/heroes/HeroAnimated.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,SAAS,EAAE,EAAE,cAAc,2CA6LpG"}