@birdapi/velinstyle 1.0.0 → 1.2.0

package/core/meta/sections/registry.json

@@ -0,0 +1,185 @@
+{
+  "version": 1,
+  "sections": [
+    {
+      "id": "hero",
+      "role": "hero",
+      "blueprintFile": "hero-section.html",
+      "inputs": ["title", "subtitle", "cta", "brand"],
+      "requiredContent": ["headline", "primaryCta"],
+      "optionalContent": ["image", "secondaryCta"],
+      "designRules": ["hero-headline-lines", "hero-cta-max", "hero-contrast"],
+      "a11yRules": ["one h1", "cta is real button/link"],
+      "seoRules": ["h1 matches primary intent"],
+      "compatiblePrev": [],
+      "compatibleNext": ["trust-bar", "benefits", "services"],
+      "examplePrompts": ["modern hero with two CTAs"],
+      "commonMistakes": ["three CTAs", "headline longer than two lines"]
+    },
+    {
+      "id": "trust-bar",
+      "role": "trust-bar",
+      "blueprintFile": "trust-bar.html",
+      "inputs": ["logos", "claim"],
+      "requiredContent": ["trustItems"],
+      "optionalContent": ["claim"],
+      "designRules": [],
+      "a11yRules": ["alt text for logos"],
+      "seoRules": [],
+      "compatiblePrev": ["hero"],
+      "compatibleNext": ["benefits", "services"],
+      "examplePrompts": ["trusted by brands bar"],
+      "commonMistakes": ["low-contrast logos"]
+    },
+    {
+      "id": "benefits",
+      "role": "benefits",
+      "blueprintFile": "benefits-grid.html",
+      "inputs": ["items"],
+      "requiredContent": ["benefitItems"],
+      "optionalContent": [],
+      "designRules": [],
+      "a11yRules": ["headings per benefit"],
+      "seoRules": [],
+      "compatiblePrev": ["hero", "trust-bar"],
+      "compatibleNext": ["services", "process"],
+      "examplePrompts": ["three benefits"],
+      "commonMistakes": ["walls of text"]
+    },
+    {
+      "id": "services",
+      "role": "services",
+      "blueprintFile": "services-grid.html",
+      "inputs": ["items"],
+      "requiredContent": ["serviceItems"],
+      "optionalContent": [],
+      "designRules": [],
+      "a11yRules": ["card titles as headings"],
+      "seoRules": ["service names as keywords"],
+      "compatiblePrev": ["benefits", "trust-bar", "hero"],
+      "compatibleNext": ["process", "testimonials", "pricing"],
+      "examplePrompts": ["services grid for tax advisor"],
+      "commonMistakes": ["vague service titles"]
+    },
+    {
+      "id": "process",
+      "role": "process",
+      "blueprintFile": "process-steps.html",
+      "inputs": ["steps"],
+      "requiredContent": ["steps"],
+      "optionalContent": [],
+      "designRules": [],
+      "a11yRules": ["ordered list semantics"],
+      "seoRules": [],
+      "compatiblePrev": ["services", "benefits"],
+      "compatibleNext": ["testimonials", "pricing", "faq"],
+      "examplePrompts": ["how it works in 4 steps"],
+      "commonMistakes": ["more than 6 steps"]
+    },
+    {
+      "id": "testimonials",
+      "role": "testimonials",
+      "blueprintFile": "testimonials.html",
+      "inputs": ["quotes"],
+      "requiredContent": ["quotes"],
+      "optionalContent": ["avatars"],
+      "designRules": [],
+      "a11yRules": ["cite attribution"],
+      "seoRules": [],
+      "compatiblePrev": ["services", "process"],
+      "compatibleNext": ["pricing", "faq", "contact"],
+      "examplePrompts": ["client testimonials"],
+      "commonMistakes": ["anonymous quotes only"]
+    },
+    {
+      "id": "pricing",
+      "role": "pricing",
+      "blueprintFile": "pricing-table.html",
+      "inputs": ["plans"],
+      "requiredContent": ["plans"],
+      "optionalContent": [],
+      "designRules": [],
+      "a11yRules": ["table or card semantics clear"],
+      "seoRules": [],
+      "compatiblePrev": ["services", "testimonials"],
+      "compatibleNext": ["faq", "cta"],
+      "examplePrompts": ["three pricing tiers"],
+      "commonMistakes": ["unclear currency"]
+    },
+    {
+      "id": "faq",
+      "role": "faq",
+      "blueprintFile": "faq-section.html",
+      "inputs": ["items"],
+      "requiredContent": ["questions"],
+      "optionalContent": [],
+      "designRules": ["faq-questions", "faq-pattern"],
+      "a11yRules": ["accordion keyboard support"],
+      "seoRules": ["FAQPage-ready question text"],
+      "compatiblePrev": ["testimonials", "pricing", "process"],
+      "compatibleNext": ["contact", "cta", "footer"],
+      "examplePrompts": ["FAQ with accordion"],
+      "commonMistakes": ["non-questions as titles"]
+    },
+    {
+      "id": "contact",
+      "role": "contact",
+      "blueprintFile": "form-contact.html",
+      "inputs": ["fields"],
+      "requiredContent": ["name", "email", "message"],
+      "optionalContent": ["phone"],
+      "designRules": ["contact-labels", "contact-summary"],
+      "a11yRules": ["labels", "form-summary"],
+      "seoRules": [],
+      "compatiblePrev": ["faq", "testimonials"],
+      "compatibleNext": ["footer", "cta"],
+      "examplePrompts": ["contact form with validation summary"],
+      "commonMistakes": ["placeholder-only labels"]
+    },
+    {
+      "id": "cta",
+      "role": "cta",
+      "blueprintFile": "cta-band.html",
+      "inputs": ["title", "cta"],
+      "requiredContent": ["headline", "primaryCta"],
+      "optionalContent": ["secondaryCta"],
+      "designRules": ["hero-cta-max"],
+      "a11yRules": ["button semantics"],
+      "seoRules": [],
+      "compatiblePrev": ["faq", "pricing", "testimonials"],
+      "compatibleNext": ["footer"],
+      "examplePrompts": ["final CTA band"],
+      "commonMistakes": ["competing CTAs"]
+    },
+    {
+      "id": "footer",
+      "role": "footer",
+      "blueprintFile": "footer-simple.html",
+      "inputs": ["brand", "links"],
+      "requiredContent": ["brand"],
+      "optionalContent": ["legal", "social"],
+      "designRules": [],
+      "a11yRules": ["contentinfo landmark"],
+      "seoRules": ["legal links"],
+      "compatiblePrev": ["cta", "contact", "faq"],
+      "compatibleNext": [],
+      "examplePrompts": ["site footer"],
+      "commonMistakes": ["missing legal links on regulated niches"]
+    },
+    {
+      "id": "navbar",
+      "role": "navbar",
+      "blueprintFile": "navbar-header.html",
+      "inputs": ["brand", "links"],
+      "requiredContent": ["brand"],
+      "optionalContent": ["cta", "search"],
+      "designRules": [],
+      "a11yRules": ["nav landmark"],
+      "seoRules": ["internal links"],
+      "compatiblePrev": [],
+      "compatibleNext": ["hero"],
+      "examplePrompts": ["marketing navbar"],
+      "commonMistakes": ["too many links"]
+    }
+  ]
+}

