@omniharmonic/openspace-cli 0.1.9 → 0.1.10

package/dist/{chunk-KAJOS2YV.js → chunk-RD24SW4M.js}

@@ -20445,6 +20445,8 @@ var NavPageSchema = external_exports.strictObject({
   page: PageIdSchema,
   /** Defaults to the page title. */
   label: NavLabelSchema.optional(),
+  /** A section on that page (`#framework`): the entry scrolls to it. */
+  anchor: external_exports.string().regex(/^[A-Za-z][A-Za-z0-9_-]*$/).optional(),
   hidden: external_exports.boolean().optional()
 });
 var NavCollectionSchema = external_exports.strictObject({
@@ -22505,6 +22507,58 @@ var BUTTON_STYLES = [
   "text-arrow"
 ];
 var MOTION_LEVELS = ["none", "subtle", "expressive"];
+var TYPE_SCALE_PRESETS = [...TYPE_PRESETS, "button", "nav", "wordmark"];
+var FONT_ROLES = ["heading", "body", "label"];
+var TEXT_CASES = ["none", "uppercase", "lowercase", "capitalize"];
+var WebFontSchema = named(
+  "WebFont",
+  "A Google Fonts family for a font role: family name, category, weights and whether italics load.",
+  external_exports.strictObject({
+    family: external_exports.string().regex(/^[A-Za-z0-9][A-Za-z0-9 ]{0,59}$/, { message: "Use the family's Google Fonts name" }),
+    category: external_exports.enum(["serif", "sans-serif", "monospace"]),
+    weights: external_exports.array(external_exports.int().min(100).max(900)).min(1).max(9).optional(),
+    italic: external_exports.boolean().optional()
+  })
+);
+var TypeStepSchema = named(
+  "TypeStep",
+  "A tuned typography preset: size (px at desktop and on phones), line height, letter spacing (em), case, weight, italic, font role.",
+  external_exports.strictObject({
+    size: external_exports.number().min(9).max(220).optional(),
+    sizeMobile: external_exports.number().min(9).max(160).optional(),
+    lineHeight: external_exports.number().min(0.7).max(3).optional(),
+    letterSpacing: external_exports.number().min(-0.2).max(1).optional(),
+    case: external_exports.enum(TEXT_CASES).optional(),
+    weight: external_exports.int().min(100).max(900).optional(),
+    italic: external_exports.boolean().optional(),
+    font: external_exports.enum(FONT_ROLES).optional()
+  })
+);
+var TypographyChoicesSchema = named(
+  "TypographyChoices",
+  "Fine typography: Google Fonts per role (heading, body, label), a tuned type scale, eyebrow color.",
+  external_exports.strictObject({
+    heading: WebFontSchema.optional(),
+    body: WebFontSchema.optional(),
+    /** Eyebrows, buttons and navigation (defaults to the body font). */
+    label: WebFontSchema.optional(),
+    scale: external_exports.partialRecord(external_exports.enum(TYPE_SCALE_PRESETS), TypeStepSchema).optional(),
+    /** Eyebrow color: the accent/link color (default) or the muted text color. */
+    eyebrowColor: external_exports.enum(["accent", "muted"]).optional()
+  })
+);
+var LayoutChoicesSchema = named(
+  "LayoutChoices",
+  "Page rhythm: content width and narrow width (px), section padding (px at desktop and on phones), side gutter.",
+  external_exports.strictObject({
+    contentWidth: external_exports.int().min(480).max(2400).optional(),
+    narrowWidth: external_exports.int().min(360).max(1600).optional(),
+    sectionPadding: external_exports.int().min(0).max(320).optional(),
+    sectionPaddingMobile: external_exports.int().min(0).max(240).optional(),
+    gutter: external_exports.int().min(0).max(160).optional(),
+    gutterMobile: external_exports.int().min(0).max(80).optional()
+  })
+);
 var StyleChoicesSchema = named(
   "StyleChoices",
   "Site Styles selections (palette, font pairing, density, shape, buttons, motion, image treatment).",
@@ -22525,7 +22579,11 @@ var StyleChoicesSchema = named(
     /** An uploaded font family (`Styles.fonts`) used for headings instead of the pairing's. */
     headingFont: external_exports.string().max(60).optional(),
     /** An uploaded font family used for body text instead of the pairing's. */
-    bodyFont: external_exports.string().max(60).optional()
+    bodyFont: external_exports.string().max(60).optional(),
+    /** Fine typography: Google Fonts per role and a tuned type scale (imports set it). */
+    typography: TypographyChoicesSchema.optional(),
+    /** Page rhythm: content width and section padding (imports set it). */
+    layout: LayoutChoicesSchema.optional()
   })
 );
 var FONT_CATEGORIES = [
@@ -23451,7 +23509,7 @@ function fontStack(spec) {
 }
 function pairingFamilies(p2) {
   const merged = /* @__PURE__ */ new Map();
-  for (const spec of [p2.heading, p2.body]) {
+  for (const spec of [p2.heading, p2.body, ...p2.label ? [p2.label] : []]) {
     const prev = merged.get(spec.family);
     if (!prev) {
       merged.set(spec.family, { ...spec, weights: [...spec.weights] });
@@ -23561,7 +23619,8 @@ var TYPE_PRESET_NAMES = [
   "small",
   "eyebrow",
   "button",
-  "nav"
+  "nav",
+  "wordmark"
 ];
 var FLUID_TYPE = {
   minViewport: 360,
@@ -23583,7 +23642,8 @@ var PRESET_STEP = {
   small: -1,
   eyebrow: -1,
   button: -0.5,
-  nav: -0.5
+  nav: -0.5,
+  wordmark: 1
 };
 var LINE_HEIGHT = {
   display: 1.05,
@@ -23596,7 +23656,8 @@ var LINE_HEIGHT = {
   small: 1.5,
   eyebrow: 1.3,
   button: 1.2,
-  nav: 1.3
+  nav: 1.3,
+  wordmark: 1.1
 };
 var MIN_FONT_SIZE_PX = 14;
 var HEADINGS = /* @__PURE__ */ new Set(["display", "h1", "h2", "h3", "h4"]);
@@ -23629,7 +23690,7 @@ function typeScale(p2) {
     const sizes = stepSizes(PRESET_STEP[name]);
     const min = Math.max(MIN_FONT_SIZE_PX, sizes.min);
     const max = Math.max(MIN_FONT_SIZE_PX, sizes.max);
-    const heading2 = HEADINGS.has(name);
+    const heading2 = HEADINGS.has(name) || name === "wordmark";
     let letterSpacing = "0em";
     if (LARGE_HEADINGS.has(name)) letterSpacing = p2.headingTracking;
     else if (heading2) letterSpacing = halfTracking(p2.headingTracking);
@@ -23639,8 +23700,9 @@ function typeScale(p2) {
     if (heading2) weight = "var(--os-font-weight-heading)";
     else if (name === "eyebrow" || name === "button" || name === "nav")
       weight = "var(--os-font-weight-strong)";
+    const label3 = name === "eyebrow" || name === "button" || name === "nav";
     out[name] = {
-      "font-family": heading2 ? "var(--os-font-heading)" : "var(--os-font-body)",
+      "font-family": heading2 ? "var(--os-font-heading)" : label3 ? "var(--os-font-label)" : "var(--os-font-body)",
       "font-size": fluidClamp(min, max),
       "line-height": String(LINE_HEIGHT[name]),
       "letter-spacing": letterSpacing,
@@ -23654,11 +23716,32 @@ function fontTokens(p2) {
   return {
     heading: fontStack(p2.heading),
     body: fontStack(p2.body),
+    // Eyebrows, buttons and navigation: a third family when the site has one, else the body's.
+    label: p2.label ? fontStack(p2.label) : "var(--os-font-body)",
     "weight-heading": String(p2.headingWeight),
     "weight-body": String(p2.bodyWeight),
     "weight-strong": String(p2.strongWeight)
   };
 }
+function mobileSize(desktopPx) {
+  const base = FLUID_TYPE.maxBase;
+  const px = desktopPx <= base ? desktopPx * 0.94 : FLUID_TYPE.minBase * (desktopPx / base) ** 0.75;
+  return Math.round(px * 10) / 10;
+}
+function tunedPreset(step) {
+  const out = {};
+  if (step.size !== void 0) {
+    const max = step.size;
+    const min = step.sizeMobile ?? Math.min(max, mobileSize(max));
+    out["font-size"] = fluidClamp(min, max);
+  }
+  if (step.lineHeight !== void 0) out["line-height"] = String(r4(step.lineHeight));
+  if (step.letterSpacing !== void 0) out["letter-spacing"] = `${r4(step.letterSpacing)}em`;
+  if (step.case !== void 0) out["text-transform"] = step.case;
+  if (step.weight !== void 0) out["font-weight"] = String(step.weight);
+  if (step.font !== void 0) out["font-family"] = `var(--os-font-${step.font})`;
+  return out;
+}
 
 // ../theme/src/layout.ts
 var rem = (px) => px === 0 ? "0" : `${Math.round(px / 16 * 1e4) / 1e4}rem`;
@@ -24008,6 +24091,8 @@ var TOKEN_VARS = {
   font: {
     heading: varName("font", "heading"),
     body: varName("font", "body"),
+    /** Eyebrows, buttons and navigation (the body font unless the site has a label font). */
+    label: varName("font", "label"),
     weightHeading: varName("font", "weight", "heading"),
     weightBody: varName("font", "weight", "body"),
     weightStrong: varName("font", "weight", "strong")
@@ -24031,6 +24116,8 @@ var TOKEN_VARS = {
     wide: varName("width", "wide")
   },
   radius: record2(RADIUS_NAMES, (r2) => varName("radius", r2)),
+  /** Eyebrow text color: the link color, or muted text (`choices.typography.eyebrowColor`). */
+  eyebrowColor: varName("eyebrow", "color"),
   shadow: record2(SHADOW_NAMES, (s) => varName("shadow", s)),
   /** Buttons: `--os-button-<primary|secondary|tertiary>-<prop>`. */
   button: record2(
@@ -24468,6 +24555,7 @@ function compileStyles(styles, options = {}) {
     });
     pairing2 = getPairing(DEFAULT_PAIRING_ID);
   }
+  pairing2 = withWebFonts(pairing2, choices.typography);
   const accentHex = scaleHex(palette.accent);
   const neutralHex = scaleHex(palette.neutral);
   const root = /* @__PURE__ */ new Map();
@@ -24489,16 +24577,29 @@ function compileStyles(styles, options = {}) {
   }
   for (const [k, v2] of Object.entries(fonts)) root.set(varName("font", k), v2);
   const type = typeScale(pairing2);
+  const tuned = choices.typography?.scale ?? {};
   for (const preset of TYPE_PRESET_NAMES) {
-    for (const [prop, v2] of Object.entries(type[preset]))
-      root.set(varName("type", preset, prop), v2);
+    const step = tuned[preset];
+    const values = step ? { ...type[preset], ...tunedPreset(step) } : type[preset];
+    for (const [prop, v2] of Object.entries(values)) root.set(varName("type", preset, prop), v2);
   }
   root.set(varName("measure"), "70ch");
   for (const [k, v2] of Object.entries(spaceTokens(choices.density)))
     root.set(varName("space", k), v2);
-  for (const [k, v2] of Object.entries(sectionTokens(choices.density)))
-    root.set(varName("section", k), v2);
-  for (const [k, v2] of Object.entries(WIDTH_TOKENS)) root.set(varName("width", k), v2);
+  const rhythm = sectionTokens(choices.density);
+  const lay = choices.layout;
+  if (lay?.sectionPadding !== void 0)
+    rhythm["pad-y"] = fluidClamp(
+      lay.sectionPaddingMobile ?? Math.round(lay.sectionPadding * 0.55),
+      lay.sectionPadding
+    );
+  if (lay?.gutter !== void 0)
+    rhythm.gutter = fluidClamp(lay.gutterMobile ?? Math.min(lay.gutter, 20), lay.gutter);
+  for (const [k, v2] of Object.entries(rhythm)) root.set(varName("section", k), v2);
+  const widths = { ...WIDTH_TOKENS };
+  if (lay?.contentWidth !== void 0) widths.content = `${lay.contentWidth}px`;
+  if (lay?.narrowWidth !== void 0) widths.narrow = `${lay.narrowWidth}px`;
+  for (const [k, v2] of Object.entries(widths)) root.set(varName("width", k), v2);
   for (const [k, v2] of Object.entries(radiusTokens(choices.shape)))
     root.set(varName("radius", k), v2);
   for (const [k, v2] of Object.entries(SHADOW_VALUES)) root.set(varName("shadow", k), v2);
@@ -24512,6 +24613,10 @@ function compileStyles(styles, options = {}) {
   }
   for (const [k, v2] of Object.entries(IMAGE_TREATMENT_VALUES[choices.imageTreatment]))
     themed.set(varName("image", k), v2);
+  themed.set(
+    varName("eyebrow", "color"),
+    choices.typography?.eyebrowColor === "muted" ? `var(${varName("color", "text-muted")})` : `var(${varName("color", "link")})`
+  );
   const roles = themeRoles(palette);
   const custom2 = /* @__PURE__ */ new Map();
   const overriddenRoles = /* @__PURE__ */ new Map();
@@ -24658,6 +24763,40 @@ function compileStyles(styles, options = {}) {
     warnings
   };
 }
+function withWebFonts(pairing2, typography) {
+  if (!typography?.heading && !typography?.body && !typography?.label) return pairing2;
+  const spec = (font, wanted) => {
+    const weights = [...new Set(font.weights ?? wanted)].sort((a, b) => a - b);
+    return {
+      family: font.family,
+      category: font.category,
+      weights,
+      ...font.italic ? { italic: true } : {}
+    };
+  };
+  const near = (weights, wanted) => weights.reduce((best, w) => Math.abs(w - wanted) < Math.abs(best - wanted) ? w : best);
+  const scale = typography.scale ?? {};
+  const out = { ...pairing2 };
+  if (typography.heading) {
+    const wanted = scale.h1?.weight ?? scale.h2?.weight ?? scale.display?.weight;
+    out.heading = spec(typography.heading, [wanted ?? pairing2.headingWeight]);
+    out.headingWeight = wanted ?? near(out.heading.weights, pairing2.headingWeight);
+  }
+  if (typography.body) {
+    const wanted = scale.body?.weight;
+    out.body = spec(typography.body, [wanted ?? 400, 600]);
+    out.bodyWeight = wanted ?? near(out.body.weights, 400);
+    out.strongWeight = near(
+      out.body.weights.filter((w) => w > out.bodyWeight).concat(out.bodyWeight),
+      600
+    );
+  }
+  if (typography.label) {
+    const wanted = [scale.eyebrow, scale.button, scale.nav].map((s) => s?.weight).filter((w) => w !== void 0);
+    out.label = spec(typography.label, wanted.length ? wanted : [400, 500]);
+  }
+  return out;
+}
 function block(selectors, decls, indent = "") {
   const lines = Object.entries(decls).map(([k, v2]) => `${indent}  ${k}: ${v2};`);
   return `${indent}${selectors.join(`,
@@ -25967,8 +26106,9 @@ function resolveLeaf(item3, doc, basePath, currentId) {
       return {
         kind: "leaf",
         label: item3.label ?? page?.title ?? "Page",
-        href: page ? pagePath(page, basePath) : `${normalizeBasePath(basePath)}/`,
-        current: item3.page === currentId,
+        href: `${page ? pagePath(page, basePath) : `${normalizeBasePath(basePath)}/`}${item3.anchor ? `#${item3.anchor}` : ""}`,
+        // An entry for a section of a page isn't "this page".
+        current: item3.page === currentId && !item3.anchor,
         newTab: false
       };
     }
@@ -26504,8 +26644,8 @@ ${typeClasses}
 }
 /* Large type never overflows a narrow column */
 @container block (max-width:34rem){
-.os-type-display{font-size:min(${v(T.type.display["font-size"])},13cqi)}
-.os-type-h1{font-size:min(${v(T.type.h1["font-size"])},10cqi)}
+.os-type-display{font-size:min(${v(T.type.display["font-size"])},16cqi)}
+.os-type-h1{font-size:min(${v(T.type.h1["font-size"])},12cqi)}
 }
 /* Layout helpers for block authors */
 .os-cluster{display:flex;flex-wrap:wrap;gap:${v(T.space.xs)};align-items:center}
@@ -26595,7 +26735,7 @@ ${button("tertiary")}
 .os-header__brand{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;color:${v(c2.heading)};text-decoration:none;margin-inline-end:auto}
 .os-header__logo{height:var(--mlogo-h,2rem);width:auto;border-radius:0;background:none}
 .os-header__logo .os-img__img{height:100%;width:auto;object-fit:contain}
-.os-header__title{font-family:${v(T.font.heading)};font-weight:${v(T.font.weightHeading)};font-size:${v(T.type.h4["font-size"])};letter-spacing:${v(T.type.h4["letter-spacing"])};line-height:1.1;text-wrap:balance;overflow-wrap:break-word;max-inline-size:30ch}
+.os-header__title{${typePreset("wordmark")};text-wrap:balance;overflow-wrap:break-word;max-inline-size:30ch}
 .os-header__brand--split,.os-nav{display:none}
 .os-header__actions{display:none;align-items:center;gap:${v(T.space.xs)}}
 .os-header__actions .os-button{min-height:2.5rem;padding-block:0.5rem}
@@ -26891,7 +27031,7 @@ function renderPageHtml(opts) {
   const ogImage = ogImageSrc ? ogImageUrl(ogImageSrc, siteUrl, opts.imageMap) : void 0;
   const customHeading = chosenCustomFont(doc.styles, doc.styles.choices.headingFont);
   const customBody = chosenCustomFont(doc.styles, doc.styles.choices.bodyFont);
-  const noWebFonts = Boolean(customHeading && customBody);
+  const noWebFonts = Boolean(customHeading && customBody && !styles.tokens.pairing.label);
   const inlineFonts = !noWebFonts && opts.fontCss ? opts.fontCss : "";
   const fonts = noWebFonts || inlineFonts ? [] : opts.fontStylesheets ?? [googleFontsUrl(styles.tokens.pairing)];
   const fontFaces = [inlineFonts, customFontFaces(doc.styles, (src) => mediaUrl(src, basePath))].filter(Boolean).join("\n");
@@ -29392,7 +29532,7 @@ var columnsBlock = defineBlock({
   fields: {
     items: f.list({
       min: 1,
-      max: 8,
+      max: 12,
       itemLabel: "heading",
       fields: {
         image: f.image({ optional: true }),
@@ -29432,7 +29572,9 @@ var columnsBlock = defineBlock({
       options: [
         { value: "2", label: "2" },
         { value: "3", label: "3" },
-        { value: "4", label: "4" }
+        { value: "4", label: "4" },
+        { value: "5", label: "5" },
+        { value: "6", label: "6" }
       ],
       default: "3",
       display: "segmented"
@@ -29870,15 +30012,15 @@ function productPrice(item3, locale) {
 }
 function PriceText({ price }) {
   return /* @__PURE__ */ jsxs15(Fragment7, { children: [
+    price.was ? /* @__PURE__ */ jsx19("span", { className: "os-visually-hidden", children: "Sale price: " }) : null,
+    /* @__PURE__ */ jsx19("span", { children: price.text }),
     price.was ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
-      /* @__PURE__ */ jsxs15("s", { children: [
-        /* @__PURE__ */ jsx19("span", { className: "os-visually-hidden", children: "Was " }),
+      " ",
+      /* @__PURE__ */ jsxs15("s", { className: "os-price__was", children: [
+        /* @__PURE__ */ jsx19("span", { className: "os-visually-hidden", children: ", was " }),
         price.was
-      ] }),
-      /* @__PURE__ */ jsx19("span", { className: "os-price__sep", "aria-hidden": "true", children: " \xB7 " }),
-      /* @__PURE__ */ jsx19("span", { className: "os-visually-hidden", children: /^\p{L}/u.test(price.text) ? ", sale price: " : "now " })
-    ] }) : null,
-    /* @__PURE__ */ jsx19("span", { children: price.text })
+      ] })
+    ] }) : null
   ] });
 }
 function eventWhen(fm, locale) {
@@ -29938,6 +30080,13 @@ var summaryBlock = defineBlock({
     }),
     columns: f.select({ options: ["2", "3", "4"], default: "3", display: "segmented" }),
     showImage: f.boolean({ default: true }),
+    imageAspect: f.select({
+      optional: true,
+      options: ASPECT_OPTIONS.filter((o) => o.value !== "original"),
+      default: "3:2",
+      label: "Photo shape",
+      help: "Crop of the photos in the grid and card layouts (portrait suits clothing and books)"
+    }),
     showDate: f.boolean({ default: true }),
     showExcerpt: f.boolean({ default: true }),
     showMeta: f.boolean({ default: false, help: "Author, client, location or episode" }),
@@ -29986,7 +30135,7 @@ var summaryBlock = defineBlock({
           {
             src: image3,
             alt: "",
-            aspect: variant === "wall" ? "original" : variant === "list" ? "4:3" : "3:2",
+            aspect: variant === "wall" ? "original" : variant === "list" ? "4:3" : fields.imageAspect ?? "3:2",
             sizes: sizesFor(variant, columns2),
             className: "os-summary__image"
           }
@@ -30273,7 +30422,7 @@ var collectionsCss = `
 .os-summary__excerpt{margin:0.2em 0 0;color:var(--os-color-text)}
 .os-price__sep{color:var(--os-color-text-muted);font-weight:400}
 .os-summary__price{margin:0;font-weight:var(--os-font-weight-strong);color:var(--os-color-heading)}
-.os-summary__price s{font-weight:400;color:var(--os-color-text-muted)}
+.os-summary__price s{font-weight:400;color:var(--os-color-text-muted);text-decoration-line:line-through}
 .os-summary__image{transition:transform var(--os-motion-duration-slow) var(--os-motion-ease)}
 .os-summary__empty,.os-events__empty{margin:0;color:var(--os-color-text-muted)}
 .os-summary__foot{margin-top:var(--os-space-2xs)}
@@ -30713,6 +30862,12 @@ var productBlock = defineBlock({
       help: "Pick one product from a products collection"
     }),
     showDescription: f.boolean({ default: true }),
+    showTitle: f.boolean({
+      optional: true,
+      default: true,
+      label: "Show the name",
+      help: "Off on the product's own page, where the page title already names it"
+    }),
     quantity: f.boolean({ default: true, label: "Quantity picker" }),
     buttonLabel: f.text({ maxLength: 30, default: "Add to cart" }),
     detailsLabel: f.text({ maxLength: 30, default: "View details" })
@@ -30784,7 +30939,7 @@ var productBlock = defineBlock({
         }
       ) : null,
       /* @__PURE__ */ jsxs17("div", { className: "os-product__body", children: [
-        /* @__PURE__ */ jsx21(
+        fields.showTitle !== false ? /* @__PURE__ */ jsx21(
           "h3",
           {
             className: cx(
@@ -30793,7 +30948,7 @@ var productBlock = defineBlock({
             ),
             children: /* @__PURE__ */ jsx21("a", { className: "os-product__link", href, children: fm.title })
           }
-        ),
+        ) : null,
         price ? /* @__PURE__ */ jsx21("p", { className: "os-product__price", children: /* @__PURE__ */ jsx21(PriceText, { price }) }) : null,
         fields.showDescription && fm.excerpt ? /* @__PURE__ */ jsx21("p", { className: "os-product__desc", children: fm.excerpt }) : null,
         firstAvailable && !canSell ? /* @__PURE__ */ jsx21(
@@ -30858,13 +31013,13 @@ var productBlock = defineBlock({
             )
           ] })
         ] }) : options.length ? /* @__PURE__ */ jsx21("p", { className: "os-product__soldout", children: "Sold out" }) : /* @__PURE__ */ jsx21(EditorNotice, { children: "Give this product a SKU so it can be added to the cart." }),
-        /* @__PURE__ */ jsxs17("a", { className: "os-product__details", href, children: [
+        fields.detailsLabel ? /* @__PURE__ */ jsxs17("a", { className: "os-product__details", href, children: [
           fields.detailsLabel,
           /* @__PURE__ */ jsxs17("span", { className: "os-visually-hidden", children: [
             ": ",
             fm.title
           ] })
-        ] })
+        ] }) : null
       ] })
     ] });
   }
@@ -31052,7 +31207,7 @@ var commerceCss = `
 .os-product__link{color:inherit;text-decoration:none}
 .os-product__link:hover{text-decoration:underline;text-underline-offset:0.2em}
 .os-product__price{display:flex;flex-wrap:wrap;gap:0 0.3em;align-items:baseline;margin:0;font-size:var(--os-type-lead-font-size);font-weight:var(--os-font-weight-strong);color:var(--os-color-heading);font-variant-numeric:lining-nums}
-.os-product__price s{font-weight:400;color:var(--os-color-text-muted)}
+.os-product__price s{font-weight:400;color:var(--os-color-text-muted);text-decoration-line:line-through}
 .os-product__desc{margin:0;color:var(--os-color-text);max-inline-size:var(--os-measure)}
 .os-product__buy{display:grid;gap:var(--os-space-xs);margin-top:var(--os-space-2xs)}
 .os-product__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--os-space-xs)}
@@ -32105,7 +32260,7 @@ var headingBlock = defineBlock({
     size: f.select({ options: SIZES2, default: "auto", label: "Visual size" }),
     subheading: f.text({ optional: true, multiline: true, maxLength: 280 })
   },
-  variants: ["plain", "rule", "underline", "split"],
+  variants: ["plain", "rule", "underline", "split", "eyebrow-rule"],
   styleSlots: ["colorTheme", "padding", "align", "animation", "typography.heading"],
   defaults: {
     fields: {
@@ -32115,7 +32270,7 @@ var headingBlock = defineBlock({
   },
   ai: {
     purpose: "A section heading with optional eyebrow and supporting line.",
-    whenToUse: "To open a section or introduce a group of blocks. `rule` adds a short accent line above, `underline` a line below, `split` puts the subheading beside the heading on wide screens.",
+    whenToUse: "To open a section or introduce a group of blocks. `rule` adds a short accent line above, `eyebrow-rule` a short accent line between the eyebrow and the heading, `underline` a line below, `split` puts the subheading beside the heading on wide screens.",
     avoid: "Using headings for emphasis inside body copy (use text); skipping levels (h2 \u2192 h4); more than one Heading 1 per page."
   },
   render: ({ fields, variant, style }) => {
@@ -32249,7 +32404,9 @@ var dividerBlock = defineBlock({
 var headingCss = `
 .os-heading{display:grid;gap:var(--os-space-xs)}
 .os-heading__main{display:grid;gap:var(--os-space-2xs)}
-.os-heading__eyebrow{color:var(--os-color-link);margin:0}
+.os-heading__eyebrow{color:var(--os-eyebrow-color,var(--os-color-link));margin:0}
+.os-heading--eyebrow-rule .os-heading__eyebrow::after{content:"";display:block;width:clamp(3rem,5vw,4rem);height:2px;background:var(--os-color-accent);margin-block:clamp(1.25rem,2vw,1.75rem) clamp(0.75rem,1.5vw,1.25rem)}
+.os-align-center .os-heading--eyebrow-rule .os-heading__eyebrow::after,.os-malign-center .os-heading--eyebrow-rule .os-heading__eyebrow::after{margin-inline:auto}
 .os-heading__text{margin:0;text-wrap:balance;color:var(--os-color-heading)}
 .os-heading__sub{margin:0;color:var(--os-color-text);max-inline-size:var(--os-measure);text-wrap:pretty}
 .os-heading--rule .os-heading__main::before{content:"";width:2.5rem;height:3px;border-radius:var(--os-radius-full);background:var(--os-color-accent);margin-bottom:var(--os-space-2xs)}
@@ -49831,6 +49988,10 @@ export {
   SHAPES,
   BUTTON_STYLES,
   MOTION_LEVELS,
+  TYPE_SCALE_PRESETS,
+  WebFontSchema,
+  TypeStepSchema,
+  LayoutChoicesSchema,
   StyleChoicesSchema,
   StylesSchema,
   SiteDocumentSchema,
@@ -49840,6 +50001,7 @@ export {
   parseColor,
   toHex,
   deltaEOK,
+  relativeLuminance,
   contrastRatio,
   nearestAccessible,
   TYPE_PAIRINGS,
@@ -49847,7 +50009,10 @@ export {
   pairingFamilies,
   flattenDtcg,
   compileStyles,
+  itemDate,
+  isLive,
   renderPageHtml,
+  rt,
   blocksStyleTag,
   blockHeadings,
   copyViolations,
@@ -49967,4 +50132,4 @@ lucide/dist/esm/lucide.mjs:
    * See the LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=chunk-KAJOS2YV.js.map
+//# sourceMappingURL=chunk-RD24SW4M.js.map