@lexsis/storefront-components 1.0.0

package/dist/registry-field-schemas.js

@@ -0,0 +1,745 @@
+const T = (label, required = false, description) => ({ type: "text", required, label, description });
+const IMG = (label, required = false) => ({ type: "image", required, label });
+const URL = (label, required = false) => ({ type: "url", required, label });
+const NUM = (label, min, max, required = false) => ({ type: "number", required, label, ...(min !== undefined || max !== undefined ? { validation: { min, max } } : {}) });
+const ENUM = (label, options, required = false) => ({ type: "enum", required, label, validation: { options } });
+const BOOL = (label, required = false) => ({ type: "boolean", required, label });
+const ARR = (label, required = false) => ({ type: "array", required, label });
+const CSS = (label = "Custom CSS", required = false) => ({ type: "customCss", required, label, description: "Scoped CSS injected into this section. Use .lx-* class names to target elements." });
+const IMAGE_STYLE = ENUM("Image style", ["card", "full", "contained"]);
+const MEDIA_URL = IMG("Image");
+const BG_MEDIA = IMG("Background image");
+const CTA_TEXT = T("Button text", true);
+const CTA_URL = URL("Button URL");
+const HEADLINE = T("Headline", true);
+const SUBHEAD = T("Subtext");
+const EYEBROW = T("Eyebrow label");
+// ─── Centered family ─────────────────────────────────────────────────────────
+export const HERO_CENTERED_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    media_url: MEDIA_URL,
+    image_style: IMAGE_STYLE,
+    rating: NUM("Rating", 0, 5),
+    review_count: NUM("Review count", 0),
+    media_urls: ARR("Background images (carousel)"),
+};
+// ─── Split family ─────────────────────────────────────────────────────────────
+export const HERO_SPLIT_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    media_url: MEDIA_URL,
+    image_style: IMAGE_STYLE,
+    pills: ARR("Ingredient / feature pills"),
+};
+// ─── Full-bleed family ───────────────────────────────────────────────────────
+export const HERO_FULLBLEED_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    bg_media_url: BG_MEDIA,
+};
+// ─── Carousel family ─────────────────────────────────────────────────────────
+export const HERO_CAROUSEL_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    image_style: IMAGE_STYLE,
+    slides: { type: "array", required: false, label: "Slides",
+        validation: {
+            itemSchema: {
+                headline: { type: "text", required: false, label: "Slide headline" },
+                subhead: { type: "text", required: false, label: "Slide subtext" },
+                cta_text: { type: "text", required: false, label: "Slide button text" },
+                cta_url: { type: "url", required: false, label: "Slide button URL" },
+                eyebrow: { type: "text", required: false, label: "Slide eyebrow" },
+                media_url: { type: "image", required: false, label: "Slide image" },
+                bg_media_url: { type: "image", required: false, label: "Slide background image" },
+            },
+        },
+    },
+};
+// ─── Editorial ───────────────────────────────────────────────────────────────
+export const HERO_EDITORIAL_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    media_url: MEDIA_URL,
+    image_style: IMAGE_STYLE,
+    byline: T("Byline / author"),
+    category_tag: T("Category tag"),
+};
+// ─── Countdown family ────────────────────────────────────────────────────────
+export const HERO_COUNTDOWN_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    countdown_end: { type: "text", required: true, label: "Countdown end (ISO datetime)", description: "e.g. 2027-12-31T23:59:59Z" },
+    media_url: MEDIA_URL,
+};
+// ─── Typewriter ──────────────────────────────────────────────────────────────
+export const HERO_TYPEWRITER_FIELDS = {
+    headline_prefix: T("Headline prefix", true),
+    rotating_words: ARR("Rotating words"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    subhead: SUBHEAD,
+    media_url: MEDIA_URL,
+    image_style: IMAGE_STYLE,
+};
+// ─── Parallax family ─────────────────────────────────────────────────────────
+export const HERO_PARALLAX_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    bg_media_url: BG_MEDIA,
+    media_url: MEDIA_URL,
+};
+// ─── Animated family (rotating_text, glitch, flip_words) ─────────────────────
+export const HERO_ANIMATED_FIELDS = {
+    headline: T("Headline (for glitch)"),
+    headline_prefix: T("Headline prefix"),
+    rotating_words: ARR("Rotating words"),
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+};
+// ─── Spotlight family ────────────────────────────────────────────────────────
+export const HERO_SPOTLIGHT_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    media_url: MEDIA_URL,
+    image_style: IMAGE_STYLE,
+    cards: { type: "array", required: false, label: "Product cards",
+        validation: {
+            itemSchema: {
+                label: { type: "text", required: true, label: "Product name" },
+                price: { type: "text", required: false, label: "Price" },
+                img: { type: "image", required: false, label: "Product image" },
+            },
+        },
+    },
+};
+// ─── Aurora family ───────────────────────────────────────────────────────────
+export const HERO_AURORA_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+};
+// ─── Activity family (recent_orders, live_viewers, stock_level) ───────────────
+export const HERO_ACTIVITY_FIELDS = {
+    headline: HEADLINE,
+    cta_text: CTA_TEXT,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_url: CTA_URL,
+    media_url: MEDIA_URL,
+    image_style: IMAGE_STYLE,
+    live_count: NUM("Initial live viewer count", 0),
+    stock_level: NUM("Current stock level", 0),
+    stock_max: NUM("Max stock (100% = full bar)", 1),
+    activity_items: ARR("Activity feed items"),
+};
+// ─── Mini hero ───────────────────────────────────────────────────────────────
+export const HERO_MINI_FIELDS = {
+    headline: HEADLINE,
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+};
+// ─── Product breakout (HeroFullBleed variant) ─────────────────────────────────
+export const HERO_PRODUCT_BREAKOUT_FIELDS = {
+    headline: HEADLINE,
+    product_name: T("Product name"),
+    tagline: T("Tagline"),
+    product_image_url: IMG("Product image", true),
+    social_proof: T("Social proof pill text"),
+    bg_color: { type: "color", required: false, label: "Background color" },
+    price: T("Price (e.g. ₹1,299)"),
+    compare_price: T("Compare price"),
+    cta_text: CTA_TEXT,
+    features: ARR("Feature bullets"),
+};
+// ─── CTA ─────────────────────────────────────────────────────────────────────
+export const CTA_FULLWIDTH_FIELDS = {
+    headline: HEADLINE,
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    urgency_text: T("Urgency text"),
+};
+export const CTA_STICKY_FIELDS = {
+    cta_text: CTA_TEXT,
+    product_name: T("Product name"),
+    price: T("Price (e.g. ₹1,299)"),
+    countdown_end: T("Countdown end (ISO)", false, "e.g. 2027-12-31T23:59:59Z"),
+};
+// ─── Newsletter ────────────────────────────────────────────────────────────────
+export const NEWSLETTER_FIELDS = {
+    headline: HEADLINE,
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    placeholder: T("Email placeholder"),
+    disclaimer: T("Disclaimer / privacy note"),
+    incentive_text: T("Incentive text (with_incentive variant)"),
+};
+// ─── FAQ ──────────────────────────────────────────────────────────────────────
+export const FAQ_FIELDS = {
+    heading: T("Section heading"),
+    items: {
+        type: "array", required: true, label: "FAQ Items",
+        validation: {
+            itemSchema: {
+                question: { type: "text", required: true, label: "Question" },
+                answer: { type: "richtext", required: true, label: "Answer" },
+                category: { type: "text", required: false, label: "Category tag" },
+            },
+        },
+    },
+};
+// ─── Reviews ──────────────────────────────────────────────────────────────────
+export const REVIEWS_FIELDS = {
+    heading: T("Section heading"),
+    reviews: {
+        type: "array", required: true, label: "Reviews",
+        validation: {
+            itemSchema: {
+                author: { type: "text", required: true, label: "Author name" },
+                text: { type: "text", required: true, label: "Review text" },
+                rating: { type: "number", required: false, label: "Rating (1–5)", validation: { min: 1, max: 5 } },
+                avatar_url: { type: "image", required: false, label: "Author photo" },
+                verified: { type: "boolean", required: false, label: "Verified purchase" },
+            },
+        },
+    },
+    featured_review: ARR("Featured review"),
+};
+// ─── Feature Grid ──────────────────────────────────────────────────────────────
+export const FEATURE_GRID_FIELDS = {
+    heading: T("Section heading"),
+    subhead: SUBHEAD,
+    items: {
+        type: "array", required: true, label: "Feature items",
+        validation: {
+            itemSchema: {
+                title: { type: "text", required: true, label: "Title" },
+                body: { type: "text", required: true, label: "Description" },
+                icon: { type: "text", required: false, label: "Icon (emoji or name)" },
+                image_url: { type: "image", required: false, label: "Image" },
+            },
+        },
+    },
+};
+// ─── Value Props ───────────────────────────────────────────────────────────────
+export const VALUE_PROPS_FIELDS = {
+    heading: T("Section heading"),
+    items: {
+        type: "array", required: true, label: "Value prop items",
+        validation: {
+            itemSchema: {
+                title: { type: "text", required: true, label: "Title" },
+                body: { type: "text", required: true, label: "Description" },
+                icon: { type: "text", required: false, label: "Icon (emoji or name)" },
+                image_url: { type: "image", required: false, label: "Image" },
+            },
+        },
+    },
+    steps: ARR("Steps (for how_it_works variant)"),
+};
+// ─── Guarantee ─────────────────────────────────────────────────────────────────
+export const GUARANTEE_FIELDS = {
+    headline: HEADLINE,
+    body: T("Body copy", true),
+    badge_text: T("Badge label (e.g. 30-Day)"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    guarantee_text: T("Guarantee text"),
+    badges: ARR("Guarantee badges"),
+};
+// ─── Testimonial Card ──────────────────────────────────────────────────────────
+export const TESTIMONIAL_CARD_FIELDS = {
+    quote: T("Quote", true),
+    author: T("Author name", true),
+    role: T("Role / title"),
+    company: T("Company"),
+    rating: NUM("Rating (1–5)", 1, 5),
+    avatar_url: IMG("Author photo"),
+    logo_url: IMG("Company logo"),
+    metric_value: T("Metric value (e.g. 3×)"),
+    metric_label: T("Metric label (e.g. more sales)"),
+};
+// ─── Content / Before-After ────────────────────────────────────────────────────
+export const CONTENT_RICH_FIELDS = {
+    heading: T("Heading"),
+    body_html: { type: "richtext", required: false, label: "Body HTML" },
+};
+export const CONTENT_IMAGE_TEXT_FIELDS = {
+    headline: HEADLINE,
+    body: T("Body text", true),
+    image_url: IMG("Image", true),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+};
+export const BEFORE_AFTER_FIELDS = {
+    heading: T("Heading"),
+    subhead: SUBHEAD,
+    before_url: IMG("Before image", true),
+    after_url: IMG("After image", true),
+    before_label: T("Before label"),
+    after_label: T("After label"),
+};
+// ─── Card / Featured Card ──────────────────────────────────────────────────────
+export const FEATURED_CARD_FIELDS = {
+    title: T("Card title", true),
+    body: T("Body copy", true),
+    image_url: IMG("Card image"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    badge: T("Badge label"),
+};
+// ─── Product Card ─────────────────────────────────────────────────────────────
+export const PRODUCT_CARD_FIELDS = {
+    headline: T("Headline"),
+    headline_strike: T("Strikethrough word (editorial variant)"),
+    image_url: IMG("Product image", true),
+    hover_image: IMG("Hover image"),
+    hover_effect: ENUM("Hover effect", ["shimmer", "tilt", "spotlight", "ken_burns", "blur_reveal", "desaturate", "zoom_punch", "split_reveal"]),
+    label: T("Product label / name"),
+    tag: T("Category tag badge"),
+    price: T("Price (e.g. ₹1,299)"),
+    compare_price: T("Compare at price"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    status_badge: T("Status badge (e.g. SOLD OUT, NEW)"),
+    bg_color: { type: "color", required: false, label: "Card background color" },
+    tilt_degree: NUM("Image tilt degrees", -10, 10),
+};
+// ─── Stats Grid ────────────────────────────────────────────────────────────────
+export const STATS_FIELDS = {
+    heading: T("Section heading"),
+    subhead: SUBHEAD,
+    stats: {
+        type: "array", required: true, label: "Stats",
+        validation: {
+            itemSchema: {
+                value: { type: "text", required: true, label: "Value (e.g. 10,000+)" },
+                label: { type: "text", required: true, label: "Label" },
+                prefix: { type: "text", required: false, label: "Prefix (e.g. $)" },
+                suffix: { type: "text", required: false, label: "Suffix (e.g. +)" },
+                icon: { type: "text", required: false, label: "Icon" },
+            },
+        },
+    },
+};
+// ─── Logo Carousel ─────────────────────────────────────────────────────────────
+export const LOGO_CAROUSEL_FIELDS = {
+    heading: T("Section heading"),
+    speed: NUM("Scroll speed (seconds)", 1, 60),
+    interval: NUM("Fade interval (seconds)", 1, 30),
+    logos: {
+        type: "array", required: true, label: "Logos",
+        validation: {
+            itemSchema: {
+                image_url: { type: "image", required: true, label: "Logo image" },
+                alt: { type: "text", required: false, label: "Alt text" },
+                url: { type: "url", required: false, label: "Link URL" },
+            },
+        },
+    },
+};
+// ─── Popup / Lead Capture ──────────────────────────────────────────────────────
+export const POPUP_FIELDS = {
+    headline: HEADLINE,
+    subtext: SUBHEAD,
+    cta_text: CTA_TEXT,
+    image_url: IMG("Popup image"),
+    fine_print: T("Fine print"),
+    logo_url: IMG("Logo"),
+    discount_badge: T("Discount badge text"),
+    email_placeholder: T("Email placeholder"),
+    phone_placeholder: T("Phone placeholder"),
+    success_message: T("Success message"),
+};
+// ─── Transition ────────────────────────────────────────────────────────────────
+export const TRANSITION_FIELDS = {
+    color_above: { type: "color", required: true, label: "Color above" },
+    color_below: { type: "color", required: true, label: "Color below" },
+    height: NUM("Height (px)", 40, 200),
+    flip: BOOL("Flip direction"),
+};
+// ─── Text Effect ────────────────────────────────────────────────────────────────
+export const TEXT_EFFECT_FIELDS = {
+    text: T("Text", true),
+    words: ARR("Rotating / flip words"),
+    prefix: T("Prefix"),
+    suffix: T("Suffix"),
+    highlight_words: ARR("Highlighted words"),
+};
+// ─── Button Section ─────────────────────────────────────────────────────────────
+export const BUTTON_SECTION_FIELDS = {
+    text: T("Button text", true),
+    url: CTA_URL,
+    heading: T("Heading"),
+    subhead: SUBHEAD,
+    secondary_text: T("Secondary button text"),
+    secondary_url: URL("Secondary button URL"),
+};
+// ─── Urgency CTA ───────────────────────────────────────────────────────────────
+export const URGENCY_CTA_FIELDS = {
+    message: T("Message text"),
+    countdown_end: T("Countdown end (ISO)", false, "e.g. 2027-12-31T23:59:59Z"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    stock_count: NUM("Current stock count", 0),
+    stock_max: NUM("Max stock (full bar)", 1),
+    activity_count: NUM("Activity count", 0),
+    activity_label: T("Activity label (e.g. people viewing)"),
+};
+// ─── Waitlist ──────────────────────────────────────────────────────────────────
+export const WAITLIST_FIELDS = {
+    heading: T("Heading", true),
+    subhead: SUBHEAD,
+    placeholder: T("Input placeholder"),
+    cta_text: CTA_TEXT,
+    position_number: NUM("Queue position number", 1),
+};
+// ─── Avatar Group ───────────────────────────────────────────────────────────────
+export const AVATAR_GROUP_FIELDS = {
+    count_label: T("Count label (e.g. 10k+ joined)"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    avatars: {
+        type: "array", required: true, label: "Avatars",
+        validation: {
+            itemSchema: {
+                src: { type: "image", required: true, label: "Avatar image" },
+                alt: { type: "text", required: false, label: "Alt text" },
+            },
+        },
+    },
+};
+// ─── Parallax ──────────────────────────────────────────────────────────────────
+export const PARALLAX_FIELDS = {
+    heading: T("Heading"),
+    subhead: SUBHEAD,
+    body: T("Body text"),
+    image_url: IMG("Image"),
+};
+// ─── Process Steps ─────────────────────────────────────────────────────────────
+export const PROCESS_STEPS_FIELDS = {
+    heading: T("Section heading"),
+    subhead: SUBHEAD,
+    steps: {
+        type: "array", required: true, label: "Steps",
+        validation: {
+            itemSchema: {
+                title: { type: "text", required: true, label: "Step title" },
+                body: { type: "text", required: false, label: "Step description" },
+                icon: { type: "text", required: false, label: "Icon (emoji or name)" },
+            },
+        },
+    },
+};
+// ─── Background Section ────────────────────────────────────────────────────────
+export const BACKGROUND_SECTION_FIELDS = {
+    heading: T("Heading"),
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    colors: ARR("Colors (hex values)"),
+};
+// ─── Card Stack ─────────────────────────────────────────────────────────────────
+export const CARD_STACK_FIELDS = {
+    heading: T("Heading"),
+    cards: {
+        type: "array", required: true, label: "Cards",
+        validation: {
+            itemSchema: {
+                title: { type: "text", required: true, label: "Card title" },
+                body: { type: "text", required: false, label: "Card body" },
+                image_url: { type: "image", required: false, label: "Card image" },
+                badge: { type: "text", required: false, label: "Badge" },
+            },
+        },
+    },
+};
+// ─── Terminal Card ─────────────────────────────────────────────────────────────
+export const TERMINAL_FIELDS = {
+    title: T("Terminal title"),
+    prompt: T("Prompt character"),
+    lines: ARR("Terminal lines (one per line)"),
+};
+// ─── Feature Tabs ──────────────────────────────────────────────────────────────
+export const FEATURE_TABS_FIELDS = {
+    heading: T("Section heading"),
+    tabs: {
+        type: "array", required: true, label: "Tabs",
+        validation: {
+            itemSchema: {
+                label: { type: "text", required: true, label: "Tab label" },
+                headline: { type: "text", required: false, label: "Content headline" },
+                body: { type: "text", required: false, label: "Content body" },
+                image_url: { type: "image", required: false, label: "Tab image" },
+                icon: { type: "text", required: false, label: "Icon" },
+            },
+        },
+    },
+};
+// ─── Bento Grid ────────────────────────────────────────────────────────────────
+export const BENTO_FIELDS = {
+    heading: T("Section heading"),
+    items: {
+        type: "array", required: true, label: "Bento items",
+        validation: {
+            itemSchema: {
+                title: { type: "text", required: true, label: "Title" },
+                body: { type: "text", required: false, label: "Body" },
+                image_url: { type: "image", required: false, label: "Image" },
+                video_url: { type: "video", required: false, label: "Video" },
+                span: { type: "text", required: false, label: "Grid span CSS class" },
+            },
+        },
+    },
+};
+// ─── Lookbook Grid ─────────────────────────────────────────────────────────────
+export const LOOKBOOK_GRID_FIELDS = {
+    heading: T("Section heading"),
+    cols: ENUM("Grid columns", ["2", "3", "4"]),
+    gap: ENUM("Gap between tiles", ["none", "xs", "sm", "md"]),
+    animation_style: ENUM("Reveal animation", ["fade_up", "fade_in", "slide_left", "scale_up", "none"]),
+    stagger_delay: NUM("Stagger delay (ms)", 0, 500),
+    items: {
+        type: "array", required: true, label: "Grid items",
+        validation: {
+            itemSchema: {
+                image_url: { type: "image", required: true, label: "Image" },
+                hover_image: { type: "image", required: false, label: "Hover image (swap on hover)" },
+                hover_effect: { type: "enum", required: false, label: "Hover effect",
+                    validation: { options: ["shimmer", "tilt", "spotlight", "ken_burns", "blur_reveal", "desaturate", "zoom_punch", "split_reveal"] } },
+                label: { type: "text", required: true, label: "Caption label" },
+                tag: { type: "text", required: false, label: "Category tag (e.g. PRODUCTS)" },
+                url: { type: "url", required: false, label: "Link URL" },
+                aspect: { type: "enum", required: false, label: "Aspect ratio",
+                    validation: { options: ["1:1", "2:3", "3:4", "4:5", "16:9", "3:2"] } },
+                col_span: { type: "enum", required: false, label: "Column span",
+                    validation: { options: ["1", "2", "3"] } },
+                row_span: { type: "enum", required: false, label: "Row span",
+                    validation: { options: ["1", "2"] } },
+                reveal: { type: "enum", required: false, label: "Reveal animation override",
+                    validation: { options: ["inherit", "fade_up", "fade_in", "slide_left", "scale_up", "none"] } },
+                tint_color: { type: "color", required: false, label: "Overlay tint color" },
+                grid_col: { type: "number", required: false, label: "Grid column start (custom layout)" },
+                grid_row: { type: "number", required: false, label: "Grid row start (custom layout)" },
+            },
+        },
+    },
+};
+// ─── Pricing Cards ─────────────────────────────────────────────────────────────
+export const PRICING_FIELDS = {
+    heading: T("Section heading"),
+    subhead: SUBHEAD,
+    plans: {
+        type: "array", required: true, label: "Pricing plans",
+        validation: {
+            itemSchema: {
+                name: { type: "text", required: true, label: "Plan name" },
+                price: { type: "text", required: true, label: "Price" },
+                period: { type: "text", required: false, label: "Billing period" },
+                description: { type: "text", required: false, label: "Plan description" },
+                features: { type: "array", required: true, label: "Feature list" },
+                cta_text: { type: "text", required: true, label: "CTA button text" },
+                highlighted: { type: "boolean", required: false, label: "Highlighted (most popular)" },
+            },
+        },
+    },
+};
+// ─── Navbar / Footer ───────────────────────────────────────────────────────────
+export const NAVBAR_FIELDS = {
+    logo_url: IMG("Logo image"),
+    brand_name: T("Brand name"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    bg_color: { type: "color", required: false, label: "Nav background" },
+    text_color: { type: "color", required: false, label: "Nav text color" },
+    cta_bg_color: { type: "color", required: false, label: "CTA button color" },
+    cta_text_color: { type: "color", required: false, label: "CTA text color" },
+    initial_text_color: { type: "color", required: false, label: "Initial text color (transparent variant)" },
+    nav_items: {
+        type: "array", required: false, label: "Nav links",
+        validation: {
+            itemSchema: {
+                label: { type: "text", required: true, label: "Link label" },
+                url: { type: "url", required: true, label: "Link URL" },
+            },
+        },
+    },
+};
+export const FOOTER_FIELDS = {
+    brand_name: T("Brand name"),
+    logo_url: IMG("Logo"),
+    tagline: T("Tagline"),
+    copyright: T("Copyright text"),
+    newsletter_heading: T("Newsletter heading"),
+    newsletter_placeholder: T("Email placeholder"),
+};
+// ─── Brand-template hero field schemas ───────────────────────────────────────
+export const HERO_EDITORIAL_MINIMAL_FIELDS = {
+    headline: HEADLINE,
+    media_url: MEDIA_URL,
+    subhead: SUBHEAD,
+    cta_text: T("CTA text link"),
+    cta_url: CTA_URL,
+    overlay_strength: ENUM("Overlay strength", ["none", "light", "medium", "heavy"]),
+    italic: BOOL("Italic headline"),
+};
+export const HERO_DARK_STICKER_FIELDS = {
+    headline: HEADLINE,
+    media_url: MEDIA_URL,
+    eyebrow: EYEBROW,
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    sticker_url: IMG("Sticker / badge PNG"),
+    bg_color: { type: "color", required: false, label: "Background color" },
+    accent_color: { type: "color", required: false, label: "Accent color" },
+};
+export const HERO_RETRO_FIELDS = {
+    headline: HEADLINE,
+    media_url: MEDIA_URL,
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    bg_color: { type: "color", required: false, label: "Background color" },
+    bg_gradient: T("Background gradient (CSS)"),
+    floating_elements: ARR("Floating elements (url, top, left, size, rotate, delay)"),
+};
+export const HERO_TRUST_FIELDS = {
+    headline: HEADLINE,
+    media_url: MEDIA_URL,
+    subhead: SUBHEAD,
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    rating: NUM("Star rating", 0, 5),
+    review_count: T("Review count label"),
+    credential_badges: ARR("Credential badges (icon, text)"),
+};
+export const HERO_CINEMATIC_FIELDS = {
+    headline: HEADLINE,
+    media_url: MEDIA_URL,
+    video_url: URL("Video URL (autoplay loop)"),
+    eyebrow: EYEBROW,
+    subhead: T("Tagline / accent text"),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    overlay_strength: ENUM("Overlay strength", ["light", "medium", "heavy", "extreme"]),
+    cta_bg_color: { type: "color", required: false, label: "CTA background color" },
+    cta_text_color: { type: "color", required: false, label: "CTA text color" },
+};
+// ─── Layout (PromoBar / Ticker) ─────────────────────────────────────────────────
+export const PROMOBAR_FIELDS = {
+    text: T("Promo text", true),
+    cta_text: CTA_TEXT,
+    link: CTA_URL,
+    bg_color: { type: "color", required: false, label: "Background color" },
+    text_color: { type: "color", required: false, label: "Text color" },
+};
+export const PROMOBAR_MULTI_FIELDS = {
+    items: ARR("Items (text + optional icon per item)"),
+    bg_color: { type: "color", required: false, label: "Background color" },
+    text_color: { type: "color", required: false, label: "Text color" },
+    speed: NUM("Scroll speed (seconds)", 10, 120),
+    separator: T("Separator character", false),
+};
+export const PROMOBAR_ROTATING_FIELDS = {
+    items: ARR("Messages (text + optional cta_text + cta_url per item)"),
+    bg_color: { type: "color", required: false, label: "Background color" },
+    text_color: { type: "color", required: false, label: "Text color" },
+    interval: NUM("Rotation interval (ms)", 1000, 10000),
+};
+export const PROMOBAR_COUNTDOWN_FIELDS = {
+    message: T("Message before timer", true),
+    end_date: T("End date (ISO 8601)", true),
+    cta_text: CTA_TEXT,
+    cta_url: CTA_URL,
+    bg_color: { type: "color", required: false, label: "Background color" },
+    text_color: { type: "color", required: false, label: "Text color" },
+};
+export const TICKER_FIELDS = {
+    items: ARR("Ticker items (one per line)"),
+    speed: NUM("Speed (seconds)", 5, 120),
+};
+// ─── PDP Variants ─────────────────────────────────────────────────────────────
+export const PDP_VARIANTS_FIELDS = {
+    eyebrow: T("Eyebrow / category label"),
+    material_callouts: ARR("Material callouts (icon, title, body)"),
+    ingredients: ARR("Key ingredients (image, name, benefit)"),
+    clinical_results: ARR("Clinical results (stat, claim)"),
+    editorial_link: T("Editorial link (label + url object)"),
+    endorsement: T("Endorsement badge (name, title, quote, image)"),
+    feature_grid: ARR("Feature grid — 4 cards (icon, headline, body)"),
+    guarantee: T("Guarantee callout (icon, text)"),
+};
+// ─── Live Activity Ticker ────────────────────────────────────────────────────
+export const LIVE_ACTIVITY_TICKER_FIELDS = {
+    activity_source: ENUM("Activity source", ["live_purchases", "visitor_count", "both"]),
+    visitor_count: NUM("Starting visitor count", 1),
+    time_window_hours: NUM("Time window (hours)", 1),
+    activity_items: ARR("Activity items"),
+    mock_items: ARR("Mock items (demo)"),
+    location_name: T("Location name"),
+    location_purchases: NUM("Location purchase count", 0),
+    location_emoji: T("Location flag emoji"),
+};
+// ─── Cart Drawer ─────────────────────────────────────────────────────────────
+export const CART_DRAWER_FIELDS = {
+    heading: T("Drawer heading"),
+    empty_headline: T("Empty state headline"),
+    empty_cta_text: T("Empty state CTA text"),
+    empty_cta_url: URL("Empty state CTA URL"),
+    upsell_title: T("Upsell section label"),
+    checkout_label: T("Checkout button label"),
+    upsell_items: {
+        type: "array", required: false, label: "Upsell items",
+        validation: {
+            itemSchema: {
+                title: { type: "text", required: true, label: "Product title" },
+                price: { type: "text", required: true, label: "Price" },
+                image_url: { type: "image", required: false, label: "Product image" },
+                description: { type: "text", required: false, label: "Short description" },
+            },
+        },
+    },
+};
+// ─── Cart / Guarantee Banner ────────────────────────────────────────────────────
+export const CART_GUARANTEE_FIELDS = {
+    guarantees: {
+        type: "array", required: true, label: "Guarantee items",
+        validation: {
+            itemSchema: {
+                icon: { type: "text", required: false, label: "Icon (emoji)" },
+                text: { type: "text", required: true, label: "Guarantee text" },
+            },
+        },
+    },
+};
+//# sourceMappingURL=registry-field-schemas.js.map