slidev-theme-practicum 0.1.0 → 0.1.2

package/composables/layout-recipes.ts

@@ -167,8 +167,7 @@ export const LAYOUT_RECIPES: ThemeLayoutRecipe[] = [
       content: 'closing',
       aliases: [{ variant: 'closing' }],
       regions: {
-        primary: { area: '4 / 2 / 10 / 12', centered: true },
-        support: '12 / 1 / -1 / 4',
+        primary: { area: '1 / 2 / -1 / 12', centered: true },
       },
     },
   ]),
@@ -177,7 +176,7 @@ export const LAYOUT_RECIPES: ThemeLayoutRecipe[] = [
       content: 'title-supports',
       aliases: [{ variant: 'title-supports' }],
       regions: {
-        primary: '2 / 1 / -1 / 7',
+        primary: { area: '2 / 1 / -1 / 7', marginRight: 4 },
         secondary: '2 / 7 / -1 / -1',
       },
     },
@@ -224,8 +223,8 @@ export const LAYOUT_RECIPES: ThemeLayoutRecipe[] = [
       content: 'agenda',
       aliases: [{ variant: 'agenda' }],
       regions: {
-        primary: { area: '1 / 1 / -1 / 9', margin: 4 },
-        media: '1 / 9 / -1 / -1',
+        primary: { area: '1 / 1 / -1 / 10', margin: 4 },
+        media: '1 / 10 / -1 / -1',
       },
     },
     {
@@ -312,6 +311,30 @@ export const LAYOUT_RECIPES: ThemeLayoutRecipe[] = [
         ],
       },
     },
