@lexsis/storefront-components 1.0.0

package/dist/registry.js

@@ -0,0 +1,2317 @@
+import { lazy } from "react";
+import { HERO_CENTERED_FIELDS, HERO_SPLIT_FIELDS, HERO_FULLBLEED_FIELDS, HERO_CAROUSEL_FIELDS, HERO_EDITORIAL_FIELDS, HERO_COUNTDOWN_FIELDS, HERO_TYPEWRITER_FIELDS, HERO_PARALLAX_FIELDS, HERO_ANIMATED_FIELDS, HERO_SPOTLIGHT_FIELDS, HERO_AURORA_FIELDS, HERO_ACTIVITY_FIELDS, HERO_MINI_FIELDS, HERO_PRODUCT_BREAKOUT_FIELDS, CTA_FULLWIDTH_FIELDS, CTA_STICKY_FIELDS, NEWSLETTER_FIELDS, FAQ_FIELDS, REVIEWS_FIELDS, FEATURE_GRID_FIELDS, VALUE_PROPS_FIELDS, GUARANTEE_FIELDS, TESTIMONIAL_CARD_FIELDS, CONTENT_RICH_FIELDS, CONTENT_IMAGE_TEXT_FIELDS, BEFORE_AFTER_FIELDS, FEATURED_CARD_FIELDS, PRODUCT_CARD_FIELDS, STATS_FIELDS, LOGO_CAROUSEL_FIELDS, POPUP_FIELDS, TRANSITION_FIELDS, TEXT_EFFECT_FIELDS, BUTTON_SECTION_FIELDS, URGENCY_CTA_FIELDS, WAITLIST_FIELDS, AVATAR_GROUP_FIELDS, PARALLAX_FIELDS, PROCESS_STEPS_FIELDS, BACKGROUND_SECTION_FIELDS, CARD_STACK_FIELDS, TERMINAL_FIELDS, FEATURE_TABS_FIELDS, BENTO_FIELDS, LOOKBOOK_GRID_FIELDS, PRICING_FIELDS, NAVBAR_FIELDS, FOOTER_FIELDS, PROMOBAR_FIELDS, PROMOBAR_MULTI_FIELDS, PROMOBAR_ROTATING_FIELDS, PROMOBAR_COUNTDOWN_FIELDS, TICKER_FIELDS, CART_GUARANTEE_FIELDS, HERO_EDITORIAL_MINIMAL_FIELDS, HERO_DARK_STICKER_FIELDS, HERO_RETRO_FIELDS, HERO_TRUST_FIELDS, HERO_CINEMATIC_FIELDS, LIVE_ACTIVITY_TICKER_FIELDS, CART_DRAWER_FIELDS, } from "./registry-field-schemas";
+export const COMPONENT_REGISTRY = {
+    // ─── Heroes ───────────────────────────────────────────────────────────
+    lx_hero: {
+        category: "hero",
+        defaultVariant: "centered",
+        variants: {
+            centered: {
+                component: lazy(() => import("./heroes/HeroCentered")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url", "rating"],
+                fields: HERO_CENTERED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now" },
+                variantGroup: "hero_centered",
+            },
+            split: {
+                component: lazy(() => import("./heroes/HeroSplit")),
+                requiredContent: ["headline", "cta_text", "media_url"],
+                optionalContent: ["subhead", "eyebrow", "pills"],
+                fields: HERO_SPLIT_FIELDS,
+                supportedSettings: ["min_height", "image_corner_radius", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", media_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80" },
+                variantGroup: "hero_split",
+            },
+            right_text: {
+                component: lazy(() => import("./heroes/HeroSplit")),
+                requiredContent: ["headline", "cta_text", "media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_SPLIT_FIELDS,
+                supportedSettings: ["min_height", "image_corner_radius", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", media_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80" },
+                variantGroup: "hero_split",
+            },
+            overlap: {
+                component: lazy(() => import("./heroes/HeroSplit")),
+                requiredContent: ["headline", "cta_text", "media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_SPLIT_FIELDS,
+                supportedSettings: ["min_height", "image_corner_radius"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", media_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80" },
+                variantGroup: "hero_split",
+            },
+            with_pills: {
+                component: lazy(() => import("./heroes/HeroSplit")),
+                requiredContent: ["headline", "cta_text", "media_url", "pills"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_SPLIT_FIELDS,
+                supportedSettings: ["min_height", "image_corner_radius"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", pills: [] },
+                variantGroup: "hero_split",
+            },
+            full_bleed: {
+                component: lazy(() => import("./heroes/HeroFullBleed")),
+                requiredContent: ["headline", "cta_text", "bg_media_url"],
+                optionalContent: ["subhead"],
+                fields: HERO_FULLBLEED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", bg_media_url: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=1600&q=80" },
+                variantGroup: "hero_fullbleed",
+            },
+            editorial: {
+                component: lazy(() => import("./heroes/HeroEditorial")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "category_tag", "byline", "media_url"],
+                fields: HERO_EDITORIAL_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "Your headline here", cta_text: "Read More" },
+                variantGroup: "hero_editorial",
+            },
+            mini: {
+                component: lazy(() => import("./heroes/HeroMini")),
+                requiredContent: ["headline"],
+                optionalContent: ["subhead", "cta_text"],
+                fields: HERO_MINI_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "All Products" },
+                variantGroup: "hero_mini",
+            },
+            countdown: {
+                component: lazy(() => import("./heroes/HeroCountdown")),
+                requiredContent: ["headline", "cta_text", "countdown_end"],
+                optionalContent: ["subhead", "eyebrow", "media_url", "urgency_text"],
+                fields: HERO_COUNTDOWN_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Sale ends soon", cta_text: "Shop Now" },
+                variantGroup: "hero_countdown",
+            },
+            with_urgency: {
+                component: lazy(() => import("./heroes/HeroCountdown")),
+                requiredContent: ["headline", "cta_text", "countdown_end"],
+                optionalContent: ["subhead", "eyebrow", "media_url"],
+                fields: HERO_COUNTDOWN_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Hurry, offer ends soon", cta_text: "Claim Now" },
+                variantGroup: "hero_countdown",
+            },
+            typewriter: {
+                component: lazy(() => import("./heroes/HeroTypewriter")),
+                requiredContent: ["headline_prefix", "rotating_words", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url"],
+                fields: HERO_TYPEWRITER_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline_prefix: "Skin that is", rotating_words: ["Radiant", "Glowing"], cta_text: "Shop Now" },
+                variantGroup: "hero_animated",
+            },
+            // HeroCentered extended variants
+            with_rating: {
+                component: lazy(() => import("./heroes/HeroCentered")),
+                requiredContent: ["headline", "cta_text", "rating"],
+                optionalContent: ["subhead", "eyebrow", "media_url", "review_count"],
+                fields: HERO_CENTERED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", rating: 4.9 },
+                variantGroup: "hero_centered",
+            },
+            gradient_overlay: {
+                component: lazy(() => import("./heroes/HeroCentered")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url"],
+                fields: HERO_CENTERED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now" },
+                variantGroup: "hero_centered",
+            },
+            full_bleed_centered: {
+                component: lazy(() => import("./heroes/HeroCentered")),
+                requiredContent: ["headline", "cta_text", "media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_CENTERED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now" },
+                variantGroup: "hero_centered",
+            },
+            bg_carousel: {
+                component: lazy(() => import("./heroes/HeroCentered")),
+                requiredContent: ["headline", "cta_text", "media_urls"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_CENTERED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", media_urls: [] },
+                variantGroup: "hero_centered",
+            },
+            // HeroSplit extended variants
+            split_video: {
+                component: lazy(() => import("./heroes/HeroSplit")),
+                requiredContent: ["headline", "cta_text", "media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: { ...HERO_SPLIT_FIELDS, media_url: { type: "video", required: true, label: "Video" } },
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "Your headline here", cta_text: "Watch Now", media_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80" },
+                variantGroup: "hero_split",
+            },
+            parallax_split: {
+                component: lazy(() => import("./heroes/HeroSplit")),
+                requiredContent: ["headline", "cta_text", "media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_SPLIT_FIELDS,
+                supportedSettings: ["min_height", "image_corner_radius"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", media_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80" },
+                variantGroup: "hero_split",
+            },
+            // HeroFullBleed extended variants
+            dark_overlay: {
+                component: lazy(() => import("./heroes/HeroFullBleed")),
+                requiredContent: ["headline", "cta_text", "bg_media_url"],
+                optionalContent: ["subhead"],
+                fields: HERO_FULLBLEED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", bg_media_url: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=1600&q=80" },
+                variantGroup: "hero_fullbleed",
+            },
+            full_bleed_gradient: {
+                component: lazy(() => import("./heroes/HeroFullBleed")),
+                requiredContent: ["headline", "cta_text", "bg_media_url"],
+                optionalContent: ["subhead"],
+                fields: HERO_FULLBLEED_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", bg_media_url: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=1600&q=80" },
+                variantGroup: "hero_fullbleed",
+            },
+            // HeroParallax variants
+            parallax_scroll: {
+                component: lazy(() => import("./heroes/HeroParallax")),
+                requiredContent: ["headline", "cta_text", "bg_media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_PARALLAX_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", bg_media_url: "https://images.unsplash.com/photo-1526045431048-f857369baa09?w=1600&q=80" },
+                variantGroup: "hero_fullbleed",
+            },
+            zoom_on_scroll: {
+                component: lazy(() => import("./heroes/HeroParallax")),
+                requiredContent: ["headline", "cta_text", "bg_media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_PARALLAX_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", bg_media_url: "https://images.unsplash.com/photo-1526045431048-f857369baa09?w=1600&q=80" },
+                variantGroup: "hero_fullbleed",
+            },
+            tilt_3d: {
+                component: lazy(() => import("./heroes/HeroParallax")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "bg_media_url"],
+                fields: HERO_PARALLAX_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "Hover to feel the difference", cta_text: "Shop Now", bg_media_url: "https://images.unsplash.com/photo-1526045431048-f857369baa09?w=1600&q=80" },
+                variantGroup: "hero_fullbleed",
+            },
+            layered: {
+                component: lazy(() => import("./heroes/HeroParallax")),
+                requiredContent: ["headline", "cta_text", "bg_media_url"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_PARALLAX_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { headline: "Your headline here", cta_text: "Shop Now", bg_media_url: "https://images.unsplash.com/photo-1526045431048-f857369baa09?w=1600&q=80" },
+                variantGroup: "hero_fullbleed",
+            },
+            // HeroAnimated variants
+            rotating_text: {
+                component: lazy(() => import("./heroes/HeroAnimated")),
+                requiredContent: ["rotating_words", "cta_text"],
+                optionalContent: ["headline_prefix", "subhead", "eyebrow"],
+                fields: HERO_ANIMATED_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline_prefix: "Formulated for", rotating_words: ["Dry Skin", "Oily Skin"], cta_text: "Find My Match" },
+                variantGroup: "hero_animated",
+            },
+            glitch: {
+                component: lazy(() => import("./heroes/HeroAnimated")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_ANIMATED_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "BREAK THE ROUTINE", cta_text: "Shop Now" },
+                variantGroup: "hero_animated",
+            },
+            flip_words: {
+                component: lazy(() => import("./heroes/HeroAnimated")),
+                requiredContent: ["rotating_words", "cta_text"],
+                optionalContent: ["headline_prefix", "subhead", "eyebrow"],
+                fields: HERO_ANIMATED_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline_prefix: "Your skin deserves", rotating_words: ["Better", "Clarity"], cta_text: "Shop Now" },
+                variantGroup: "hero_animated",
+            },
+            // HeroSpotlight variants
+            spotlight_single: {
+                component: lazy(() => import("./heroes/HeroSpotlight")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url"],
+                fields: HERO_SPOTLIGHT_FIELDS,
+                supportedSettings: ["min_height", "image_corner_radius"],
+                defaultContent: { headline: "Featured Product", cta_text: "Shop Now" },
+                variantGroup: "hero_spotlight",
+            },
+            spotlight_multi: {
+                component: lazy(() => import("./heroes/HeroSpotlight")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url", "cards"],
+                fields: HERO_SPOTLIGHT_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Our bestselling trio", cta_text: "Shop All", cards: [] },
+                variantGroup: "hero_spotlight",
+            },
+            // HeroAurora variants
+            aurora_wave: {
+                component: lazy(() => import("./heroes/HeroAurora")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_AURORA_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Aurora-inspired luminosity", cta_text: "Explore" },
+                variantGroup: "hero_aurora",
+            },
+            aurora_static: {
+                component: lazy(() => import("./heroes/HeroAurora")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_AURORA_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Still waters run deep", cta_text: "Shop Sensitive Range" },
+                variantGroup: "hero_aurora",
+            },
+            // HeroActivity variants
+            recent_orders: {
+                component: lazy(() => import("./heroes/HeroActivity")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url", "activity_items"],
+                fields: HERO_ACTIVITY_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Join the ritual", cta_text: "Shop Bestsellers" },
+                variantGroup: "hero_activity",
+            },
+            live_viewers: {
+                component: lazy(() => import("./heroes/HeroActivity")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url", "live_count"],
+                fields: HERO_ACTIVITY_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Everyone's watching this one", cta_text: "Shop Now", live_count: 247 },
+                variantGroup: "hero_activity",
+            },
+            stock_level: {
+                component: lazy(() => import("./heroes/HeroActivity")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "eyebrow", "media_url", "stock_level", "stock_max"],
+                fields: HERO_ACTIVITY_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "Last batch of the season", cta_text: "Secure Mine Now", stock_level: 23, stock_max: 100 },
+                variantGroup: "hero_activity",
+            },
+            // HeroCarousel variants
+            slideshow: {
+                component: lazy(() => import("./heroes/HeroCarousel")),
+                requiredContent: ["slides"],
+                optionalContent: ["headline", "cta_text"],
+                fields: HERO_CAROUSEL_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { slides: [] },
+                variantGroup: "hero_carousel",
+            },
+            crossfade: {
+                component: lazy(() => import("./heroes/HeroCarousel")),
+                requiredContent: ["slides"],
+                optionalContent: [],
+                fields: HERO_CAROUSEL_FIELDS,
+                supportedSettings: ["min_height", "overlay_strength"],
+                defaultContent: { slides: [] },
+                variantGroup: "hero_carousel",
+            },
+            split_carousel: {
+                component: lazy(() => import("./heroes/HeroCarousel")),
+                requiredContent: ["headline", "cta_text", "slides"],
+                optionalContent: ["subhead", "eyebrow"],
+                fields: HERO_CAROUSEL_FIELDS,
+                supportedSettings: ["min_height", "image_corner_radius"],
+                defaultContent: { headline: "Our bestselling collection", cta_text: "Shop All", slides: [] },
+                variantGroup: "hero_carousel",
+            },
+            ken_burns: {
+                component: lazy(() => import("./heroes/HeroCarousel")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["bg_media_url", "media_url", "subhead", "eyebrow"],
+                fields: HERO_CAROUSEL_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "Beauty in slow motion", cta_text: "Begin Your Ritual", bg_media_url: "https://images.unsplash.com/photo-1526045431048-f857369baa09?w=1600&q=80" },
+                variantGroup: "hero_carousel",
+            },
+            // Product breakout hero
+            product_breakout: {
+                component: lazy(() => import("./heroes/HeroFullBleed")),
+                requiredContent: ["headline", "product_image_url"],
+                optionalContent: ["product_name", "cta_text", "social_proof", "features", "price", "compare_price", "bg_color", "tagline"],
+                fields: HERO_PRODUCT_BREAKOUT_FIELDS,
+                supportedSettings: [],
+                defaultContent: { headline: "The hero product", cta_text: "Shop Now", product_image_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80" },
+                variantGroup: "hero_product",
+            },
+            // ─── Brand-template variants ────────────────────────────────────────────
+            editorial_minimal: {
+                component: lazy(() => import("./heroes/HeroEditorialMinimal")),
+                requiredContent: ["headline", "media_url"],
+                optionalContent: ["subhead", "cta_text", "cta_url", "overlay_strength", "italic"],
+                fields: HERO_EDITORIAL_MINIMAL_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "Confidence through restraint.", media_url: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=1600&q=80" },
+                variantGroup: "hero_editorial",
+            },
+            dark_split_sticker: {
+                component: lazy(() => import("./heroes/HeroDarkSplitSticker")),
+                requiredContent: ["headline", "media_url"],
+                optionalContent: ["eyebrow", "subhead", "cta_text", "cta_url", "sticker_url", "bg_color", "accent_color"],
+                fields: HERO_DARK_STICKER_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "Murder your thirst.", cta_text: "Shop Now", media_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80" },
+                variantGroup: "hero_dark",
+            },
+            retro_centered: {
+                component: lazy(() => import("./heroes/HeroRetroCentered")),
+                requiredContent: ["headline", "media_url"],
+                optionalContent: ["subhead", "cta_text", "cta_url", "bg_color", "bg_gradient", "floating_elements"],
+                fields: HERO_RETRO_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "The feel-good soda.", cta_text: "Shop Now", media_url: "https://images.unsplash.com/photo-1570194065650-d99fb4d8a609?w=800&q=80", bg_color: "#FDE68A" },
+                variantGroup: "hero_retro",
+            },
+            trust_split: {
+                component: lazy(() => import("./heroes/HeroTrustSplit")),
+                requiredContent: ["headline", "media_url"],
+                optionalContent: ["subhead", "cta_text", "cta_url", "rating", "review_count", "credential_badges"],
+                fields: HERO_TRUST_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "Scale up your health routine.", cta_text: "Shop Now", media_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80", rating: 4.8, review_count: "60,000+ verified reviews" },
+                variantGroup: "hero_trust",
+            },
+            cinematic_fullbleed: {
+                component: lazy(() => import("./heroes/HeroCinematicFullbleed")),
+                requiredContent: ["headline"],
+                optionalContent: ["eyebrow", "subhead", "media_url", "video_url", "cta_text", "cta_url", "overlay_strength", "cta_bg_color", "cta_text_color"],
+                fields: HERO_CINEMATIC_FIELDS,
+                supportedSettings: ["min_height"],
+                defaultContent: { headline: "The Hybrid Revolution.", cta_text: "Shop Now", video_url: "/stock-hero.mp4" },
+                variantGroup: "hero_cinematic",
+            },
+        },
+    },
+    // ─── Reviews ──────────────────────────────────────────────────────────
+    lx_reviews: {
+        category: "reviews",
+        defaultVariant: "masonry",
+        variants: {
+            masonry: {
+                component: lazy(() => import("./reviews/ReviewMasonry")),
+                requiredContent: ["reviews", "heading"],
+                optionalContent: [],
+                fields: REVIEWS_FIELDS,
+                variantGroup: "reviews",
+                supportedSettings: [],
+                defaultContent: { heading: "What our customers say", reviews: [] },
+            },
+            carousel: {
+                component: lazy(() => import("./reviews/ReviewCarousel")),
+                requiredContent: ["reviews"],
+                optionalContent: ["heading"],
+                fields: REVIEWS_FIELDS,
+                variantGroup: "reviews",
+                supportedSettings: [],
+                defaultContent: { heading: "What our customers say", reviews: [] },
+            },
+            spotlight: {
+                component: lazy(() => import("./reviews/ReviewSpotlight")),
+                requiredContent: ["featured_review"],
+                optionalContent: ["supporting_reviews"],
+                fields: REVIEWS_FIELDS,
+                variantGroup: "reviews",
+                supportedSettings: [],
+                defaultContent: { heading: "What our customers say", reviews: [] },
+            },
+            infinite_scroll: {
+                component: lazy(() => import("./reviews/ReviewMasonry")),
+                requiredContent: ["reviews", "heading"],
+                optionalContent: [],
+                fields: REVIEWS_FIELDS,
+                variantGroup: "reviews",
+                supportedSettings: [],
+                defaultContent: { heading: "What our customers say", reviews: [] },
+            },
+        },
+    },
+    // ─── Video Testimonials ───────────────────────────────────────────────
+    lx_review_video: {
+        category: "reviews",
+        defaultVariant: "grid",
+        variants: {
+            grid: {
+                component: lazy(() => import("./reviews/VideoTestimonials")),
+                requiredContent: ["videos"],
+                optionalContent: ["heading", "subhead"],
+                fields: REVIEWS_FIELDS,
+                variantGroup: "review_video",
+                supportedSettings: [],
+                defaultContent: { heading: "Hear from our customers", videos: [] },
+            },
+            carousel: {
+                component: lazy(() => import("./reviews/VideoTestimonials")),
+                requiredContent: ["videos"],
+                optionalContent: ["heading", "subhead"],
+                fields: REVIEWS_FIELDS,
+                variantGroup: "review_video",
+                supportedSettings: [],
+                defaultContent: { heading: "Hear from our customers", videos: [] },
+            },
+            featured: {
+                component: lazy(() => import("./reviews/VideoTestimonials")),
+                requiredContent: ["videos"],
+                optionalContent: ["heading", "subhead"],
+                fields: REVIEWS_FIELDS,
+                variantGroup: "review_video",
+                supportedSettings: [],
+                defaultContent: { heading: "Hear from our customers", videos: [] },
+            },
+        },
+    },
+    // ─── Social Proof ─────────────────────────────────────────────────────
+    lx_social_proof: {
+        category: "social-proof",
+        defaultVariant: "logo_strip",
+        variants: {
+            logo_strip: {
+                component: lazy(() => import("./social-proof/LogoStrip")),
+                requiredContent: ["logos"],
+                optionalContent: ["headline"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "social_proof_logo",
+                supportedSettings: [],
+                defaultContent: { logos: [] },
+            },
+            trust_badges: {
+                component: lazy(() => import("./social-proof/TrustBadges")),
+                requiredContent: ["badges"],
+                optionalContent: [],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "social_proof_logo",
+                supportedSettings: [],
+                defaultContent: { title: "", body: "" },
+            },
+            press_mentions: {
+                component: lazy(() => import("./social-proof/PressMentions")),
+                requiredContent: ["mentions"],
+                optionalContent: ["heading"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "social_proof_logo",
+                supportedSettings: [],
+                defaultContent: { logos: [] },
+            },
+        },
+    },
+    // ─── Stats Grid ───────────────────────────────────────────────────────
+    lx_stats: {
+        category: "social-proof",
+        defaultVariant: "3_col",
+        variants: {
+            "3_col": {
+                component: lazy(() => import("./social-proof/StatsGrid")),
+                requiredContent: ["stats"],
+                optionalContent: ["heading", "subhead"],
+                fields: STATS_FIELDS,
+                variantGroup: "stats",
+                supportedSettings: [],
+                defaultContent: { heading: "", stats: [] },
+            },
+            "4_col": {
+                component: lazy(() => import("./social-proof/StatsGrid")),
+                requiredContent: ["stats"],
+                optionalContent: ["heading", "subhead"],
+                fields: STATS_FIELDS,
+                variantGroup: "stats",
+                supportedSettings: [],
+                defaultContent: { heading: "", stats: [] },
+            },
+            centered: {
+                component: lazy(() => import("./social-proof/StatsGrid")),
+                requiredContent: ["stats"],
+                optionalContent: ["heading", "subhead"],
+                fields: STATS_FIELDS,
+                variantGroup: "stats",
+                supportedSettings: [],
+                defaultContent: { heading: "", stats: [] },
+            },
+        },
+    },
+    // ─── Logo Carousel ────────────────────────────────────────────────────
+    lx_logo_carousel: {
+        category: "social-proof",
+        defaultVariant: "scroll",
+        variants: {
+            scroll: {
+                component: lazy(() => import("./social-proof/LogoCarousel")),
+                requiredContent: ["logos"],
+                optionalContent: ["heading", "speed"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "logo_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", logos: [] },
+            },
+            grid: {
+                component: lazy(() => import("./social-proof/LogoCarousel")),
+                requiredContent: ["logos"],
+                optionalContent: ["heading"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "logo_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", logos: [] },
+            },
+            fade: {
+                component: lazy(() => import("./social-proof/LogoCarousel")),
+                requiredContent: ["logos"],
+                optionalContent: ["heading", "interval"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "logo_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", logos: [] },
+            },
+        },
+    },
+    // Alias for logo_carousel (legacy blueprint compatibility)
+    lx_logo_cloud: {
+        category: "social-proof",
+        defaultVariant: "grid",
+        variants: {
+            grid: {
+                component: lazy(() => import("./social-proof/LogoCarousel")),
+                requiredContent: ["logos"],
+                optionalContent: ["heading"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "logo_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", logos: [] },
+            },
+            scroll: {
+                component: lazy(() => import("./social-proof/LogoCarousel")),
+                requiredContent: ["logos"],
+                optionalContent: ["heading", "speed"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "logo_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", logos: [] },
+            },
+            fade: {
+                component: lazy(() => import("./social-proof/LogoCarousel")),
+                requiredContent: ["logos"],
+                optionalContent: ["heading", "interval"],
+                fields: LOGO_CAROUSEL_FIELDS,
+                variantGroup: "logo_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", logos: [] },
+            },
+        },
+    },
+    // ─── Value Props ──────────────────────────────────────────────────────
+    lx_value_props: {
+        category: "value-props",
+        defaultVariant: "grid",
+        variants: {
+            grid: {
+                component: lazy(() => import("./value-props/ValuePropsGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: VALUE_PROPS_FIELDS,
+                variantGroup: "value_props",
+                supportedSettings: [],
+                defaultContent: { heading: "Why choose us", items: [] },
+            },
+            alternating_rows: {
+                component: lazy(() => import("./value-props/ValuePropsAlternating")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: VALUE_PROPS_FIELDS,
+                variantGroup: "value_props",
+                supportedSettings: [],
+                defaultContent: { heading: "Why choose us", items: [] },
+            },
+            icon_strip: {
+                component: lazy(() => import("./value-props/ValuePropsIconStrip")),
+                requiredContent: ["items"],
+                optionalContent: [],
+                fields: VALUE_PROPS_FIELDS,
+                variantGroup: "value_props",
+                supportedSettings: [],
+                defaultContent: { heading: "Why choose us", items: [] },
+            },
+            numbered_list: {
+                component: lazy(() => import("./value-props/NumberedList")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: VALUE_PROPS_FIELDS,
+                variantGroup: "value_props",
+                supportedSettings: [],
+                defaultContent: { heading: "Why choose us", items: [] },
+            },
+            how_it_works: {
+                component: lazy(() => import("./value-props/HowItWorks")),
+                requiredContent: ["steps"],
+                optionalContent: ["heading"],
+                fields: VALUE_PROPS_FIELDS,
+                variantGroup: "value_props",
+                supportedSettings: [],
+                defaultContent: { heading: "Why choose us", items: [] },
+            },
+        },
+    },
+    // ─── Feature Grid ─────────────────────────────────────────────────────
+    lx_feature_grid: {
+        category: "features",
+        defaultVariant: "3_col",
+        variants: {
+            "3_col": {
+                component: lazy(() => import("./features/FeatureGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "feature_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Features", items: [] },
+            },
+            "2_col": {
+                component: lazy(() => import("./features/FeatureGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "feature_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Features", items: [] },
+            },
+            "4_col": {
+                component: lazy(() => import("./features/FeatureGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "feature_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Features", items: [] },
+            },
+            icon_cards: {
+                component: lazy(() => import("./features/FeatureGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "feature_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Features", items: [] },
+            },
+            with_images: {
+                component: lazy(() => import("./features/FeatureGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "feature_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Features", items: [] },
+            },
+        },
+    },
+    // ─── Bento Grid ───────────────────────────────────────────────────────
+    lx_bento: {
+        category: "features",
+        defaultVariant: "2x2",
+        variants: {
+            "2x2": {
+                component: lazy(() => import("./features/BentoGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: BENTO_FIELDS,
+                variantGroup: "bento",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+            with_videos: {
+                component: lazy(() => import("./features/BentoGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: BENTO_FIELDS,
+                variantGroup: "bento",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+        },
+    },
+    // ─── Lookbook Grid ─────────────────────────────────────────────────────
+    lx_lookbook_grid: {
+        category: "content",
+        defaultVariant: "editorial",
+        variants: {
+            editorial: {
+                component: lazy(() => import("./content/LookbookGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "cols", "gap", "animation_style", "stagger_delay"],
+                fields: LOOKBOOK_GRID_FIELDS,
+                variantGroup: "lookbook_grid",
+                supportedSettings: [],
+                defaultContent: { items: [], animation_style: "fade_up", stagger_delay: 80, gap: "xs" },
+            },
+            mosaic: {
+                component: lazy(() => import("./content/LookbookGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "cols", "gap", "animation_style", "stagger_delay"],
+                fields: LOOKBOOK_GRID_FIELDS,
+                variantGroup: "lookbook_grid",
+                supportedSettings: [],
+                defaultContent: { items: [], cols: "3", animation_style: "fade_up", stagger_delay: 80, gap: "xs" },
+            },
+            uniform: {
+                component: lazy(() => import("./content/LookbookGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "cols", "gap", "animation_style", "stagger_delay"],
+                fields: LOOKBOOK_GRID_FIELDS,
+                variantGroup: "lookbook_grid",
+                supportedSettings: [],
+                defaultContent: { items: [], cols: "3", animation_style: "fade_up", stagger_delay: 80, gap: "xs" },
+            },
+            custom: {
+                component: lazy(() => import("./content/LookbookGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "cols", "gap", "animation_style", "stagger_delay"],
+                fields: LOOKBOOK_GRID_FIELDS,
+                variantGroup: "lookbook_grid",
+                supportedSettings: [],
+                defaultContent: { items: [], cols: "3", animation_style: "fade_up", stagger_delay: 80, gap: "xs" },
+            },
+            jumbled: {
+                component: lazy(() => import("./content/LookbookGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "cols", "gap", "stagger_delay"],
+                fields: LOOKBOOK_GRID_FIELDS,
+                variantGroup: "lookbook_grid",
+                supportedSettings: [],
+                defaultContent: { items: [], cols: "3", gap: "xs", stagger_delay: 80 },
+            },
+        },
+    },
+    // ─── Feature Tabs ─────────────────────────────────────────────────────
+    lx_feature_tabs: {
+        category: "features",
+        defaultVariant: "horizontal",
+        variants: {
+            horizontal: {
+                component: lazy(() => import("./features/FeatureTabs")),
+                requiredContent: ["tabs"],
+                optionalContent: ["heading"],
+                fields: FEATURE_TABS_FIELDS,
+                variantGroup: "feature_tabs",
+                supportedSettings: [],
+                defaultContent: { heading: "", tabs: [] },
+            },
+            vertical: {
+                component: lazy(() => import("./features/FeatureTabs")),
+                requiredContent: ["tabs"],
+                optionalContent: ["heading"],
+                fields: FEATURE_TABS_FIELDS,
+                variantGroup: "feature_tabs",
+                supportedSettings: [],
+                defaultContent: { heading: "", tabs: [] },
+            },
+            icon_tabs: {
+                component: lazy(() => import("./features/FeatureTabs")),
+                requiredContent: ["tabs"],
+                optionalContent: ["heading"],
+                fields: FEATURE_TABS_FIELDS,
+                variantGroup: "feature_tabs",
+                supportedSettings: [],
+                defaultContent: { heading: "", tabs: [] },
+            },
+        },
+    },
+    // ─── Product ──────────────────────────────────────────────────────────
+    lx_product: {
+        category: "product",
+        defaultVariant: "highlight_left",
+        variants: {
+            highlight_left: {
+                component: lazy(() => import("./product/ProductHighlightLeft")),
+                requiredContent: ["product_name", "price", "image_url", "cta_text"],
+                optionalContent: ["compare_price", "description", "badges"],
+                fields: {},
+                variantGroup: "product_highlight",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            highlight_right: {
+                component: lazy(() => import("./product/ProductHighlightRight")),
+                requiredContent: ["product_name", "price", "image_url", "cta_text"],
+                optionalContent: ["description", "ingredients"],
+                fields: {},
+                variantGroup: "product_highlight",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            centered_stack: {
+                component: lazy(() => import("./product/ProductCenteredStack")),
+                requiredContent: ["product_name", "price", "image_url", "cta_text"],
+                optionalContent: ["description", "variants"],
+                fields: {},
+                variantGroup: "product_highlight",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            comparison_table: {
+                component: lazy(() => import("./product/ComparisonTable")),
+                requiredContent: ["products", "feature_labels"],
+                optionalContent: ["highlighted_index"],
+                fields: {},
+                variantGroup: "product_comparison",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            bundle_builder: {
+                component: lazy(() => import("./product/BundleBuilder")),
+                requiredContent: ["products", "bundle_price", "cta_text"],
+                optionalContent: ["savings_text"],
+                fields: {},
+                variantGroup: "product_bundle",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            subscription_toggle: {
+                component: lazy(() => import("./product/SubscriptionToggle")),
+                requiredContent: ["one_time_price", "subscribe_price", "cta_text"],
+                optionalContent: ["savings_percent", "frequency_options"],
+                fields: {},
+                variantGroup: "product_subscription",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+        },
+    },
+    // ─── Product Gallery ──────────────────────────────────────────────────
+    lx_product_gallery: {
+        category: "product",
+        defaultVariant: "carousel",
+        variants: {
+            carousel: {
+                component: lazy(() => import("./product/ProductGallery")),
+                requiredContent: ["images"],
+                optionalContent: ["headline", "subhead"],
+                fields: {},
+                variantGroup: "product_gallery",
+                supportedSettings: [],
+                defaultContent: { images: [] },
+            },
+            with_thumbnails: {
+                component: lazy(() => import("./product/ProductGallery")),
+                requiredContent: ["images"],
+                optionalContent: ["headline", "subhead"],
+                fields: {},
+                variantGroup: "product_gallery",
+                supportedSettings: [],
+                defaultContent: { images: [] },
+            },
+            zoom: {
+                component: lazy(() => import("./product/ProductGallery")),
+                requiredContent: ["images"],
+                optionalContent: ["headline", "subhead"],
+                fields: {},
+                variantGroup: "product_gallery",
+                supportedSettings: [],
+                defaultContent: { images: [] },
+            },
+        },
+    },
+    // ─── Buy Box ─────────────────────────────────────────────────────────
+    lx_buy_box: {
+        category: "product",
+        defaultVariant: "standard",
+        variants: {
+            standard: {
+                component: lazy(() => import("./product/BuyBox")),
+                requiredContent: ["variants", "price"],
+                optionalContent: ["product_title", "compare_at_price", "trust_badges", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style"],
+                fields: {},
+                variantGroup: "buy_box",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            with_subscription: {
+                component: lazy(() => import("./product/BuyBox")),
+                requiredContent: ["price"],
+                optionalContent: ["variants", "product_title", "subscribe_price", "subscribe_label", "frequencies", "trust_badges", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style"],
+                fields: {},
+                variantGroup: "buy_box",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            quantity_breaks: {
+                component: lazy(() => import("./product/BuyBox")),
+                requiredContent: ["price"],
+                optionalContent: ["variants", "product_title", "quantity_breaks", "trust_badges", "rating", "review_count", "features", "secondary_cta", "emi_offers"],
+                fields: {},
+                variantGroup: "buy_box",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            sticky_bar: {
+                component: lazy(() => import("./product/BuyBox")),
+                requiredContent: ["price"],
+                optionalContent: ["variants", "product_title", "image_url", "compare_at_price"],
+                fields: {},
+                variantGroup: "buy_box",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            image_map: {
+                component: lazy(() => import("./product/BuyBox")),
+                requiredContent: ["image_url"],
+                optionalContent: ["variants", "product_title", "cta_text", "trust_badges", "rating", "review_count"],
+                fields: {},
+                variantGroup: "buy_box",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+        },
+    },
+    // ─── Product Accordion ───────────────────────────────────────────────
+    lx_product_accordion: {
+        category: "product",
+        defaultVariant: "default",
+        variants: {
+            default: {
+                component: lazy(() => import("./product/ProductAccordion")),
+                requiredContent: ["sections"],
+                optionalContent: ["heading"],
+                fields: {},
+                variantGroup: "product_accordion",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            with_icons: {
+                component: lazy(() => import("./product/ProductAccordion")),
+                requiredContent: ["sections"],
+                optionalContent: ["heading"],
+                fields: {},
+                variantGroup: "product_accordion",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+        },
+    },
+    // ─── Upsell ──────────────────────────────────────────────────────────
+    lx_upsell: {
+        category: "product",
+        defaultVariant: "horizontal",
+        variants: {
+            horizontal: {
+                component: lazy(() => import("./product/Upsell")),
+                requiredContent: ["products"],
+                optionalContent: ["headline"],
+                fields: {},
+                variantGroup: "upsell",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            grid: {
+                component: lazy(() => import("./product/Upsell")),
+                requiredContent: ["products"],
+                optionalContent: ["headline"],
+                fields: {},
+                variantGroup: "upsell",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            post_purchase: {
+                component: lazy(() => import("./product/Upsell")),
+                requiredContent: ["products"],
+                optionalContent: ["headline", "subhead"],
+                fields: {},
+                variantGroup: "upsell",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+        },
+    },
+    // ─── PDP Full Layout ──────────────────────────────────────────────────
+    lx_pdp: {
+        category: "product",
+        defaultVariant: "split",
+        variants: {
+            split: {
+                component: lazy(() => import("./product/ProductPage")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "subscribe_price", "trust_badges", "compare_at_price", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            centered: {
+                component: lazy(() => import("./product/ProductPage")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "subscribe_price", "trust_badges", "compare_at_price", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            editorial: {
+                component: lazy(() => import("./product/ProductPage")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "eyebrow", "subscribe_price", "trust_badges", "compare_at_price", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            sticky_gallery: {
+                component: lazy(() => import("./product/PDPVariants")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "eyebrow", "subscribe_price", "trust_badges", "compare_at_price", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style", "material_callouts", "auto_change_interval", "image_aspect", "image_fit"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            film_strip_ingredients: {
+                component: lazy(() => import("./product/PDPVariants")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "eyebrow", "subscribe_price", "trust_badges", "compare_at_price", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style", "ingredients", "clinical_results"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            shade_studio: {
+                component: lazy(() => import("./product/PDPVariants")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "subscribe_price", "trust_badges", "compare_at_price", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style", "editorial_link", "auto_change_interval"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            dark_premium: {
+                component: lazy(() => import("./product/PDPVariants")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "subscribe_price", "trust_badges", "compare_at_price", "rating", "review_count", "features", "secondary_cta", "emi_offers", "variant_selector_style", "feature_grid", "endorsement", "guarantee", "auto_change_interval"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            fashion_minimal: {
+                component: lazy(() => import("./product/PDPVariants")),
+                requiredContent: ["product_name", "price"],
+                optionalContent: ["images", "variants", "description", "badges", "cta_text", "trust_badges", "compare_at_price", "rating", "review_count", "variant_selector_style"],
+                fields: {},
+                variantGroup: "pdp",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+        },
+    },
+    // ─── Newsletter Signup ────────────────────────────────────────────────
+    lx_newsletter: {
+        category: "cta",
+        defaultVariant: "inline",
+        variants: {
+            inline: {
+                component: lazy(() => import("./cta/NewsletterSignup")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "placeholder", "disclaimer"],
+                fields: NEWSLETTER_FIELDS,
+                variantGroup: "newsletter",
+                supportedSettings: [],
+                defaultContent: { headline: "Join the ritual", cta_text: "Subscribe" },
+            },
+            modal: {
+                component: lazy(() => import("./cta/NewsletterSignup")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "placeholder", "disclaimer"],
+                fields: NEWSLETTER_FIELDS,
+                variantGroup: "newsletter",
+                supportedSettings: [],
+                defaultContent: { headline: "Join the ritual", cta_text: "Subscribe" },
+            },
+            banner: {
+                component: lazy(() => import("./cta/NewsletterSignup")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "placeholder"],
+                fields: NEWSLETTER_FIELDS,
+                variantGroup: "newsletter",
+                supportedSettings: [],
+                defaultContent: { headline: "Join the ritual", cta_text: "Subscribe" },
+            },
+            with_incentive: {
+                component: lazy(() => import("./cta/NewsletterSignup")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "placeholder", "incentive_text", "disclaimer"],
+                fields: NEWSLETTER_FIELDS,
+                variantGroup: "newsletter",
+                supportedSettings: [],
+                defaultContent: { headline: "Join the ritual", cta_text: "Subscribe" },
+            },
+        },
+    },
+    // ─── Guarantee CTA ────────────────────────────────────────────────────
+    lx_guarantee: {
+        category: "cta",
+        defaultVariant: "badge",
+        variants: {
+            badge: {
+                component: lazy(() => import("./cta/GuaranteeCta")),
+                requiredContent: ["headline", "body"],
+                optionalContent: ["badge_text", "icon", "cta_text", "cta_url"],
+                fields: GUARANTEE_FIELDS,
+                variantGroup: "guarantee",
+                supportedSettings: [],
+                defaultContent: { headline: "30-Day Money Back Guarantee", body: "Try it risk-free.", cta_text: "Shop Now" },
+            },
+            banner: {
+                component: lazy(() => import("./cta/GuaranteeCta")),
+                requiredContent: ["headline", "body"],
+                optionalContent: ["badge_text", "icon", "cta_text", "cta_url"],
+                fields: GUARANTEE_FIELDS,
+                variantGroup: "guarantee",
+                supportedSettings: [],
+                defaultContent: { headline: "30-Day Money Back Guarantee", body: "Try it risk-free.", cta_text: "Shop Now" },
+            },
+            inline: {
+                component: lazy(() => import("./cta/GuaranteeCta")),
+                requiredContent: ["headline", "body"],
+                optionalContent: ["badge_text", "icon", "cta_text", "cta_url"],
+                fields: GUARANTEE_FIELDS,
+                variantGroup: "guarantee",
+                supportedSettings: [],
+                defaultContent: { headline: "30-Day Money Back Guarantee", body: "Try it risk-free.", cta_text: "Shop Now" },
+            },
+            money_back: {
+                component: lazy(() => import("./cta/GuaranteeCta")),
+                requiredContent: ["headline", "body"],
+                optionalContent: ["guarantee_text", "badges", "cta_text", "cta_url"],
+                fields: GUARANTEE_FIELDS,
+                variantGroup: "guarantee",
+                supportedSettings: [],
+                defaultContent: { headline: "30-Day Money Back Guarantee", body: "Try it risk-free.", cta_text: "Shop Now" },
+            },
+            split: {
+                component: lazy(() => import("./cta/GuaranteeCta")),
+                requiredContent: ["headline", "body"],
+                optionalContent: ["badges", "cta_text", "cta_url"],
+                fields: GUARANTEE_FIELDS,
+                variantGroup: "guarantee",
+                supportedSettings: [],
+                defaultContent: { headline: "30-Day Money Back Guarantee", body: "Try it risk-free.", cta_text: "Shop Now" },
+            },
+        },
+    },
+    // ─── FAQ ──────────────────────────────────────────────────────────────
+    lx_faq: {
+        category: "faq",
+        defaultVariant: "accordion",
+        variants: {
+            accordion: {
+                component: lazy(() => import("./faq/FaqAccordion")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: FAQ_FIELDS,
+                variantGroup: "faq",
+                supportedSettings: [],
+                defaultContent: { heading: "Frequently Asked Questions", items: [] },
+            },
+            two_column: {
+                component: lazy(() => import("./faq/FaqTwoColumn")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: FAQ_FIELDS,
+                variantGroup: "faq",
+                supportedSettings: [],
+                defaultContent: { heading: "Frequently Asked Questions", items: [] },
+            },
+        },
+    },
+    // ─── CTA ──────────────────────────────────────────────────────────────
+    lx_cta: {
+        category: "cta",
+        defaultVariant: "full_width",
+        variants: {
+            full_width: {
+                component: lazy(() => import("./cta/CtaFullWidth")),
+                requiredContent: ["headline", "cta_text"],
+                optionalContent: ["subhead", "urgency_text"],
+                fields: CTA_FULLWIDTH_FIELDS,
+                variantGroup: "cta_fullwidth",
+                supportedSettings: [],
+                defaultContent: { headline: "Ready to get started?", cta_text: "Shop Now" },
+            },
+            sticky_bottom: {
+                component: lazy(() => import("./cta/CtaStickyBottom")),
+                requiredContent: ["cta_text"],
+                optionalContent: ["product_name", "price", "countdown_end"],
+                fields: CTA_STICKY_FIELDS,
+                variantGroup: "cta_sticky",
+                supportedSettings: [],
+                defaultContent: { cta_text: "Add to Cart" },
+            },
+        },
+    },
+    // ─── Content ──────────────────────────────────────────────────────────
+    lx_content: {
+        category: "content",
+        defaultVariant: "rich_text",
+        variants: {
+            rich_text: {
+                component: lazy(() => import("./content/RichText")),
+                requiredContent: ["body_html"],
+                optionalContent: ["heading"],
+                fields: CONTENT_RICH_FIELDS,
+                variantGroup: "content_rich",
+                supportedSettings: [],
+                defaultContent: { body_html: "<p>Your content here.</p>" },
+            },
+            image_text_split: {
+                component: lazy(() => import("./content/ImageTextSplit")),
+                requiredContent: ["headline", "body", "image_url"],
+                optionalContent: ["cta_text"],
+                fields: CONTENT_IMAGE_TEXT_FIELDS,
+                variantGroup: "content_split",
+                supportedSettings: [],
+                defaultContent: { headline: "Our story", body: "Tell your brand story here.", image_url: "https://images.unsplash.com/photo-1607748851687-ba9a10438621?w=800&q=80" },
+            },
+            before_after_slider: {
+                component: lazy(() => import("./content/BeforeAfterSlider")),
+                requiredContent: ["before_url", "after_url"],
+                optionalContent: ["before_label", "after_label", "heading", "subhead"],
+                fields: BEFORE_AFTER_FIELDS,
+                variantGroup: "before_after",
+                supportedSettings: [],
+                defaultContent: { before_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80", after_url: "https://images.unsplash.com/photo-1570194065650-d99fb4d8a609?w=800&q=80" },
+            },
+        },
+    },
+    // ─── Before/After (standalone) ────────────────────────────────────────
+    lx_before_after: {
+        category: "content",
+        defaultVariant: "drag",
+        variants: {
+            drag: {
+                component: lazy(() => import("./content/BeforeAfterSlider")),
+                requiredContent: ["before_url", "after_url"],
+                optionalContent: ["before_label", "after_label", "heading", "subhead"],
+                fields: BEFORE_AFTER_FIELDS,
+                variantGroup: "before_after",
+                supportedSettings: [],
+                defaultContent: { before_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80", after_url: "https://images.unsplash.com/photo-1570194065650-d99fb4d8a609?w=800&q=80" },
+            },
+            side_by_side: {
+                component: lazy(() => import("./content/BeforeAfterSlider")),
+                requiredContent: ["before_url", "after_url"],
+                optionalContent: ["before_label", "after_label", "heading", "subhead"],
+                fields: BEFORE_AFTER_FIELDS,
+                variantGroup: "before_after",
+                supportedSettings: [],
+                defaultContent: { before_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80", after_url: "https://images.unsplash.com/photo-1570194065650-d99fb4d8a609?w=800&q=80" },
+            },
+            click_toggle: {
+                component: lazy(() => import("./content/BeforeAfterSlider")),
+                requiredContent: ["before_url", "after_url"],
+                optionalContent: ["before_label", "after_label", "heading", "subhead"],
+                fields: BEFORE_AFTER_FIELDS,
+                variantGroup: "before_after",
+                supportedSettings: [],
+                defaultContent: { before_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80", after_url: "https://images.unsplash.com/photo-1570194065650-d99fb4d8a609?w=800&q=80" },
+            },
+        },
+    },
+    // ─── Product Card ─────────────────────────────────────────────────────
+    lx_product_card: {
+        category: "cards",
+        defaultVariant: "editorial",
+        variants: {
+            editorial: {
+                component: lazy(() => import("./cards/FeatureCard")),
+                requiredContent: ["image_url", "label"],
+                optionalContent: ["headline", "headline_strike", "tag", "tilt_degree"],
+                fields: PRODUCT_CARD_FIELDS,
+                variantGroup: "product_card",
+                supportedSettings: [],
+                defaultContent: { headline: "HOW TO\nUSE THIS", label: "Product Name", tilt_degree: 4 },
+            },
+            tilt: {
+                component: lazy(() => import("./cards/FeatureCard")),
+                requiredContent: ["image_url", "label"],
+                optionalContent: ["price", "compare_price", "cta_text", "cta_url", "bg_color"],
+                fields: PRODUCT_CARD_FIELDS,
+                variantGroup: "product_card",
+                supportedSettings: [],
+                defaultContent: { label: "Product Name", bg_color: "#111111" },
+            },
+            spotlight: {
+                component: lazy(() => import("./cards/FeatureCard")),
+                requiredContent: ["image_url", "label"],
+                optionalContent: ["cta_text", "cta_url", "bg_color"],
+                fields: PRODUCT_CARD_FIELDS,
+                variantGroup: "product_card",
+                supportedSettings: [],
+                defaultContent: { label: "LIMITED DROP", bg_color: "#0a0a0a" },
+            },
+            desaturate: {
+                component: lazy(() => import("./cards/FeatureCard")),
+                requiredContent: ["image_url", "label"],
+                optionalContent: ["hover_image", "status_badge"],
+                fields: PRODUCT_CARD_FIELDS,
+                variantGroup: "product_card",
+                supportedSettings: [],
+                defaultContent: { label: "Product Name" },
+            },
+        },
+    },
+    // ─── Cards ────────────────────────────────────────────────────────────
+    lx_card: {
+        category: "cards",
+        defaultVariant: "3d_tilt",
+        variants: {
+            "3d_tilt": {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+            glare: {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+            glow: {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+            expandable: {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+        },
+    },
+    // ─── Featured Card (standalone) ───────────────────────────────────────
+    lx_featured_card: {
+        category: "cards",
+        defaultVariant: "3d_tilt",
+        variants: {
+            "3d_tilt": {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+            glare: {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+            glow: {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+            expandable: {
+                component: lazy(() => import("./cards/FeaturedCard")),
+                requiredContent: ["title", "body"],
+                optionalContent: ["image_url", "icon", "cta_text", "cta_url", "badge"],
+                fields: FEATURED_CARD_FIELDS,
+                variantGroup: "featured_card",
+                supportedSettings: [],
+                defaultContent: { title: "Card title", body: "Card description" },
+            },
+        },
+    },
+    // ─── Layout ───────────────────────────────────────────────────────────
+    lx_layout: {
+        category: "layout",
+        defaultVariant: "promo_top_bar",
+        variants: {
+            promo_top_bar: {
+                component: lazy(() => import("./layout/PromoTopBar")),
+                requiredContent: ["text"],
+                optionalContent: ["cta_text", "link", "bg_color", "text_color"],
+                fields: PROMOBAR_FIELDS,
+                variantGroup: "layout_promo",
+                supportedSettings: [],
+                defaultContent: { text: "Free shipping on orders over ₹999" },
+            },
+            static: {
+                component: lazy(() => import("./layout/PromoTopBar")),
+                requiredContent: ["text"],
+                optionalContent: ["cta_text", "link", "bg_color", "text_color"],
+                fields: PROMOBAR_FIELDS,
+                variantGroup: "layout_promo",
+                supportedSettings: [],
+                defaultContent: { text: "Free shipping on orders over ₹999" },
+            },
+            scrolling: {
+                component: lazy(() => import("./layout/PromoTopBar")),
+                requiredContent: ["text"],
+                optionalContent: ["bg_color", "text_color"],
+                fields: PROMOBAR_FIELDS,
+                variantGroup: "layout_promo",
+                supportedSettings: [],
+                defaultContent: { text: "Free shipping · No questions returns · Dermatologist tested" },
+            },
+            sticky_marquee: {
+                component: lazy(() => import("./layout/PromoTopBar")),
+                requiredContent: ["items"],
+                optionalContent: ["bg_color", "text_color", "speed", "separator"],
+                fields: PROMOBAR_MULTI_FIELDS,
+                variantGroup: "layout_promo",
+                supportedSettings: [],
+                defaultContent: { items: [{ text: "Free shipping ₹499+" }, { text: "Dermatologist tested" }, { text: "100% vegan" }] },
+            },
+            rotating: {
+                component: lazy(() => import("./layout/PromoTopBar")),
+                requiredContent: ["items"],
+                optionalContent: ["bg_color", "text_color", "interval"],
+                fields: PROMOBAR_ROTATING_FIELDS,
+                variantGroup: "layout_promo",
+                supportedSettings: [],
+                defaultContent: { items: [{ text: "Free shipping on orders over ₹499" }, { text: "30-day hassle-free returns" }], interval: 3000 },
+            },
+            dismissible: {
+                component: lazy(() => import("./layout/PromoTopBar")),
+                requiredContent: ["text"],
+                optionalContent: ["cta_text", "link", "bg_color", "text_color", "storage_key"],
+                fields: PROMOBAR_FIELDS,
+                variantGroup: "layout_promo",
+                supportedSettings: [],
+                defaultContent: { text: "🎉 Limited time: 20% off your first order" },
+            },
+            countdown_bar: {
+                component: lazy(() => import("./layout/PromoTopBar")),
+                requiredContent: ["message", "end_date"],
+                optionalContent: ["cta_text", "cta_url", "bg_color", "text_color"],
+                fields: PROMOBAR_COUNTDOWN_FIELDS,
+                variantGroup: "layout_promo",
+                supportedSettings: [],
+                defaultContent: { message: "Sale ends in", end_date: "2025-12-31T23:59:59Z" },
+            },
+            ticker: {
+                component: lazy(() => import("./layout/Ticker")),
+                requiredContent: ["items"],
+                optionalContent: ["speed"],
+                fields: TICKER_FIELDS,
+                variantGroup: "layout_ticker",
+                supportedSettings: [],
+                defaultContent: { items: ["Free shipping", "Cruelty-free", "Dermatologist tested"] },
+            },
+            divider: {
+                component: lazy(() => import("./layout/SectionDivider")),
+                requiredContent: [],
+                optionalContent: ["style", "label"],
+                fields: {},
+                variantGroup: "layout_divider",
+                supportedSettings: [],
+                defaultContent: {},
+            },
+            navbar: {
+                component: lazy(() => import("./layout/Navbar")),
+                requiredContent: [],
+                optionalContent: ["logo_url", "brand_name", "nav_items", "cta_text", "cta_url", "bg_color", "text_color", "cta_bg_color", "cta_text_color", "initial_text_color"],
+                fields: NAVBAR_FIELDS,
+                variantGroup: "navbar",
+                supportedSettings: [],
+                defaultContent: { brand_name: "My Brand" },
+            },
+            footer: {
+                component: lazy(() => import("./layout/Footer")),
+                requiredContent: [],
+                optionalContent: ["brand_name", "logo_url", "tagline", "columns", "social_links", "newsletter_heading", "newsletter_placeholder", "copyright"],
+                fields: FOOTER_FIELDS,
+                variantGroup: "footer",
+                supportedSettings: [],
+                defaultContent: { brand_name: "My Brand" },
+            },
+        },
+    },
+    // ─── Product Grid ─────────────────────────────────────────────────────
+    lx_product_grid: {
+        category: "product",
+        defaultVariant: "3_col",
+        variants: {
+            "3_col": {
+                component: lazy(() => import("./product/ProductGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "product_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Products", items: [] },
+            },
+            "2_col": {
+                component: lazy(() => import("./product/ProductGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "product_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Products", items: [] },
+            },
+            "4_col": {
+                component: lazy(() => import("./product/ProductGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "product_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Products", items: [] },
+            },
+            masonry: {
+                component: lazy(() => import("./product/ProductGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "product_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Products", items: [] },
+            },
+            with_hover_zoom: {
+                component: lazy(() => import("./product/ProductGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "product_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Products", items: [] },
+            },
+            quick_add: {
+                component: lazy(() => import("./product/ProductGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "product_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Products", items: [] },
+            },
+        },
+    },
+    // ─── Pill Nav ─────────────────────────────────────────────────────────
+    lx_pill_nav: {
+        category: "product",
+        defaultVariant: "centered",
+        variants: {
+            centered: {
+                component: lazy(() => import("./product/PillNav")),
+                requiredContent: ["pills"],
+                optionalContent: ["heading", "subhead", "accent_color"],
+                fields: {
+                    pills: { type: "array", required: true, label: "Pills" },
+                    heading: { type: "text", required: false, label: "Heading" },
+                    subhead: { type: "text", required: false, label: "Subtext" },
+                    accent_color: { type: "color", required: false, label: "Accent color" },
+                },
+                variantGroup: "pill_nav",
+                supportedSettings: [],
+                defaultContent: { pills: [] },
+            },
+            scrollable: {
+                component: lazy(() => import("./product/PillNav")),
+                requiredContent: ["pills"],
+                optionalContent: ["heading", "subhead", "accent_color"],
+                fields: {
+                    pills: { type: "array", required: true, label: "Pills" },
+                    heading: { type: "text", required: false, label: "Heading" },
+                    subhead: { type: "text", required: false, label: "Subtext" },
+                    accent_color: { type: "color", required: false, label: "Accent color" },
+                },
+                variantGroup: "pill_nav",
+                supportedSettings: [],
+                defaultContent: { pills: [] },
+            },
+        },
+    },
+    // ─── Format Grid ──────────────────────────────────────────────────────
+    lx_format_grid: {
+        category: "product",
+        defaultVariant: "4_col",
+        variants: {
+            "4_col": {
+                component: lazy(() => import("./product/FormatGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead", "body"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "format_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Formats", items: [] },
+            },
+            "3_col": {
+                component: lazy(() => import("./product/FormatGrid")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subhead", "body"],
+                fields: FEATURE_GRID_FIELDS,
+                variantGroup: "format_grid",
+                supportedSettings: [],
+                defaultContent: { heading: "Our Formats", items: [] },
+            },
+        },
+    },
+    // ─── Product Carousel ─────────────────────────────────────────────────
+    lx_product_carousel: {
+        category: "product",
+        defaultVariant: "arrows",
+        variants: {
+            arrows: {
+                component: lazy(() => import("./product/ProductCarousel")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: { heading: { type: "text", required: false, label: "Heading" }, items: { type: "array", required: true, label: "Products" } },
+                variantGroup: "product_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+            dots: {
+                component: lazy(() => import("./product/ProductCarousel")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: { heading: { type: "text", required: false, label: "Heading" }, items: { type: "array", required: true, label: "Products" } },
+                variantGroup: "product_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+            auto_scroll: {
+                component: lazy(() => import("./product/ProductCarousel")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: { heading: { type: "text", required: false, label: "Heading" }, items: { type: "array", required: true, label: "Products" } },
+                variantGroup: "product_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+            apple_cards: {
+                component: lazy(() => import("./product/ProductCarousel")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: { heading: { type: "text", required: false, label: "Heading" }, items: { type: "array", required: true, label: "Products" } },
+                variantGroup: "product_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+            with_quick_add: {
+                component: lazy(() => import("./product/ProductCarousel")),
+                requiredContent: ["items"],
+                optionalContent: ["heading"],
+                fields: { heading: { type: "text", required: false, label: "Heading" }, items: { type: "array", required: true, label: "Products" } },
+                variantGroup: "product_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+        },
+    },
+    // ─── Pricing ──────────────────────────────────────────────────────────
+    lx_pricing: {
+        category: "pricing",
+        defaultVariant: "three_col",
+        variants: {
+            three_col: {
+                component: lazy(() => import("./pricing/PricingCards")),
+                requiredContent: ["plans"],
+                optionalContent: ["heading", "subhead"],
+                fields: PRICING_FIELDS,
+                variantGroup: "pricing",
+                supportedSettings: [],
+                defaultContent: { heading: "Simple, transparent pricing", plans: [] },
+            },
+            two_col: {
+                component: lazy(() => import("./pricing/PricingCards")),
+                requiredContent: ["plans"],
+                optionalContent: ["heading", "subhead"],
+                fields: PRICING_FIELDS,
+                variantGroup: "pricing",
+                supportedSettings: [],
+                defaultContent: { heading: "Simple, transparent pricing", plans: [] },
+            },
+            with_toggle: {
+                component: lazy(() => import("./pricing/PricingCards")),
+                requiredContent: ["plans"],
+                optionalContent: ["heading", "subhead"],
+                fields: PRICING_FIELDS,
+                variantGroup: "pricing",
+                supportedSettings: [],
+                defaultContent: { heading: "Simple, transparent pricing", plans: [] },
+            },
+        },
+    },
+    // ─── Navbar ───────────────────────────────────────────────────────────
+    lx_navbar: {
+        category: "layout",
+        defaultVariant: "fixed",
+        variants: {
+            fixed: {
+                component: lazy(() => import("./layout/Navbar")),
+                requiredContent: [],
+                optionalContent: ["logo_url", "brand_name", "nav_items", "cta_text", "cta_url", "bg_color", "text_color", "cta_bg_color", "cta_text_color", "initial_text_color"],
+                fields: NAVBAR_FIELDS,
+                variantGroup: "navbar",
+                supportedSettings: [],
+                defaultContent: { brand_name: "Brand" },
+            },
+            transparent_to_solid: {
+                component: lazy(() => import("./layout/Navbar")),
+                requiredContent: [],
+                optionalContent: ["logo_url", "brand_name", "nav_items", "cta_text", "cta_url", "bg_color", "text_color", "cta_bg_color", "cta_text_color", "initial_text_color"],
+                fields: NAVBAR_FIELDS,
+                variantGroup: "navbar",
+                supportedSettings: [],
+                defaultContent: { brand_name: "Brand" },
+            },
+            centered_logo: {
+                component: lazy(() => import("./layout/Navbar")),
+                requiredContent: [],
+                optionalContent: ["logo_url", "brand_name", "nav_items", "cta_text", "cta_url", "bg_color", "text_color", "cta_bg_color", "cta_text_color", "initial_text_color"],
+                fields: NAVBAR_FIELDS,
+                variantGroup: "navbar",
+                supportedSettings: [],
+                defaultContent: { brand_name: "Brand" },
+            },
+        },
+    },
+    // ─── Footer ───────────────────────────────────────────────────────────
+    lx_footer: {
+        category: "layout",
+        defaultVariant: "multi_column",
+        variants: {
+            multi_column: {
+                component: lazy(() => import("./layout/Footer")),
+                requiredContent: [],
+                optionalContent: ["brand_name", "logo_url", "tagline", "columns", "social_links", "copyright"],
+                fields: FOOTER_FIELDS,
+                variantGroup: "footer",
+                supportedSettings: [],
+                defaultContent: { brand_name: "Brand" },
+            },
+            simple: {
+                component: lazy(() => import("./layout/Footer")),
+                requiredContent: [],
+                optionalContent: ["brand_name", "logo_url", "columns", "social_links", "copyright"],
+                fields: FOOTER_FIELDS,
+                variantGroup: "footer",
+                supportedSettings: [],
+                defaultContent: { brand_name: "Brand" },
+            },
+            with_newsletter: {
+                component: lazy(() => import("./layout/Footer")),
+                requiredContent: [],
+                optionalContent: ["brand_name", "logo_url", "tagline", "columns", "social_links", "newsletter_heading", "newsletter_placeholder", "copyright"],
+                fields: FOOTER_FIELDS,
+                variantGroup: "footer",
+                supportedSettings: [],
+                defaultContent: { brand_name: "Brand" },
+            },
+        },
+    },
+    // ─── Cart Drawer ──────────────────────────────────────────────────────
+    lx_cart_drawer: {
+        category: "cart",
+        defaultVariant: "minimal",
+        variants: {
+            minimal: {
+                component: lazy(() => import("./cart/CartDrawer")),
+                requiredContent: [],
+                optionalContent: ["heading", "empty_headline", "empty_cta_text", "empty_cta_url", "checkout_label"],
+                fields: CART_DRAWER_FIELDS,
+                variantGroup: "cart_drawer",
+                supportedSettings: [],
+                defaultContent: { heading: "Cart", empty_headline: "Your cart is empty", empty_cta_text: "Continue Shopping" },
+            },
+            with_upsell: {
+                component: lazy(() => import("./cart/CartDrawer")),
+                requiredContent: [],
+                optionalContent: ["heading", "empty_headline", "empty_cta_text", "empty_cta_url", "upsell_title", "upsell_items", "checkout_label"],
+                fields: CART_DRAWER_FIELDS,
+                variantGroup: "cart_drawer",
+                supportedSettings: [],
+                defaultContent: { heading: "Cart", upsell_title: "Add on", upsell_items: [] },
+            },
+            with_discount: {
+                component: lazy(() => import("./cart/CartDrawer")),
+                requiredContent: [],
+                optionalContent: ["heading", "empty_headline", "empty_cta_text", "empty_cta_url", "checkout_label"],
+                fields: CART_DRAWER_FIELDS,
+                variantGroup: "cart_drawer",
+                supportedSettings: [],
+                defaultContent: { heading: "Cart" },
+            },
+        },
+    },
+    // ─── Cart Trigger ─────────────────────────────────────────────────────
+    lx_cart_trigger: {
+        category: "cart",
+        defaultVariant: "button",
+        variants: {
+            button: {
+                component: lazy(() => import("./cart/CartTrigger")),
+                requiredContent: [],
+                optionalContent: ["label", "subhead"],
+                fields: {},
+                variantGroup: "cart_trigger",
+                supportedSettings: [],
+                defaultContent: { label: "View Cart" },
+            },
+        },
+    },
+    // ─── Cart ─────────────────────────────────────────────────────────────
+    lx_cart: {
+        category: "cart",
+        defaultVariant: "guarantee_banner",
+        variants: {
+            guarantee_banner: {
+                component: lazy(() => import("./cart/GuaranteeBanner")),
+                requiredContent: ["guarantees"],
+                optionalContent: [],
+                fields: CART_GUARANTEE_FIELDS,
+                variantGroup: "cart_guarantee",
+                supportedSettings: [],
+                defaultContent: { guarantees: [] },
+            },
+        },
+    },
+    // ─── Background ──────────────────────────────────────────────────────
+    lx_background: {
+        category: "background",
+        defaultVariant: "gradient",
+        variants: {
+            gradient: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+            aurora: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+            mesh: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+            particles: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+            grid_dots: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+            noise: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+            spotlight: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+            beams: { component: lazy(() => import("./backgrounds/BackgroundSection")), requiredContent: [], optionalContent: ["heading", "subhead", "cta_text", "cta_url", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "background_section", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    // ─── Text Effects ─────────────────────────────────────────────────────
+    lx_text_effect: {
+        category: "text-effect",
+        defaultVariant: "flip_words",
+        variants: {
+            flip_words: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: ["words", "prefix", "suffix"], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+            text_reveal: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: [], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+            glitch: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: [], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+            colourful: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: [], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+            moving_text: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: [], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+            hero_highlight: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: ["highlight_words"], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+            scramble: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: [], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+            word_by_word: { component: lazy(() => import("./text-effects/TextEffect")), requiredContent: ["text"], optionalContent: [], fields: TEXT_EFFECT_FIELDS, variantGroup: "text_effect", supportedSettings: [], defaultContent: { text: "Your text here" } },
+        },
+    },
+    // ─── Buttons ──────────────────────────────────────────────────────────
+    lx_button: {
+        category: "button",
+        defaultVariant: "pulse_cta",
+        variants: {
+            magnetic: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+            moving_border: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+            shimmer: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+            stateful: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+            pulse_cta: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+            glow_cta: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+            primary_secondary: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "secondary_text", "secondary_url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+            icon_arrow: { component: lazy(() => import("./buttons/ButtonSection")), requiredContent: ["text"], optionalContent: ["url", "heading", "subhead"], fields: BUTTON_SECTION_FIELDS, variantGroup: "button_section", supportedSettings: [], defaultContent: { text: "Shop Now" } },
+        },
+    },
+    // ─── Card Stack ───────────────────────────────────────────────────────
+    lx_card_stack: {
+        category: "cards",
+        defaultVariant: "vertical_stack",
+        variants: {
+            vertical_stack: { component: lazy(() => import("./cards/CardStack")), requiredContent: ["cards"], optionalContent: ["heading"], fields: CARD_STACK_FIELDS, variantGroup: "card_stack", supportedSettings: [], defaultContent: { heading: "", cards: [] } },
+            reveal_on_scroll: { component: lazy(() => import("./cards/CardStack")), requiredContent: ["cards"], optionalContent: ["heading"], fields: CARD_STACK_FIELDS, variantGroup: "card_stack", supportedSettings: [], defaultContent: { heading: "", cards: [] } },
+            fan_out: { component: lazy(() => import("./cards/CardStack")), requiredContent: ["cards"], optionalContent: ["heading"], fields: CARD_STACK_FIELDS, variantGroup: "card_stack", supportedSettings: [], defaultContent: { heading: "", cards: [] } },
+        },
+    },
+    // ─── Testimonial Card ─────────────────────────────────────────────────
+    lx_testimonial_card: {
+        category: "cards",
+        defaultVariant: "quote",
+        variants: {
+            quote: { component: lazy(() => import("./cards/TestimonialCard")), requiredContent: ["quote", "author"], optionalContent: ["role", "company", "rating"], fields: TESTIMONIAL_CARD_FIELDS, variantGroup: "testimonial_card", supportedSettings: [], defaultContent: { quote: "This product changed my skin.", author: "Jane D." } },
+            metric: { component: lazy(() => import("./cards/TestimonialCard")), requiredContent: ["quote", "author"], optionalContent: ["metric_value", "metric_label", "role", "company"], fields: TESTIMONIAL_CARD_FIELDS, variantGroup: "testimonial_card", supportedSettings: [], defaultContent: { quote: "This product changed my skin.", author: "Jane D." } },
+            with_photo: { component: lazy(() => import("./cards/TestimonialCard")), requiredContent: ["quote", "author"], optionalContent: ["avatar_url", "role", "company"], fields: TESTIMONIAL_CARD_FIELDS, variantGroup: "testimonial_card", supportedSettings: [], defaultContent: { quote: "This product changed my skin.", author: "Jane D." } },
+            company_logo: { component: lazy(() => import("./cards/TestimonialCard")), requiredContent: ["quote", "author"], optionalContent: ["logo_url", "company", "role"], fields: TESTIMONIAL_CARD_FIELDS, variantGroup: "testimonial_card", supportedSettings: [], defaultContent: { quote: "This product changed my skin.", author: "Jane D." } },
+        },
+    },
+    // ─── Terminal ─────────────────────────────────────────────────────────
+    lx_terminal: {
+        category: "cards",
+        defaultVariant: "static",
+        variants: {
+            static: { component: lazy(() => import("./cards/TerminalCard")), requiredContent: ["lines"], optionalContent: ["title", "prompt"], fields: TERMINAL_FIELDS, variantGroup: "terminal", supportedSettings: [], defaultContent: { lines: ["$ npm install", "✓ Done"] } },
+            typing: { component: lazy(() => import("./cards/TerminalCard")), requiredContent: ["lines"], optionalContent: ["title", "prompt"], fields: TERMINAL_FIELDS, variantGroup: "terminal", supportedSettings: [], defaultContent: { lines: ["$ npm install", "✓ Done"] } },
+        },
+    },
+    // ─── Urgency CTA ──────────────────────────────────────────────────────
+    lx_urgency_cta: {
+        category: "cta",
+        defaultVariant: "countdown_bar",
+        variants: {
+            countdown_bar: { component: lazy(() => import("./cta/UrgencyCta")), requiredContent: [], optionalContent: ["message", "countdown_end", "cta_text", "cta_url"], fields: URGENCY_CTA_FIELDS, variantGroup: "urgency_cta", supportedSettings: [], defaultContent: {} },
+            stock_scarcity: { component: lazy(() => import("./cta/UrgencyCta")), requiredContent: [], optionalContent: ["stock_count", "stock_max", "activity_count", "activity_label"], fields: URGENCY_CTA_FIELDS, variantGroup: "urgency_cta", supportedSettings: [], defaultContent: {} },
+            social_urgency: { component: lazy(() => import("./cta/UrgencyCta")), requiredContent: [], optionalContent: ["activity_count", "activity_label"], fields: URGENCY_CTA_FIELDS, variantGroup: "urgency_cta", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    // ─── Avatar Group ─────────────────────────────────────────────────────
+    lx_avatar_group: {
+        category: "social-proof",
+        defaultVariant: "stacked",
+        variants: {
+            stacked: { component: lazy(() => import("./social-proof/AvatarGroup")), requiredContent: ["avatars"], optionalContent: ["count_label"], fields: AVATAR_GROUP_FIELDS, variantGroup: "avatar_group", supportedSettings: [], defaultContent: { avatars: [] } },
+            with_count: { component: lazy(() => import("./social-proof/AvatarGroup")), requiredContent: ["avatars"], optionalContent: ["count_label", "cta_text", "cta_url"], fields: AVATAR_GROUP_FIELDS, variantGroup: "avatar_group", supportedSettings: [], defaultContent: { avatars: [] } },
+            expanding: { component: lazy(() => import("./social-proof/AvatarGroup")), requiredContent: ["avatars"], optionalContent: ["count_label"], fields: AVATAR_GROUP_FIELDS, variantGroup: "avatar_group", supportedSettings: [], defaultContent: { avatars: [] } },
+        },
+    },
+    // ─── Waitlist ─────────────────────────────────────────────────────────
+    lx_waitlist: {
+        category: "cta",
+        defaultVariant: "simple",
+        variants: {
+            simple: { component: lazy(() => import("./cta/WaitlistCta")), requiredContent: ["heading"], optionalContent: ["subhead", "placeholder", "cta_text"], fields: WAITLIST_FIELDS, variantGroup: "waitlist", supportedSettings: [], defaultContent: { heading: "Join the waitlist" } },
+            with_position: { component: lazy(() => import("./cta/WaitlistCta")), requiredContent: ["heading"], optionalContent: ["subhead", "placeholder", "cta_text", "position_number"], fields: WAITLIST_FIELDS, variantGroup: "waitlist", supportedSettings: [], defaultContent: { heading: "Join the waitlist" } },
+        },
+    },
+    // ─── Parallax ─────────────────────────────────────────────────────────
+    lx_parallax: {
+        category: "content",
+        defaultVariant: "image_scroll",
+        variants: {
+            image_scroll: { component: lazy(() => import("./content/ParallaxSection")), requiredContent: [], optionalContent: ["heading", "subhead", "image_url", "body"], fields: PARALLAX_FIELDS, variantGroup: "parallax", supportedSettings: [], defaultContent: {} },
+            text_layers: { component: lazy(() => import("./content/ParallaxSection")), requiredContent: [], optionalContent: ["heading", "subhead", "body"], fields: PARALLAX_FIELDS, variantGroup: "parallax", supportedSettings: [], defaultContent: {} },
+            zoom_on_scroll: { component: lazy(() => import("./content/ParallaxSection")), requiredContent: [], optionalContent: ["heading", "subhead", "image_url"], fields: PARALLAX_FIELDS, variantGroup: "parallax", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    // ─── Process Steps ────────────────────────────────────────────────────
+    lx_process_steps: {
+        category: "features",
+        defaultVariant: "horizontal",
+        variants: {
+            horizontal: { component: lazy(() => import("./features/ProcessSteps")), requiredContent: ["steps"], optionalContent: ["heading", "subhead"], fields: PROCESS_STEPS_FIELDS, variantGroup: "process_steps", supportedSettings: [], defaultContent: { heading: "How it works", steps: [] } },
+            vertical: { component: lazy(() => import("./features/ProcessSteps")), requiredContent: ["steps"], optionalContent: ["heading", "subhead"], fields: PROCESS_STEPS_FIELDS, variantGroup: "process_steps", supportedSettings: [], defaultContent: { heading: "How it works", steps: [] } },
+            numbered_large: { component: lazy(() => import("./features/ProcessSteps")), requiredContent: ["steps"], optionalContent: ["heading", "subhead"], fields: PROCESS_STEPS_FIELDS, variantGroup: "process_steps", supportedSettings: [], defaultContent: { heading: "How it works", steps: [] } },
+        },
+    },
+    // ─── Section Transitions ─────────────────────────────────────────────────────
+    lx_transition: {
+        category: "layout",
+        defaultVariant: "waves",
+        variants: {
+            waves: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            waves_opacity: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            curve: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            curve_asymmetrical: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            triangle: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            triangle_asymmetrical: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            tilt: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            arrow: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            split: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            book: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            // legacy aliases
+            wave_down: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            wave_up: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            angle_cut: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+            angle_cut_reverse: { component: lazy(() => import("./layout/SectionTransition")), requiredContent: ["color_above", "color_below"], optionalContent: ["height", "flip"], fields: TRANSITION_FIELDS, variantGroup: "transition", supportedSettings: [], defaultContent: { color_above: "#ffffff", color_below: "#f8f8f8" } },
+        },
+    },
+    // ─── Effects ──────────────────────────────────────────────────────────
+    lx_scroll_linked: {
+        category: "effects",
+        defaultVariant: "fade_on_scroll",
+        variants: {
+            fade_on_scroll: { component: lazy(() => import("./effects/ScrollLinked")), requiredContent: [], optionalContent: ["heading", "subhead", "children", "threshold", "once"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "scroll_linked", supportedSettings: [], defaultContent: {} },
+            slide_on_scroll: { component: lazy(() => import("./effects/ScrollLinked")), requiredContent: [], optionalContent: ["heading", "subhead", "children", "threshold", "once"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "scroll_linked", supportedSettings: [], defaultContent: {} },
+            scale_on_scroll: { component: lazy(() => import("./effects/ScrollLinked")), requiredContent: [], optionalContent: ["heading", "subhead", "children", "threshold", "once"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "scroll_linked", supportedSettings: [], defaultContent: {} },
+            rotate_on_scroll: { component: lazy(() => import("./effects/ScrollLinked")), requiredContent: [], optionalContent: ["heading", "subhead", "children", "threshold", "once"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "scroll_linked", supportedSettings: [], defaultContent: {} },
+            stagger_on_scroll: { component: lazy(() => import("./effects/ScrollLinked")), requiredContent: [], optionalContent: ["heading", "subhead", "children", "stagger_delay", "threshold", "once"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "scroll_linked", supportedSettings: [], defaultContent: {} },
+            progress_bar: { component: lazy(() => import("./effects/ScrollLinked")), requiredContent: [], optionalContent: ["heading", "subhead", "children"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "scroll_linked", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    // ─── Popup / Lead Capture ────────────────────────────────────────────
+    lx_popup: {
+        category: "cta",
+        defaultVariant: "split_image",
+        variants: {
+            split_image: {
+                component: lazy(() => import("./cta/Popup")),
+                requiredContent: ["headline", "image_url"],
+                optionalContent: ["subtext", "cta_text", "fine_print", "logo_url", "trigger_delay", "trigger", "discount_badge", "email_placeholder", "phone_placeholder", "success_message"],
+                fields: POPUP_FIELDS,
+                variantGroup: "popup",
+                supportedSettings: [],
+                defaultContent: { headline: "Get 10% off", image_url: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=600&q=80", cta_text: "Claim Offer" },
+            },
+            email_capture: {
+                component: lazy(() => import("./cta/Popup")),
+                requiredContent: ["headline"],
+                optionalContent: ["subtext", "cta_text", "fine_print", "logo_url", "trigger_delay", "trigger", "discount_badge", "email_placeholder", "success_message"],
+                fields: POPUP_FIELDS,
+                variantGroup: "popup",
+                supportedSettings: [],
+                defaultContent: { headline: "Get exclusive offers", cta_text: "Subscribe" },
+            },
+            phone_capture: {
+                component: lazy(() => import("./cta/Popup")),
+                requiredContent: ["headline"],
+                optionalContent: ["subtext", "cta_text", "fine_print", "logo_url", "trigger_delay", "trigger", "discount_badge", "phone_placeholder", "success_message"],
+                fields: POPUP_FIELDS,
+                variantGroup: "popup",
+                supportedSettings: [],
+                defaultContent: { headline: "Get SMS updates", cta_text: "Sign me up" },
+            },
+        },
+    },
+    // ─── Video Carousel ───────────────────────────────────────────────────
+    lx_video_carousel: {
+        category: "product",
+        defaultVariant: "alternating_heights",
+        variants: {
+            alternating_heights: {
+                component: lazy(() => import("./product/VideoCarousel")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subheading"],
+                fields: { heading: { type: "text", required: false, label: "Heading" }, subhead: { type: "text", required: false, label: "Subtext" }, items: { type: "array", required: true, label: "Videos" } },
+                variantGroup: "video_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+            uniform: {
+                component: lazy(() => import("./product/VideoCarousel")),
+                requiredContent: ["items"],
+                optionalContent: ["heading", "subheading"],
+                fields: { heading: { type: "text", required: false, label: "Heading" }, subhead: { type: "text", required: false, label: "Subtext" }, items: { type: "array", required: true, label: "Videos" } },
+                variantGroup: "video_carousel",
+                supportedSettings: [],
+                defaultContent: { heading: "", items: [] },
+            },
+        },
+    },
+    // ─── Live Activity Ticker ─────────────────────────────────────────────
+    lx_live_activity_ticker: {
+        category: "social-proof",
+        defaultVariant: "recent_purchases",
+        variants: {
+            recent_purchases: {
+                component: lazy(() => import("./personalization/LiveActivityTicker")),
+                requiredContent: [],
+                optionalContent: ["activity_items", "mock_items"],
+                fields: LIVE_ACTIVITY_TICKER_FIELDS,
+                variantGroup: "live_activity_ticker",
+                supportedSettings: [],
+                defaultContent: { mock_items: [] },
+            },
+            visitor_count: {
+                component: lazy(() => import("./personalization/LiveActivityTicker")),
+                requiredContent: [],
+                optionalContent: ["visitor_count"],
+                fields: LIVE_ACTIVITY_TICKER_FIELDS,
+                variantGroup: "live_activity_ticker",
+                supportedSettings: [],
+                defaultContent: { visitor_count: 142 },
+            },
+            combined: {
+                component: lazy(() => import("./personalization/LiveActivityTicker")),
+                requiredContent: [],
+                optionalContent: ["activity_items", "mock_items", "visitor_count"],
+                fields: LIVE_ACTIVITY_TICKER_FIELDS,
+                variantGroup: "live_activity_ticker",
+                supportedSettings: [],
+                defaultContent: { visitor_count: 97 },
+            },
+            local_proof: {
+                component: lazy(() => import("./personalization/LiveActivityTicker")),
+                requiredContent: [],
+                optionalContent: ["location_name", "location_purchases", "location_emoji"],
+                fields: LIVE_ACTIVITY_TICKER_FIELDS,
+                variantGroup: "live_activity_ticker",
+                supportedSettings: [],
+                defaultContent: { location_name: "Mumbai", location_purchases: 38, location_emoji: "🇮🇳" },
+            },
+        },
+    },
+    lx_canvas_reveal: {
+        category: "effects",
+        defaultVariant: "gradient_reveal",
+        variants: {
+            gradient_reveal: { component: lazy(() => import("./effects/CanvasReveal")), requiredContent: [], optionalContent: ["heading", "subhead", "trigger", "duration"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "canvas_reveal", supportedSettings: [], defaultContent: {} },
+            particle_reveal: { component: lazy(() => import("./effects/CanvasReveal")), requiredContent: [], optionalContent: ["heading", "subhead", "trigger", "duration", "particle_count", "colors"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "canvas_reveal", supportedSettings: [], defaultContent: {} },
+            wave_reveal: { component: lazy(() => import("./effects/CanvasReveal")), requiredContent: [], optionalContent: ["heading", "subhead", "trigger", "duration"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "canvas_reveal", supportedSettings: [], defaultContent: {} },
+            morph_reveal: { component: lazy(() => import("./effects/CanvasReveal")), requiredContent: [], optionalContent: ["heading", "subhead", "trigger", "duration"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "canvas_reveal", supportedSettings: [], defaultContent: {} },
+            draw_on_scroll: { component: lazy(() => import("./effects/CanvasReveal")), requiredContent: [], optionalContent: ["heading", "subhead", "duration"], fields: BACKGROUND_SECTION_FIELDS, variantGroup: "canvas_reveal", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    // ─── Personalization Components ───────────────────────────────────────────
+    lx_scarcity_indicator: {
+        category: "personalization",
+        defaultVariant: "stock_bar",
+        variants: {
+            stock_bar: { component: lazy(() => import("./personalization/ScarcityIndicator")), requiredContent: [], optionalContent: ["product_id", "real_stock_level", "show_scarcity_threshold", "scarcity_copy", "activity_count"], fields: {}, variantGroup: "scarcity_indicator", supportedSettings: [], defaultContent: { real_stock_level: 5, show_scarcity_threshold: 10 } },
+            size_availability: { component: lazy(() => import("./personalization/ScarcityIndicator")), requiredContent: [], optionalContent: ["size_inventory", "restock_date"], fields: {}, variantGroup: "scarcity_indicator", supportedSettings: [], defaultContent: {} },
+            restock_countdown: { component: lazy(() => import("./personalization/ScarcityIndicator")), requiredContent: [], optionalContent: ["restock_date", "product_id"], fields: {}, variantGroup: "scarcity_indicator", supportedSettings: [], defaultContent: {} },
+            threshold_alert: { component: lazy(() => import("./personalization/ScarcityIndicator")), requiredContent: [], optionalContent: ["product_id", "real_stock_level", "show_scarcity_threshold", "scarcity_copy"], fields: {}, variantGroup: "scarcity_indicator", supportedSettings: [], defaultContent: { real_stock_level: 3, show_scarcity_threshold: 10 } },
+        },
+    },
+    lx_cart_recovery: {
+        category: "personalization",
+        defaultVariant: "abandoned_carousel",
+        variants: {
+            abandoned_carousel: { component: lazy(() => import("./personalization/CartRecovery")), requiredContent: [], optionalContent: ["abandoned_items", "_dynamic_cart_items"], fields: {}, variantGroup: "cart_recovery", supportedSettings: [], defaultContent: {} },
+            incentive_offer: { component: lazy(() => import("./personalization/CartRecovery")), requiredContent: [], optionalContent: ["abandoned_items", "_dynamic_cart_items", "incentive_type", "incentive_value", "incentive_expires_in_hours"], fields: {}, variantGroup: "cart_recovery", supportedSettings: [], defaultContent: { incentive_value: 15, incentive_expires_in_hours: 24 } },
+            stock_urgency: { component: lazy(() => import("./personalization/CartRecovery")), requiredContent: [], optionalContent: ["abandoned_items", "_dynamic_cart_items", "stock_status"], fields: {}, variantGroup: "cart_recovery", supportedSettings: [], defaultContent: {} },
+            bundle_completion: { component: lazy(() => import("./personalization/CartRecovery")), requiredContent: [], optionalContent: ["abandoned_items", "_dynamic_cart_items", "bundle_product"], fields: {}, variantGroup: "cart_recovery", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    lx_loyalty_status: {
+        category: "personalization",
+        defaultVariant: "points_balance_card",
+        variants: {
+            points_balance_card: { component: lazy(() => import("./personalization/LoyaltyStatus")), requiredContent: [], optionalContent: ["customer_points", "_dynamic_customer_points", "tier_name", "redemption_rate", "bonus_multiplier_active"], fields: {}, variantGroup: "loyalty_status", supportedSettings: [], defaultContent: { redemption_rate: 0.01 } },
+            tier_progress_bar: { component: lazy(() => import("./personalization/LoyaltyStatus")), requiredContent: [], optionalContent: ["tier_name", "next_tier_name", "points_to_next_tier", "tier_points_total", "_dynamic_customer_points"], fields: {}, variantGroup: "loyalty_status", supportedSettings: [], defaultContent: {} },
+            next_milestone: { component: lazy(() => import("./personalization/LoyaltyStatus")), requiredContent: [], optionalContent: ["next_tier_name", "points_to_next_tier", "tier_benefits"], fields: {}, variantGroup: "loyalty_status", supportedSettings: [], defaultContent: {} },
+            perks_comparison: { component: lazy(() => import("./personalization/LoyaltyStatus")), requiredContent: [], optionalContent: ["all_tiers", "_dynamic_tier_name"], fields: {}, variantGroup: "loyalty_status", supportedSettings: [], defaultContent: {} },
+            redemption_offer: { component: lazy(() => import("./personalization/LoyaltyStatus")), requiredContent: [], optionalContent: ["customer_points", "_dynamic_customer_points", "redemption_rate", "bonus_multiplier_active", "bonus_expires_at"], fields: {}, variantGroup: "loyalty_status", supportedSettings: [], defaultContent: { redemption_rate: 0.01 } },
+        },
+    },
+    lx_personalized_recommendations: {
+        category: "personalization",
+        defaultVariant: "bestsellers_for_new",
+        variants: {
+            complete_your_routine: { component: lazy(() => import("./personalization/PersonalizedRecommendations")), requiredContent: [], optionalContent: ["routine_steps"], fields: {}, variantGroup: "personalized_recommendations", supportedSettings: [], defaultContent: {} },
+            collab_filter: { component: lazy(() => import("./personalization/PersonalizedRecommendations")), requiredContent: [], optionalContent: ["context_product_name", "recommended_products"], fields: {}, variantGroup: "personalized_recommendations", supportedSettings: [], defaultContent: {} },
+            high_intent_alternatives: { component: lazy(() => import("./personalization/PersonalizedRecommendations")), requiredContent: [], optionalContent: ["alternatives"], fields: {}, variantGroup: "personalized_recommendations", supportedSettings: [], defaultContent: {} },
+            vip_early_access: { component: lazy(() => import("./personalization/PersonalizedRecommendations")), requiredContent: [], optionalContent: ["exclusive_products", "_dynamic_is_vip"], fields: {}, variantGroup: "personalized_recommendations", supportedSettings: [], defaultContent: {} },
+            bestsellers_for_new: { component: lazy(() => import("./personalization/PersonalizedRecommendations")), requiredContent: [], optionalContent: ["products", "max_items"], fields: {}, variantGroup: "personalized_recommendations", supportedSettings: [], defaultContent: { max_items: 4 } },
+        },
+    },
+    lx_vip_gate: {
+        category: "personalization",
+        defaultVariant: "content_lock",
+        variants: {
+            content_lock: { component: lazy(() => import("./personalization/VipGate")), requiredContent: [], optionalContent: ["required_tier", "locked_content_preview", "non_member_cta", "cta_by_cohort", "_dynamic_visitor_tier"], fields: {}, variantGroup: "vip_gate", supportedSettings: [], defaultContent: { required_tier: "vip" } },
+            early_access_countdown: { component: lazy(() => import("./personalization/VipGate")), requiredContent: [], optionalContent: ["required_tier", "early_access_end", "non_member_cta", "_dynamic_visitor_tier"], fields: {}, variantGroup: "vip_gate", supportedSettings: [], defaultContent: { required_tier: "vip" } },
+            tier_pricing_reveal: { component: lazy(() => import("./personalization/VipGate")), requiredContent: [], optionalContent: ["required_tier", "regular_price", "vip_price", "non_member_cta", "_dynamic_visitor_tier"], fields: {}, variantGroup: "vip_gate", supportedSettings: [], defaultContent: { required_tier: "vip" } },
+            exclusive_bundle: { component: lazy(() => import("./personalization/VipGate")), requiredContent: [], optionalContent: ["required_tier", "bundle_products", "bundle_price", "regular_individual_total", "non_member_cta", "_dynamic_visitor_tier"], fields: {}, variantGroup: "vip_gate", supportedSettings: [], defaultContent: { required_tier: "vip" } },
+        },
+    },
+    lx_reengagement_banner: {
+        category: "personalization",
+        defaultVariant: "flash_return_offer",
+        variants: {
+            new_arrivals_since_visit: { component: lazy(() => import("./personalization/ReengagementBanner")), requiredContent: [], optionalContent: ["days_since_last_visit", "_dynamic_days_since_visit", "new_products_count", "_dynamic_new_products_count", "new_products"], fields: {}, variantGroup: "reengagement_banner", supportedSettings: [], defaultContent: {} },
+            flash_return_offer: { component: lazy(() => import("./personalization/ReengagementBanner")), requiredContent: [], optionalContent: ["offer_discount_pct", "discount_code", "offer_expires_at"], fields: {}, variantGroup: "reengagement_banner", supportedSettings: [], defaultContent: { offer_discount_pct: 20 } },
+            category_update: { component: lazy(() => import("./personalization/ReengagementBanner")), requiredContent: [], optionalContent: ["favorite_category", "category_icon", "new_products_count", "new_products"], fields: {}, variantGroup: "reengagement_banner", supportedSettings: [], defaultContent: {} },
+            price_drop_alert: { component: lazy(() => import("./personalization/ReengagementBanner")), requiredContent: [], optionalContent: ["price_drops"], fields: {}, variantGroup: "reengagement_banner", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    lx_personalized_greeting: {
+        category: "personalization",
+        defaultVariant: "name_welcome",
+        variants: {
+            name_welcome: { component: lazy(() => import("./personalization/PersonalizedGreeting")), requiredContent: [], optionalContent: ["customer_first_name", "_dynamic_customer_name"], fields: {}, variantGroup: "personalized_greeting", supportedSettings: [], defaultContent: {} },
+            purchase_context: { component: lazy(() => import("./personalization/PersonalizedGreeting")), requiredContent: [], optionalContent: ["customer_first_name", "_dynamic_customer_name", "last_purchase_name", "_dynamic_last_purchase_name", "last_purchase_date", "_dynamic_last_purchase_date", "last_purchase_image", "days_since_purchase"], fields: {}, variantGroup: "personalized_greeting", supportedSettings: [], defaultContent: {} },
+            status_milestone: { component: lazy(() => import("./personalization/PersonalizedGreeting")), requiredContent: [], optionalContent: ["customer_first_name", "_dynamic_customer_name", "purchase_count", "_dynamic_purchase_count", "milestone_reward"], fields: {}, variantGroup: "personalized_greeting", supportedSettings: [], defaultContent: {} },
+            reengagement_personal: { component: lazy(() => import("./personalization/PersonalizedGreeting")), requiredContent: [], optionalContent: ["customer_first_name", "_dynamic_customer_name", "last_purchase_date", "_dynamic_last_purchase_date", "new_products"], fields: {}, variantGroup: "personalized_greeting", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    lx_progress_milestone: {
+        category: "personalization",
+        defaultVariant: "free_shipping_bar",
+        variants: {
+            free_shipping_bar: { component: lazy(() => import("./personalization/ProgressMilestone")), requiredContent: [], optionalContent: ["current_value", "_dynamic_current_value", "target_value", "reward_description", "motivational_copy"], fields: {}, variantGroup: "progress_milestone", supportedSettings: [], defaultContent: { target_value: 100 } },
+            loyalty_tier_ring: { component: lazy(() => import("./personalization/ProgressMilestone")), requiredContent: [], optionalContent: ["current_value", "_dynamic_current_value", "target_value", "unit", "next_milestone_name"], fields: {}, variantGroup: "progress_milestone", supportedSettings: [], defaultContent: {} },
+            quantity_breaks: { component: lazy(() => import("./personalization/ProgressMilestone")), requiredContent: [], optionalContent: ["quantity_breaks", "current_value"], fields: {}, variantGroup: "progress_milestone", supportedSettings: [], defaultContent: {} },
+            membership_progress: { component: lazy(() => import("./personalization/ProgressMilestone")), requiredContent: [], optionalContent: ["milestone_steps", "next_milestone_name", "current_value"], fields: {}, variantGroup: "progress_milestone", supportedSettings: [], defaultContent: {} },
+        },
+    },
+    lx_cohort_trust_stack: {
+        category: "personalization",
+        defaultVariant: "full_credentials",
+        variants: {
+            full_credentials: { component: lazy(() => import("./personalization/CohortTrustStack")), requiredContent: [], optionalContent: ["credentials"], fields: {}, variantGroup: "cohort_trust_stack", supportedSettings: [], defaultContent: {} },
+            badge_strip: { component: lazy(() => import("./personalization/CohortTrustStack")), requiredContent: [], optionalContent: ["credentials"], fields: {}, variantGroup: "cohort_trust_stack", supportedSettings: [], defaultContent: {} },
+            clinical_proof: { component: lazy(() => import("./personalization/CohortTrustStack")), requiredContent: [], optionalContent: ["studies"], fields: {}, variantGroup: "cohort_trust_stack", supportedSettings: [], defaultContent: {} },
+            sourcing_transparency: { component: lazy(() => import("./personalization/CohortTrustStack")), requiredContent: [], optionalContent: ["suppliers"], fields: {}, variantGroup: "cohort_trust_stack", supportedSettings: [], defaultContent: {} },
+        },
+    },
+};
+/**
+ * Resolve a component from registry by lx_ type and variant.
+ * Handles legacy `category/variant-type` format via normalization.
+ */
+export function resolveComponent(typeOrComponent, variant) {
+    let lxType = typeOrComponent;
+    let resolvedVariant = variant || "";
+    // Legacy format: "hero/split" → lx_hero + split
+    if (typeOrComponent.includes("/")) {
+        const [category, variantPart] = typeOrComponent.split("/", 2);
+        lxType = `lx_${category.replace(/-/g, "_")}`;
+        resolvedVariant = (variantPart || variant || "").replace(/-/g, "_");
+    }
+    const typeEntry = COMPONENT_REGISTRY[lxType];
+    if (!typeEntry)
+        return null;
+    // Normalize variant hyphens to underscores
+    resolvedVariant = resolvedVariant.replace(/-/g, "_");
+    // Use default variant if none specified
+    if (!resolvedVariant) {
+        resolvedVariant = typeEntry.defaultVariant;
+    }
+    return typeEntry.variants[resolvedVariant] || null;
+}
+export const REGISTRY_EXPORT = Object.fromEntries(Object.entries(COMPONENT_REGISTRY).map(([type, entry]) => [
+    type,
+    {
+        category: entry.category,
+        defaultVariant: entry.defaultVariant,
+        variants: Object.fromEntries(Object.entries(entry.variants).map(([variantKey, v]) => [
+            variantKey,
+            {
+                requiredContent: v.requiredContent ?? [],
+                optionalContent: v.optionalContent ?? [],
+                defaultContent: (v.defaultContent ?? {}),
+                supportedSettings: v.supportedSettings ?? [],
+            },
+        ])),
+    },
+]));
+//# sourceMappingURL=registry.js.map