package/dist/chunks/{attributes-TPANLMLF.js → attributes-A423NX5J.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7MCGPHVC.js";
 import {
   lazyDefine
-} from "./chunk-SRL6EWHP.js";
+} from "./chunk-2TGCVDUL.js";
 
 // core/motion/effects.js
 var VISIBLE_CLASS = "velin-in-view";
@@ -330,7 +330,7 @@ function registerBuiltins() {
         el.appendChild(btn);
       }
       await lazyDefine("velin-copy");
-      const { initHighlight, highlightElement } = await import("./highlight-GJHHV4KM.js");
+      const { initHighlight, highlightElement } = await import("./highlight-IBDX4XWS.js");
       const immediate = el.getAttribute("data-velin-highlight") === "immediate" || typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
       if (immediate) {
         await highlightElement(el);
@@ -372,7 +372,7 @@ async function bootAttributes(root = document) {
   }
   initMotion({ root });
   if (typeof HTMLElement !== "undefined") {
-    const { bindDeclarativeSearch } = await import("./velin-search-7B4KJ6TX.js");
+    const { bindDeclarativeSearch } = await import("./velin-search-B3L6J2RP.js");
     bindDeclarativeSearch(root);
     if (!document.querySelector("velin-announcer")) {
       const { getAnnouncer } = await import("./a11y-utils-IRC7LOPF.js");

package/dist/chunks/{attributes-ADOKLKA7.js → attributes-F6UPIEVP.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7MCGPHVC.js";
 import {
   lazyDefine
-} from "./chunk-IEHKRARD.js";
+} from "./chunk-BHR3ZG6U.js";
 
 // core/motion/effects.js
 var VISIBLE_CLASS = "velin-in-view";
@@ -330,7 +330,7 @@ function registerBuiltins() {
         el.appendChild(btn);
       }
       await lazyDefine("velin-copy");
-      const { initHighlight, highlightElement } = await import("./highlight-GJHHV4KM.js");
+      const { initHighlight, highlightElement } = await import("./highlight-IBDX4XWS.js");
       const immediate = el.getAttribute("data-velin-highlight") === "immediate" || typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
       if (immediate) {
         await highlightElement(el);

package/dist/chunks/{attributes-STYCS3O5.js → attributes-GLYXGGAL.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7MCGPHVC.js";
 import {
   lazyDefine
-} from "./chunk-RSMRR27R.js";
+} from "./chunk-7YSO2OQ2.js";
 
 // core/motion/effects.js
 var VISIBLE_CLASS = "velin-in-view";
@@ -330,7 +330,7 @@ function registerBuiltins() {
         el.appendChild(btn);
       }
       await lazyDefine("velin-copy");
-      const { initHighlight, highlightElement } = await import("./highlight-GJHHV4KM.js");
+      const { initHighlight, highlightElement } = await import("./highlight-M2ELQNYK.js");
       const immediate = el.getAttribute("data-velin-highlight") === "immediate" || typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
       if (immediate) {
         await highlightElement(el);
@@ -372,7 +372,7 @@ async function bootAttributes(root = document) {
   }
   initMotion({ root });
   if (typeof HTMLElement !== "undefined") {
-    const { bindDeclarativeSearch } = await import("./velin-search-7B4KJ6TX.js");
+    const { bindDeclarativeSearch } = await import("./velin-search-B3L6J2RP.js");
     bindDeclarativeSearch(root);
     if (!document.querySelector("velin-announcer")) {
       const { getAnnouncer } = await import("./a11y-utils-IRC7LOPF.js");

package/dist/chunks/{attributes-5Q2WXGRC.js → attributes-UFTYOSAU.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7MCGPHVC.js";
 import {
   lazyDefine
-} from "./chunk-XIET2VSZ.js";
+} from "./chunk-TUGIPKW5.js";
 
 // core/motion/effects.js
 var VISIBLE_CLASS = "velin-in-view";
@@ -227,6 +227,23 @@ function registerBuiltins() {
       document.documentElement.setAttribute("data-velin-theme", theme);
     }
   });
+  registerAttribute("velin-scroll-top", {
+    enhance(el) {
+      const raw = el.getAttribute("velin-scroll-top");
+      const threshold = raw && raw !== "true" ? raw : "300";
+      if (el.tagName === "VELIN-SCROLL-TOP") {
+        if (raw && raw !== "true") el.setAttribute("threshold", threshold);
+        return lazyDefine("velin-scroll-top");
+      }
+      let wc = document.querySelector("velin-scroll-top");
+      if (!wc) {
+        wc = document.createElement("velin-scroll-top");
+        wc.setAttribute("threshold", threshold);
+        (el === document.body || el === document.documentElement ? document.body : el).appendChild(wc);
+      }
+      return lazyDefine("velin-scroll-top");
+    }
+  });
   registerAttribute("velin-progress", {
     enhance(el) {
       const ring = el.hasAttribute("ring");
@@ -313,7 +330,7 @@ function registerBuiltins() {
         el.appendChild(btn);
       }
       await lazyDefine("velin-copy");
-      const { initHighlight, highlightElement } = await import("./highlight-GJHHV4KM.js");
+      const { initHighlight, highlightElement } = await import("./highlight-M2ELQNYK.js");
       const immediate = el.getAttribute("data-velin-highlight") === "immediate" || typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
       if (immediate) {
         await highlightElement(el);
@@ -355,7 +372,7 @@ async function bootAttributes(root = document) {
   }
   initMotion({ root });
   if (typeof HTMLElement !== "undefined") {
-    const { bindDeclarativeSearch } = await import("./velin-search-7B4KJ6TX.js");
+    const { bindDeclarativeSearch } = await import("./velin-search-L3UG6NDQ.js");
     bindDeclarativeSearch(root);
     if (!document.querySelector("velin-announcer")) {
       const { getAnnouncer } = await import("./a11y-utils-IRC7LOPF.js");