@styleflow.app/flowpress-astro-core 0.2.0-beta.11 → 0.2.0-beta.3

package/CHANGELOG.md

@@ -2,49 +2,6 @@
 
 ## Unreleased
 
-## 0.2.0-beta.11
-
-- Rendered empty Gutenberg and FlowPress text blocks with an internal
-  ` `, preserving their typographic line height without visible
-  characters or synthetic break elements.
-
-## 0.2.0-beta.10
-
-- Preserved intentionally empty core Gutenberg paragraphs as visible line
-  breaks, including paragraphs resolved through FlowPress templates.
-- Exported safe recursive collection of CMS-authored block class names for
-  Tailwind `@source inline()` generation.
-
-## 0.2.0-beta.9
-
-- Preserved repeated Gutenberg RichText spacing across `<br>` sequences,
-  legacy empty paragraphs and literal double/triple newlines.
-
-## 0.2.0-beta.8
-
-- Applied Gutenberg `anchor` and `className` attributes to each rendered
-  block root, merging custom classes with the required FlowPress renderer
-  classes and preserving transparent template blocks when neither is set.
-
-## 0.2.0-beta.5
-
-- Split Gutenberg rendering into dedicated hero, responsive layout, text,
-  list/template and CF7 modules.
-- Added semantic foreground/modifier propagation and core text block
-  rendering.
-- Added responsive 12-column inheritance, token-based partial containers,
-  hero media/scrim rendering and reduced-motion handling.
-- Added repeated query-item template rendering with the previous plain-list
-  fallback.
-- Added an accessible Turnstile/CF7 browser form compatible with static and
-  server builds.
-- Added Astro component checking to the release gate.
-
-## 0.2.0-beta.4
-
-- Updated the exact StyleFlow Astro dependency to `0.3.0-beta.2`.
-- Validated the npm Trusted Publisher path with a new OIDC-only publication.
-
 ## 0.2.0-beta.3
 
 - Updated the exact StyleFlow Astro dependency to `0.3.0-beta.1`.

package/README.md

@@ -9,7 +9,7 @@ The package must not import from an application or project plugin.
 ## Install
 
 ```bash
-pnpm add @styleflow.app/flowpress-astro-core@0.2.0-beta.11
+pnpm add @styleflow.app/flowpress-astro-core@0.2.0-beta.3
 ```
 
 Prereleases are pinned exactly. The package expects Astro 7 or newer and the
@@ -30,20 +30,6 @@ For local Cloudflare development, prefer an HTTP loopback endpoint dedicated
 to server-to-server traffic. Keep the public HTTPS backend URL separate for
 canonical URL rewriting.
 