+    {
+      content: 'facts',
+      aliases: [{ variant: 'facts-duo' }, { variant: 'facts', arrangement: 'duo' }],
+      regions: {
+        primary: { area: '2 / 1 / 6 / -1' },
+        support: [
+          { area: '6 / 1 / -1 / 7', surface: 'light', margin: 3 },
+          { area: '6 / 7 / -1 / -1', surface: 'light', margin: 3 },
+        ],
+      },
+    },
+    {
+      content: 'facts',
+      aliases: [{ variant: 'facts-quartet' }, { variant: 'facts', arrangement: 'quartet' }],
+      regions: {
+        primary: { area: '2 / 1 / 6 / -1' },
+        support: [
+          { area: '6 / 1 / -1 / 4', surface: 'light', margin: 3 },
+          { area: '6 / 4 / -1 / 7', surface: 'light', margin: 3 },
+          { area: '6 / 7 / -1 / 10', surface: 'light', margin: 3 },
+          { area: '6 / 10 / -1 / -1', surface: 'light', margin: 3 },
+        ],
+      },
+    },
     {
       content: 'facts',
       aliases: [{ variant: 'facts-featured' }, { variant: 'facts', arrangement: 'featured' }],
@@ -345,3 +368,26 @@ export function resolveLayoutRecipe(layout: ThemeLayout, variant: string, arrang
 
   return recipe
 }
+
+export function resolveLayoutVariant(layout: ThemeLayout | '', variant: string, arrangement = '') {
+  if (!layout)
+    return variant.trim()
+
+  return resolveLayoutRecipe(layout, variant, arrangement).aliases[0].variant
+}
+
+export function resolveLayoutSpec(layout: ThemeLayout, variant: string) {
+  return normalizeRecipeRegions(resolveLayoutRecipe(layout, variant))
+}
+
+export function resolveLayoutSlotSpec(
+  layout: ThemeLayout,
+  variant: string,
+  role: ThemeLayoutRole,
+  index: number,
+) {
+  const resolved = resolveLayoutSpec(layout, variant).slots[role]?.[index]
+  if (!resolved)
+    fail('Slide', `Variant "${layout}:${variant}" не поддерживает ${role}[${index}].`)
+  return resolved
+}

package/composables/layout-shorthands.ts

@@ -1,6 +1,6 @@
 import { Text as NativeText, cloneVNode, h, isVNode, withCtx, type Component, type VNode } from 'vue'
-import { extractMarkdownHeading, extractMarkdownQuote } from './layout-markdown.mjs'
-import type { ThemeLayoutRole } from './layout-registry'
+import { extractMarkdownHeading, extractMarkdownQuote, normalizeInlineText } from './layout-markdown.mjs'
+import type { ThemeLayoutRole } from './layout-recipes'
 import { isBlankTextVNode, isNamedComponentVNode, readVNodeProp, readVNodeTypeName } from './layout-vnode'
 import type { ThemeTextSizeInput } from './text-fit-runtime'
 
@@ -25,8 +25,17 @@ export type LayoutShorthandContext = {
 
 type LayoutShorthandBuilder = (children: VNode[], context: LayoutShorthandContext) => VNode[]
 
-function failMarkdownContract(label: string, message: string): never {
-  throw new Error(`[Slide] ${label} ${message}`)
+export type SlideMarkdownContractError = Error & {
+  name: 'SlideMarkdownContractError'
+  hint?: string
+}
+
+function failMarkdownContract(label: string, message: string, hint?: string): never {
+  const error = new Error(`[Slide] ${label} ${message}`) as SlideMarkdownContractError
+  error.name = 'SlideMarkdownContractError'
+  if (hint)
+    error.hint = hint
+  throw error
 }
 
 function isHeadingNode(node: VNode) {
@@ -53,10 +62,6 @@ function readTextNode(node: VNode) {
   return typeof node.children === 'string' ? node.children : ''
 }
 
-function normalizeInlineText(value: string) {
-  return value.replace(/\s+/g, ' ').trim()
-}
-
 function readInlineText(node: VNode): string {
   if (node.type === NativeText)
     return normalizeInlineText(readTextNode(node))
@@ -80,7 +85,17 @@ function ensureOnlySupportedChildren(label: string, children: VNode[], allow: (n
     return
 
   const unsupportedLabels = unsupportedNodes.map(readVNodeTypeName).join(', ')
-  failMarkdownContract(label, `поддерживает только каноническую markdown-структуру. Неподдерживаемые children: ${unsupportedLabels}.`)
+  const suggestion = label === 'message:centered'
+    ? 'Оставьте только один markdown-заголовок `# …`. Подзаголовок перенесите в заметки автора или объедините с заголовком.'
+    : label === 'message:closing'
+      ? 'Оставьте один markdown-заголовок `# …` и не более одного markdown-абзаца под ним.'
+      : undefined
+
+  failMarkdownContract(
+    label,
+    `поддерживает только каноническую markdown-структуру. Неподдерживаемые children: ${unsupportedLabels}.`,
+    suggestion,
+  )
 }
 
 function readHeadingText(children: VNode[], label: string) {
@@ -203,6 +218,34 @@ function readRecordInput(record: Record<string, unknown>, keys: readonly string[
   return undefined
 }
 
+function readListItemText(li: VNode) {
+  if (typeof li.children === 'string')
+    return normalizeInlineText(li.children)
+
+  if (!Array.isArray(li.children))
+    return ''
+
+  const parts: string[] = []
+
+  for (const child of li.children) {
+    if (!isVNode(child)) {
+      const text = String(child ?? '').trim()
+      if (text)
+        parts.push(text)
+      continue
+    }
+
+    if (child.type === 'ul' || child.type === 'ol')
+      continue
+
+    const text = readInlineText(child).trim()
+    if (text)
+      parts.push(text)
+  }
+
+  return normalizeInlineText(parts.join(' '))
+}
+
 function readListItems(list: VNode, label: string) {
   if (!Array.isArray(list.children))
     failMarkdownContract(label, 'ожидает list items с текстом.')
@@ -210,10 +253,54 @@ function readListItems(list: VNode, label: string) {
   return list.children
     .filter(isVNode)
     .filter(node => node.type === 'li')
-    .map(readInlineText)
+    .map(readListItemText)
     .filter(Boolean)
 }
 
+function readListItemNodes(list: VNode, label: string) {
+  if (!Array.isArray(list.children))
+    failMarkdownContract(label, 'ожидает list items с текстом.')
+
+  return list.children
+    .filter(isVNode)
+    .filter(node => node.type === 'li')
+}
+
+function hasListItemContent(li: VNode) {
+  if (typeof li.children === 'string')
+    return Boolean(normalizeInlineText(li.children))
+
+  if (!Array.isArray(li.children))
+    return false
+
+  return li.children.some((child) => {
+    if (!isVNode(child))
+      return Boolean(String(child).trim())
+
+    if (child.type === 'ul' || child.type === 'ol')
+      return Array.isArray(child.children) && child.children.some(node => isVNode(node) && node.type === 'li')
+
+    return Boolean(readInlineText(child))
+  })
+}
+
+function readListItemContent(li: VNode): VNode[] {
+  if (typeof li.children === 'string')
+    return normalizeInlineText(li.children) ? [h('p', li.children)] : []
+
+  if (!Array.isArray(li.children))
+    return []
+
+  return li.children.flatMap((child) => {
+    if (!isVNode(child)) {
+      const text = String(child).trim()
+      return text ? [h('p', text)] : []
+    }
+
+    return [cloneVNode(child)]
+  })
+}
+
 type NestedListItem = { value: string, label: string }
 
 function readNestedListItems(list: VNode, label: string): NestedListItem[] {
@@ -229,10 +316,28 @@ function readNestedListItems(list: VNode, label: string): NestedListItem[] {
         return { value: text, label: '' }
       }
 
-      const childNodes = li.children.filter(isVNode)
-      const nestedList = childNodes.find(node => node.type === 'ul' || node.type === 'ol')
-      const valueNodes = childNodes.filter(node => node !== nestedList)
-      const value = normalizeInlineText(valueNodes.map(readInlineText).join(' '))
+      const valueParts: string[] = []
+      let nestedList: VNode | undefined
+
+      for (const child of li.children) {
+        if (!isVNode(child)) {
+          const text = String(child ?? '').trim()
+          if (text)
+            valueParts.push(text)
+          continue
+        }
+
+        if (child.type === 'ul' || child.type === 'ol') {
+          nestedList = child
+          continue
+        }
+
+        const text = readInlineText(child).trim()
+        if (text)
+          valueParts.push(text)
+      }
+
+      const value = normalizeInlineText(valueParts.join(' '))
 
       let label = ''
       if (nestedList && Array.isArray(nestedList.children)) {
@@ -241,7 +346,7 @@ function readNestedListItems(list: VNode, label: string): NestedListItem[] {
           .find(node => node.type === 'li')
 
         if (firstNestedLi)
-          label = readInlineText(firstNestedLi)
+          label = readListItemText(firstNestedLi)
       }
 
       return { value, label }
@@ -249,6 +354,14 @@ function readNestedListItems(list: VNode, label: string): NestedListItem[] {
     .filter(item => item.value)
 }
 
+const FACTS_VARIANT_COUNTS: Record<string, number> = {
+  'facts-duo': 2,
+  'facts-trio': 3,
+  'facts-quartet': 4,
+  'facts-stacked': 3,
+  'facts-featured': 3,
+}
+
 export function shouldUseExplicitRoleChildren(
   children: VNode[],
   shorthandKey: string,
@@ -436,15 +549,20 @@ function buildCenteredChildren(children: VNode[], context: LayoutShorthandContex
 
 function buildClosingChildren(children: VNode[], context: LayoutShorthandContext) {
   const title = readHeadingText(children, 'message:closing')
+  const paragraph = readParagraphText(children)
 
   ensureOnlySupportedChildren('message:closing', children, node =>
     node === title.node
+    || node === paragraph?.node
     || isBlankTextNode(node),
   )
 
   return [
     hSlot(context, 'primary', 'slide-message-closing-primary', { centered: true }, [
       hText(context, 'h1', '7', title.text, { align: 'middle' }),
+      ...(paragraph
+        ? [hText(context, 'p', '3', paragraph.text, { muted: true })]
+        : []),
     ]),
   ]
 }
@@ -473,14 +591,56 @@ function buildDefinitionChildren(children: VNode[], context: LayoutShorthandCont
   ]
 }
 
+function isRichTextBodyNode(node: VNode) {
+  return isParagraphNode(node) || isListNode(node) || isBlockquoteNode(node)
+}
+
+function buildTitleRichSideChildren(
+  children: VNode[],
+  context: LayoutShorthandContext,
+  contract: 'explainer:title-body' | 'explainer:title-supports',
+  options: { muted?: boolean } = {},
+) {
+  const title = readHeadingText(children, contract)
+  const bodyNodes = children.filter(node =>
+    node !== title.node
+    && !isBlankTextNode(node),
+  )
+
+  if (!bodyNodes.length)
+    failMarkdownContract(contract, 'ожидает markdown paragraph, list или blockquote под heading.')
+
+  ensureOnlySupportedChildren(contract, children, node =>
+    node === title.node
+    || isRichTextBodyNode(node)
+    || isBlankTextNode(node),
+  )
+
+  const slotPrefix = contract === 'explainer:title-body' ? 'title-body' : 'title-supports'
+  const bodyClass = options.muted ? 'Slide-TitleBody Slide-TitleBody_muted' : 'Slide-TitleBody'
+
+  return [
+    hSlot(context, 'primary', `slide-explainer-${slotPrefix}-primary`, {}, [
+      hText(context, 'h1', '6', title.text),
+    ]),
+    hSlot(context, 'secondary', `slide-explainer-${slotPrefix}-secondary`, {}, [
+      h('div', { class: bodyClass }, bodyNodes.map(node => cloneVNode(node))),
+    ]),
+  ]
+}
+
 function buildTitleSupportsChildren(
   children: VNode[],
   context: LayoutShorthandContext,
   options: { placement?: 'side' | 'bottom', muted?: boolean, supportSize?: ThemeTextSizeInput } = {},
 ) {
+  const placement = options.placement ?? 'side'
+
+  if (placement === 'side')
+    return buildTitleRichSideChildren(children, context, 'explainer:title-supports', { muted: true })
+
   const title = readHeadingText(children, 'explainer:title-supports')
   const list = children.find(isListNode)
-  const placement = options.placement ?? 'side'
   const muted = options.muted ?? true
   const supportSize = options.supportSize ?? '4'
 
@@ -490,12 +650,17 @@ function buildTitleSupportsChildren(
   if (list.type !== 'ul')
     failMarkdownContract('explainer:title-supports', 'ожидает ненумерованный markdown list (`-` или `*`).')
 
-  const supports = readListItems(list, 'explainer:title-supports')
-  if (!supports.length)
+  const items = readListItemNodes(list, 'explainer:title-supports')
+  if (!items.length || !items.every(hasListItemContent))
     failMarkdownContract('explainer:title-supports', 'ожидает list items с текстом.')
 
-  if (placement === 'bottom' && supports.length !== 2)
-    failMarkdownContract('explainer:title-supports', 'ожидает ровно два list items для нижнего 50/50 layout.')
+  if (items.length !== 2) {
+    failMarkdownContract(
+      'explainer:title-supports',
+      'ожидает ровно два list items для нижнего 50/50 layout.',
+      'Нужны ровно 2 пункта `-` верхнего уровня под заголовком. Сожмите список или смените variant на title-supports / title-body.',
+    )
+  }
 
   ensureOnlySupportedChildren('explainer:title-supports', children, node =>
     node === title.node
@@ -503,57 +668,30 @@ function buildTitleSupportsChildren(
     || isBlankTextNode(node),
   )
 
-  if (placement === 'bottom') {
-    return [
-      hSlot(context, 'primary', 'slide-explainer-title-supports-bottom-primary', {}, [
-        hText(context, 'h1', '6', title.text),
-      ]),
-      ...supports.map((item, index) =>
-        hSlot(context, 'support', `slide-explainer-title-supports-bottom-support-${index + 1}`, {}, [
-          hText(context, 'div', supportSize, item, { muted }),
-        ]),
-      ),
-    ]
-  }
+  const bodyClass = muted ? 'Slide-TitleBody Slide-TitleBody_muted' : 'Slide-TitleBody'
 
   return [
-    hSlot(context, 'primary', 'slide-explainer-title-supports-primary', {}, [
+    hSlot(context, 'primary', 'slide-explainer-title-supports-bottom-primary', {}, [
       hText(context, 'h1', '6', title.text),
     ]),
-    hSlot(context, 'secondary', 'slide-explainer-title-supports-secondary', {}, [
-      cloneVNode(list, { class: 'Slide-TitleSupportsList Slide-TitleSupportsList_size_large' }),
-    ]),
+    ...items.map((item, index) =>
+      hSlot(context, 'support', `slide-explainer-title-supports-bottom-support-${index + 1}`, {}, [
+        h(context.components.Text, {
+          as: 'div',
+          size: supportSize,
+          muted,
+        }, {
+          default: withCtx(() => [
+            h('div', { class: bodyClass }, readListItemContent(item)),
+          ]),
+        }),
+      ]),
+    ),
   ]
 }
 
-function isRichTextBodyNode(node: VNode) {
-  return isParagraphNode(node) || isListNode(node) || isBlockquoteNode(node)
-}
-
 function buildTitleBodyChildren(children: VNode[], context: LayoutShorthandContext) {
-  const title = readHeadingText(children, 'explainer:title-body')
-  const bodyNodes = children.filter(node =>
-    node !== title.node
-    && !isBlankTextNode(node),
-  )
-
-  if (!bodyNodes.length)
-    failMarkdownContract('explainer:title-body', 'ожидает markdown paragraph, list или blockquote под heading.')
-
-  ensureOnlySupportedChildren('explainer:title-body', children, node =>
-    node === title.node
-    || isRichTextBodyNode(node)
-    || isBlankTextNode(node),
-  )
-
-  return [
-    hSlot(context, 'primary', 'slide-explainer-title-body-primary', {}, [
-      hText(context, 'h1', '6', title.text),
-    ]),
-    hSlot(context, 'secondary', 'slide-explainer-title-body-secondary', {}, [
-      h('div', { class: 'Slide-TitleBody' }, bodyNodes.map(node => cloneVNode(node))),
-    ]),
-  ]
+  return buildTitleRichSideChildren(children, context, 'explainer:title-body')
 }
 
 function buildPointsChildren(children: VNode[], context: LayoutShorthandContext) {
@@ -726,6 +864,7 @@ function buildMetricsChildren(children: VNode[], context: LayoutShorthandContext
   const featuredIndex = metrics.findIndex(metric => metric.featured)
   const featured = metrics[featuredIndex >= 0 ? featuredIndex : 0]
   const supportMetrics = metrics.filter(metric => metric !== featured).slice(0, 2)
+  const supportMetricsFitGroup = `collection-${context.variant}-support-metrics`
 
   if (supportMetrics.length < 2)
     failMarkdownContract('collection:metrics', 'ожидает два вторичных metric item.')
@@ -758,7 +897,10 @@ function buildMetricsChildren(children: VNode[], context: LayoutShorthandContext
       ]),
     ),
     ...supportMetrics.map((metric, index) =>
-      hSlot(context, 'support', `slide-collection-metrics-support-${index + 1}`, { gap: '2' }, [
+      hSlot(context, 'support', `slide-collection-metrics-support-${index + 1}`, {
+        fitGroup: supportMetricsFitGroup,
+        gap: '2',
+      }, [
         hText(context, 'div', '7', metric.value, { priority: 1 }),
         hText(context, 'div', '2-6', metric.label, { priority: 2, muted: true, typography: 'compact' }),
       ]),
@@ -797,26 +939,45 @@ function buildFactsChildren(children: VNode[], context: LayoutShorthandContext)
   )
 
   const facts = readNestedListItems(list, 'collection:facts')
-
-  if (facts.length < 3)
-    failMarkdownContract('collection:facts', 'ожидает минимум три факта в markdown-списке.')
+  const expectedFactCount = FACTS_VARIANT_COUNTS[context.variant] ?? 3
+
+  if (facts.length !== expectedFactCount) {
+    failMarkdownContract(
+      'collection:facts',
+      `${context.variant} ожидает ровно ${expectedFactCount} факта в markdown-списке.`,
+      `Для ${context.variant} нужно ровно ${expectedFactCount} пункта верхнего уровня, у каждого — вложенная подпись.`,
+    )
+  }
 
   facts.forEach((fact, index) => {
-    if (!fact.label)
-      failMarkdownContract('collection:facts', `ожидает вложенный пункт с подписью у facts[${index}].`)
+    if (!fact.label) {
+      failMarkdownContract(
+        'collection:facts',
+        `ожидает вложенный пункт с подписью у facts[${index}].`,
+        'Каждый факт: `- значение` и на следующей строке `  - подпись`. Не пишите `- роль: текст` одной строкой.',
+      )
+    }
   })
 
-  const [featured, ...rest] = facts
-  const supportFacts = rest.slice(0, 2)
-
-  if (supportFacts.length < 2)
-    failMarkdownContract('collection:facts', 'ожидает минимум два дополнительных факта в markdown-списке.')
-
+  const [featured, ...supportFacts] = facts
   const isFeatured = context.variant === 'facts-featured'
   const isStacked = context.variant === 'facts-stacked'
+  const isDuo = context.variant === 'facts-duo'
+  const isQuartet = context.variant === 'facts-quartet'
+  const shouldCoordinateFactSizes = isStacked || isDuo || context.variant === 'facts-trio' || isQuartet
+  const factFitGroup = shouldCoordinateFactSizes ? `collection-${context.variant}-facts` : ''
+  const supportFactFitGroup = isFeatured ? `collection-${context.variant}-support-facts` : factFitGroup
   const headingText = readInlineText(heading)
   const descriptionText = description ? readInlineText(description) : ''
   const footnoteText = footnote ? readInlineText(footnote) : ''
+  const rowFactSize: ThemeTextSizeInput = isQuartet ? '5-8' : isDuo ? '5-10' : '5-9'
+  const stackedFactSize: ThemeTextSizeInput = '5-9'
+  const stackedLabelSize: ThemeTextSizeInput = '2-4'
+  const rowLabelSize: ThemeTextSizeInput = '2-4'
+  const featuredFactSize: ThemeTextSizeInput = isFeatured ? '9-12' : isStacked ? stackedFactSize : rowFactSize
+  const supportFactSize: ThemeTextSizeInput = isFeatured ? '5-7' : isStacked ? stackedFactSize : rowFactSize
+  const featuredLabelSize: ThemeTextSizeInput = isFeatured ? '4-6' : isStacked ? stackedLabelSize : rowLabelSize
+  const supportLabelSize: ThemeTextSizeInput = isFeatured ? '2-4' : isStacked ? stackedLabelSize : rowLabelSize
 
   const primaryChildren: VNode[] = [
     hText(context, 'h2', isFeatured ? '5-7' : '6-8', headingText, { priority: 1 }),
@@ -825,12 +986,15 @@ function buildFactsChildren(children: VNode[], context: LayoutShorthandContext)
   if (descriptionText)
     primaryChildren.push(hText(context, 'p', isStacked ? '4-5' : '3-4', descriptionText, { priority: 2, muted: true }))
 
+  if (footnoteText && factFitGroup)
+    primaryChildren.push(hText(context, 'div', '2-3', footnoteText, { priority: 3, muted: true }))
+
   const featuredChildren: VNode[] = [
-    hText(context, 'div', isFeatured ? '9-12' : '7-10', featured.value, { priority: 1 }),
-    hText(context, 'div', isFeatured ? '4-6' : '3-5', featured.label, { priority: 2, muted: true }),
+    hText(context, 'div', featuredFactSize, featured.value, { priority: 1 }),
+    hText(context, 'div', featuredLabelSize, featured.label, { priority: 2, muted: true }),
   ]
 
-  if (footnoteText)
+  if (footnoteText && !factFitGroup)
     featuredChildren.push(hText(context, 'div', '2-3', footnoteText, { priority: 3, muted: true }))
 
   return [
@@ -838,11 +1002,15 @@ function buildFactsChildren(children: VNode[], context: LayoutShorthandContext)
     hSlot(context, 'support', `slide-collection-${context.variant}-support-1`, {
       gap: '2',
       centered: false,
+      ...(factFitGroup ? { fitGroup: factFitGroup } : {}),
     }, featuredChildren),
     ...supportFacts.map((fact, index) =>
-      hSlot(context, 'support', `slide-collection-${context.variant}-support-${index + 2}`, { gap: '2' }, [
-        hText(context, 'div', isFeatured ? '5-7' : '7-9', fact.value, { priority: 1 }),
-        hText(context, 'div', '2-4', fact.label, { priority: 2, muted: true }),
+      hSlot(context, 'support', `slide-collection-${context.variant}-support-${index + 2}`, {
+        gap: '2',
+        ...(supportFactFitGroup ? { fitGroup: supportFactFitGroup } : {}),
+      }, [
+        hText(context, 'div', supportFactSize, fact.value, { priority: 1 }),
+        hText(context, 'div', supportLabelSize, fact.label, { priority: 2, muted: true }),
       ]),
     ),
   ]
@@ -851,7 +1019,9 @@ function buildFactsChildren(children: VNode[], context: LayoutShorthandContext)
 const LAYOUT_SHORTHANDS = {
   'collection:agenda': buildAgendaChildren,
   'collection:facts-stacked': buildFactsChildren,
+  'collection:facts-duo': buildFactsChildren,
   'collection:facts-trio': buildFactsChildren,
+  'collection:facts-quartet': buildFactsChildren,
   'collection:facts-featured': buildFactsChildren,
   'collection:points-trio': buildPointsChildren,
   'collection:timeline': buildTimelineChildren,

package/composables/markdown-to-vnodes.cjs

@@ -0,0 +1 @@
+module.exports = require('./markdown-to-vnodes.mjs')