@riverbankcms/sdk 0.4.2 → 0.5.0

package/dist/server/{chunk-TKMA6D6U.js → chunk-7UPVCT3K.js}

@@ -39,7 +39,7 @@
 
 
 
-var _chunkEGTDJ4PLjs = require('./chunk-EGTDJ4PL.js');
+var _chunkYYO3RIFOjs = require('./chunk-YYO3RIFO.js');
 
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -75,7 +75,14 @@ function getDirectImageUrl(supabaseUrl, storagePath, storageBucket = "media", op
 
 // ../blocks/src/system/runtime/nodes/media.tsx
 var _jsxruntime = require('react/jsx-runtime');
+var _contextSupabaseUrl;
+function setContextSupabaseUrl(url) {
+  _contextSupabaseUrl = _optionalChain([url, 'optionalAccess', _2 => _2.replace, 'call', _3 => _3(/\/$/, "")]);
+}
 function getSupabaseUrl() {
+  if (_contextSupabaseUrl) {
+    return _contextSupabaseUrl;
+  }
   const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
   if (!url) {
     throw new Error(
@@ -102,19 +109,19 @@ var MediaNode = ({ value, className, style }) => {
       "div",
       {
         className: clsx_default("flex h-48 w-full items-center justify-center", className),
-        style: _chunkEGTDJ4PLjs.mergeStyles.call(void 0, _chunkEGTDJ4PLjs.backgroundColorStyle.call(void 0, "neutral-200"), style),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm", style: _chunkEGTDJ4PLjs.textColorStyle.call(void 0, "neutral-600"), children: "Image unavailable" })
+        style: _chunkYYO3RIFOjs.mergeStyles.call(void 0, _chunkYYO3RIFOjs.backgroundColorStyle.call(void 0, "neutral-200"), style),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm", style: _chunkYYO3RIFOjs.textColorStyle.call(void 0, "neutral-600"), children: "Image unavailable" })
       }
     );
   }
-  const hotspotStyle = _optionalChain([value, 'access', _2 => _2.transform, 'optionalAccess', _3 => _3.hotspot]) ? { objectPosition: `${value.transform.hotspot.x * 100}% ${value.transform.hotspot.y * 100}%` } : void 0;
+  const hotspotStyle = _optionalChain([value, 'access', _4 => _4.transform, 'optionalAccess', _5 => _5.hotspot]) ? { objectPosition: `${value.transform.hotspot.x * 100}% ${value.transform.hotspot.y * 100}%` } : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "img",
     {
       src: imageUrl,
       alt: _nullishCoalesce(value.alt, () => ( "")),
       className,
-      style: _chunkEGTDJ4PLjs.mergeStyles.call(void 0, style, hotspotStyle),
+      style: _chunkYYO3RIFOjs.mergeStyles.call(void 0, style, hotspotStyle),
       loading: "lazy"
     }
   );
@@ -648,8 +655,8 @@ function getLabWhitePoint() {
 var lab2rgb = (...args) => {
   args = unpack_default(args, "lab");
   const [L, a, b] = args;
-  const [x, y, z5] = lab2xyz(L, a, b);
-  const [r2, g, b_] = xyz2rgb(x, y, z5);
+  const [x, y, z7] = lab2xyz(L, a, b);
+  const [r2, g, b_] = xyz2rgb(x, y, z7);
   return [r2, g, b_, args.length > 3 ? args[3] : 1];
 };
 var lab2xyz = (L, a, b) => {
@@ -664,15 +671,15 @@ var lab2xyz = (L, a, b) => {
   const zr = fz3 > kE ? fz3 : (116 * fz - 16) / kK;
   const x = xr * Xn;
   const y = yr * Yn;
-  const z5 = zr * Zn;
-  return [x, y, z5];
+  const z7 = zr * Zn;
+  return [x, y, z7];
 };
 var compand = (linear) => {
   const sign = Math.sign(linear);
   linear = Math.abs(linear);
   return (linear <= 31308e-7 ? linear * 12.92 : 1.055 * Math.pow(linear, 1 / 2.4) - 0.055) * sign;
 };
-var xyz2rgb = (x, y, z5) => {
+var xyz2rgb = (x, y, z7) => {
   const { MtxAdaptMa, MtxAdaptMaI, MtxXYZ2RGB, RefWhiteRGB, Xn, Yn, Zn } = lab_constants_default;
   const As = Xn * MtxAdaptMa.m00 + Yn * MtxAdaptMa.m10 + Zn * MtxAdaptMa.m20;
   const Bs = Xn * MtxAdaptMa.m01 + Yn * MtxAdaptMa.m11 + Zn * MtxAdaptMa.m21;
@@ -680,9 +687,9 @@ var xyz2rgb = (x, y, z5) => {
   const Ad = RefWhiteRGB.X * MtxAdaptMa.m00 + RefWhiteRGB.Y * MtxAdaptMa.m10 + RefWhiteRGB.Z * MtxAdaptMa.m20;
   const Bd = RefWhiteRGB.X * MtxAdaptMa.m01 + RefWhiteRGB.Y * MtxAdaptMa.m11 + RefWhiteRGB.Z * MtxAdaptMa.m21;
   const Cd = RefWhiteRGB.X * MtxAdaptMa.m02 + RefWhiteRGB.Y * MtxAdaptMa.m12 + RefWhiteRGB.Z * MtxAdaptMa.m22;
-  const X1 = (x * MtxAdaptMa.m00 + y * MtxAdaptMa.m10 + z5 * MtxAdaptMa.m20) * (Ad / As);
-  const Y1 = (x * MtxAdaptMa.m01 + y * MtxAdaptMa.m11 + z5 * MtxAdaptMa.m21) * (Bd / Bs);
-  const Z1 = (x * MtxAdaptMa.m02 + y * MtxAdaptMa.m12 + z5 * MtxAdaptMa.m22) * (Cd / Cs);
+  const X1 = (x * MtxAdaptMa.m00 + y * MtxAdaptMa.m10 + z7 * MtxAdaptMa.m20) * (Ad / As);
+  const Y1 = (x * MtxAdaptMa.m01 + y * MtxAdaptMa.m11 + z7 * MtxAdaptMa.m21) * (Bd / Bs);
+  const Z1 = (x * MtxAdaptMa.m02 + y * MtxAdaptMa.m12 + z7 * MtxAdaptMa.m22) * (Cd / Cs);
   const X2 = X1 * MtxAdaptMaI.m00 + Y1 * MtxAdaptMaI.m10 + Z1 * MtxAdaptMaI.m20;
   const Y2 = X1 * MtxAdaptMaI.m01 + Y1 * MtxAdaptMaI.m11 + Z1 * MtxAdaptMaI.m21;
   const Z2 = X1 * MtxAdaptMaI.m02 + Y1 * MtxAdaptMaI.m12 + Z1 * MtxAdaptMaI.m22;
@@ -702,15 +709,15 @@ var lab2rgb_default = lab2rgb;
 // ../../node_modules/.pnpm/chroma-js@3.1.2/node_modules/chroma-js/src/io/lab/rgb2lab.js
 var rgb2lab = (...args) => {
   const [r2, g, b, ...rest] = unpack_default(args, "rgb");
-  const [x, y, z5] = rgb2xyz(r2, g, b);
-  const [L, a, b_] = xyz2lab(x, y, z5);
+  const [x, y, z7] = rgb2xyz(r2, g, b);
+  const [L, a, b_] = xyz2lab(x, y, z7);
   return [L, a, b_, ...rest.length > 0 && rest[0] < 1 ? [rest[0]] : []];
 };
-function xyz2lab(x, y, z5) {
+function xyz2lab(x, y, z7) {
   const { Xn, Yn, Zn, kE, kK } = lab_constants_default;
   const xr = x / Xn;
   const yr = y / Yn;
-  const zr = z5 / Zn;
+  const zr = z7 / Zn;
   const fx = xr > kE ? Math.pow(xr, 1 / 3) : (kK * xr + 16) / 116;
   const fy = yr > kE ? Math.pow(yr, 1 / 3) : (kK * yr + 16) / 116;
   const fz = zr > kE ? Math.pow(zr, 1 / 3) : (kK * zr + 16) / 116;
@@ -729,20 +736,20 @@ var rgb2xyz = (r2, g, b) => {
   const { MtxRGB2XYZ, MtxAdaptMa, MtxAdaptMaI, Xn, Yn, Zn, As, Bs, Cs } = lab_constants_default;
   let x = r2 * MtxRGB2XYZ.m00 + g * MtxRGB2XYZ.m10 + b * MtxRGB2XYZ.m20;
   let y = r2 * MtxRGB2XYZ.m01 + g * MtxRGB2XYZ.m11 + b * MtxRGB2XYZ.m21;
-  let z5 = r2 * MtxRGB2XYZ.m02 + g * MtxRGB2XYZ.m12 + b * MtxRGB2XYZ.m22;
+  let z7 = r2 * MtxRGB2XYZ.m02 + g * MtxRGB2XYZ.m12 + b * MtxRGB2XYZ.m22;
   const Ad = Xn * MtxAdaptMa.m00 + Yn * MtxAdaptMa.m10 + Zn * MtxAdaptMa.m20;
   const Bd = Xn * MtxAdaptMa.m01 + Yn * MtxAdaptMa.m11 + Zn * MtxAdaptMa.m21;
   const Cd = Xn * MtxAdaptMa.m02 + Yn * MtxAdaptMa.m12 + Zn * MtxAdaptMa.m22;
-  let X = x * MtxAdaptMa.m00 + y * MtxAdaptMa.m10 + z5 * MtxAdaptMa.m20;
-  let Y = x * MtxAdaptMa.m01 + y * MtxAdaptMa.m11 + z5 * MtxAdaptMa.m21;
-  let Z = x * MtxAdaptMa.m02 + y * MtxAdaptMa.m12 + z5 * MtxAdaptMa.m22;
+  let X = x * MtxAdaptMa.m00 + y * MtxAdaptMa.m10 + z7 * MtxAdaptMa.m20;
+  let Y = x * MtxAdaptMa.m01 + y * MtxAdaptMa.m11 + z7 * MtxAdaptMa.m21;
+  let Z = x * MtxAdaptMa.m02 + y * MtxAdaptMa.m12 + z7 * MtxAdaptMa.m22;
   X *= Ad / As;
   Y *= Bd / Bs;
   Z *= Cd / Cs;
   x = X * MtxAdaptMaI.m00 + Y * MtxAdaptMaI.m10 + Z * MtxAdaptMaI.m20;
   y = X * MtxAdaptMaI.m01 + Y * MtxAdaptMaI.m11 + Z * MtxAdaptMaI.m21;
-  z5 = X * MtxAdaptMaI.m02 + Y * MtxAdaptMaI.m12 + Z * MtxAdaptMaI.m22;
-  return [x, y, z5];
+  z7 = X * MtxAdaptMaI.m02 + Y * MtxAdaptMaI.m12 + Z * MtxAdaptMaI.m22;
+  return [x, y, z7];
 };
 var rgb2lab_default = rgb2lab;
 
@@ -3071,7 +3078,7 @@ function generateShades(hexColor, name) {
       900: 0.1,
       950: 0.05
     };
-    const lightness = lightnessMap[shadeNumber];
+    const lightness = _nullishCoalesce(lightnessMap[shadeNumber], () => ( 0.5));
     const shadeColor = base.luminance(lightness).hex();
     return {
       name: shadeName,
@@ -3098,7 +3105,7 @@ function generateNeutralScale({
   for (let i = 0; i < count; i++) {
     const t = i / (count - 1);
     const tone = isDark ? mix(0.06, 0.92, t) : mix(0.98, 0.1, t);
-    const hex2 = _chunkEGTDJ4PLjs.oklchToHexGamut.call(void 0, tone, 0.02, warm ? 85 : 250);
+    const hex2 = _chunkYYO3RIFOjs.oklchToHexGamut.call(void 0, tone, 0.02, warm ? 85 : 250);
     const name = `neutral-${shadeNames[i]}`;
     scale.push({ name, hex: hex2 });
   }
@@ -3118,7 +3125,7 @@ function colorsToMap(palette) {
 }
 function isBackgroundDark(hex2) {
   try {
-    return _chunkEGTDJ4PLjs.featuresFromHex.call(void 0, hex2).Y < 0.5;
+    return _chunkYYO3RIFOjs.featuresFromHex.call(void 0, hex2).Y < 0.5;
   } catch (e2) {
     return false;
   }
@@ -3141,8 +3148,8 @@ function expandPalette(palette) {
   }
   if (base.text) expanded.body = base.text;
   const isDark = base.background ? isBackgroundDark(base.background) : false;
-  const isDarkMode = _optionalChain([palette, 'access', _4 => _4.meta, 'optionalAccess', _5 => _5.mode]) === "dark" || isDark;
-  expanded.mutedText = isDarkMode ? expanded["neutral-600"] : expanded["neutral-500"];
+  const isDarkMode = _optionalChain([palette, 'access', _6 => _6.meta, 'optionalAccess', _7 => _7.mode]) === "dark" || isDark;
+  expanded.mutedText = isDarkMode ? _nullishCoalesce(expanded["neutral-600"], () => ( "#666")) : _nullishCoalesce(expanded["neutral-500"], () => ( "#888"));
   return expanded;
 }
 
@@ -3151,7 +3158,7 @@ function generateCssVars(palette) {
   const cssVars = {};
   Object.entries(palette).forEach(([key, value]) => {
     if (value !== null && value !== void 0) {
-      const { r: r2, g, b } = _chunkEGTDJ4PLjs.hexToRgb.call(void 0, value);
+      const { r: r2, g, b } = _chunkYYO3RIFOjs.hexToRgb.call(void 0, value);
       cssVars[`--tb-${key}`] = `${r2} ${g} ${b}`;
     }
   });
@@ -3210,6 +3217,83 @@ function generateShadowCssVars(theme) {
   };
 }
 
+// ../blocks/src/theme/tokens/resolver.ts
+var TokenResolver = class {
+  constructor(theme) {
+    this.theme = theme;
+  }
+  /**
+   * Resolve a color token to a CSS variable reference wrapped in rgb()
+   *
+   * @param token - Token name (e.g., 'primary-500', 'white', 'text-900')
+   * @returns CSS rgb() function with var reference (e.g., 'rgb(var(--tb-primary-500))')
+   *
+   * Note: CSS variables are stored as RGB channels (e.g., "37 99 235") following Tailwind convention,
+   * so we must wrap them with rgb() to create a valid color value.
+   *
+   * @example
+   * resolver.getColor('primary-500') // => 'rgb(var(--tb-primary-500))'
+   * resolver.getColor('white') // => 'rgb(var(--tb-white))'
+   */
+  getColor(token) {
+    if (!this.tokenExists(token)) {
+      console.warn(
+        `[TokenResolver] Color token "${token}" not found in theme palette. Button may render incorrectly.`
+      );
+    }
+    return `rgb(var(--tb-${token}))`;
+  }
+  /**
+   * Adjust a color token's shade by a given amount
+   *
+   * @param token - Base token (e.g., 'primary-500')
+   * @param amount - Shade adjustment (+100 = darker, -100 = lighter)
+   * @returns Adjusted token name (e.g., 'primary-600')
+   *
+   * @example
+   * resolver.adjustShade('primary-500', 100) // => 'primary-600' (darker)
+   * resolver.adjustShade('primary-500', -100) // => 'primary-400' (lighter)
+   */
+  adjustShade(token, amount) {
+    const parts = token.split("-");
+    if (parts.length < 2) {
+      const newShade2 = Math.max(100, Math.min(900, 500 + amount));
+      return `${token}-${newShade2}`;
+    }
+    const base = parts.slice(0, -1).join("-");
+    const shade = parseInt(_nullishCoalesce(parts[parts.length - 1], () => ( "")), 10);
+    if (isNaN(shade)) {
+      console.warn(
+        `[TokenResolver] Cannot adjust shade for non-shade token "${token}". Returning original token.`
+      );
+      return token;
+    }
+    const newShade = Math.max(100, Math.min(900, shade + amount));
+    return `${base}-${newShade}`;
+  }
+  /**
+   * Check if a token exists in the theme palette
+   *
+   * @param token - Token name to check
+   * @returns True if token exists in theme
+   */
+  tokenExists(token) {
+    const commonTokens = ["white", "black", "transparent"];
+    if (commonTokens.includes(token)) {
+      return true;
+    }
+    const parts = token.split("-");
+    if (parts.length >= 2) {
+      const lastPart = _nullishCoalesce(parts[parts.length - 1], () => ( ""));
+      const shade = parseInt(lastPart, 10);
+      if (!isNaN(shade) && shade >= 100 && shade <= 900 && shade % 100 === 0) {
+        return true;
+      }
+    }
+    return true;
+  }
+};
+
 // ../blocks/src/theme/buttons/effects/presets/background.ts
 var darkenBackgroundEffect = {
   id: "darken-background",
@@ -3217,6 +3301,7 @@ var darkenBackgroundEffect = {
   description: "Darkens the background color on hover",
   category: "background",
   pseudoElement: "none",
+  applicableTo: ["button"],
   customizableOption: {
     name: "amount",
     type: "number",
@@ -3248,6 +3333,7 @@ var lightenBackgroundEffect = {
   description: "Lightens the background color on hover",
   category: "background",
   pseudoElement: "none",
+  applicableTo: ["button"],
   customizableOption: {
     name: "amount",
     type: "number",
@@ -3279,6 +3365,7 @@ var fadeBackgroundEffect = {
   description: "Reduces background opacity on hover",
   category: "background",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "opacity",
     type: "percentage",
@@ -3301,6 +3388,7 @@ var opacityReduceEffect = {
   description: "Reduces button opacity on hover by a percentage",
   category: "background",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "reduction",
     type: "percentage",
@@ -3324,6 +3412,7 @@ var animatedGradientEffect = {
   description: "Animates gradient position on hover",
   category: "background",
   pseudoElement: "none",
+  applicableTo: ["button"],
   customizableOption: {
     name: "direction",
     type: "select",
@@ -3363,6 +3452,7 @@ var backgroundOnHoverEffect = {
   description: "Adds background color on hover",
   category: "background",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "colorToken",
     type: "select",
@@ -3388,6 +3478,7 @@ var backgroundOnHoverAlphaEffect = {
   description: "Adds semi-transparent background on hover",
   category: "background",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "opacity",
     type: "percentage",
@@ -3409,6 +3500,33 @@ var backgroundOnHoverAlphaEffect = {
   }
 };
 
+// ../blocks/src/theme/buttons/effects/cssUtils.ts
+var STATE_SELECTORS = {
+  hover: ':hover, [data-force-hover="true"]',
+  active: ":active",
+  focus: ":focus-visible",
+  base: ""
+};
+function getStateSelector(themeId, variantId, state) {
+  const stateSelector = STATE_SELECTORS[state];
+  if (state === "base") {
+    return `:where([data-theme-scope="${themeId}"]) .${variantId}`;
+  }
+  if (state === "hover") {
+    return `:where([data-theme-scope="${themeId}"]) .${variantId}:hover,
+      :where([data-theme-scope="${themeId}"]) .${variantId}[data-force-hover="true"]`;
+  }
+  return `:where([data-theme-scope="${themeId}"]) .${variantId}${stateSelector}`;
+}
+function generateStateCSS(themeId, variantId, state, cssProperties) {
+  const selector = getStateSelector(themeId, variantId, state);
+  return `
+    ${selector} {
+      ${cssProperties}
+    }
+  `;
+}
+
 // ../blocks/src/theme/buttons/effects/presets/shadow.ts
 var borderGlowEffect = {
   id: "border-glow",
@@ -3416,6 +3534,7 @@ var borderGlowEffect = {
   description: "Adds a glowing shadow on hover",
   category: "shadow",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "glowColorToken",
     type: "colorToken",
@@ -3426,11 +3545,7 @@ var borderGlowEffect = {
     const { themeId, variantId, options, tokens } = ctx;
     const glowToken = options.glowColorToken || "primary-400";
     const glowColor = tokens.getColor(glowToken);
-    return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        box-shadow: 0 0 15px ${glowColor};
-      }
-    `;
+    return generateStateCSS(themeId, variantId, "hover", `box-shadow: 0 0 15px ${glowColor};`);
   }
 };
 var dropShadowEffect = {
@@ -3439,6 +3554,7 @@ var dropShadowEffect = {
   description: "Adds an elevated shadow on hover",
   category: "shadow",
   pseudoElement: "none",
+  applicableTo: ["button"],
   customizableOption: {
     name: "intensity",
     type: "select",
@@ -3454,11 +3570,7 @@ var dropShadowEffect = {
       medium: "0 10px 15px rgba(0, 0, 0, 0.15)",
       strong: "0 20px 25px rgba(0, 0, 0, 0.2)"
     };
-    return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        box-shadow: ${shadows[intensity]};
-      }
-    `;
+    return generateStateCSS(themeId, variantId, "hover", `box-shadow: ${shadows[intensity]};`);
   }
 };
 var innerShadowEffect = {
@@ -3467,6 +3579,7 @@ var innerShadowEffect = {
   description: "Adds an inset shadow for a pressed appearance",
   category: "shadow",
   pseudoElement: "none",
+  applicableTo: ["button"],
   generateCSS: (ctx) => {
     const { themeId, variantId } = ctx;
     return `
@@ -3482,6 +3595,7 @@ var neumorphicShadowEffect = {
   description: "Dual shadows for soft UI design (raised or pressed)",
   category: "shadow",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "mode",
     type: "select",
@@ -3524,6 +3638,7 @@ var outerGlowEffect = {
   description: "Creates an outer glow around the button",
   category: "shadow",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "spread",
     type: "number",
@@ -3536,7 +3651,7 @@ var outerGlowEffect = {
     let glowColor;
     if (options.glowColorToken && typeof options.glowColorToken === "string") {
       glowColor = tokens.getColor(options.glowColorToken);
-    } else if (_optionalChain([buttonConfig, 'access', _6 => _6.border, 'optionalAccess', _7 => _7.colorToken])) {
+    } else if (_optionalChain([buttonConfig, 'access', _8 => _8.border, 'optionalAccess', _9 => _9.colorToken])) {
       glowColor = tokens.getColor(buttonConfig.border.colorToken);
     } else if (buttonConfig.background.type === "solid") {
       glowColor = tokens.getColor(buttonConfig.background.colorToken);
@@ -3558,6 +3673,7 @@ var retro3DShadowEffect = {
   description: "3D pressed shadow with vertical movement (retro style)",
   category: "shadow",
   pseudoElement: "none",
+  applicableTo: ["button"],
   generateCSS: (ctx) => {
     const { themeId, variantId } = ctx;
     return `
@@ -3590,6 +3706,7 @@ var scaleUpEffect = {
   description: "Slightly enlarges the button on hover",
   category: "transform",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "scale",
     type: "select",
@@ -3600,11 +3717,7 @@ var scaleUpEffect = {
   generateCSS: (ctx) => {
     const { themeId, variantId, options } = ctx;
     const scale = options.scale || "1.05";
-    return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        transform: scale(${scale});
-      }
-    `;
+    return generateStateCSS(themeId, variantId, "hover", `transform: scale(${scale});`);
   }
 };
 var scaleDownEffect = {
@@ -3613,6 +3726,7 @@ var scaleDownEffect = {
   description: "Slightly shrinks the button when clicked",
   category: "transform",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "scale",
     type: "select",
@@ -3636,6 +3750,7 @@ var liftEffect = {
   description: "Lifts the button upward on hover",
   category: "transform",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "amount",
     type: "select",
@@ -3646,11 +3761,7 @@ var liftEffect = {
   generateCSS: (ctx) => {
     const { themeId, variantId, options } = ctx;
     const amount = options.amount || "0.5";
-    return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        transform: translateY(-${amount}rem);
-      }
-    `;
+    return generateStateCSS(themeId, variantId, "hover", `transform: translateY(-${amount}rem);`);
   }
 };
 var pressDownEffect = {
@@ -3659,6 +3770,7 @@ var pressDownEffect = {
   description: "Translates button to shadow position and removes shadow on hover",
   category: "transform",
   pseudoElement: "none",
+  applicableTo: ["button"],
   generateCSS: (ctx) => {
     const { themeId, variantId, theme } = ctx;
     const shadowConfig = theme.shadow;
@@ -3671,12 +3783,12 @@ var pressDownEffect = {
     const offset = elevationOffsets[shadowConfig.elevation];
     const xOffset = (shadowConfig.position || "bottom") === "bottom-right" ? offset : 0;
     const yOffset = offset;
-    return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        transform: translate(${xOffset}px, ${yOffset}px);
-        box-shadow: none;
-      }
-    `;
+    return generateStateCSS(
+      themeId,
+      variantId,
+      "hover",
+      `transform: translate(${xOffset}px, ${yOffset}px); box-shadow: none;`
+    );
   }
 };
 var popEffect = {
@@ -3685,6 +3797,7 @@ var popEffect = {
   description: "Scales up and tilts the button on hover for a playful pop effect",
   category: "transform",
   pseudoElement: "none",
+  applicableTo: ["button"],
   customizableOption: {
     name: "intensity",
     type: "select",
@@ -3701,11 +3814,12 @@ var popEffect = {
       dramatic: { scale: 1.08, rotate: 3 }
     };
     const config = intensityConfig[intensity] || intensityConfig.medium;
-    return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        transform: scale(${config.scale}) rotate(${config.rotate}deg);
-      }
-    `;
+    return generateStateCSS(
+      themeId,
+      variantId,
+      "hover",
+      `transform: scale(${config.scale}) rotate(${config.rotate}deg);`
+    );
   }
 };
 
@@ -3716,6 +3830,7 @@ var auroraGlowEffect = {
   description: "Blurred gradient glow that appears on hover",
   category: "overlay",
   pseudoElement: "before",
+  applicableTo: ["button"],
   customizableOption: {
     name: "intensity",
     type: "percentage",
@@ -3728,8 +3843,8 @@ var auroraGlowEffect = {
     let toColor;
     if (buttonConfig.background.type === "gradient") {
       const stops = buttonConfig.background.stops;
-      fromColor = tokens.getColor(stops[0]);
-      toColor = tokens.getColor(stops[stops.length - 1]);
+      fromColor = tokens.getColor(_nullishCoalesce(stops[0], () => ( "primary-500")));
+      toColor = tokens.getColor(_nullishCoalesce(stops[stops.length - 1], () => ( "primary-300")));
     } else if (buttonConfig.background.type === "solid") {
       fromColor = tokens.getColor(buttonConfig.background.colorToken);
       const lighterToken = tokens.adjustShade(buttonConfig.background.colorToken, -200);
@@ -3772,6 +3887,7 @@ var cosmicStardustEffect = {
   description: "Rotating rainbow gradient glow (always visible, intensifies on hover)",
   category: "overlay",
   pseudoElement: "before",
+  applicableTo: ["button"],
   customizableOption: {
     name: "speed",
     type: "select",
@@ -3834,6 +3950,7 @@ var gradientBorderFillEffect = {
   description: "Gradient border that fills on hover using ::before pseudo-element",
   category: "overlay",
   pseudoElement: "before",
+  applicableTo: ["button"],
   customizableOption: {
     name: "borderWidth",
     type: "number",
@@ -3890,6 +4007,7 @@ var animatedGradientBorderFillEffect = {
   description: "Rotating gradient border that fills on hover",
   category: "overlay",
   pseudoElement: "before",
+  applicableTo: ["button"],
   customizableOption: {
     name: "speed",
     type: "select",
@@ -3965,6 +4083,7 @@ var borderBottomGrowEffect = {
   description: "Animated underline that grows on hover",
   category: "overlay",
   pseudoElement: "after",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "height",
     type: "number",
@@ -4012,6 +4131,7 @@ var gradientTextEffect = {
   description: "Gradient text using background-clip",
   category: "text",
   pseudoElement: "none",
+  applicableTo: ["button"],
   customizableOption: {
     name: "solidOnHover",
     type: "select",
@@ -4063,6 +4183,7 @@ var textColorChangeEffect = {
   description: "Changes text color on hover",
   category: "text",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "hoverColorToken",
     type: "select",
@@ -4090,6 +4211,7 @@ var borderColorChangeEffect = {
   description: "Changes border color on hover",
   category: "border",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "hoverColorToken",
     type: "select",
@@ -4115,6 +4237,7 @@ var sketchyBorderEffect = {
   description: "Hand-drawn style with imperfect edges",
   category: "border",
   pseudoElement: "none",
+  applicableTo: ["button"],
   customizableOption: {
     name: "intensity",
     type: "select",
@@ -4162,6 +4285,7 @@ var pulseAnimationEffect = {
   description: "Continuous pulse animation (opacity fade)",
   category: "animation",
   pseudoElement: "none",
+  applicableTo: ["button", "nav-link"],
   customizableOption: {
     name: "speed",
     type: "select",
@@ -4190,6 +4314,138 @@ var pulseAnimationEffect = {
   }
 };
 
+// ../blocks/src/theme/interactive/effects/nav-underline.ts
+var navUnderlineEffect = {
+  id: "nav-underline",
+  name: "Nav Underline",
+  description: "Underline that appears or grows on hover",
+  category: "overlay",
+  pseudoElement: "after",
+  applicableTo: ["nav-link"],
+  customizableOption: {
+    name: "style",
+    type: "select",
+    label: "Underline Style",
+    default: "static",
+    options: ["static", "grow"]
+  },
+  generateCSS: (ctx) => {
+    const { themeId, variantId, options, tokens } = ctx;
+    const style = options.style || "static";
+    const colorToken = options.colorToken || "primary";
+    const color = tokens.getColor(colorToken);
+    const height = options.height || 2;
+    if (style === "grow") {
+      return `
+        /* Setup nav link for pseudo-element */
+        :where([data-theme-scope="${themeId}"]) .${variantId} {
+          position: relative;
+        }
+
+        /* Underline using ::after - starts at 0 width */
+        :where([data-theme-scope="${themeId}"]) .${variantId}::after {
+          content: '';
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          width: 0;
+          height: ${height}px;
+          background: ${color};
+          transform: translateX(-50%);
+          transition: width 200ms ease-in-out;
+        }
+
+        /* Grow underline on hover */
+        :where([data-theme-scope="${themeId}"]) .${variantId}:hover::after {
+          width: 100%;
+        }
+      `;
+    }
+    return `
+      /* Setup nav link for pseudo-element */
+      :where([data-theme-scope="${themeId}"]) .${variantId} {
+        position: relative;
+      }
+
+      /* Hidden underline using ::after */
+      :where([data-theme-scope="${themeId}"]) .${variantId}::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: ${height}px;
+        background: ${color};
+        opacity: 0;
+        transition: opacity 150ms ease-in-out;
+      }
+
+      /* Show underline on hover */
+      :where([data-theme-scope="${themeId}"]) .${variantId}:hover::after {
+        opacity: 1;
+      }
+    `;
+  }
+};
+
+// ../blocks/src/theme/interactive/effects/nav-frosted.ts
+var navFrostedBaseEffect = {
+  id: "nav-frosted-base",
+  name: "Nav Frosted Base",
+  description: "Base frosted glass styling for nav links",
+  category: "background",
+  pseudoElement: "none",
+  applicableTo: ["nav-link"],
+  generateCSS: (ctx) => {
+    const { themeId, variantId } = ctx;
+    return `
+      /* Frosted glass base state */
+      :where([data-theme-scope="${themeId}"]) .${variantId} {
+        background: rgba(255, 255, 255, 0.05);
+        backdrop-filter: blur(4px);
+        -webkit-backdrop-filter: blur(4px);
+        transition: background 150ms ease, backdrop-filter 150ms ease;
+      }
+    `;
+  }
+};
+var navFrostedHoverEffect = {
+  id: "nav-frosted-hover",
+  name: "Nav Frosted Hover",
+  description: "Enhanced frosted glass on hover",
+  category: "background",
+  pseudoElement: "none",
+  applicableTo: ["nav-link"],
+  generateCSS: (ctx) => {
+    const { themeId, variantId } = ctx;
+    return `
+      /* Frosted glass hover state */
+      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
+        background: rgba(255, 255, 255, 0.1);
+        backdrop-filter: blur(8px);
+        -webkit-backdrop-filter: blur(8px);
+      }
+    `;
+  }
+};
+var navFrostedActiveEffect = {
+  id: "nav-frosted-active",
+  name: "Nav Frosted Active",
+  description: "Frosted glass active/pressed state",
+  category: "background",
+  pseudoElement: "none",
+  applicableTo: ["nav-link"],
+  generateCSS: (ctx) => {
+    const { themeId, variantId } = ctx;
+    return `
+      /* Frosted glass active state */
+      :where([data-theme-scope="${themeId}"]) .${variantId}:active {
+        background: rgba(255, 255, 255, 0.15);
+      }
+    `;
+  }
+};
+
 // ../blocks/src/theme/buttons/effects/registry.ts
 var EFFECT_PRESETS = [
   // Background effects
@@ -4226,88 +4482,65 @@ var EFFECT_PRESETS = [
   borderColorChangeEffect,
   sketchyBorderEffect,
   // Animation effects
-  pulseAnimationEffect
+  pulseAnimationEffect,
+  // Nav-link specific effects
+  navUnderlineEffect,
+  navFrostedBaseEffect,
+  navFrostedHoverEffect,
+  navFrostedActiveEffect
 ];
 function getEffectPreset(id) {
   return EFFECT_PRESETS.find((preset) => preset.id === id);
 }
 
-// ../blocks/src/theme/tokens/resolver.ts
-var TokenResolver = class {
-  constructor(theme) {
-    this.theme = theme;
-  }
-  /**
-   * Resolve a color token to a CSS variable reference wrapped in rgb()
-   *
-   * @param token - Token name (e.g., 'primary-500', 'white', 'text-900')
-   * @returns CSS rgb() function with var reference (e.g., 'rgb(var(--tb-primary-500))')
-   *
-   * Note: CSS variables are stored as RGB channels (e.g., "37 99 235") following Tailwind convention,
-   * so we must wrap them with rgb() to create a valid color value.
-   *
-   * @example
-   * resolver.getColor('primary-500') // => 'rgb(var(--tb-primary-500))'
-   * resolver.getColor('white') // => 'rgb(var(--tb-white))'
-   */
-  getColor(token) {
-    if (!this.tokenExists(token)) {
-      console.warn(
-        `[TokenResolver] Color token "${token}" not found in theme palette. Button may render incorrectly.`
-      );
-    }
-    return `rgb(var(--tb-${token}))`;
-  }
-  /**
-   * Adjust a color token's shade by a given amount
-   *
-   * @param token - Base token (e.g., 'primary-500')
-   * @param amount - Shade adjustment (+100 = darker, -100 = lighter)
-   * @returns Adjusted token name (e.g., 'primary-600')
-   *
-   * @example
-   * resolver.adjustShade('primary-500', 100) // => 'primary-600' (darker)
-   * resolver.adjustShade('primary-500', -100) // => 'primary-400' (lighter)
-   */
-  adjustShade(token, amount) {
-    const parts = token.split("-");
-    if (parts.length < 2) {
-      const newShade2 = Math.max(100, Math.min(900, 500 + amount));
-      return `${token}-${newShade2}`;
-    }
-    const base = parts.slice(0, -1).join("-");
-    const shade = parseInt(parts[parts.length - 1], 10);
-    if (isNaN(shade)) {
-      console.warn(
-        `[TokenResolver] Cannot adjust shade for non-shade token "${token}". Returning original token.`
+// ../blocks/src/theme/interactive/generateEffectsCSS.ts
+function generateEffectsCSS(options) {
+  const { themeId, variantId, effects, elementConfig, tokens, theme } = options;
+  if (!effects) return "";
+  const cssChunks = [];
+  const stateGroups = [
+    ["base", effects.base],
+    ["hover", effects.hover],
+    ["active", effects.active],
+    ["focus", effects.focus]
+  ];
+  for (const [stateGroup, effectApps] of stateGroups) {
+    if (!effectApps || effectApps.length === 0) continue;
+    for (const effectApp of effectApps) {
+      const css2 = generateSingleEffectCSS(
+        themeId,
+        variantId,
+        stateGroup,
+        effectApp,
+        elementConfig,
+        tokens,
+        theme
       );
-      return token;
-    }
-    const newShade = Math.max(100, Math.min(900, shade + amount));
-    return `${base}-${newShade}`;
-  }
-  /**
-   * Check if a token exists in the theme palette
-   *
-   * @param token - Token name to check
-   * @returns True if token exists in theme
-   */
-  tokenExists(token) {
-    const commonTokens = ["white", "black", "transparent"];
-    if (commonTokens.includes(token)) {
-      return true;
-    }
-    const parts = token.split("-");
-    if (parts.length >= 2) {
-      const lastPart = parts[parts.length - 1];
-      const shade = parseInt(lastPart, 10);
-      if (!isNaN(shade) && shade >= 100 && shade <= 900 && shade % 100 === 0) {
-        return true;
+      if (css2) {
+        cssChunks.push(css2);
       }
     }
-    return true;
   }
-};
+  return cssChunks.join("\n\n");
+}
+function generateSingleEffectCSS(themeId, variantId, stateGroup, effectApp, elementConfig, tokens, theme) {
+  const effectPreset = getEffectPreset(effectApp.effectId);
+  if (!effectPreset) {
+    console.warn(`[generateEffectsCSS] Unknown effect: ${effectApp.effectId}`);
+    return "";
+  }
+  const ctx = {
+    themeId,
+    variantId,
+    stateGroup,
+    options: effectApp.options || {},
+    buttonConfig: elementConfig,
+    // Effects access .background, .textColorToken, .border
+    tokens,
+    theme
+  };
+  return effectPreset.generateCSS(ctx);
+}
 
 // ../blocks/src/theme/buttons/constants.ts
 var GRADIENT_DIRECTION_MAP = {
@@ -4366,6 +4599,11 @@ var FONT_SIZE_MAP = {
   "text-xl": "1.25rem",
   "text-2xl": "1.5rem"
 };
+var BUTTON_PADDING_PRESETS = {
+  compact: "0.375rem 0.75rem",
+  default: "0.5rem 1rem",
+  spacious: "0.75rem 1.5rem"
+};
 
 // ../blocks/src/theme/buttons/utils/contrast.ts
 function getContrastingTextColorToken(backgroundToken, theme) {
@@ -4375,7 +4613,7 @@ function getContrastingTextColorToken(backgroundToken, theme) {
   }
   if (backgroundToken.startsWith("neutral-")) {
     const match = backgroundToken.match(/neutral-(\d+)/);
-    if (match) {
+    if (_optionalChain([match, 'optionalAccess', _10 => _10[1]])) {
       const shade = parseInt(match[1], 10);
       return shade >= 500 ? "neutral-50" : "neutral-950";
     }
@@ -4384,16 +4622,6 @@ function getContrastingTextColorToken(backgroundToken, theme) {
 }
 
 // ../blocks/src/theme/buttons/generateDefaultButtonSystem.ts
-var CORNERS_TO_RADIUS_MAP = {
-  square: "rounded-none",
-  // 0px - sharp corners
-  soft: "rounded-md",
-  // 6px - subtle rounding
-  rounded: "rounded-md",
-  // 6px - standard rounded (same as soft for buttons)
-  pill: "rounded-full"
-  // 9999px - full pill shape
-};
 var BORDER_WIDTH_TO_CLASS_MAP = {
   none: "border-0",
   // 0px
@@ -4405,7 +4633,6 @@ var BORDER_WIDTH_TO_CLASS_MAP = {
   // 4px - clearly thick
 };
 function generateDefaultButtonSystem(theme) {
-  const borderRadius = CORNERS_TO_RADIUS_MAP[theme.corners] || "rounded-lg";
   const borderWidthClass = BORDER_WIDTH_TO_CLASS_MAP[theme.border.width] || "border-2";
   const variants = [];
   const primaryVariant = {
@@ -4415,10 +4642,11 @@ function generateDefaultButtonSystem(theme) {
     priority: 1,
     background: {
       type: "solid",
-      colorToken: "primary-500"
+      colorToken: "primary"
     },
-    textColorToken: getContrastingTextColorToken("primary-500", theme),
-    borderRadius,
+    textColorToken: getContrastingTextColorToken("primary", theme),
+    borderRadius: "",
+    // Empty string = inherit from global.cornerStyle
     // Inherits shadow from theme
     effects: {
       hover: [
@@ -4440,7 +4668,8 @@ function generateDefaultButtonSystem(theme) {
       colorToken: "neutral-700"
     },
     textColorToken: getContrastingTextColorToken("neutral-700", theme),
-    borderRadius,
+    borderRadius: "",
+    // Empty string = inherit from global.cornerStyle
     // Inherits shadow from theme
     effects: {
       hover: [
@@ -4460,12 +4689,13 @@ function generateDefaultButtonSystem(theme) {
     background: {
       type: "transparent"
     },
-    textColorToken: "primary-600",
-    borderRadius,
+    textColorToken: "primary",
+    borderRadius: "",
+    // Empty string = inherit from global.cornerStyle
     shadow: { elevation: "none", softness: null, position: "bottom" },
     // Outline buttons typically don't have shadows
     border: {
-      colorToken: "primary-500",
+      colorToken: "primary",
       widthClass: borderWidthClass
     },
     effects: {
@@ -4486,8 +4716,9 @@ function generateDefaultButtonSystem(theme) {
     background: {
       type: "transparent"
     },
-    textColorToken: "primary-600",
-    borderRadius,
+    textColorToken: "primary",
+    borderRadius: "",
+    // Empty string = inherit from global.cornerStyle
     shadow: { elevation: "none", softness: null, position: "bottom" },
     // Ghost buttons have no shadow
     // No border for ghost buttons
@@ -4553,6 +4784,10 @@ function generateButtonCss(options) {
     if (!variant.enabled) continue;
     const baseCSS = generateVariantBaseCSS(variant, buttonSystem.global, themeId, tokens, theme);
     cssChunks.push(baseCSS);
+    const hoverBgCSS = generateHoverBackgroundCSS(variant, buttonSystem.global, themeId, tokens);
+    if (hoverBgCSS) {
+      cssChunks.push(hoverBgCSS);
+    }
     const effectCSS = generateVariantEffectCSS(variant, themeId, tokens, theme);
     if (effectCSS) {
       cssChunks.push(effectCSS);
@@ -4571,7 +4806,7 @@ function generateVariantBaseCSS(variant, global, themeId, tokens, theme) {
   const rules = [];
   const borderWidth = variant.border ? BORDER_WIDTH_MAP[variant.border.widthClass] || "1px" : "0px";
   const hasBorder = borderWidth !== "0px";
-  const padding = variant.padding || STRUCTURAL_BASE_STYLES.padding;
+  const padding = variant.padding || (global.paddingPreset ? BUTTON_PADDING_PRESETS[global.paddingPreset] : null) || STRUCTURAL_BASE_STYLES.padding;
   const paddingParts = padding.split(" ");
   const verticalPadding = paddingParts[0] || "0.5rem";
   const horizontalPadding = paddingParts[1] || paddingParts[0] || "1rem";
@@ -4584,6 +4819,15 @@ function generateVariantBaseCSS(variant, global, themeId, tokens, theme) {
     rules.push(`padding: ${padding};`);
   }
   rules.push(`font-weight: ${global.fontWeight};`);
+  if (global.typography === "heading") {
+    rules.push(`font-family: var(--font-heading);`);
+    rules.push(`letter-spacing: var(--ls-heading);`);
+  } else {
+    rules.push(`font-family: var(--font-body);`);
+  }
+  if (global.italic) {
+    rules.push(`font-style: italic;`);
+  }
   if (variant.fontSize) {
     const fontSize = FONT_SIZE_MAP[variant.fontSize] || "1rem";
     rules.push(`font-size: ${fontSize};`);
@@ -4597,16 +4841,16 @@ function generateVariantBaseCSS(variant, global, themeId, tokens, theme) {
   rules.push(`align-items: ${STRUCTURAL_BASE_STYLES.alignItems};`);
   rules.push(`justify-content: ${STRUCTURAL_BASE_STYLES.justifyContent};`);
   let borderRadius;
-  if (variant.borderRadius) {
-    borderRadius = BORDER_RADIUS_MAP[variant.borderRadius] || BORDER_RADIUS_MAP["rounded"];
+  if (variant.borderRadius && variant.borderRadius !== "") {
+    borderRadius = _nullishCoalesce(_nullishCoalesce(BORDER_RADIUS_MAP[variant.borderRadius], () => ( BORDER_RADIUS_MAP["rounded"])), () => ( "0.375rem"));
   } else {
     const cornerStyleMap = {
       "square": "rounded-none",
       "rounded": "rounded-md",
       "pill": "rounded-full"
     };
-    const fallbackRadius = cornerStyleMap[global.cornerStyle] || "rounded-md";
-    borderRadius = BORDER_RADIUS_MAP[fallbackRadius] || BORDER_RADIUS_MAP["rounded"];
+    const fallbackRadius = _nullishCoalesce(cornerStyleMap[global.cornerStyle], () => ( "rounded-md"));
+    borderRadius = _nullishCoalesce(_nullishCoalesce(BORDER_RADIUS_MAP[fallbackRadius], () => ( BORDER_RADIUS_MAP["rounded"])), () => ( "0.375rem"));
   }
   rules.push(`border-radius: ${borderRadius};`);
   const shadowConfig = variant.shadow || shadowSizeToShadow(global.shadow, theme) || theme.shadow;
@@ -4642,31 +4886,33 @@ ${selector} {
 }
 function generateVariantEffectCSS(variant, themeId, tokens, theme) {
   if (!variant.effects) return "";
-  const cssChunks = [];
-  for (const [stateGroup, effectApps] of Object.entries(variant.effects)) {
-    if (!effectApps || effectApps.length === 0) continue;
-    for (const effectApp of effectApps) {
-      const effectPreset = getEffectPreset(effectApp.effectId);
-      if (!effectPreset) {
-        console.warn(`[generateVariantEffectCSS] Unknown effect: ${effectApp.effectId}`);
-        continue;
-      }
-      const ctx = {
-        themeId,
-        variantId: variant.id,
-        stateGroup,
-        options: effectApp.options || {},
-        buttonConfig: variant,
-        tokens,
-        theme
-      };
-      const css2 = effectPreset.generateCSS(ctx);
-      if (css2) {
-        cssChunks.push(css2);
-      }
-    }
+  const elementConfig = {
+    background: variant.background,
+    textColorToken: variant.textColorToken,
+    border: variant.border ? { colorToken: variant.border.colorToken } : void 0
+  };
+  return generateEffectsCSS({
+    themeId,
+    variantId: variant.id,
+    effects: variant.effects,
+    elementConfig,
+    tokens,
+    theme
+  });
+}
+function generateHoverBackgroundCSS(variant, global, themeId, tokens) {
+  let hoverToken = variant.hoverBackgroundToken;
+  if (!hoverToken && global.hoverColor === "token" && global.hoverColorToken) {
+    hoverToken = global.hoverColorToken;
   }
-  return cssChunks.join("\n\n");
+  if (!hoverToken) return null;
+  const selector = `:where([data-theme-scope="${themeId}"]) .${variant.id}:hover`;
+  const hoverBgColor = tokens.getColor(hoverToken);
+  return `
+${selector} {
+  background-color: ${hoverBgColor};
+}
+  `.trim();
 }
 function generateDisabledCSS(variant, themeId) {
   const selector = `:where([data-theme-scope="${themeId}"]) .${variant.id}:disabled`;
@@ -5059,8 +5305,8 @@ function generateAccordionCss({
   if (accordionSystem.hover.shadowElevation) {
     const hoverShadowValue = generateShadowValue(
       accordionSystem.hover.shadowElevation,
-      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _8 => _8.shadow, 'optionalAccess', _9 => _9.softness]), () => ( "soft")),
-      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _10 => _10.shadow, 'optionalAccess', _11 => _11.position]), () => ( "bottom"))
+      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _11 => _11.shadow, 'optionalAccess', _12 => _12.softness]), () => ( "soft")),
+      _nullishCoalesce(_optionalChain([accordionSystem, 'access', _13 => _13.shadow, 'optionalAccess', _14 => _14.position]), () => ( "bottom"))
     );
     triggerHoverRules.push(`box-shadow: ${hoverShadowValue}`);
   }
@@ -5559,6 +5805,345 @@ function generateDefaultInputSystem(theme) {
   };
 }
 
+// ../blocks/src/theme/navigation/types.ts
+
+
+// ../blocks/src/theme/interactive/baseSchema.ts
+
+var interactiveTypographySchema = _zod.z.object({
+  /** Font family source */
+  typography: _zod.z.enum(["body", "heading"]).default("body"),
+  /** Font weight */
+  fontWeight: _zod.z.enum(["regular", "medium", "semibold", "bold"]).default("medium"),
+  /** Text transform */
+  textTransform: _zod.z.enum(["none", "uppercase", "capitalize"]).default("none"),
+  /** Italic style */
+  italic: _zod.z.boolean().default(false)
+});
+var effectApplicationSchema = _zod.z.object({
+  /** Effect preset ID */
+  effectId: _zod.z.string(),
+  /** User-provided customization options */
+  options: _zod.z.record(_zod.z.string(), _zod.z.any()).optional()
+});
+var effectCompositionSchema = _zod.z.object({
+  /** Effects always applied */
+  base: _zod.z.array(effectApplicationSchema).optional(),
+  /** Effects applied on hover */
+  hover: _zod.z.array(effectApplicationSchema).optional(),
+  /** Effects applied on active/pressed */
+  active: _zod.z.array(effectApplicationSchema).optional(),
+  /** Effects applied on focus */
+  focus: _zod.z.array(effectApplicationSchema).optional()
+});
+
+// ../blocks/src/theme/navigation/types.ts
+var navLinkPaddingSchema = _zod.z.enum(["none", "compact", "default"]);
+var navLinkBorderRadiusSchema = _zod.z.enum(["none", "sm", "md", "full"]);
+var navLinkStyleSchema = _zod.z.object({
+  /** Display name for the style */
+  name: _zod.z.string().min(1).max(30).optional(),
+  /** Typography settings (inherited from interactive base) */
+  ...interactiveTypographySchema.shape,
+  /** Text color token */
+  colorToken: _zod.z.string().default("text"),
+  /** Hover/active color token (for color-change effects) */
+  hoverColorToken: _zod.z.string().nullable().optional(),
+  /** Padding preset */
+  padding: navLinkPaddingSchema.default("compact"),
+  /** Border radius (for capsule/pill styles) */
+  borderRadius: navLinkBorderRadiusSchema.default("none"),
+  /** Composable effects */
+  effects: effectCompositionSchema.optional()
+});
+var NAV_LINK_PADDING_MAP = {
+  none: "0",
+  compact: "0.5rem 1rem",
+  default: "0.75rem 1.25rem"
+};
+var NAV_LINK_BORDER_RADIUS_MAP = {
+  none: "0",
+  sm: "0.25rem",
+  md: "0.5rem",
+  full: "9999px"
+};
+
+// ../blocks/src/theme/interactive/generateBaseCSS.ts
+var FONT_WEIGHT_MAP2 = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+function generateBaseInteractiveCSS(options) {
+  const {
+    typography,
+    padding,
+    borderRadius,
+    includeTransition = true,
+    includeFlexCenter = false,
+    borderWidth
+  } = options;
+  const rules = [];
+  if (typography.fontWeight !== void 0) {
+    const weight = typeof typography.fontWeight === "number" ? typography.fontWeight : FONT_WEIGHT_MAP2[typography.fontWeight];
+    rules.push(`font-weight: ${weight};`);
+  }
+  if (typography.typography === "heading") {
+    rules.push(`font-family: var(--font-heading);`);
+    rules.push(`letter-spacing: var(--ls-heading);`);
+  } else if (typography.typography === "body") {
+    rules.push(`font-family: var(--font-body);`);
+  }
+  if (typography.italic) {
+    rules.push(`font-style: italic;`);
+  }
+  if (typography.textTransform && typography.textTransform !== "none") {
+    rules.push(`text-transform: ${typography.textTransform};`);
+  }
+  if (padding) {
+    if (borderWidth && borderWidth !== "0px") {
+      const paddingParts = padding.split(" ");
+      const verticalPadding = paddingParts[0] || "0.5rem";
+      const horizontalPadding = paddingParts[1] || paddingParts[0] || "1rem";
+      rules.push(`padding-top: calc(${verticalPadding} - ${borderWidth} - 1px);`);
+      rules.push(`padding-bottom: calc(${verticalPadding} - ${borderWidth} - 1px);`);
+      rules.push(`padding-left: calc(${horizontalPadding} - ${borderWidth});`);
+      rules.push(`padding-right: calc(${horizontalPadding} - ${borderWidth});`);
+    } else {
+      rules.push(`padding: ${padding};`);
+    }
+  }
+  if (borderRadius) {
+    rules.push(`border-radius: ${borderRadius};`);
+  }
+  if (includeTransition) {
+    rules.push(`transition: all 200ms ease;`);
+  }
+  if (includeFlexCenter) {
+    rules.push(`display: inline-flex;`);
+    rules.push(`align-items: center;`);
+    rules.push(`justify-content: center;`);
+    rules.push(`cursor: pointer;`);
+  }
+  return rules;
+}
+
+// ../blocks/src/theme/navigation/generateNavLinkCSS.ts
+function generateNavLinkCSS(options) {
+  const { themeId, tokens, theme, style, className } = options;
+  const selector = `:where([data-theme-scope="${themeId}"]) .${className}`;
+  const hoverSelector = `${selector}:hover`;
+  const activeSelector = `${selector}:active, ${selector}[data-active="true"]`;
+  const cssChunks = [];
+  const hoverRules = [];
+  const activeRules = [];
+  const baseRules = generateBaseInteractiveCSS({
+    typography: {
+      typography: style.typography,
+      fontWeight: style.fontWeight,
+      textTransform: style.textTransform,
+      italic: style.italic
+    },
+    padding: style.padding ? NAV_LINK_PADDING_MAP[style.padding] : void 0,
+    borderRadius: style.borderRadius ? NAV_LINK_BORDER_RADIUS_MAP[style.borderRadius] : void 0,
+    includeTransition: true,
+    includeFlexCenter: false
+  });
+  if (style.colorToken) {
+    baseRules.push(`color: ${tokens.getColor(style.colorToken)};`);
+  }
+  if (style.hoverColorToken && !_optionalChain([style, 'access', _15 => _15.effects, 'optionalAccess', _16 => _16.hover, 'optionalAccess', _17 => _17.length])) {
+    hoverRules.push(`color: ${tokens.getColor(style.hoverColorToken)};`);
+  }
+  const elementConfig = {
+    background: { type: "transparent" },
+    textColorToken: style.colorToken || "text"
+  };
+  if (style.effects) {
+    const effectsCss = generateEffectsCSS({
+      themeId,
+      variantId: className,
+      effects: style.effects,
+      elementConfig,
+      tokens,
+      theme
+    });
+    if (effectsCss) {
+      cssChunks.push(effectsCss);
+    }
+  }
+  if (baseRules.length > 0) {
+    cssChunks.unshift(`
+${selector} {
+  ${baseRules.join("\n  ")}
+}
+`);
+  }
+  if (hoverRules.length > 0) {
+    cssChunks.push(`
+${hoverSelector} {
+  ${hoverRules.join("\n  ")}
+}
+`);
+  }
+  if (activeRules.length > 0) {
+    cssChunks.push(`
+${activeSelector} {
+  ${activeRules.join("\n  ")}
+}
+`);
+  }
+  return cssChunks.join("");
+}
+
+// ../blocks/src/theme/navigation/presets.ts
+var NAV_LINK_PRESETS = {
+  /**
+   * Minimal - subtle color change on hover
+   */
+  minimal: {
+    name: "Minimal",
+    typography: "body",
+    fontWeight: "medium",
+    textTransform: "none",
+    italic: false,
+    colorToken: "text",
+    hoverColorToken: "primary",
+    padding: "none",
+    borderRadius: "none",
+    effects: {
+      hover: [
+        { effectId: "text-color-change", options: { colorToken: "primary" } }
+      ]
+    }
+  },
+  /**
+   * Underline - static underline appears on hover
+   */
+  underline: {
+    name: "Underline",
+    typography: "body",
+    fontWeight: "medium",
+    textTransform: "none",
+    italic: false,
+    colorToken: "text",
+    padding: "none",
+    borderRadius: "none",
+    effects: {
+      hover: [
+        { effectId: "nav-underline", options: { style: "static" } }
+      ]
+    }
+  },
+  /**
+   * Underline Grow - animated underline grows from center on hover
+   */
+  "underline-grow": {
+    name: "Underline Grow",
+    typography: "body",
+    fontWeight: "medium",
+    textTransform: "none",
+    italic: false,
+    colorToken: "text",
+    padding: "none",
+    borderRadius: "none",
+    effects: {
+      hover: [
+        { effectId: "nav-underline", options: { style: "grow" } }
+      ]
+    }
+  },
+  /**
+   * Capsule - pill-shaped background on hover
+   */
+  capsule: {
+    name: "Capsule",
+    typography: "body",
+    fontWeight: "medium",
+    textTransform: "none",
+    italic: false,
+    colorToken: "text",
+    padding: "compact",
+    borderRadius: "full",
+    effects: {
+      hover: [
+        { effectId: "background-on-hover-alpha", options: { colorToken: "primary", opacity: 0.1 } }
+      ],
+      active: [
+        { effectId: "background-on-hover-alpha", options: { colorToken: "primary", opacity: 0.15 } }
+      ]
+    }
+  },
+  /**
+   * Solid - solid background color on hover
+   */
+  solid: {
+    name: "Solid",
+    typography: "body",
+    fontWeight: "medium",
+    textTransform: "none",
+    italic: false,
+    colorToken: "text",
+    padding: "compact",
+    borderRadius: "none",
+    effects: {
+      hover: [
+        { effectId: "background-on-hover", options: { colorToken: "primary" } }
+      ],
+      active: [
+        { effectId: "background-on-hover", options: { colorToken: "primary" } }
+      ]
+    }
+  },
+  /**
+   * Scale - gentle scale-up on hover
+   */
+  scale: {
+    name: "Scale",
+    typography: "body",
+    fontWeight: "medium",
+    textTransform: "none",
+    italic: false,
+    colorToken: "text",
+    padding: "none",
+    borderRadius: "none",
+    effects: {
+      hover: [
+        { effectId: "scale-up", options: { scale: 1.05 } }
+      ]
+    }
+  },
+  /**
+   * Frosted - semi-transparent glass-like background
+   */
+  frosted: {
+    name: "Frosted",
+    typography: "body",
+    fontWeight: "medium",
+    textTransform: "none",
+    italic: false,
+    colorToken: "text",
+    padding: "compact",
+    borderRadius: "md",
+    effects: {
+      base: [
+        { effectId: "nav-frosted-base" }
+      ],
+      hover: [
+        { effectId: "nav-frosted-hover" }
+      ],
+      active: [
+        { effectId: "nav-frosted-active" }
+      ]
+    }
+  }
+};
+function getNavLinkPreset(presetId) {
+  return NAV_LINK_PRESETS[presetId];
+}
+var NAV_LINK_PRESET_IDS = Object.keys(NAV_LINK_PRESETS);
+
 // ../blocks/src/theme/header/generateHeaderCss.ts
 function generateHeaderCss(options) {
   const { themeId, theme } = options;
@@ -5566,10 +6151,8 @@ function generateHeaderCss(options) {
   const header = theme.header;
   const cssChunks = [];
   cssChunks.push(generateHeaderRootStyles(header, themeId, tokens, theme));
-  if (header.logo) {
-    cssChunks.push(generateLogoStyles(header.logo, themeId, tokens));
-  }
-  cssChunks.push(generateNavLinkStyles(header, themeId, tokens));
+  cssChunks.push(generateLogoStyles(header.logo, themeId, tokens, header.textColor));
+  cssChunks.push(generateNavLinkStyles(header, themeId, tokens, theme));
   if (header.variant === "floating" && header.container) {
     cssChunks.push(generateFloatingContainerStyles(header.container, themeId, tokens));
   }
@@ -5579,7 +6162,7 @@ function generateHeaderCss(options) {
 function generateHeaderRootStyles(header, themeId, tokens, _theme) {
   const selector = `:where([data-theme-scope="${themeId}"]) .header-root`;
   const rules = [];
-  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _12 => _12.navContainer, 'optionalAccess', _13 => _13.type]), () => ( "none"));
+  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _18 => _18.navContainer, 'optionalAccess', _19 => _19.type]), () => ( "none"));
   const isContainedNav = navContainerType === "pill" || navContainerType === "glass";
   if (isContainedNav) {
   } else {
@@ -5602,7 +6185,7 @@ function generateHeaderRootStyles(header, themeId, tokens, _theme) {
         "thick": "4px"
       }[header.border.width];
       if (borderWidth !== "0") {
-        const borderToken = _optionalChain([header, 'access', _14 => _14.border, 'optionalAccess', _15 => _15.color, 'optionalAccess', _16 => _16.trim, 'call', _17 => _17()]) || "border";
+        const borderToken = _optionalChain([header, 'access', _20 => _20.border, 'optionalAccess', _21 => _21.color, 'optionalAccess', _22 => _22.trim, 'call', _23 => _23()]) || "border";
         const borderColor = tokens.getColor(borderToken);
         const borderStyle = header.border.style === "dashed" ? "dashed" : "solid";
         if (header.border.position === "bottom") {
@@ -5625,32 +6208,36 @@ ${selector} {
 }
 `;
 }
-function generateLogoStyles(logo, themeId, tokens) {
-  if (!logo) return "";
+function generateLogoStyles(logo, themeId, tokens, textColor) {
   const selector = `:where([data-theme-scope="${themeId}"]) .header-logo-text`;
   const rules = [];
   const primaryColor = tokens.getColor("primary");
   const accentColor = tokens.getColor("accent");
-  if (logo.fontFamily === "mono") {
-    rules.push(`font-family: ui-monospace, monospace;`);
-  } else if (logo.fontFamily === "serif") {
-    rules.push(`font-family: ui-serif, serif;`);
-  }
-  if (logo.letterSpacing && logo.letterSpacing !== "normal") {
-    const spacingMap = {
-      "normal": "0em",
-      "wide": "0.05em",
-      "wider": "0.1em",
-      "widest": "0.15em"
-    };
-    rules.push(`letter-spacing: ${spacingMap[logo.letterSpacing]};`);
-  }
-  if (logo.gradient) {
-    rules.push(`background: linear-gradient(to right, ${primaryColor}, ${accentColor});`);
-    rules.push(`-webkit-background-clip: text;`);
-    rules.push(`-webkit-text-fill-color: transparent;`);
-    rules.push(`background-clip: text;`);
-    rules.push(`color: transparent;`);
+  if (textColor && !_optionalChain([logo, 'optionalAccess', _24 => _24.gradient])) {
+    rules.push(`color: ${tokens.getColor(textColor)};`);
+  }
+  if (logo) {
+    if (logo.fontFamily === "mono") {
+      rules.push(`font-family: ui-monospace, monospace;`);
+    } else if (logo.fontFamily === "serif") {
+      rules.push(`font-family: ui-serif, serif;`);
+    }
+    if (logo.letterSpacing && logo.letterSpacing !== "normal") {
+      const spacingMap = {
+        "normal": "0em",
+        "wide": "0.05em",
+        "wider": "0.1em",
+        "widest": "0.15em"
+      };
+      rules.push(`letter-spacing: ${spacingMap[logo.letterSpacing]};`);
+    }
+    if (logo.gradient) {
+      rules.push(`background: linear-gradient(to right, ${primaryColor}, ${accentColor});`);
+      rules.push(`-webkit-background-clip: text;`);
+      rules.push(`-webkit-text-fill-color: transparent;`);
+      rules.push(`background-clip: text;`);
+      rules.push(`color: transparent;`);
+    }
   }
   if (rules.length === 0) return "";
   return `
@@ -5659,133 +6246,86 @@ ${selector} {
 }
 `;
 }
-function generateNavLinkStyles(header, themeId, tokens) {
-  const selector = `:where([data-theme-scope="${themeId}"]) .header-nav-link`;
-  const hoverSelector = `${selector}:hover`;
-  const activeSelector = `${selector}[data-active="true"]`;
-  const cssChunks = [];
-  const baseRules = [];
-  const hoverRules = [];
-  const activeRules = [];
-  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _18 => _18.navContainer, 'optionalAccess', _19 => _19.type]), () => ( "none"));
-  const usesGlassNavContainer = navContainerType === "glass";
-  const navColorToken = _optionalChain([header, 'access', _20 => _20.navColor, 'optionalAccess', _21 => _21.trim, 'call', _22 => _22()]);
-  const primaryColor = tokens.getColor("primary");
-  const navWeight = _nullishCoalesce(header.navWeight, () => ( "medium"));
-  const navWeightMap = {
-    regular: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700
-  };
-  if (navColorToken) {
-    baseRules.push(`color: ${tokens.getColor(navColorToken)};`);
-  }
-  if (navWeight) {
-    baseRules.push(`font-weight: ${navWeightMap[navWeight]};`);
-  }
-  if (navWeight === "bold" && header.navStyle === "solid") {
-    baseRules.push(`text-transform: uppercase;`);
-  }
-  switch (header.navStyle) {
-    case "minimal":
-      baseRules.push(`transition: color 200ms ease;`);
-      hoverRules.push(`color: ${primaryColor};`);
-      activeRules.push(`color: ${primaryColor};`);
-      break;
-    case "underline":
-      baseRules.push(`transition: all 200ms ease;`);
-      hoverRules.push(`text-decoration: underline;`);
-      hoverRules.push(`text-underline-offset: 4px;`);
-      activeRules.push(`text-decoration: underline;`);
-      activeRules.push(`text-underline-offset: 4px;`);
-      break;
-    case "underline-grow":
-      baseRules.push(`position: relative;`);
-      baseRules.push(`transition: color 200ms ease;`);
-      hoverRules.push(`color: ${primaryColor};`);
-      activeRules.push(`color: ${primaryColor};`);
-      cssChunks.push(generateUnderlineGrowCSS(themeId));
-      break;
-    case "capsule":
-      baseRules.push(`border-radius: 9999px;`);
-      baseRules.push(`transition: background-color 200ms ease;`);
-      hoverRules.push(`background-color: color-mix(in srgb, ${primaryColor} 10%, transparent);`);
-      activeRules.push(`background-color: color-mix(in srgb, ${primaryColor} 15%, transparent);`);
-      break;
-    case "solid":
-      baseRules.push(`border-radius: 0;`);
-      baseRules.push(`transition: background-color 200ms ease, color 200ms ease;`);
-      hoverRules.push(`background-color: ${primaryColor};`);
-      if (navColorToken) {
-        hoverRules.push(`color: ${tokens.getColor(navColorToken)};`);
-      }
-      activeRules.push(`background-color: ${primaryColor};`);
-      if (navColorToken) {
-        activeRules.push(`color: ${tokens.getColor(navColorToken)};`);
-      }
-      break;
-    case "scale":
-      baseRules.push(`transition: all 200ms ease;`);
-      hoverRules.push(`transform: scale(1.05);`);
-      break;
-    case "frosted":
-      baseRules.push(`border-radius: 0.5rem;`);
-      baseRules.push(`background-color: rgb(255 255 255 / 0.1);`);
-      baseRules.push(`backdrop-filter: blur(8px);`);
-      baseRules.push(`transition: background-color 200ms ease;`);
-      hoverRules.push(`background-color: rgb(255 255 255 / 0.2);`);
-      activeRules.push(`background-color: rgb(255 255 255 / 0.25);`);
-      break;
+function generateNavLinkStyles(header, themeId, tokens, theme) {
+  if (header.navLinkStyle) {
+    return generateNavLinkCSS({
+      themeId,
+      tokens,
+      theme,
+      style: header.navLinkStyle,
+      className: "header-nav-link"
+    });
   }
-  if (usesGlassNavContainer && header.navStyle === "minimal") {
-    baseRules.push(`border-radius: 9999px;`);
-    hoverRules.push(`background-color: rgba(255, 255, 255, 0.1);`);
-    activeRules.push(`background-color: rgba(255, 255, 255, 0.18);`);
-    hoverRules.push(`color: #fff;`);
-    activeRules.push(`color: #fff;`);
+  const navStyle = _nullishCoalesce(header.navStyle, () => ( "minimal"));
+  const basePreset = getNavLinkPreset(navStyle);
+  if (!basePreset) {
+    console.warn(`[generateHeaderCss] Nav link preset not found: ${navStyle}`);
+    return "";
+  }
+  const mergedStyle = {
+    ...basePreset,
+    // Override with legacy settings
+    fontWeight: _nullishCoalesce(header.navWeight, () => ( basePreset.fontWeight)),
+    colorToken: _optionalChain([(_nullishCoalesce(header.navColor, () => ( header.textColor))), 'optionalAccess', _25 => _25.trim, 'call', _26 => _26()]) || basePreset.colorToken
+  };
+  if (header.navWeight === "bold" && navStyle === "solid") {
+    mergedStyle.textTransform = "uppercase";
   }
   if (header.navEffects) {
+    mergedStyle.effects = {
+      ...mergedStyle.effects,
+      hover: [..._optionalChain([mergedStyle, 'access', _27 => _27.effects, 'optionalAccess', _28 => _28.hover]) || []],
+      active: [..._optionalChain([mergedStyle, 'access', _29 => _29.effects, 'optionalAccess', _30 => _30.active]) || []]
+    };
     if (header.navEffects.glow) {
-      hoverRules.push(`filter: drop-shadow(0 0 5px currentColor);`);
+      mergedStyle.effects.hover.push({
+        effectId: "outer-glow",
+        options: { spread: 5 }
+      });
     }
     if (header.navEffects.neumorphic) {
-      console.log("[generateHeaderCss] Generating neumorphic styles for theme:", themeId);
-      baseRules.push(`transition: all 200ms ease;`);
-      baseRules.push(`border-radius: 0.5rem;`);
-      hoverRules.push(`box-shadow: inset 4px 4px 8px #c7c7c7, inset -4px -4px 8px #ffffff;`);
-      hoverRules.push(`color: ${primaryColor};`);
+      mergedStyle.effects.hover.push({
+        effectId: "neumorphic-shadow",
+        options: { mode: "pressed" }
+      });
+      mergedStyle.effects.hover.push({
+        effectId: "text-color-change",
+        options: { hoverColorToken: "primary" }
+      });
     }
     if (header.navEffects.underlineGradient) {
-      cssChunks.push(generateGradientUnderlineCSS(themeId, tokens));
+      mergedStyle.effects.hover.push({
+        effectId: "border-bottom-grow",
+        options: { origin: "center" }
+      });
     }
   }
-  if (baseRules.length > 0) {
-    cssChunks.push(`
-${selector} {
-  ${baseRules.join("\n  ")}
-}
-`);
-  }
-  if (hoverRules.length > 0) {
-    cssChunks.push(`
-${hoverSelector} {
-  ${hoverRules.join("\n  ")}
-}
-`);
-  }
-  if (activeRules.length > 0) {
-    cssChunks.push(`
-${activeSelector} {
-  ${activeRules.join("\n  ")}
-}
-`);
+  const navContainerType = _nullishCoalesce(_optionalChain([header, 'access', _31 => _31.navContainer, 'optionalAccess', _32 => _32.type]), () => ( "none"));
+  if (navContainerType === "glass" && navStyle === "minimal") {
+    mergedStyle.borderRadius = "full";
+    mergedStyle.effects = {
+      ...mergedStyle.effects,
+      hover: [
+        { effectId: "background-on-hover-alpha", options: { colorToken: "neutral-50", opacity: 10 } },
+        { effectId: "text-color-change", options: { hoverColorToken: "neutral-50" } }
+      ],
+      active: [
+        { effectId: "background-on-hover-alpha", options: { colorToken: "neutral-50", opacity: 18 } },
+        { effectId: "text-color-change", options: { hoverColorToken: "neutral-50" } }
+      ]
+    };
   }
-  return cssChunks.join("");
+  return generateNavLinkCSS({
+    themeId,
+    tokens,
+    theme,
+    style: mergedStyle,
+    className: "header-nav-link"
+  });
 }
 function generateNavContainerStyles(header, themeId, tokens) {
   const navContainer = header.navContainer;
-  const navContainerType = _nullishCoalesce(_optionalChain([navContainer, 'optionalAccess', _23 => _23.type]), () => ( "none"));
+  const navContainerType = _nullishCoalesce(_optionalChain([navContainer, 'optionalAccess', _33 => _33.type]), () => ( "none"));
   if (!navContainer || navContainerType === "none") return "";
   const selector = `:where([data-theme-scope="${themeId}"]) .header-nav-row`;
   const rules = [];
@@ -5818,52 +6358,6 @@ function generateNavContainerStyles(header, themeId, tokens) {
   }
   return "";
 }
-function generateGradientUnderlineCSS(themeId, tokens) {
-  const selector = `:where([data-theme-scope="${themeId}"]) .header-nav-link`;
-  const primaryColor = tokens.getColor("primary");
-  const accentColor = tokens.getColor("accent");
-  return `
-${selector}::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  background: linear-gradient(to right, ${primaryColor}, ${accentColor});
-  transform: scaleX(0);
-  transform-origin: center;
-  transition: transform 0.3s ease;
-}
-
-${selector}:hover::after,
-${selector}[data-active="true"]::after {
-  transform: scaleX(1);
-}
-  `.trim();
-}
-function generateUnderlineGrowCSS(themeId) {
-  const selector = `:where([data-theme-scope="${themeId}"]) .header-nav-link`;
-  return `
-${selector}::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  background: currentColor;
-  transform: scaleX(0);
-  transform-origin: center;
-  transition: transform 0.3s ease;
-}
-
-${selector}:hover::after,
-${selector}[data-active="true"]::after {
-  transform: scaleX(1);
-}
-  `.trim();
-}
 function generateFloatingContainerStyles(container, themeId, tokens) {
   if (!container) return "";
   const selector = `:where([data-theme-scope="${themeId}"]) .header-floating-container`;
@@ -5920,12 +6414,52 @@ function applyAlpha(color, opacity) {
   const clamped = clampOpacity(opacity, 1);
   if (color.startsWith("rgb(") && color.endsWith(")")) {
     const inner = color.slice(4, -1).trim();
-    const channels = inner.includes("/") ? inner.split("/")[0].trim() : inner;
+    const channels = inner.includes("/") ? (_nullishCoalesce(inner.split("/")[0], () => ( inner))).trim() : inner;
     return `rgb(${channels} / ${clamped})`;
   }
   return color;
 }
 
+// ../blocks/src/theme/footer/generateFooterCss.ts
+function generateFooterCss(options) {
+  const { themeId, theme } = options;
+  const tokens = new TokenResolver(theme);
+  const footer = theme.footer;
+  const cssChunks = [];
+  cssChunks.push(generateFooterNavLinkStyles(footer, themeId, tokens, theme));
+  return cssChunks.filter(Boolean).join("\n\n");
+}
+function generateFooterNavLinkStyles(footer, themeId, tokens, theme) {
+  if (footer.navLinkStyle) {
+    return generateNavLinkCSS({
+      themeId,
+      tokens,
+      theme,
+      style: footer.navLinkStyle,
+      className: "footer-nav-link"
+    });
+  }
+  const navStyle = _nullishCoalesce(footer.navStyle, () => ( "minimal"));
+  const basePreset = getNavLinkPreset(navStyle);
+  if (!basePreset) {
+    console.warn(`[generateFooterCss] Nav link preset not found: ${navStyle}`);
+    return "";
+  }
+  const mergedStyle = {
+    ...basePreset,
+    // Override with legacy settings
+    fontWeight: _nullishCoalesce(footer.navWeight, () => ( basePreset.fontWeight)),
+    colorToken: _optionalChain([footer, 'access', _34 => _34.navColor, 'optionalAccess', _35 => _35.trim, 'call', _36 => _36()]) || basePreset.colorToken
+  };
+  return generateNavLinkCSS({
+    themeId,
+    tokens,
+    theme,
+    style: mergedStyle,
+    className: "footer-nav-link"
+  });
+}
+
 // ../blocks/src/theme/layout/generateLayoutCss.ts
 function generateLayoutCss(options) {
   const { themeId } = options;
@@ -6079,6 +6613,105 @@ ${root} .step-connector {
   return cssBlocks.join("\n\n");
 }
 
+// ../blocks/src/theme/typography/generateTypographyCss.ts
+function generateTypographyCss({ themeId }) {
+  const root = `:where([data-theme-scope="${themeId}"])`;
+  const cssBlocks = [];
+  cssBlocks.push(`/* Base heading styles */
+${root} :where(h1, h2, h3, h4, h5, h6) {
+  font-family: var(--font-heading);
+  font-style: var(--fi-heading, normal);
+  text-transform: var(--tt-heading, none);
+  font-variant: var(--fv-heading, normal);
+  margin: 0;
+}`);
+  cssBlocks.push(`/* Heading level styles with fluid typography */
+${root} :where(h1) {
+  font-size: var(--fs-h1-fluid, var(--fs-h1));
+  font-weight: var(--fw-h1, var(--font-weight-heading));
+  font-style: var(--fi-h1, var(--fi-heading, normal));
+  letter-spacing: var(--ls-h1, var(--ls-heading));
+  line-height: var(--lh-h1, var(--lh-heading));
+}
+
+${root} :where(h2) {
+  font-size: var(--fs-h2-fluid, var(--fs-h2));
+  font-weight: var(--fw-h2, var(--font-weight-heading));
+  font-style: var(--fi-h2, var(--fi-heading, normal));
+  letter-spacing: var(--ls-h2, var(--ls-heading));
+  line-height: var(--lh-h2, var(--lh-heading));
+}
+
+${root} :where(h3) {
+  font-size: var(--fs-h3-fluid, var(--fs-h3));
+  font-weight: var(--fw-h3, var(--font-weight-heading));
+  font-style: var(--fi-h3, var(--fi-heading, normal));
+  letter-spacing: var(--ls-h3, var(--ls-heading));
+  line-height: var(--lh-h3, var(--lh-heading));
+}
+
+${root} :where(h4) {
+  font-size: var(--fs-h4-fluid, var(--fs-h4, var(--fs-h3)));
+  font-weight: var(--fw-h4, var(--font-weight-heading));
+  font-style: var(--fi-h4, var(--fi-heading, normal));
+  letter-spacing: var(--ls-h4, var(--ls-heading));
+  line-height: var(--lh-h4, var(--lh-heading));
+}
+
+${root} :where(h5) {
+  font-size: var(--fs-h5-fluid, var(--fs-h5, var(--fs-body)));
+  font-weight: var(--fw-h5, var(--font-weight-heading));
+  font-style: var(--fi-h5, var(--fi-heading, normal));
+  letter-spacing: var(--ls-h5, var(--ls-heading));
+  line-height: var(--lh-h5, var(--lh-heading));
+}
+
+${root} :where(h6) {
+  font-size: var(--fs-h6-fluid, var(--fs-h6, var(--fs-body)));
+  font-weight: var(--fw-h6, var(--font-weight-heading));
+  font-style: var(--fi-h6, var(--fi-heading, normal));
+  letter-spacing: var(--ls-h6, var(--ls-heading));
+  line-height: var(--lh-h6, var(--lh-heading));
+}`);
+  cssBlocks.push(`/* Display variant for hero/splash headings */
+${root} :where(.heading-display) {
+  font-size: var(--fs-display-fluid, var(--fs-display));
+}
+
+${root} :where(h1.heading-display) {
+  font-size: var(--fs-h1-display-fluid, var(--fs-h1-display, calc(var(--fs-h1) * 1.5)));
+}
+
+${root} :where(h2.heading-display) {
+  font-size: var(--fs-h2-display-fluid, var(--fs-h2-display, calc(var(--fs-h2) * 1.35)));
+}`);
+  cssBlocks.push(`/* Compact variant for cards/sidebars */
+${root} :where(.heading-compact) {
+  font-size: var(--fs-compact);
+}
+
+${root} :where(h1.heading-compact) {
+  font-size: calc(var(--fs-h1) * 0.75);
+}
+
+${root} :where(h2.heading-compact) {
+  font-size: calc(var(--fs-h2) * 0.8);
+}
+
+${root} :where(h3.heading-compact) {
+  font-size: calc(var(--fs-h3) * 0.85);
+}`);
+  cssBlocks.push(`/* Body text base styles */
+${root} :where(p, li, td, th, label, span) {
+  font-family: var(--font-body);
+  font-weight: var(--font-weight-body);
+  font-size: var(--fs-body);
+  letter-spacing: var(--ls-body);
+  line-height: var(--lh-body);
+}`);
+  return cssBlocks.join("\n\n");
+}
+
 // ../blocks/src/system/theme/tokens.ts
 var defaultThemeTokens = {
   color: {
@@ -6153,7 +6786,7 @@ var defaultThemeTokens = {
 function buildThemeRuntime(theme, options) {
   const hydrated = hydrateTheme(theme);
   const cssVars = buildThemeCssVars(hydrated);
-  const themeId = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _24 => _24.themeId]), () => ( "theme-default"));
+  const themeId = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _37 => _37.themeId]), () => ( "theme-default"));
   const buttonCss = generateButtonCss({
     themeId,
     theme,
@@ -6163,6 +6796,10 @@ function buildThemeRuntime(theme, options) {
     themeId,
     theme
   });
+  const footerCss = generateFooterCss({
+    themeId,
+    theme
+  });
   const cardCss = generateCardCss({
     themeId,
     theme,
@@ -6192,8 +6829,12 @@ function buildThemeRuntime(theme, options) {
     themeId,
     theme
   });
+  const typographyCss = generateTypographyCss({
+    themeId,
+    theme
+  });
   const tokens = buildThemeTokens(hydrated, theme);
-  return { hydrated, cssVars, tokens, paletteTokens: hydrated.palette, buttonCss, headerCss, cardCss, accordionCss, inputCss, layoutCss, statusCss, progressCss };
+  return { hydrated, cssVars, tokens, paletteTokens: hydrated.palette, buttonCss, headerCss, footerCss, cardCss, accordionCss, inputCss, layoutCss, statusCss, progressCss, typographyCss };
 }
 function hydrateTheme(theme) {
   return {
@@ -6215,25 +6856,47 @@ function buildThemeCssVars(theme) {
     ...typography.headings.h1.weight ? { ["--fw-h1"]: mapWeight(typography.headings.h1.weight) } : {},
     ...typography.headings.h2.weight ? { ["--fw-h2"]: mapWeight(typography.headings.h2.weight) } : {},
     ...typography.headings.h3.weight ? { ["--fw-h3"]: mapWeight(typography.headings.h3.weight) } : {},
-    ..._optionalChain([typography, 'access', _25 => _25.headings, 'access', _26 => _26.h4, 'optionalAccess', _27 => _27.weight]) ? { ["--fw-h4"]: mapWeight(typography.headings.h4.weight) } : {},
-    ..._optionalChain([typography, 'access', _28 => _28.headings, 'access', _29 => _29.h5, 'optionalAccess', _30 => _30.weight]) ? { ["--fw-h5"]: mapWeight(typography.headings.h5.weight) } : {},
-    ..._optionalChain([typography, 'access', _31 => _31.headings, 'access', _32 => _32.h6, 'optionalAccess', _33 => _33.weight]) ? { ["--fw-h6"]: mapWeight(typography.headings.h6.weight) } : {},
+    ..._optionalChain([typography, 'access', _38 => _38.headings, 'access', _39 => _39.h4, 'optionalAccess', _40 => _40.weight]) ? { ["--fw-h4"]: mapWeight(typography.headings.h4.weight) } : {},
+    ..._optionalChain([typography, 'access', _41 => _41.headings, 'access', _42 => _42.h5, 'optionalAccess', _43 => _43.weight]) ? { ["--fw-h5"]: mapWeight(typography.headings.h5.weight) } : {},
+    ..._optionalChain([typography, 'access', _44 => _44.headings, 'access', _45 => _45.h6, 'optionalAccess', _46 => _46.weight]) ? { ["--fw-h6"]: mapWeight(typography.headings.h6.weight) } : {},
     ["--ls-heading"]: mapLetterSpacing(typography.headings.default.letterSpacing),
     ["--ls-body"]: mapLetterSpacing(typography.body.letterSpacing),
     ...typography.headings.h1.letterSpacing ? { ["--ls-h1"]: mapLetterSpacing(typography.headings.h1.letterSpacing) } : {},
     ...typography.headings.h2.letterSpacing ? { ["--ls-h2"]: mapLetterSpacing(typography.headings.h2.letterSpacing) } : {},
     ...typography.headings.h3.letterSpacing ? { ["--ls-h3"]: mapLetterSpacing(typography.headings.h3.letterSpacing) } : {},
+    ..._optionalChain([typography, 'access', _47 => _47.headings, 'access', _48 => _48.h4, 'optionalAccess', _49 => _49.letterSpacing]) ? { ["--ls-h4"]: mapLetterSpacing(typography.headings.h4.letterSpacing) } : {},
+    ..._optionalChain([typography, 'access', _50 => _50.headings, 'access', _51 => _51.h5, 'optionalAccess', _52 => _52.letterSpacing]) ? { ["--ls-h5"]: mapLetterSpacing(typography.headings.h5.letterSpacing) } : {},
+    ..._optionalChain([typography, 'access', _53 => _53.headings, 'access', _54 => _54.h6, 'optionalAccess', _55 => _55.letterSpacing]) ? { ["--ls-h6"]: mapLetterSpacing(typography.headings.h6.letterSpacing) } : {},
     ["--lh-heading"]: mapLineHeight(typography.headings.default.lineHeight),
     ["--lh-body"]: mapLineHeight(typography.body.lineHeight),
     ...typography.headings.h1.lineHeight ? { ["--lh-h1"]: mapLineHeight(typography.headings.h1.lineHeight) } : {},
     ...typography.headings.h2.lineHeight ? { ["--lh-h2"]: mapLineHeight(typography.headings.h2.lineHeight) } : {},
     ...typography.headings.h3.lineHeight ? { ["--lh-h3"]: mapLineHeight(typography.headings.h3.lineHeight) } : {},
+    ..._optionalChain([typography, 'access', _56 => _56.headings, 'access', _57 => _57.h4, 'optionalAccess', _58 => _58.lineHeight]) ? { ["--lh-h4"]: mapLineHeight(typography.headings.h4.lineHeight) } : {},
+    ..._optionalChain([typography, 'access', _59 => _59.headings, 'access', _60 => _60.h5, 'optionalAccess', _61 => _61.lineHeight]) ? { ["--lh-h5"]: mapLineHeight(typography.headings.h5.lineHeight) } : {},
+    ..._optionalChain([typography, 'access', _62 => _62.headings, 'access', _63 => _63.h6, 'optionalAccess', _64 => _64.lineHeight]) ? { ["--lh-h6"]: mapLineHeight(typography.headings.h6.lineHeight) } : {},
     ["--tt-heading"]: mapTextTransform(typography.headings.default.case),
     ["--fv-heading"]: mapFontVariant(typography.headings.default.case),
+    ["--fi-heading"]: mapFontStyle(typography.headings.default.italic),
+    // Per-level italic overrides
+    ...typography.headings.h1.italic != null ? { ["--fi-h1"]: mapFontStyle(typography.headings.h1.italic) } : {},
+    ...typography.headings.h2.italic != null ? { ["--fi-h2"]: mapFontStyle(typography.headings.h2.italic) } : {},
+    ...typography.headings.h3.italic != null ? { ["--fi-h3"]: mapFontStyle(typography.headings.h3.italic) } : {},
+    ..._optionalChain([typography, 'access', _65 => _65.headings, 'access', _66 => _66.h4, 'optionalAccess', _67 => _67.italic]) != null ? { ["--fi-h4"]: mapFontStyle(typography.headings.h4.italic) } : {},
+    ..._optionalChain([typography, 'access', _68 => _68.headings, 'access', _69 => _69.h5, 'optionalAccess', _70 => _70.italic]) != null ? { ["--fi-h5"]: mapFontStyle(typography.headings.h5.italic) } : {},
+    ..._optionalChain([typography, 'access', _71 => _71.headings, 'access', _72 => _72.h6, 'optionalAccess', _73 => _73.italic]) != null ? { ["--fi-h6"]: mapFontStyle(typography.headings.h6.italic) } : {},
+    // Static font sizes (fallback)
     ["--fs-body"]: sized.body,
     ["--fs-h3"]: sized.h3,
     ["--fs-h2"]: sized.h2,
     ["--fs-h1"]: sized.h1,
+    // Fluid font sizes (responsive with clamp)
+    ["--fs-h1-fluid"]: sized.h1Fluid,
+    ["--fs-h2-fluid"]: sized.h2Fluid,
+    ["--fs-h3-fluid"]: sized.h3Fluid,
+    // Display variant (for hero/splash headings)
+    ["--fs-h1-display"]: sized.h1Display,
+    ["--fs-h1-display-fluid"]: sized.h1DisplayFluid,
     ["--shadow-elev"]: mapShadow(shadow.elevation, shadow.softness, shadow.position || "bottom"),
     ["--space-mult"]: mapSpaceMult(space),
     ["--motion-duration"]: mapMotionDuration(motion.level),
@@ -6339,33 +7002,81 @@ function mapMotionEasing(e) {
     gentle: "cubic-bezier(.15,.85,.15,1)"
   }[e];
 }
+function normalizeScaleName(scale) {
+  const aliasMap = {
+    minorThird: "compact",
+    majorThird: "balanced",
+    perfectFourth: "spacious",
+    compact: "compact",
+    balanced: "balanced",
+    spacious: "spacious"
+  };
+  return _nullishCoalesce(aliasMap[scale], () => ( "balanced"));
+}
 function computeTypeScale(scale, bodySize) {
   const base = { md: 16, lg: 17, xl: 18 }[bodySize];
-  const ratio = { minorThird: 1.2, majorThird: 1.25, perfectFourth: 1.333 }[scale];
+  const normalizedScale = normalizeScaleName(scale);
+  const ratio = { compact: 1.2, balanced: 1.25, spacious: 1.333 }[normalizedScale];
   const h3 = Math.round(base * ratio);
   const h2 = Math.round(h3 * ratio);
   const h1 = Math.round(h2 * ratio);
+  const fluidMin = 0.7;
+  const fluidMax = 1.3;
   return {
+    // Static sizes (fallback)
     ["--fs-body"]: `${base}px`,
     ["--fs-h3"]: `${h3}px`,
     ["--fs-h2"]: `${h2}px`,
-    ["--fs-h1"]: `${h1}px`
+    ["--fs-h1"]: `${h1}px`,
+    // Fluid typography min/max values
+    ["--fs-h1-min"]: `${Math.round(h1 * fluidMin)}px`,
+    ["--fs-h1-max"]: `${Math.round(h1 * fluidMax)}px`,
+    ["--fs-h2-min"]: `${Math.round(h2 * fluidMin)}px`,
+    ["--fs-h2-max"]: `${Math.round(h2 * fluidMax)}px`,
+    ["--fs-h3-min"]: `${Math.round(h3 * fluidMin)}px`,
+    ["--fs-h3-max"]: `${Math.round(h3 * fluidMax)}px`,
+    // Fluid clamp values (320px to 1200px viewport range = 880px)
+    ["--fs-h1-fluid"]: `clamp(${Math.round(h1 * fluidMin)}px, calc(${Math.round(h1 * fluidMin)}px + ${Math.round(h1 * (fluidMax - fluidMin))} * ((100vw - 320px) / 880)), ${Math.round(h1 * fluidMax)}px)`,
+    ["--fs-h2-fluid"]: `clamp(${Math.round(h2 * fluidMin)}px, calc(${Math.round(h2 * fluidMin)}px + ${Math.round(h2 * (fluidMax - fluidMin))} * ((100vw - 320px) / 880)), ${Math.round(h2 * fluidMax)}px)`,
+    ["--fs-h3-fluid"]: `clamp(${Math.round(h3 * fluidMin)}px, calc(${Math.round(h3 * fluidMin)}px + ${Math.round(h3 * (fluidMax - fluidMin))} * ((100vw - 320px) / 880)), ${Math.round(h3 * fluidMax)}px)`,
+    // Display variant sizes (1.5x for hero headings)
+    ["--fs-h1-display"]: `${Math.round(h1 * 1.5)}px`,
+    ["--fs-h1-display-fluid"]: `clamp(${Math.round(h1 * fluidMin * 1.5)}px, calc(${Math.round(h1 * fluidMin * 1.5)}px + ${Math.round(h1 * (fluidMax - fluidMin) * 1.5)} * ((100vw - 320px) / 880)), ${Math.round(h1 * fluidMax * 1.5)}px)`
   };
 }
+var SIZE_SCALE_MAP = {
+  xs: 0.85,
+  sm: 0.925,
+  md: 1,
+  lg: 1.1,
+  xl: 1.2,
+  "2xl": 1.35
+};
 function applyHeadingSizeOverrides(base, typography) {
   const body = base["--fs-body"];
   const h1Base = parseFloat(base["--fs-h1"].replace("px", ""));
   const h2Base = parseFloat(base["--fs-h2"].replace("px", ""));
   const h3Base = parseFloat(base["--fs-h3"].replace("px", ""));
-  const scaleMap = { md: 1, lg: 1.1, xl: 1.2 };
-  const h1Scale = typography.headings.h1.size ? scaleMap[typography.headings.h1.size] : 1;
-  const h2Scale = typography.headings.h2.size ? scaleMap[typography.headings.h2.size] : 1;
-  const h3Scale = typography.headings.h3.size ? scaleMap[typography.headings.h3.size] : 1;
+  const h1Scale = typography.headings.h1.size ? SIZE_SCALE_MAP[typography.headings.h1.size] : 1;
+  const h2Scale = typography.headings.h2.size ? SIZE_SCALE_MAP[typography.headings.h2.size] : 1;
+  const h3Scale = typography.headings.h3.size ? SIZE_SCALE_MAP[typography.headings.h3.size] : 1;
+  const h1 = Math.round(h1Base * h1Scale);
+  const h2 = Math.round(h2Base * h2Scale);
+  const h3 = Math.round(h3Base * h3Scale);
+  const fluidMin = 0.7;
+  const fluidMax = 1.3;
   return {
     body,
-    h1: `${Math.round(h1Base * h1Scale)}px`,
-    h2: `${Math.round(h2Base * h2Scale)}px`,
-    h3: `${Math.round(h3Base * h3Scale)}px`
+    h1: `${h1}px`,
+    h2: `${h2}px`,
+    h3: `${h3}px`,
+    // Fluid versions with size overrides applied
+    h1Fluid: `clamp(${Math.round(h1 * fluidMin)}px, calc(${Math.round(h1 * fluidMin)}px + ${Math.round(h1 * (fluidMax - fluidMin))} * ((100vw - 320px) / 880)), ${Math.round(h1 * fluidMax)}px)`,
+    h2Fluid: `clamp(${Math.round(h2 * fluidMin)}px, calc(${Math.round(h2 * fluidMin)}px + ${Math.round(h2 * (fluidMax - fluidMin))} * ((100vw - 320px) / 880)), ${Math.round(h2 * fluidMax)}px)`,
+    h3Fluid: `clamp(${Math.round(h3 * fluidMin)}px, calc(${Math.round(h3 * fluidMin)}px + ${Math.round(h3 * (fluidMax - fluidMin))} * ((100vw - 320px) / 880)), ${Math.round(h3 * fluidMax)}px)`,
+    // Display variant (1.5x scale for hero headings)
+    h1Display: `${Math.round(h1 * 1.5)}px`,
+    h1DisplayFluid: `clamp(${Math.round(h1 * 1.5 * fluidMin)}px, calc(${Math.round(h1 * 1.5 * fluidMin)}px + ${Math.round(h1 * 1.5 * (fluidMax - fluidMin))} * ((100vw - 320px) / 880)), ${Math.round(h1 * 1.5 * fluidMax)}px)`
   };
 }
 function mapLetterSpacing(s) {
@@ -6382,6 +7093,9 @@ function mapFontVariant(c) {
   if (c === "smallCaps") return "small-caps";
   return "normal";
 }
+function mapFontStyle(italic) {
+  return italic ? "italic" : "normal";
+}
 
 // ../blocks/src/PageRenderer.tsx
 var _react = require('react'); var React5 = _interopRequireWildcard(_react);
@@ -6410,12 +7124,12 @@ var RichTextValueSchema = _zod.z.union([
 ]);
 function buildRichTextSchema(options) {
   let schema = RichTextValueSchema;
-  if (_optionalChain([options, 'optionalAccess', _34 => _34.required])) {
+  if (_optionalChain([options, 'optionalAccess', _74 => _74.required])) {
     const label = _nullishCoalesce(options.label, () => ( "This field"));
     schema = schema.refine(
       (val) => {
         const doc = _nullishCoalesce(val.doc, () => ( val));
-        const content = _optionalChain([doc, 'optionalAccess', _35 => _35.content]);
+        const content = _optionalChain([doc, 'optionalAccess', _75 => _75.content]);
         if (!content || content.length === 0) return false;
         if (content.length === 1 && content[0].type === "paragraph" && !content[0].content) {
           return false;
@@ -6488,13 +7202,13 @@ function buildFieldSchema(field, allowNull, allowIncomplete = false) {
   return finalizeSchema(schema, required, allowNull, allowIncomplete);
 }
 function buildTextSchema(field) {
-  const ui = _nullishCoalesce(_optionalChain([field, 'optionalAccess', _36 => _36.ui]), () => ( {}));
-  const inputType = _optionalChain([ui, 'optionalAccess', _37 => _37.inputType]);
+  const ui = _nullishCoalesce(_optionalChain([field, 'optionalAccess', _76 => _76.ui]), () => ( {}));
+  const inputType = _optionalChain([ui, 'optionalAccess', _77 => _77.inputType]);
   let schema;
   if (inputType === "number") {
     schema = _zod.z.coerce.number();
-    if (typeof _optionalChain([ui, 'optionalAccess', _38 => _38.min]) === "number") schema = schema.min(ui.min);
-    if (typeof _optionalChain([ui, 'optionalAccess', _39 => _39.max]) === "number") schema = schema.max(ui.max);
+    if (typeof _optionalChain([ui, 'optionalAccess', _78 => _78.min]) === "number") schema = schema.min(ui.min);
+    if (typeof _optionalChain([ui, 'optionalAccess', _79 => _79.max]) === "number") schema = schema.max(ui.max);
   } else {
     schema = _zod.z.string();
     if (inputType === "email") {
@@ -6504,7 +7218,7 @@ function buildTextSchema(field) {
       const TEL_RE = /^[+()0-9\s\-]{3,}$/;
       schema = schema.regex(TEL_RE, `${field.label} must be a valid phone number`);
     }
-    if (_optionalChain([ui, 'optionalAccess', _40 => _40.pattern])) {
+    if (_optionalChain([ui, 'optionalAccess', _80 => _80.pattern])) {
       try {
         const re = new RegExp(ui.pattern);
         schema = schema.regex(re, `${field.label} is not in the correct format`);
@@ -6584,7 +7298,7 @@ function buildLinkSchema() {
 }
 function buildSelectSchema(field) {
   const ui = field.ui;
-  if (_optionalChain([ui, 'optionalAccess', _41 => _41.widget]) === "sdkSelect") {
+  if (_optionalChain([ui, 'optionalAccess', _81 => _81.widget]) === "sdkSelect") {
     const anyStringSchema = _zod.z.string();
     if (field.multiple) {
       const arraySchema = _zod.z.array(anyStringSchema);
@@ -6608,11 +7322,11 @@ function buildReferenceSchema(field) {
   return schema;
 }
 function buildRepeaterSchema(field, allowNull, allowIncomplete) {
-  const parsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _42 => _42.schema, 'optionalAccess', _43 => _43.fields]), () => ( [])));
+  const parsed = _chunkYYO3RIFOjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _82 => _82.schema, 'optionalAccess', _83 => _83.fields]), () => ( [])));
   const childShape = {};
   for (const child of parsed) {
-    if (child.type === "group" && _optionalChain([child, 'access', _44 => _44.ui, 'optionalAccess', _45 => _45.flattenInRepeater])) {
-      const groupParsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([child, 'access', _46 => _46.schema, 'optionalAccess', _47 => _47.fields]), () => ( [])));
+    if (child.type === "group" && _optionalChain([child, 'access', _84 => _84.ui, 'optionalAccess', _85 => _85.flattenInRepeater])) {
+      const groupParsed = _chunkYYO3RIFOjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([child, 'access', _86 => _86.schema, 'optionalAccess', _87 => _87.fields]), () => ( [])));
       for (const gc of groupParsed) {
         childShape[gc.id] = buildFieldSchema(gc, allowNull, allowIncomplete);
       }
@@ -6631,7 +7345,7 @@ function buildRepeaterSchema(field, allowNull, allowIncomplete) {
   return arraySchema;
 }
 function buildGroupSchema(field, allowNull, allowIncomplete) {
-  const parsed = _chunkEGTDJ4PLjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _48 => _48.schema, 'optionalAccess', _49 => _49.fields]), () => ( [])));
+  const parsed = _chunkYYO3RIFOjs.fieldSchema.array().parse(_nullishCoalesce(_optionalChain([field, 'access', _88 => _88.schema, 'optionalAccess', _89 => _89.fields]), () => ( [])));
   const childShape = {};
   for (const child of parsed) {
     childShape[child.id] = buildFieldSchema(child, allowNull, allowIncomplete);
@@ -6649,7 +7363,7 @@ function finalizeSchema(schema, required, allowNull, allowIncomplete = false) {
 }
 
 // ../blocks/src/system/fragments/library/headerCta.ts
-var headerCtaFragment = _chunkEGTDJ4PLjs.defineFragment.call(void 0, {
+var headerCtaFragment = _chunkYYO3RIFOjs.defineFragment.call(void 0, {
   id: "headerCta",
   title: "Header CTA",
   description: "Single call-to-action button for the site header.",
@@ -6689,7 +7403,7 @@ var headerCtaFragment = _chunkEGTDJ4PLjs.defineFragment.call(void 0, {
     }
   ],
   layout: [
-    _chunkEGTDJ4PLjs.ctaButton.call(void 0, {
+    _chunkYYO3RIFOjs.ctaButton.call(void 0, {
       basePath: "cta",
       // Relative path
       whenPath: "cta.label"
@@ -6699,7 +7413,7 @@ var headerCtaFragment = _chunkEGTDJ4PLjs.defineFragment.call(void 0, {
 });
 
 // ../blocks/src/system/fragments/library/singleButton.ts
-var singleButtonFragment = _chunkEGTDJ4PLjs.defineFragment.call(void 0, {
+var singleButtonFragment = _chunkYYO3RIFOjs.defineFragment.call(void 0, {
   id: "singleButton",
   title: "Single Button Content",
   description: "Heading and primary button for the single button block.",
@@ -6711,7 +7425,7 @@ var singleButtonFragment = _chunkEGTDJ4PLjs.defineFragment.call(void 0, {
       required: true,
       maxLength: 120
     },
-    _chunkEGTDJ4PLjs.createButtonGroup.call(void 0, {
+    _chunkYYO3RIFOjs.createButtonGroup.call(void 0, {
       showGroupLabel: true,
       groupId: "button",
       groupLabel: "Button",
@@ -6719,9 +7433,9 @@ var singleButtonFragment = _chunkEGTDJ4PLjs.defineFragment.call(void 0, {
     })
   ],
   layout: [
-    _chunkEGTDJ4PLjs.headingGroup.call(void 0, { titlePath: "title" }),
+    _chunkYYO3RIFOjs.headingGroup.call(void 0, { titlePath: "title" }),
     // Relative path
-    _chunkEGTDJ4PLjs.ctaButton.call(void 0, { basePath: "button" })
+    _chunkYYO3RIFOjs.ctaButton.call(void 0, { basePath: "button" })
     // Relative path
   ]
 });
@@ -6729,26 +7443,26 @@ var singleButtonFragment = _chunkEGTDJ4PLjs.defineFragment.call(void 0, {
 // ../blocks/src/system/fragments/lazyInit.ts
 var initialized = false;
 var ALL_FRAGMENTS = [
-  _chunkEGTDJ4PLjs.bodyCopyFragment,
-  _chunkEGTDJ4PLjs.heroCopyFragment,
-  _chunkEGTDJ4PLjs.ctaRowFragment,
-  _chunkEGTDJ4PLjs.ctaCopyFragment,
-  _chunkEGTDJ4PLjs.testimonialsHeadingFragment,
-  _chunkEGTDJ4PLjs.testimonialsCarouselFragment,
-  _chunkEGTDJ4PLjs.formCopyFragment,
-  _chunkEGTDJ4PLjs.formEmbedFragment,
-  _chunkEGTDJ4PLjs.footerBottomTextFragment,
-  _chunkEGTDJ4PLjs.footerLinkGroupsFragment,
+  _chunkYYO3RIFOjs.bodyCopyFragment,
+  _chunkYYO3RIFOjs.heroCopyFragment,
+  _chunkYYO3RIFOjs.ctaRowFragment,
+  _chunkYYO3RIFOjs.ctaCopyFragment,
+  _chunkYYO3RIFOjs.testimonialsHeadingFragment,
+  _chunkYYO3RIFOjs.testimonialsCarouselFragment,
+  _chunkYYO3RIFOjs.formCopyFragment,
+  _chunkYYO3RIFOjs.formEmbedFragment,
+  _chunkYYO3RIFOjs.footerBottomTextFragment,
+  _chunkYYO3RIFOjs.footerLinkGroupsFragment,
   headerCtaFragment,
   singleButtonFragment,
-  _chunkEGTDJ4PLjs.blogFeaturedPostFragment,
-  _chunkEGTDJ4PLjs.blogListGridFragment,
-  _chunkEGTDJ4PLjs.blogListStackFragment,
-  _chunkEGTDJ4PLjs.faqHeadingFragment,
-  _chunkEGTDJ4PLjs.faqAccordionFragment,
-  _chunkEGTDJ4PLjs.cardFragment,
-  _chunkEGTDJ4PLjs.headingFragment,
-  _chunkEGTDJ4PLjs.richTextFragment
+  _chunkYYO3RIFOjs.blogFeaturedPostFragment,
+  _chunkYYO3RIFOjs.blogListGridFragment,
+  _chunkYYO3RIFOjs.blogListStackFragment,
+  _chunkYYO3RIFOjs.faqHeadingFragment,
+  _chunkYYO3RIFOjs.faqAccordionFragment,
+  _chunkYYO3RIFOjs.cardFragment,
+  _chunkYYO3RIFOjs.headingFragment,
+  _chunkYYO3RIFOjs.richTextFragment
 ];
 function lazyRegisterFragments(registerFn) {
   if (initialized) return;
@@ -6772,7 +7486,7 @@ function getFragmentRegistry() {
 
 // ../blocks/src/system/transforms/registry/core.ts
 function runTransforms(value, transforms, context, registry) {
-  if (!_optionalChain([transforms, 'optionalAccess', _50 => _50.length])) return value;
+  if (!_optionalChain([transforms, 'optionalAccess', _90 => _90.length])) return value;
   return transforms.reduce((acc, step) => {
     const transform = registry.get(step.id);
     if (!transform) {
@@ -6844,7 +7558,7 @@ var resolveImageStyleTransform = {
       style.width = scaleValue;
       style.height = scaleValue;
     }
-    if (position && !_chunkEGTDJ4PLjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position)) {
+    if (position && !_chunkYYO3RIFOjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position)) {
       style.objectPosition = position;
     }
     return style;
@@ -6855,7 +7569,7 @@ var resolveImageClassNameTransform = {
   kind: "string",
   summary: "Resolve className for background image based on objectFit, scale and position",
   run: (value, options, _context) => {
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _51 => _51.baseClass]), () => ( "absolute -z-10"));
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _91 => _91.baseClass]), () => ( "absolute -z-10"));
     if (!value || typeof value !== "object") return `${baseClass} inset-0 h-full w-full`;
     const input = value;
     const objectFit = isString(input.objectFit) ? input.objectFit.trim() : null;
@@ -6875,12 +7589,12 @@ var resolveImageClassNameTransform = {
     if (!needsAnchoring) {
       return `${baseClass} inset-0 h-full w-full`;
     }
-    const isPreset = position && _chunkEGTDJ4PLjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
+    const isPreset = position && _chunkYYO3RIFOjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
     const isCustom = position && !isPreset;
     if (isCustom) {
       return baseClass;
     }
-    const anchorClasses = _chunkEGTDJ4PLjs.getAnchorClasses.call(void 0, position);
+    const anchorClasses = _chunkYYO3RIFOjs.getAnchorClasses.call(void 0, position);
     return `${baseClass} ${anchorClasses}`;
   }
 };
@@ -6897,7 +7611,7 @@ var backgroundTransforms = [
       const opacity = isNumber(input.opacity) ? input.opacity : isString(input.opacity) ? parseFloat(input.opacity) : null;
       const style = {};
       if (color) {
-        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _52 => _52.theme, 'optionalAccess', _53 => _53.palette, 'optionalAccess', _54 => _54[color]]) || color === "transparent" || color === "surface");
+        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _92 => _92.theme, 'optionalAccess', _93 => _93.palette, 'optionalAccess', _94 => _94[color]]) || color === "transparent" || color === "surface");
         if (!isToken) {
           style.backgroundColor = color;
         }
@@ -6916,7 +7630,7 @@ var backgroundTransforms = [
     kind: "string",
     summary: "Map background color token to Tailwind class with auto-overflow for custom sizing",
     run: (value, options, context) => {
-      const baseClass = _optionalChain([options, 'optionalAccess', _55 => _55.baseClass]);
+      const baseClass = _optionalChain([options, 'optionalAccess', _95 => _95.baseClass]);
       const base = typeof baseClass === "string" && baseClass.trim().length > 0 ? baseClass.trim() : "";
       if (!value || typeof value !== "object") return base;
       const input = value;
@@ -6925,7 +7639,7 @@ var backgroundTransforms = [
       const classes = [];
       if (base) classes.push(base);
       if (color) {
-        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _56 => _56.theme, 'optionalAccess', _57 => _57.palette, 'optionalAccess', _58 => _58[color]]) || color === "transparent" || color === "surface");
+        const isToken = Boolean(_optionalChain([context, 'optionalAccess', _96 => _96.theme, 'optionalAccess', _97 => _97.palette, 'optionalAccess', _98 => _98[color]]) || color === "transparent" || color === "surface");
         if (isToken) {
           classes.push(`bg-${color}`);
         }
@@ -6987,6 +7701,10 @@ var resolveLinkTransform = {
       const href = link.href.trim();
       return href.length > 0 ? href : null;
     }
+    if (!kind && typeof link.href === "string") {
+      const href = link.href.trim();
+      return href.length > 0 ? href : null;
+    }
     return null;
   }
 };
@@ -6998,19 +7716,19 @@ var spacingTransform = {
   kind: "string",
   summary: "Map semantic spacing value to Tailwind padding classes",
   run: (value, options, _context) => {
-    const axis = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _59 => _59.axis]), () => ( "all"));
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _60 => _60.baseClass]), () => ( ""));
+    const axis = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _99 => _99.axis]), () => ( "all"));
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _100 => _100.baseClass]), () => ( ""));
     if (!value || typeof value !== "string") {
       return baseClass.trim() || "";
     }
     const trimmed = value.trim();
-    if (!_chunkEGTDJ4PLjs.isSemanticSpacing.call(void 0, trimmed)) {
+    if (!_chunkYYO3RIFOjs.isSemanticSpacing.call(void 0, trimmed)) {
       if (process.env.NODE_ENV !== "production") {
         console.warn(`[spacing] Invalid spacing value: "${trimmed}". Expected one of: none, compact, cozy, medium, comfortable, spacious.`);
       }
       return baseClass.trim() || "";
     }
-    const spacingClass = _chunkEGTDJ4PLjs.resolveSpacing.call(void 0, trimmed, axis);
+    const spacingClass = _chunkYYO3RIFOjs.resolveSpacing.call(void 0, trimmed, axis);
     return baseClass ? `${baseClass.trim()} ${spacingClass}` : spacingClass;
   }
 };
@@ -7023,7 +7741,7 @@ var raisedTransform = {
     if (value !== true) {
       return baseClass.trim() || "";
     }
-    const shadowValue = _optionalChain([context, 'access', _61 => _61.theme, 'optionalAccess', _62 => _62.shadow, 'optionalAccess', _63 => _63.medium]);
+    const shadowValue = _optionalChain([context, 'access', _101 => _101.theme, 'optionalAccess', _102 => _102.shadow, 'optionalAccess', _103 => _103.medium]);
     if (!shadowValue || shadowValue === "none") {
       return baseClass.trim() || "";
     }
@@ -7065,7 +7783,7 @@ var boxStylesCompositeTransform = {
   summary: "Composite transform for all box style properties",
   run: (value, options, context) => {
     if (!value || typeof value !== "object") {
-      return _optionalChain([options, 'access', _64 => _64.baseClass, 'optionalAccess', _65 => _65.trim, 'call', _66 => _66()]) || "";
+      return _optionalChain([options, 'access', _104 => _104.baseClass, 'optionalAccess', _105 => _105.trim, 'call', _106 => _106()]) || "";
     }
     const input = value;
     const axis = _nullishCoalesce(options.axis, () => ( "all"));
@@ -7100,12 +7818,12 @@ var sectionClassNameTransform = {
   kind: "string",
   summary: "Resolve section className from spacing and fullWidth setting",
   run: (value, options, context) => {
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _67 => _67.baseClass]), () => ( ""));
-    const containerStylesPath = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _68 => _68.containerStylesPath]), () => ( "_containerStyles"));
-    const defaultSpacing = _optionalChain([options, 'optionalAccess', _69 => _69.defaultSpacing]);
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _107 => _107.baseClass]), () => ( ""));
+    const containerStylesPath = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _108 => _108.containerStylesPath]), () => ( "_containerStyles"));
+    const defaultSpacing = _optionalChain([options, 'optionalAccess', _109 => _109.defaultSpacing]);
     const contextData = context.data;
-    const containerStyles = _optionalChain([contextData, 'optionalAccess', _70 => _70[containerStylesPath]]);
-    const fullWidth = _optionalChain([containerStyles, 'optionalAccess', _71 => _71.fullWidth]) === true;
+    const containerStyles = _optionalChain([contextData, 'optionalAccess', _110 => _110[containerStylesPath]]);
+    const fullWidth = _optionalChain([containerStyles, 'optionalAccess', _111 => _111.fullWidth]) === true;
     let adjustedBaseClass = baseClass;
     if (fullWidth && baseClass) {
       adjustedBaseClass = baseClass.split(" ").filter((cls) => !cls.startsWith("px-")).join(" ").trim();
@@ -7115,7 +7833,7 @@ var sectionClassNameTransform = {
     if (value && typeof value === "object") {
       const input = value;
       if (typeof input.spacing === "string") {
-        if (_chunkEGTDJ4PLjs.isSemanticSpacing.call(void 0, input.spacing)) {
+        if (_chunkYYO3RIFOjs.isSemanticSpacing.call(void 0, input.spacing)) {
           spacing = input.spacing;
         } else if (process.env.NODE_ENV !== "production") {
           console.warn(`[sectionStyles] Invalid spacing value in _sectionStyles: "${input.spacing}". Expected one of: none, compact, cozy, medium, comfortable, spacious.`);
@@ -7125,7 +7843,7 @@ var sectionClassNameTransform = {
     if (adjustedBaseClass) classes.push(adjustedBaseClass);
     const effectiveSpacing = _nullishCoalesce(spacing, () => ( defaultSpacing));
     if (effectiveSpacing) {
-      const spacingClass = _chunkEGTDJ4PLjs.resolveSpacing.call(void 0, effectiveSpacing, "y");
+      const spacingClass = _chunkYYO3RIFOjs.resolveSpacing.call(void 0, effectiveSpacing, "y");
       classes.push(spacingClass);
     }
     return classes.join(" ").trim();
@@ -7136,7 +7854,7 @@ var containerStylesResolveClassName = {
   kind: "string",
   summary: "Resolve container className based on fullWidth setting",
   run: (value, options, _context) => {
-    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _72 => _72.baseClass]), () => ( ""));
+    const baseClass = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _112 => _112.baseClass]), () => ( ""));
     if (!value || typeof value !== "object") {
       const defaultClass = "container mx-auto";
       return baseClass ? `${baseClass} ${defaultClass}`.trim() : defaultClass;
@@ -7164,10 +7882,10 @@ var boxStylesTransforms = [
 
 // ../blocks/src/system/transforms/registry/index.ts
 var builtinTransformDefinitions = [
-  ..._chunkEGTDJ4PLjs.formattingTransforms,
-  ..._chunkEGTDJ4PLjs.layoutTransforms,
-  ..._chunkEGTDJ4PLjs.uiTransforms,
-  ..._chunkEGTDJ4PLjs.mediaTransforms,
+  ..._chunkYYO3RIFOjs.formattingTransforms,
+  ..._chunkYYO3RIFOjs.layoutTransforms,
+  ..._chunkYYO3RIFOjs.uiTransforms,
+  ..._chunkYYO3RIFOjs.mediaTransforms,
   ...backgroundTransforms,
   ...linksTransforms,
   ...boxStylesTransforms
@@ -7190,8 +7908,8 @@ function Section({
 }) {
   const overflowClass = allowOverflow ? "overflow-visible" : "overflow-hidden";
   const alwaysClass = clsx_default("relative isolate", overflowClass, className);
-  const backgroundStyle = background ? _chunkEGTDJ4PLjs.backgroundColorStyle.call(void 0, background) : void 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { className: alwaysClass, style: _chunkEGTDJ4PLjs.mergeStyles.call(void 0, backgroundStyle, style), "data-slot": _nullishCoalesce(dataSlot, () => ( "section")), children });
+  const backgroundStyle = background ? _chunkYYO3RIFOjs.backgroundColorStyle.call(void 0, background) : void 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { className: alwaysClass, style: _chunkYYO3RIFOjs.mergeStyles.call(void 0, backgroundStyle, style), "data-slot": _nullishCoalesce(dataSlot, () => ( "section")), children });
 }
 
 // ../blocks/src/primitives/layout/Stack.tsx
@@ -7342,7 +8060,7 @@ function renderMarks(text, marks, key) {
 }
 function renderDoc(node, key) {
   if (!node || !node.type) return null;
-  const children = _optionalChain([node, 'access', _73 => _73.content, 'optionalAccess', _74 => _74.map, 'call', _75 => _75((child, index) => renderDoc(child, `${key}-${index}`))]);
+  const children = _optionalChain([node, 'access', _113 => _113.content, 'optionalAccess', _114 => _114.map, 'call', _115 => _115((child, index) => renderDoc(child, `${key}-${index}`))]);
   switch (node.type) {
     case "doc":
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
@@ -7350,7 +8068,7 @@ function renderDoc(node, key) {
       if (!children && !node.text) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", {}, key);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: _nullishCoalesce(children, () => ( renderMarks(_nullishCoalesce(node.text, () => ( "")), node.marks, key))) }, key);
     case "heading": {
-      const level = Math.min(Math.max(_nullishCoalesce(_optionalChain([node, 'access', _76 => _76.attrs, 'optionalAccess', _77 => _77.level]), () => ( 2)), 1), 6);
+      const level = Math.min(Math.max(_nullishCoalesce(_optionalChain([node, 'access', _116 => _116.attrs, 'optionalAccess', _117 => _117.level]), () => ( 2)), 1), 6);
       const headingTag = `h${level}`;
       return React5.default.createElement(headingTag, { key }, children);
     }
@@ -7389,7 +8107,7 @@ var TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blo
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Text, { ...rest, children: _nullishCoalesce(value, () => ( children)) });
 };
 var RichTextNode = ({ value, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
-  const doc = _nullishCoalesce(_optionalChain([value, 'optionalAccess', _78 => _78.doc]), () => ( value));
+  const doc = _nullishCoalesce(_optionalChain([value, 'optionalAccess', _118 => _118.doc]), () => ( value));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RichText, { doc, ...rest });
 };
 var ButtonNode = ({
@@ -7458,16 +8176,16 @@ var FormNodeSSR = ({ value, submitLabel, successMessage: _successMessage, classN
       "div",
       {
         className: clsx_default("rounded-md border border-dashed p-6 text-sm", className),
-        style: _chunkEGTDJ4PLjs.mergeStyles.call(void 0, 
-          _chunkEGTDJ4PLjs.backgroundColorStyle.call(void 0, "surface"),
-          _chunkEGTDJ4PLjs.borderColorStyle.call(void 0, "border"),
-          _chunkEGTDJ4PLjs.textColorStyle.call(void 0, "mutedText")
+        style: _chunkYYO3RIFOjs.mergeStyles.call(void 0, 
+          _chunkYYO3RIFOjs.backgroundColorStyle.call(void 0, "surface"),
+          _chunkYYO3RIFOjs.borderColorStyle.call(void 0, "border"),
+          _chunkYYO3RIFOjs.textColorStyle.call(void 0, "mutedText")
         ),
         children: "Missing or unknown form."
       }
     );
   }
-  const fields = _optionalChain([form, 'optionalAccess', _79 => _79.schemaJson, 'optionalAccess', _80 => _80.fields]);
+  const fields = _optionalChain([form, 'optionalAccess', _119 => _119.schemaJson, 'optionalAccess', _120 => _120.fields]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { method: "POST", action: "/api/forms/submit", className: clsx_default("space-y-4", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", name: "form_id", value: form.id }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "text", name: "company", className: "hidden", tabIndex: -1, autoComplete: "off" }),
@@ -7698,7 +8416,7 @@ var COLUMN_CLASSES = {
   "4": "sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
 };
 function formatDateForUrl(isoTimestamp) {
-  return isoTimestamp.split("T")[0];
+  return _nullishCoalesce(isoTimestamp.split("T")[0], () => ( ""));
 }
 function buildEventUrl(basePath, slug, startsAt) {
   const date = formatDateForUrl(startsAt);
@@ -7883,7 +8601,7 @@ function getContainerClass(layout, columns) {
   return `grid gap-6 ${COLUMN_CLASSES2[columns] || COLUMN_CLASSES2["3"]}`;
 }
 function formatDateForUrl2(isoTimestamp) {
-  return isoTimestamp.split("T")[0];
+  return _nullishCoalesce(isoTimestamp.split("T")[0], () => ( ""));
 }
 function buildEventUrl2(basePath, slug, startsAt) {
   const date = formatDateForUrl2(startsAt);
@@ -8102,11 +8820,11 @@ function extractSegmentsFromPart(part) {
   if (!part) return [];
   const segments = [];
   const baseMatch = part.match(/^([^\[]+)/);
-  if (baseMatch) {
+  if (baseMatch && baseMatch[1]) {
     segments.push(baseMatch[1]);
   }
   const bracketMatches = Array.from(part.matchAll(BRACKET_ACCESS_REGEX));
-  const bracketSegments = bracketMatches.map((match) => _nullishCoalesce(_optionalChain([match, 'access', _81 => _81.groups, 'optionalAccess', _82 => _82.token]), () => ( ""))).filter((token) => token.length > 0).map(parseBracketToken);
+  const bracketSegments = bracketMatches.map((match) => _nullishCoalesce(_optionalChain([match, 'access', _121 => _121.groups, 'optionalAccess', _122 => _122.token]), () => ( ""))).filter((token) => token.length > 0).map(parseBracketToken);
   segments.push(...bracketSegments);
   if (!baseMatch && !part.includes("[")) {
     return [part];
@@ -8129,7 +8847,7 @@ function getAbsoluteSegments(fromPath, context) {
     return [first === "$root" ? "$root" : "content", ...rest];
   }
   const scoped = context.scopes.find((entry) => entry.name === first);
-  if (_optionalChain([scoped, 'optionalAccess', _83 => _83.basePathSegments]) && scoped.basePathSegments.length > 0) {
+  if (_optionalChain([scoped, 'optionalAccess', _123 => _123.basePathSegments]) && scoped.basePathSegments.length > 0) {
     return [...scoped.basePathSegments, ...rest];
   }
   return void 0;
@@ -8173,7 +8891,7 @@ function extractRouteMapFromViewModel(viewModel) {
 }
 function parseBinding(raw, origin) {
   try {
-    return _chunkEGTDJ4PLjs.bindingSchema.parse(raw);
+    return _chunkYYO3RIFOjs.bindingSchema.parse(raw);
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     throw new Error(`Failed to parse binding (${origin}): ${message}`);
@@ -8184,7 +8902,7 @@ function applyTransformsAndFallback(value, binding, context) {
   const routeMap = _nullishCoalesce(context.routes, () => ( extractRouteMapFromViewModel(context.viewModel)));
   const transformed = runTransforms(
     value,
-    _nullishCoalesce(_optionalChain([binding, 'access', _84 => _84.transforms, 'optionalAccess', _85 => _85.map, 'call', _86 => _86((step) => ({ id: step.id, options: step.options }))]), () => ( [])),
+    _nullishCoalesce(_optionalChain([binding, 'access', _124 => _124.transforms, 'optionalAccess', _125 => _125.map, 'call', _126 => _126((step) => ({ id: step.id, options: step.options }))]), () => ( [])),
     { theme: _nullishCoalesce(context.theme, () => ( defaultThemeTokens)), routes: routeMap },
     transforms
   );
@@ -8262,7 +8980,7 @@ function applyScopes(node, context) {
   if (!node.$scopes) return context;
   const scopeContext = { ...context, scopes: [...context.scopes] };
   for (const scope of node.$scopes) {
-    const binding = _chunkEGTDJ4PLjs.bindingSchema.parse(scope.from);
+    const binding = _chunkYYO3RIFOjs.bindingSchema.parse(scope.from);
     const value = resolveBindingValue(binding, scopeContext);
     scopeContext.scopes.push({ name: scope.name, value });
   }
@@ -8368,7 +9086,7 @@ function injectEditorPath(props, node, parsedBinding, context) {
   };
 }
 function resolveChildren(nodes, context) {
-  if (!_optionalChain([nodes, 'optionalAccess', _87 => _87.length])) return [];
+  if (!_optionalChain([nodes, 'optionalAccess', _127 => _127.length])) return [];
   return nodes.flatMap((child, index) => {
     const childContext = { ...context, scopes: [...context.scopes] };
     const resolved = resolveNode2(child, childContext, index);
@@ -8390,7 +9108,7 @@ function resolveNode2(node, context, indexFallback) {
   const normalizedType = node.type.toLowerCase();
   const component = _nullishCoalesce(_nullishCoalesce(registry[node.type], () => ( registry[normalizedType])), () => ( (normalizedType === "section" ? SectionNode : void 0)));
   if (!component) {
-    if (_optionalChain([globalThis, 'optionalAccess', _88 => _88.process, 'optionalAccess', _89 => _89.env, 'optionalAccess', _90 => _90.NODE_ENV]) !== "production") {
+    if (_optionalChain([globalThis, 'optionalAccess', _128 => _128.process, 'optionalAccess', _129 => _129.env, 'optionalAccess', _130 => _130.NODE_ENV]) !== "production") {
       console.warn(`[block-system] Missing renderer for node type: ${node.type}`);
     }
     return null;
@@ -8489,11 +9207,11 @@ function resolveBlockLayout(manifest, content) {
   if (!manifest.variants) {
     return _nullishCoalesce(manifest.layout, () => ( null));
   }
-  const contentVariant = _optionalChain([content, 'optionalAccess', _91 => _91.variant]);
+  const contentVariant = _optionalChain([content, 'optionalAccess', _131 => _131.variant]);
   if (typeof contentVariant === "string" && manifest.variants[contentVariant]) {
     return manifest.variants[contentVariant];
   }
-  const contentLayout = _optionalChain([content, 'optionalAccess', _92 => _92.layout]);
+  const contentLayout = _optionalChain([content, 'optionalAccess', _132 => _132.layout]);
   if (typeof contentLayout === "string" && manifest.variants[contentLayout]) {
     return manifest.variants[contentLayout];
   }
@@ -8550,7 +9268,7 @@ function makeDefaultBlockComponent(args) {
         ...typeof themeConfig !== "undefined" ? { theme: themeConfig } : {}
       }
     };
-    const themeForTransforms = _optionalChain([themeConfig, 'optionalAccess', _93 => _93.buttons]) ? { ...theme, buttons: themeConfig.buttons } : theme;
+    const themeForTransforms = _optionalChain([themeConfig, 'optionalAccess', _133 => _133.buttons]) ? { ...theme, buttons: themeConfig.buttons } : theme;
     return resolveTree(layout, {
       registry,
       viewModel,
@@ -8589,7 +9307,7 @@ function renderBlock(manifest, content, options = {}) {
 
 // ../blocks/src/system/manifest/hydrateLinks.ts
 function hydrateManifestLinks(manifest, content, routes) {
-  if (!routes || !_optionalChain([manifest, 'optionalAccess', _94 => _94.fields, 'optionalAccess', _95 => _95.length])) {
+  if (!routes || !_optionalChain([manifest, 'optionalAccess', _134 => _134.fields, 'optionalAccess', _135 => _135.length])) {
     return content;
   }
   const hydrated = hydrateValue(content, routes);
@@ -8732,8 +9450,9 @@ function PageRenderer({
   blockOverrides,
   sdkConfig
 }) {
+  setContextSupabaseUrl(_optionalChain([dataContext, 'optionalAccess', _136 => _136.supabaseUrl]));
   if (!page || page.blocks.length === 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunkEGTDJ4PLjs.textColorStyle.call(void 0, "mutedText"), children: "No blocks found." });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunkYYO3RIFOjs.textColorStyle.call(void 0, "mutedText"), children: "No blocks found." });
   }
   const themeTokens = _nullishCoalesce(providedThemeTokens, () => ( buildThemeRuntime(theme).tokens));
   const resolvedRegistry = _nullishCoalesce(registry, () => ( getDefaultComponentRegistry()));
@@ -8801,8 +9520,8 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
   sdkConfig
 }) {
   const OverrideComponent = getBlockOverride(block.kind, blockOverrides);
-  let definition = _chunkEGTDJ4PLjs.getBlockDefinition.call(void 0, block.kind);
-  if (!definition && block.kind.startsWith("custom.") && _optionalChain([sdkConfig, 'optionalAccess', _96 => _96.customBlocks])) {
+  let definition = _chunkYYO3RIFOjs.getBlockDefinition.call(void 0, block.kind);
+  if (!definition && block.kind.startsWith("custom.") && _optionalChain([sdkConfig, 'optionalAccess', _137 => _137.customBlocks])) {
     const sdkBlock = sdkConfig.customBlocks.find((b) => b.id === block.kind);
     if (sdkBlock) {
       definition = transformSdkBlockToDefinition(sdkBlock);
@@ -8816,14 +9535,14 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
   const validator = createManifestValidator(definition.manifest, { allowNull: false });
   const parsed = validator.safeParse(content);
   try {
-    const env = _optionalChain([globalThis, 'access', _97 => _97.process, 'optionalAccess', _98 => _98.env, 'optionalAccess', _99 => _99.NODE_ENV]);
+    const env = _optionalChain([globalThis, 'access', _138 => _138.process, 'optionalAccess', _139 => _139.env, 'optionalAccess', _140 => _140.NODE_ENV]);
     if (env !== "production" && !parsed.success && !usePlaceholders) {
       console.warn("[blocks:PageRenderer] manifest validation failed", {
         blockId: _nullishCoalesce(block.id, () => ( null)),
         blockKind: block.kind,
         content: summarizeValue(content),
         expectedFields: (_nullishCoalesce(definition.manifest.fields, () => ( []))).map((f) => ({ id: f.id, type: f.type, required: !!f.required })),
-        issues: _nullishCoalesce(_optionalChain([parsed, 'optionalAccess', _100 => _100.error, 'optionalAccess', _101 => _101.issues]), () => ( null))
+        issues: _nullishCoalesce(_optionalChain([parsed, 'optionalAccess', _141 => _141.error, 'optionalAccess', _142 => _142.issues]), () => ( null))
       });
     }
   } catch (e6) {
@@ -8844,7 +9563,7 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
     return wrapBlock && block.id ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: wrapBlock(block.id, rendered) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: rendered });
   }
   try {
-    const routes = _nullishCoalesce(routeMap, () => ( _optionalChain([dataContext, 'optionalAccess', _102 => _102.routes])));
+    const routes = _nullishCoalesce(routeMap, () => ( _optionalChain([dataContext, 'optionalAccess', _143 => _143.routes])));
     const hydratedContent = routes ? hydrateManifestLinks(definition.manifest, data, routes) : data;
     const resolved = resolveBlockData({
       block,
@@ -8867,13 +9586,13 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
       const pathBase = typeof block.id === "string" && block.id.length > 0 ? `blocks.${block.id}.` : void 0;
       const rootContext = {
         $root: {
-          siteId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _103 => _103.siteId]), () => ( null)),
-          pageId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _104 => _104.pageId]), () => ( null)),
-          previewStage: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _105 => _105.previewStage]), () => ( "published")),
+          siteId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _144 => _144.siteId]), () => ( null)),
+          pageId: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _145 => _145.pageId]), () => ( null)),
+          previewStage: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _146 => _146.previewStage]), () => ( "published")),
           ...routes ? { routes } : {},
           // Occurrence and content entry context for template pages
-          occurrenceContext: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _106 => _106.occurrenceContext]), () => ( null)),
-          contentEntry: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _107 => _107.contentEntry]), () => ( null))
+          occurrenceContext: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _147 => _147.occurrenceContext]), () => ( null)),
+          contentEntry: _nullishCoalesce(_optionalChain([dataContext, 'optionalAccess', _148 => _148.contentEntry]), () => ( null))
         }
       };
       const blockBindings = _nullishCoalesce(block.bindings, () => ( void 0));
@@ -8902,7 +9621,7 @@ var MemoBlockSection = React5.memo(function MemoBlockSection2({
   return prev.block === next.block && prev.registry === next.registry && prev.dataContext === next.dataContext && prev.themeTokens === next.themeTokens && prev.themeConfig === next.themeConfig && prev.routeMap === next.routeMap && prev.usePlaceholders === next.usePlaceholders && prev.wrapBlock === next.wrapBlock && prev.blockOverrides === next.blockOverrides && prev.sdkConfig === next.sdkConfig;
 });
 function fallback(message) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunkEGTDJ4PLjs.textColorStyle.call(void 0, "mutedText"), children: message });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-sm", style: _chunkYYO3RIFOjs.textColorStyle.call(void 0, "mutedText"), children: message });
 }
 function resolveBlockData({ block, definition, dataContext }) {
   if (!definition.dataLoaders || Object.keys(definition.dataLoaders).length === 0) {
@@ -8910,7 +9629,7 @@ function resolveBlockData({ block, definition, dataContext }) {
   }
   const blockId = _nullishCoalesce(block.id, () => ( null));
   if (!blockId) return void 0;
-  const raw = _optionalChain([dataContext, 'optionalAccess', _108 => _108.resolvedData, 'optionalAccess', _109 => _109[blockId]]);
+  const raw = _optionalChain([dataContext, 'optionalAccess', _149 => _149.resolvedData, 'optionalAccess', _150 => _150[blockId]]);
   if (!raw || typeof raw !== "object") {
     return {};
   }
@@ -8964,11 +9683,11 @@ var isNumber2 = (value) => typeof value === "number" && !isNaN(value);
 function resolveColor(color, theme) {
   if (!color || !isString2(color)) return null;
   const trimmed = color.trim();
-  if (_optionalChain([theme, 'optionalAccess', _110 => _110.palette, 'optionalAccess', _111 => _111[trimmed]])) {
+  if (_optionalChain([theme, 'optionalAccess', _151 => _151.palette, 'optionalAccess', _152 => _152[trimmed]])) {
     return theme.palette[trimmed];
   }
   if (trimmed === "transparent") return "transparent";
-  if (trimmed === "surface" && _optionalChain([theme, 'optionalAccess', _112 => _112.palette, 'optionalAccess', _113 => _113.surface])) {
+  if (trimmed === "surface" && _optionalChain([theme, 'optionalAccess', _153 => _153.palette, 'optionalAccess', _154 => _154.surface])) {
     return theme.palette.surface;
   }
   return trimmed;
@@ -9042,7 +9761,7 @@ function resolveBackground(background, theme) {
         imageStyle.width = scaleValue;
         imageStyle.height = scaleValue;
       }
-      const isPresetPosition = position && _chunkEGTDJ4PLjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
+      const isPresetPosition = position && _chunkYYO3RIFOjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
       if (position && !isPresetPosition) {
         imageStyle.objectPosition = position;
       }
@@ -9066,11 +9785,11 @@ function buildImageClassName(objectFit, position, scaleValue) {
     return `${baseClass} inset-0 h-full w-full ${fitClass}`;
   }
   if ((objectFit === "custom" || objectFit === "original") && scaleValue) {
-    const isPresetPosition = position && _chunkEGTDJ4PLjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
+    const isPresetPosition = position && _chunkYYO3RIFOjs.BACKGROUND_POSITION_PRESET_VALUES.includes(position);
     if (position && !isPresetPosition) {
       return baseClass;
     }
-    const anchorClasses = _chunkEGTDJ4PLjs.getAnchorClasses.call(void 0, position);
+    const anchorClasses = _chunkYYO3RIFOjs.getAnchorClasses.call(void 0, position);
     return `${baseClass} ${anchorClasses}`;
   }
   return `${baseClass} inset-0 h-full w-full`;
@@ -9514,8 +10233,7 @@ function getDefaultInputSettings() {
 
 
 
-
-exports.buildRichTextSchema = buildRichTextSchema; exports.resolveImageUrl = resolveImageUrl; exports.getDefaultComponentRegistry = getDefaultComponentRegistry; exports.makeDefaultBlockComponent = makeDefaultBlockComponent; exports.renderBlock = renderBlock; exports.buildThemeRuntime = buildThemeRuntime; exports.PageRenderer = PageRenderer; exports.generateButtonCoreCss = generateButtonCoreCss; exports.getDefaultButtonVariants = getDefaultButtonVariants; exports.generateCardCoreCss = generateCardCoreCss; exports.getDefaultCardVariants = getDefaultCardVariants; exports.generateInputCoreCss = generateInputCoreCss; exports.getDefaultInputSettings = getDefaultInputSettings; exports.RichText = RichText2; exports.resolveBackground = resolveBackground; exports.SectionBackground = SectionBackground;
+exports.resolveImageUrl = resolveImageUrl; exports.getDefaultComponentRegistry = getDefaultComponentRegistry; exports.makeDefaultBlockComponent = makeDefaultBlockComponent; exports.renderBlock = renderBlock; exports.buildThemeRuntime = buildThemeRuntime; exports.PageRenderer = PageRenderer; exports.generateButtonCoreCss = generateButtonCoreCss; exports.getDefaultButtonVariants = getDefaultButtonVariants; exports.generateCardCoreCss = generateCardCoreCss; exports.getDefaultCardVariants = getDefaultCardVariants; exports.generateInputCoreCss = generateInputCoreCss; exports.getDefaultInputSettings = getDefaultInputSettings; exports.RichText = RichText2; exports.resolveBackground = resolveBackground; exports.SectionBackground = SectionBackground;
 /*! Bundled license information:
 
 chroma-js/src/utils/contrastAPCA.js:
@@ -9533,4 +10251,4 @@ chroma-js/src/utils/contrastAPCA.js:
    * https://readtech.org/ARC/
    *)
 */
-//# sourceMappingURL=chunk-TKMA6D6U.js.map
+//# sourceMappingURL=chunk-7UPVCT3K.js.map