-`GutenbergRenderer.astro` renders the responsive hero/grid/column contract,
-StyleFlow text axes and resolved content/query templates. CF7 schemas
-serialized by WordPress become accessible client forms that submit directly
-to the protected FlowPress REST endpoint, so the same component works in
-static and server output modes. Gutenberg `anchor` and `className` attributes
-are applied to the rendered block root as HTML `id` and `class`. Rich Text
-preserves intentional double, triple and longer line breaks, including content
-saved by older editor versions as empty paragraphs. Empty textual blocks render
-an internal ` `, preserving their typographic line height without adding
-visible characters. The exported
-`collectFlowpressClassNames()` helper recursively extracts safe class tokens
-from rendered CMS blocks so consumers can generate Tailwind
-`@source inline()` directives before compiling their frontend CSS.
-
 ## Release
 
 ```bash

package/dist/astro/BaseLayout.astro

@@ -1,6 +1,5 @@
 ---
 import type { SfSeo } from "../types.js";
-import S from "@styleflow.app/astro/S.astro";
 
 interface Props {
   lang?: string;
@@ -45,8 +44,6 @@ const jsonLd = seo?.jsonLd ? JSON.stringify(seo.jsonLd) : null;
     <slot name="head" />
   </head>
   <body>
-    <S.main tone="neutral" intensity={1} surface="default" layoutRole="none" density="md">
-      <slot />
-    </S.main>
+    <slot />
   </body>
 </html>

package/dist/astro/DefaultTemplate.astro

@@ -7,38 +7,28 @@ import type { FlowpressTemplateProps } from "../types.js";
 const { route, content, styleflowContract } = Astro.props as FlowpressTemplateProps;
 const title = content?.title || route.seo?.title || "Contenuto";
 const isNotFound = route.queryType === "404" || route.status === 404;
-const hasGutembergBlocks = Array.isArray(content?.contentBlocks) && content.contentBlocks.length > 0 ? true : false;
-//TODO SET GLOBAL LOCAL ON ENV
 ---
 
 <BaseLayout lang={route.locale || "it"} seo={route.seo}>
-
-  {hasGutembergBlocks ? (
-    <GutenbergRenderer
-        blocks={content?.contentBlocks as import("../types.js").FlowpressBlock[]}
-        contract={styleflowContract}
-      />
-  ) : ( 
-      <S.section tone="neutral" intensity={1} surface="default" layoutRole="section" density="md">
-        <S.h1 ty="heading" v="1" w="strong">{isNotFound ? "Pagina non trovata" : title}</S.h1>
-        {content?.excerpt && <S.p ty="body" v="md" w="default">{content.excerpt}</S.p>}
-        {Array.isArray(content?.contentBlocks) && content.contentBlocks.length > 0 ? (
-          <GutenbergRenderer
-            blocks={content.contentBlocks as import("../types.js").FlowpressBlock[]}
-            contract={styleflowContract}
-          />
-        ) : content?.content && (
-          <S.div
-            tone="neutral"
-            intensity={1}
-            surface="default"
-            layoutRole="stack"
-            density="md"
-            set:html={String(content.content)}
-          />
-        )}
-      </S.section>
-   )}
-
-  
+  <S.main tone="neutral" intensity={1} surface="default" layoutRole="container" density="md">
+    <S.section tone="neutral" intensity={1} surface="default" layoutRole="section" density="md">
+      <S.h1 ty="heading" v="1" w="strong">{isNotFound ? "Pagina non trovata" : title}</S.h1>
+      {content?.excerpt && <S.p ty="body" v="md" w="default">{content.excerpt}</S.p>}
+      {Array.isArray(content?.contentBlocks) && content.contentBlocks.length > 0 ? (
+        <GutenbergRenderer
+          blocks={content.contentBlocks as import("../types.js").FlowpressBlock[]}
+          contract={styleflowContract}
+        />
+      ) : content?.content && (
+        <S.div
+          tone="neutral"
+          intensity={1}
+          surface="default"
+          layoutRole="stack"
+          density="md"
+          set:html={String(content.content)}
+        />
+      )}
+    </S.section>
+  </S.main>
 </BaseLayout>

package/dist/astro/GutenbergRenderer.astro

@@ -1,20 +1,10 @@
 ---
 import S from "@styleflow.app/astro/S.astro";
-import type { StyleflowContract } from "../styleflow.js";
-import type { FlowpressBlock } from "../types.js";
-import ColumnBlock from "./blocks/ColumnBlock.astro";
-import FormBlock from "./blocks/FormBlock.astro";
-import GridBlock from "./blocks/GridBlock.astro";
-import HeroBlock from "./blocks/HeroBlock.astro";
-import ListItemFallback from "./blocks/ListItemFallback.astro";
-import TextBlock from "./blocks/TextBlock.astro";
 import {
-  blockHtmlAttributes,
-  linkValue,
-  objectValue,
-  semanticProps,
-  textValue
-} from "./blocks/helpers.js";
+  resolveDynamicStyleflowProps,
+  type StyleflowContract
+} from "../styleflow.js";
+import type { FlowpressBlock } from "../types.js";
 
 interface Props {
   blocks: FlowpressBlock[];
@@ -23,6 +13,57 @@ interface Props {
 
 const { blocks, contract } = Astro.props;
 
+const defaults = {
+  surface: "default",
+  layoutRole: "stack",
+  density: "md"
+};
+
+function styleflowProps(attributes: Record<string, unknown>) {
+  if (!contract) return defaults;
+  return resolveDynamicStyleflowProps(attributes, defaults, contract);
+}
+
+function dynamicProps(
+  attributes: Record<string, unknown>,
+  fallback: Record<string, unknown>
+) {
+  if (!contract) return fallback;
+  return resolveDynamicStyleflowProps(attributes, fallback, contract);
+}
+
+function text(block: FlowpressBlock, key = "text"): string {
+  return String(block.attributes[key] ?? "");
+}
+
+function objectValue(
+  block: FlowpressBlock,
+  key: string
+): Record<string, unknown> {
+  const value = block.attributes[key];
+  return value && typeof value === "object" && !Array.isArray(value)
+    ? value as Record<string, unknown>
+    : {};
+}
+
+function linkValue(block: FlowpressBlock, key = "link"): string {
+  const value = block.attributes[key];
+  const href = typeof value === "string"
+    ? value
+    : String(objectValue(block, key).url ?? "");
+  if (/^(?:\/(?!\/)|#|https?:\/\/|mailto:|tel:)/i.test(href)) {
+    return href;
+  }
+  return "";
+}
+
+function itemImage(item: Record<string, unknown>): Record<string, unknown> {
+  const value = item.image;
+  return value && typeof value === "object" && !Array.isArray(value)
+    ? value as Record<string, unknown>
+    : {};
+}
+
 function youtubeEmbedUrl(value: unknown): string | null {
   try {
     const url = new URL(String(value ?? ""));
@@ -44,64 +85,52 @@ function youtubeEmbedUrl(value: unknown): string | null {
 {blocks.map((block) => {
   const name = block.name.replace(/^sf\//, "");
   const children = block.innerBlocks ?? [];
-  const semantic = semanticProps(block.attributes, contract);
-  const htmlAttributes = blockHtmlAttributes(block.attributes);
+  const semantic = styleflowProps(block.attributes);
 
-  if (name === "hero") {
-    return (
-      <HeroBlock block={block} contract={contract}>
-        <Astro.self blocks={children} contract={contract} />
-      </HeroBlock>
+  if (name === "heading") {
+    const level = Math.min(6, Math.max(1, Number(block.attributes.level ?? 2)));
+    const headingTag = `h${level}` as "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    const typography = dynamicProps(
+      {
+        ty: "heading",
+        v: String(block.attributes.variant ?? level),
+        w: String(block.attributes.weight ?? "strong")
+      },
+      { ty: "heading", v: String(level), w: "strong" }
     );
-  }
-
-  if (name === "grid") {
     return (
-      <GridBlock block={block} contract={contract}>
-        <Astro.self blocks={children} contract={contract} />
-      </GridBlock>
-    );
-  }
-
-  if (name === "column") {
-    return (
-      <ColumnBlock block={block} contract={contract}>
-        <Astro.self blocks={children} contract={contract} />
-      </ColumnBlock>
+      <S
+        as={headingTag}
+        {...semantic}
+        {...typography}
+        set:html={text(block)}
+      />
     );
   }
 
-  if ([
-    "heading",
-    "rich-text",
-    "quote",
-    "core/paragraph",
-    "core/heading",
-    "core/list",
-    "core/list-item",
-    "core/quote"
-  ].includes(name)) {
-    return (
-      <TextBlock block={block} contract={contract} hasChildren={children.length > 0}>
-        <Astro.self blocks={children} contract={contract} />
-      </TextBlock>
-    );
+  if (name === "rich-text" || name === "core/paragraph") {
+    const html = String(block.attributes.content ?? block.innerHtml ?? "");
+    return <S as="div" {...semantic} set:html={html} />;
   }
 
   if (name === "button") {
     const href = linkValue(block, "href") || "#";
-    const link = objectValue(block, "href");
-    const opensInNewTab = Boolean(link.opensInNewTab);
+    const interaction = dynamicProps(
+      {
+        interactivePriority: String(
+          block.attributes.interactivePriority ?? "primary"
+        )
+      },
+      { interactivePriority: "primary" }
+    );
     return (
       <S
         as="a"
         href={href}
-        target={opensInNewTab ? "_blank" : undefined}
-        rel={opensInNewTab ? "noopener noreferrer" : undefined}
         {...semantic}
-        {...htmlAttributes}
+        {...interaction}
       >
-        {textValue(block, "label")}
+        {text(block, "label")}
       </S>
     );
   }
@@ -115,7 +144,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
     } | undefined;
     const src = image?.url ?? image?.sourceUrl;
     return src ? (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...semantic}>
         <img
           src={src}
           alt={String(block.attributes.alt ?? image?.alt ?? image?.altText ?? "")}
@@ -131,7 +160,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
       ? block.attributes.images as Array<Record<string, unknown>>
       : [];
     return (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...semantic}>
         {images.map((image) => image.url ? (
           <img
             src={String(image.url)}
@@ -148,7 +177,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
     const video = objectValue(block, "video");
     const poster = objectValue(block, "poster");
     return video.url ? (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...semantic}>
         <video
           src={String(video.url)}
           poster={poster.url ? String(poster.url) : undefined}
@@ -164,7 +193,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
   if (name === "video-youtube") {
     const embed = youtubeEmbedUrl(block.attributes.url);
     return embed ? (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...semantic}>
         <iframe
           src={embed}
           title={String(block.attributes.title ?? "YouTube video")}
@@ -176,19 +205,24 @@ function youtubeEmbedUrl(value: unknown): string | null {
     ) : null;
   }
 
-  if (name === "chip") {
+  if (name === "quote") {
     return (
-      <S as="span" {...semantic} {...htmlAttributes}>
-        {textValue(block, "label")}
+      <S as="blockquote" {...semantic}>
+        <S as="p" set:html={text(block, "quote")} />
+        {block.attributes.citation && <cite>{String(block.attributes.citation)}</cite>}
       </S>
     );
   }
 
+  if (name === "chip") {
+    return <S as="span" {...semantic}>{text(block, "label")}</S>;
+  }
+
   if (name === "card") {
     const media = objectValue(block, "image");
     const href = linkValue(block);
     return (
-      <S as="article" {...semantic} {...htmlAttributes}>
+      <S as="article" {...semantic}>
         {media.url && (
           <img src={String(media.url)} alt={String(media.alt ?? "")} loading="lazy" />
         )}
@@ -203,41 +237,34 @@ function youtubeEmbedUrl(value: unknown): string | null {
     const items = Array.isArray(block.attributes.resolvedItems)
       ? block.attributes.resolvedItems as Array<Record<string, unknown>>
       : [];
-    const resolvedBlocks = Array.isArray(block.attributes.resolvedBlocks)
-      ? block.attributes.resolvedBlocks as FlowpressBlock[][]
-      : [];
     return (
-      <S as="ul" {...semantic} {...htmlAttributes}>
-        {items.map((item, index) => (
+      <S as="ul" {...semantic}>
+        {items.map((item) => (
           <S as="li">
-            {resolvedBlocks[index]?.length ? (
-              <Astro.self blocks={resolvedBlocks[index]} contract={contract} />
+            {itemImage(item).url && (
+              <img
+                src={String(itemImage(item).url)}
+                alt={String(itemImage(item).alt ?? "")}
+                loading="lazy"
+                decoding="async"
+              />
+            )}
+            {item.uri ? (
+              <S as="a" href={String(item.uri)}>{String(item.title ?? "")}</S>
             ) : (
-              <ListItemFallback item={item} />
+              <S as="span">{String(item.title ?? "")}</S>
             )}
+            {item.excerpt && <S as="p">{String(item.excerpt)}</S>}
+            {item.priceHtml && <S as="div" set:html={String(item.priceHtml)} />}
           </S>
         ))}
       </S>
     );
   }
 
-  if (name === "template") {
-    return Object.keys(htmlAttributes).length > 0 ? (
-      <div {...htmlAttributes}>
-        <Astro.self blocks={children} contract={contract} />
-      </div>
-    ) : (
-      <Astro.self blocks={children} contract={contract} />
-    );
-  }
-
-  if (name === "form") {
-    return <FormBlock block={block} contract={contract} />;
-  }
-
   if (name === "accordion-item") {
     return (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...semantic}>
         <details>
           <summary>{String(block.attributes.title ?? "")}</summary>
           <Astro.self blocks={children} contract={contract} />
@@ -263,7 +290,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
         + `?key=${encodeURIComponent(googleMapsApiKey)}`
         + `&q=${encodeURIComponent(query)}`;
       return (
-        <S as="div" {...semantic} {...htmlAttributes}>
+        <S as="div" {...semantic}>
           <iframe
             src={source}
             title={address || "Map"}
@@ -274,7 +301,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
       );
     }
     return query ? (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...semantic}>
         <S
           as="a"
           href={`https://www.openstreetmap.org/search?query=${encodeURIComponent(query)}`}
