@riverbankcms/sdk 0.4.3 → 0.5.0

package/dist/client/hooks.mjs

@@ -606,7 +606,7 @@ function parseToken(source) {
   if (source.includes("/")) {
     const [token, opacity] = source.split("/");
     const alpha = Number(opacity) / 100;
-    if (!Number.isNaN(alpha)) {
+    if (!Number.isNaN(alpha) && token) {
       return { token, alpha };
     }
     return { token: source };
@@ -646,7 +646,8 @@ function headingGroup(opts) {
     containerClass = "text-center",
     className,
     eyebrowClass = "heading-eyebrow text-sm font-semibold tracking-wide",
-    titleClass = "heading-title text-3xl font-semibold sm:text-4xl",
+    // h2 now gets size/weight from theme typography CSS
+    titleClass = "heading-title",
     eyebrowStyle = textColorStyle("neutral-500"),
     titleStyle = textColorStyle("neutral-900")
   } = opts;
@@ -1190,6 +1191,8 @@ var bodyCopyFragment = defineFragment({
       text(
         {
           as: "h2",
+          // h2 now gets size/weight from theme typography CSS
+          // Only dynamic class here is for text alignment
           className: {
             $bind: {
               from: "content.alignment",
@@ -1197,11 +1200,11 @@ var bodyCopyFragment = defineFragment({
                 {
                   id: "ui.headingClassFromAlignment",
                   options: {
-                    base: "text-3xl font-semibold sm:text-4xl"
+                    base: ""
                   }
                 }
               ],
-              fallback: "text-3xl font-semibold sm:text-4xl"
+              fallback: ""
             }
           },
           style: textColorStyle("neutral-900")
@@ -1274,7 +1277,9 @@ var heroCopyFragment = defineFragment({
     text(
       {
         as: "h1",
-        className: "hero-headline text-4xl font-semibold sm:text-5xl md:text-6xl",
+        // heading-display: uses fluid typography from theme (--fs-h1-display-fluid)
+        // Removes hardcoded text-4xl/5xl/6xl - size now controlled by theme
+        className: "hero-headline heading-display",
         style: textColorStyle("neutral-900")
       },
       bind("content.headline")
@@ -1453,7 +1458,8 @@ var testimonialsHeadingFragment = defineFragment({
       { gap: "md", className: "mx-auto max-w-2xl text-center" },
       [
         text(
-          { as: "h2", className: "text-3xl font-semibold sm:text-4xl", style: textColorStyle("neutral-900") },
+          // h2 now gets size/weight from theme typography CSS
+          { as: "h2", style: textColorStyle("neutral-900") },
           when("content.heading"),
           bind("content.heading")
         ),
@@ -1825,7 +1831,7 @@ var blogFeaturedPostFragment = defineFragment({
           text(
             {
               as: "h2",
-              className: "text-2xl font-semibold md:text-3xl",
+              // h2 now gets size/weight from theme typography CSS
               style: textColorStyle("neutral-900")
             },
             bind("title", { fallback: "Latest post" })
@@ -2222,7 +2228,8 @@ var faqHeadingFragment = defineFragment({
       text(
         {
           as: "h2",
-          className: "faq-title text-3xl font-semibold sm:text-4xl",
+          // h2 now gets size/weight from theme typography CSS
+          className: "faq-title",
           style: textColorStyle("neutral-900")
         },
         when("content.title"),
@@ -3605,7 +3612,11 @@ var simpleFooterLayout = stack(
     }
   },
   [
-    navRow({ align: "center", className: "flex flex-wrap justify-center gap-x-6 gap-y-3" }),
+    navRow({
+      align: "center",
+      className: "flex flex-wrap justify-center gap-x-6 gap-y-3",
+      linkClassName: "footer-nav-link inline-flex items-center px-4 py-2 text-sm font-medium transition-theme-standard"
+    }),
     ...bottomTextLayout()
   ],
   when("$root.theme.footer.variant", { equals: "simple" })
@@ -3633,7 +3644,11 @@ var columnsFooterLayout = stack(
       { className: "flex w-full flex-wrap items-center justify-between gap-4" },
       [
         text({ as: "span", className: "text-sm font-semibold", style: textColorStyle("text") }, bind("site.title", { fallback: "Your Site" })),
-        navRow({ className: "flex flex-wrap justify-end gap-x-6 gap-y-3", align: "end" })
+        navRow({
+          className: "flex flex-wrap justify-end gap-x-6 gap-y-3",
+          align: "end",
+          linkClassName: "footer-nav-link inline-flex items-center px-4 py-2 text-sm font-medium transition-theme-standard"
+        })
       ]
     ),
     ...bottomTextLayout()
@@ -4924,7 +4939,7 @@ function splitPath(path) {
   for (const raw of parts) {
     if (!raw) continue;
     const baseMatch = raw.match(/^([^\[]+)/);
-    if (baseMatch) {
+    if (baseMatch && baseMatch[1]) {
       segments.push(baseMatch[1]);
     }
     const bracketMatches = raw.matchAll(BRACKET_ACCESS_REGEX);