@@ -286,9 +313,9 @@ function youtubeEmbedUrl(value: unknown): string | null {
     ) : null;
   }
 
-  const layoutTag = name === "section" ? "section" : "div";
+  const layoutTag = ["section", "hero"].includes(name) ? "section" : "div";
   return (
-    <S as={layoutTag} {...semantic} {...htmlAttributes}>
+    <S as={layoutTag} {...semantic}>
       {block.innerHtml && children.length === 0
         ? <S as="div" set:html={block.innerHtml} />
         : <Astro.self blocks={children} contract={contract} />}

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export * from "./client.js";
 export * from "./env.js";
 export * from "./styleflow.js";
-export * from "./style-classes.js";
 export * from "./template-hierarchy.js";
 export * from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -1,7 +1,6 @@
 export * from "./client.js";
 export * from "./env.js";
 export * from "./styleflow.js";
-export * from "./style-classes.js";
 export * from "./template-hierarchy.js";
 export * from "./types.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC","sourcesContent":["export * from \"./client.js\";\nexport * from \"./env.js\";\nexport * from \"./styleflow.js\";\nexport * from \"./style-classes.js\";\nexport * from \"./template-hierarchy.js\";\nexport * from \"./types.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC","sourcesContent":["export * from \"./client.js\";\nexport * from \"./env.js\";\nexport * from \"./styleflow.js\";\nexport * from \"./template-hierarchy.js\";\nexport * from \"./types.js\";\n"]}

package/dist/styleflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleflow.d.ts","sourceRoot":"","sources":["../src/styleflow.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,WAAW,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,EAAE,CAAC;KACpB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,SAAS,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACnC,OAAO,EAAE,MAAM,EAAE,CAAC;KACnB,CAAC;IACF,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,qBAAqB,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAqB5D;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,qBAAqB,EAC5B,QAAQ,EAAE,qBAAqB,EAC/B,QAAQ,EAAE,iBAAiB,GAC1B,qBAAqB,CA+CvB"}
+{"version":3,"file":"styleflow.d.ts","sourceRoot":"","sources":["../src/styleflow.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,WAAW,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QACpC,QAAQ,EAAE,MAAM,EAAE,CAAC;KACpB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,SAAS,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACnC,OAAO,EAAE,MAAM,EAAE,CAAC;KACnB,CAAC;IACF,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,qBAAqB,CAAC;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAoB5D;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,qBAAqB,EAC5B,QAAQ,EAAE,qBAAqB,EAC/B,QAAQ,EAAE,iBAAiB,GAC1B,qBAAqB,CAwCvB"}

package/dist/styleflow.js

@@ -1,5 +1,4 @@
 const INHERITED_COLOR_PROPS = new Set(["tone", "intensity"]);
-const FOREGROUND_ROLES = ["primary", "secondary", "tertiary", "muted", "accent"];
 const AXIS_BY_PROP = {
     tone: ["color", "tones"],
     intensity: ["color", "intensities"],
@@ -36,12 +35,6 @@ export function resolveDynamicStyleflowProps(input, defaults, contract) {
                 : defaults.v;
             continue;
         }
-        if (key === "foreground") {
-            resolved.foreground = FOREGROUND_ROLES.includes(String(value))
-                ? value
-                : defaults.foreground;
-            continue;
-        }
         const axisPath = AXIS_BY_PROP[key];
         if (!axisPath) {
             resolved[key] = value;

package/dist/styleflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleflow.js","sourceRoot":"","sources":["../src/styleflow.ts"],"names":[],"mappings":"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","sourcesContent":["export interface StyleflowContractAxes {\n  color: {\n    tones: string[];\n    intensities: Array<string | number>;\n    surfaces: string[];\n  };\n  layout: {\n    roles: string[];\n    densities: string[];\n  };\n  typography: {\n    types: string[];\n    variants: Record<string, string[]>;\n    weights: string[];\n  };\n  interaction: {\n    priorities: string[];\n    states: string[];\n  };\n}\n\nexport interface StyleflowContract {\n  axes: StyleflowContractAxes;\n}\n\nexport type DynamicStyleflowProps = Record<string, unknown>;\n\nconst INHERITED_COLOR_PROPS = new Set([\"tone\", \"intensity\"]);\nconst FOREGROUND_ROLES = [\"primary\", \"secondary\", \"tertiary\", \"muted\", \"accent\"];\n\nconst AXIS_BY_PROP = {\n  tone: [\"color\", \"tones\"],\n  intensity: [\"color\", \"intensities\"],\n  surface: [\"color\", \"surfaces\"],\n  layoutRole: [\"layout\", \"roles\"],\n  density: [\"layout\", \"densities\"],\n  ty: [\"typography\", \"types\"],\n  w: [\"typography\", \"weights\"],\n  interactivePriority: [\"interaction\", \"priorities\"],\n  interactionState: [\"interaction\", \"states\"]\n} as const;\n\nfunction sameAxisValue(candidate: unknown, allowed: unknown): boolean {\n  return String(candidate) === String(allowed);\n}\n\n/**\n * CMS values can outlive a contract revision. Invalid values fail closed to\n * component defaults before reaching Styleflow's Astro runtime.\n */\nexport function resolveDynamicStyleflowProps(\n  input: DynamicStyleflowProps,\n  defaults: DynamicStyleflowProps,\n  contract: StyleflowContract\n): DynamicStyleflowProps {\n  const resolved: DynamicStyleflowProps = { ...defaults };\n\n  for (const [key, value] of Object.entries(input)) {\n    if (value === undefined || value === null || value === \"\") {\n      continue;\n    }\n\n    if (INHERITED_COLOR_PROPS.has(key) && value === \"inherit\") {\n      delete resolved[key];\n      continue;\n    }\n\n    if (key === \"v\") {\n      const type = String(input.ty ?? defaults.ty ?? \"\");\n      const variants = contract.axes.typography.variants[type] ?? [];\n      resolved.v = variants.some((variant) => sameAxisValue(value, variant))\n        ? value\n        : defaults.v;\n      continue;\n    }\n\n    if (key === \"foreground\") {\n      resolved.foreground = FOREGROUND_ROLES.includes(String(value))\n        ? value\n        : defaults.foreground;\n      continue;\n    }\n\n    const axisPath = AXIS_BY_PROP[key as keyof typeof AXIS_BY_PROP];\n    if (!axisPath) {\n      resolved[key] = value;\n      continue;\n    }\n\n    const [group, axis] = axisPath;\n    const groups = contract.axes as unknown as Record<\n      string,\n      Record<string, unknown[]>\n    >;\n    const allowed = groups[group]?.[axis] ?? [];\n    resolved[key] = allowed.some((item) => sameAxisValue(value, item))\n      ? value\n      : defaults[key];\n  }\n\n  return resolved;\n}\n"]}
+{"version":3,"file":"styleflow.js","sourceRoot":"","sources":["../src/styleflow.ts"],"names":[],"mappings":"AA2BA,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;AAE7D,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC;IACnC,OAAO,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;IAC9B,UAAU,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC;IAChC,EAAE,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC;IAC3B,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;IAC5B,mBAAmB,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC;IAClD,gBAAgB,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;CACnC,CAAC;AAEX,SAAS,aAAa,CAAC,SAAkB,EAAE,OAAgB;IACzD,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,CAAC;AAC/C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAC1C,KAA4B,EAC5B,QAA+B,EAC/B,QAA2B;IAE3B,MAAM,QAAQ,GAA0B,EAAE,GAAG,QAAQ,EAAE,CAAC;IAExD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YAC1D,SAAS;QACX,CAAC;QAED,IAAI,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1D,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;YACrB,SAAS;QACX,CAAC;QAED,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YAChB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;YACnD,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC/D,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBACpE,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;YACf,SAAS;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAgC,CAAC,CAAC;QAChE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACtB,SAAS;QACX,CAAC;QAED,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC;QAC/B,MAAM,MAAM,GAAG,QAAQ,CAAC,IAGvB,CAAC;QACF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5C,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAChE,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["export interface StyleflowContractAxes {\n  color: {\n    tones: string[];\n    intensities: Array<string | number>;\n    surfaces: string[];\n  };\n  layout: {\n    roles: string[];\n    densities: string[];\n  };\n  typography: {\n    types: string[];\n    variants: Record<string, string[]>;\n    weights: string[];\n  };\n  interaction: {\n    priorities: string[];\n    states: string[];\n  };\n}\n\nexport interface StyleflowContract {\n  axes: StyleflowContractAxes;\n}\n\nexport type DynamicStyleflowProps = Record<string, unknown>;\n\nconst INHERITED_COLOR_PROPS = new Set([\"tone\", \"intensity\"]);\n\nconst AXIS_BY_PROP = {\n  tone: [\"color\", \"tones\"],\n  intensity: [\"color\", \"intensities\"],\n  surface: [\"color\", \"surfaces\"],\n  layoutRole: [\"layout\", \"roles\"],\n  density: [\"layout\", \"densities\"],\n  ty: [\"typography\", \"types\"],\n  w: [\"typography\", \"weights\"],\n  interactivePriority: [\"interaction\", \"priorities\"],\n  interactionState: [\"interaction\", \"states\"]\n} as const;\n\nfunction sameAxisValue(candidate: unknown, allowed: unknown): boolean {\n  return String(candidate) === String(allowed);\n}\n\n/**\n * CMS values can outlive a contract revision. Invalid values fail closed to\n * component defaults before reaching Styleflow's Astro runtime.\n */\nexport function resolveDynamicStyleflowProps(\n  input: DynamicStyleflowProps,\n  defaults: DynamicStyleflowProps,\n  contract: StyleflowContract\n): DynamicStyleflowProps {\n  const resolved: DynamicStyleflowProps = { ...defaults };\n\n  for (const [key, value] of Object.entries(input)) {\n    if (value === undefined || value === null || value === \"\") {\n      continue;\n    }\n\n    if (INHERITED_COLOR_PROPS.has(key) && value === \"inherit\") {\n      delete resolved[key];\n      continue;\n    }\n\n    if (key === \"v\") {\n      const type = String(input.ty ?? defaults.ty ?? \"\");\n      const variants = contract.axes.typography.variants[type] ?? [];\n      resolved.v = variants.some((variant) => sameAxisValue(value, variant))\n        ? value\n        : defaults.v;\n      continue;\n    }\n\n    const axisPath = AXIS_BY_PROP[key as keyof typeof AXIS_BY_PROP];\n    if (!axisPath) {\n      resolved[key] = value;\n      continue;\n    }\n\n    const [group, axis] = axisPath;\n    const groups = contract.axes as unknown as Record<\n      string,\n      Record<string, unknown[]>\n    >;\n    const allowed = groups[group]?.[axis] ?? [];\n    resolved[key] = allowed.some((item) => sameAxisValue(value, item))\n      ? value\n      : defaults[key];\n  }\n\n  return resolved;\n}\n"]}

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/astro.d.ts","../src/client.ts","../src/env.ts","../src/index.ts","../src/style-classes.ts","../src/styleflow.ts","../src/template-hierarchy.ts","../src/templates.ts","../src/types.ts","../src/astro/blocks/helpers.ts"],"version":"5.9.3"}
+{"root":["../src/astro.d.ts","../src/client.ts","../src/env.ts","../src/index.ts","../src/styleflow.ts","../src/template-hierarchy.ts","../src/templates.ts","../src/types.ts"],"version":"5.9.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleflow.app/flowpress-astro-core",
-  "version": "0.2.0-beta.11",
+  "version": "0.2.0-beta.3",
   "description": "Project-agnostic WordPress routing, templates, SEO and GraphQL runtime for FlowPress Astro apps.",
   "type": "module",
   "private": false,
@@ -35,7 +35,7 @@
   ],
   "scripts": {
     "build": "tsc -b && node ./scripts/copy-astro.mjs",
-    "typecheck": "tsc -b --pretty false && node ./scripts/copy-astro.mjs && astro check",
+    "typecheck": "tsc -b --pretty false && node ./scripts/copy-astro.mjs",
     "test": "vitest run",
     "release:check": "npm run typecheck && npm test && npm pack --dry-run",
     "release:publish:next": "npm publish --access public --tag next",
@@ -43,13 +43,12 @@
     "prepublishOnly": "npm run typecheck && npm test && npm run build"
   },
   "dependencies": {
-    "@styleflow.app/astro": "0.3.0-beta.3"
+    "@styleflow.app/astro": "0.3.0-beta.1"
   },
   "peerDependencies": {
     "astro": ">=7.0.0"
   },
   "devDependencies": {
-    "@astrojs/check": "^0.9.9",
     "@types/node": "^22.19.3",
     "astro": "^7.0.4",
     "typescript": "^5.9.3",