@drawnagency/primitives 0.1.81 → 0.1.82

package/dist/document/index.js

@@ -2,7 +2,7 @@ import {
   documentOptionsSchema,
   sectionSettingsSchema,
   settingsFor
-} from "../chunk-WP5UX4MI.js";
+} from "../chunk-FM4M4Q2W.js";
 import "../chunk-JSBRDJBE.js";
 
 // src/document/engine/types.ts
@@ -120,20 +120,28 @@ function harvestInto(target, type, content, imagesById) {
       break;
   }
 }
-function harvest(sections, pageTitle, imagesById) {
+function harvest(sections, pageTitle, imagesById, splitAtFor = () => "none") {
   const chunks = [];
-  let current = { id: PREAMBLE_ID, title: pageTitle, textBlocks: [], images: [] };
-  let preamble = current;
+  const preamble = { id: PREAMBLE_ID, title: pageTitle, textBlocks: [], images: [] };
+  let parent = preamble;
+  let current = preamble;
+  let splitAt = splitAtFor(PREAMBLE_ID);
   for (const section of sections) {
+    const heading = str(asRecord(section.content).heading);
     if (section.type === "link_heading") {
-      current = { id: section.id, title: str(asRecord(section.content).heading), textBlocks: [], images: [] };
+      parent = { id: section.id, title: heading, textBlocks: [], images: [] };
+      current = parent;
+      splitAt = splitAtFor(section.id);
+      chunks.push(parent);
+    } else if (section.type === "sub_heading" && splitAt === "sub_heading") {
+      current = { id: section.id, title: heading, textBlocks: [], images: [], parentId: parent.id, kicker: parent.title, depth: 1 };
       chunks.push(current);
     } else {
       harvestInto(current, section.type, section.content, imagesById);
     }
   }
-  const preambleHasContent = preamble.textBlocks.length > 0 || preamble.images.length > 0;
-  return preambleHasContent ? [preamble, ...chunks] : chunks;
+  const keepPreamble = preamble.textBlocks.length > 0 || preamble.images.length > 0 || chunks.some((c) => c.parentId === PREAMBLE_ID);
+  return keepPreamble ? [preamble, ...chunks] : chunks;
 }
 
 // src/document/engine/masonry.ts
@@ -169,6 +177,49 @@ function layoutRows(images, o, fits) {
   }
   return { boxes, used: used ?? images.length, endY: y };
 }
+function layoutForcedRows(images, o, fits, n) {
+  const asp = images.map((im, i2) => effectiveAspect(im, fits[i2]));
+  const count = Math.min(n, images.length);
+  const rows = [];
+  let i = 0;
+  for (let r = 0; r < count; r++) {
+    const remainingRows = count - r;
+    const target = asp.slice(i).reduce((s, a) => s + a, 0) / remainingRows;
+    const row = [];
+    let sum = 0;
+    while (i < asp.length) {
+      if (row.length > 0) {
+        if (asp.length - (i + 1) < remainingRows - 1) break;
+        if (sum >= target - EPS) break;
+      }
+      row.push(i);
+      sum += asp[i];
+      i++;
+    }
+    rows.push(row);
+  }
+  const rowMeta = rows.map((row) => {
+    const gaps = o.gapIn * (row.length - 1);
+    const sumAspect = row.reduce((s, a) => s + asp[a], 0);
+    return { row, gaps, sumAspect, hIn: (o.bodyWIn - gaps) / sumAspect };
+  });
+  const rowGaps = o.gapIn * (rowMeta.length - 1);
+  const totalH = rowMeta.reduce((s, m) => s + m.hIn, 0);
+  const scale = totalH > 0 ? Math.min(1, Math.max(0, o.bodyHIn - rowGaps) / totalH) : 1;
+  const boxes = [];
+  let y = 0;
+  for (const m of rowMeta) {
+    const rowH = m.hIn * scale;
+    let x = 0;
+    for (const idx of m.row) {
+      const w = asp[idx] * rowH;
+      boxes.push({ asset: images[idx], xIn: x, yIn: y, wIn: w, hIn: rowH });
+      x += w + o.gapIn;
+    }
+    y += rowH + o.gapIn;
+  }
+  return { boxes, used: images.length, endY: y };
+}
 function layoutColumns(images, o, fits) {
   const n = o.columns;
   const colW = (o.bodyWIn - o.gapIn * (n - 1)) / n;
@@ -191,7 +242,7 @@ function layoutMasonryPage(images, o, fits = []) {
     const r2 = layoutColumns(images, o, fits);
     return { boxes: r2.boxes, used: r2.used };
   }
-  const r = layoutRows(images, o, fits);
+  const r = typeof o.rows === "number" ? layoutForcedRows(images, o, fits, o.rows) : layoutRows(images, o, fits);
   return { boxes: r.boxes, used: r.used };
 }
 
@@ -203,6 +254,7 @@ var DOC_GEOM = {
   gapIn: 0.15,
   leftColWIn: 4.6,
   colGutterIn: 0.4,
+  minTextColIn: 1,
   minImageRegionIn: 1.2,
   masonryTargetRowIn: 2.6,
   // Top text fills at most this fraction of the body height below the title
@@ -225,7 +277,7 @@ function fitImages(images, layout, region, geom) {
         yIn: region.yIn + r2 * (cellH + geom.gapIn),
         wIn: cellW,
         hIn: cellH,
-        fit: "cover"
+        fit: layout.fit
       };
     });
     return { boxes: boxes2, used };
@@ -233,6 +285,7 @@ function fitImages(images, layout, region, geom) {
   const r = layoutMasonryPage(images, {
     mode: layout.flow,
     columns: layout.columns,
+    rows: layout.rows,
     bodyWIn: region.wIn,
     bodyHIn: region.hIn,
     gapIn: geom.gapIn,
@@ -248,12 +301,13 @@ function fitImages(images, layout, region, geom) {
   }));
   return { boxes, used: r.used };
 }
-function paginateChunk(chunk, settings, textHeightsIn, geom = DOC_GEOM) {
+function paginateChunk(chunk, settings, textHeightsIn, geom = DOC_GEOM, naturalTextWIn) {
   if (settings.excluded) return [];
   if (chunk.textBlocks.length !== textHeightsIn.length) {
     throw new Error("paginateChunk: textHeightsIn must match chunk.textBlocks");
   }
   if (chunk.textBlocks.length === 0 && chunk.images.length === 0) return [];
+  const colWIn = naturalTextWIn === void 0 ? geom.leftColWIn : Math.min(geom.leftColWIn, Math.max(geom.minTextColIn, naturalTextWIn + 0.05));
   const pages = [];
   let ti = 0;
   let ii = 0;
@@ -261,7 +315,7 @@ function paginateChunk(chunk, settings, textHeightsIn, geom = DOC_GEOM) {
   while (ti < chunk.textBlocks.length || ii < chunk.images.length) {
     const cont = pages.length > 0;
     const warnings = [];
-    const textW = settings.textPlacement === "top" ? geom.bodyWIn : geom.leftColWIn;
+    const textW = settings.textPlacement === "top" ? geom.bodyWIn : colWIn;
     const capY = settings.textPlacement === "top" ? geom.titleBandIn + (geom.bodyHIn - geom.titleBandIn) * geom.topTextMaxFraction : geom.bodyHIn;
     const placed = [];
     let textEnd = top;
@@ -291,9 +345,9 @@ function paginateChunk(chunk, settings, textHeightsIn, geom = DOC_GEOM) {
     let region;
     if (settings.textPlacement === "leftColumn" && settings.imagePlacement === "right" && placed.length > 0) {
       region = {
-        xIn: geom.leftColWIn + geom.colGutterIn,
+        xIn: colWIn + geom.colGutterIn,
         yIn: top,
-        wIn: geom.bodyWIn - geom.leftColWIn - geom.colGutterIn,
+        wIn: geom.bodyWIn - colWIn - geom.colGutterIn,
         hIn: geom.bodyHIn - top
       };
     } else {
@@ -312,6 +366,8 @@ function paginateChunk(chunk, settings, textHeightsIn, geom = DOC_GEOM) {
         chunkId: chunk.id,
         title: cont ? `${chunk.title} Cont.` : chunk.title,
         cont,
+        kicker: chunk.kicker,
+        depth: chunk.depth,
         textBlocks: placed,
         textRegion,
         imageBoxes: boxes,
@@ -324,6 +380,8 @@ function paginateChunk(chunk, settings, textHeightsIn, geom = DOC_GEOM) {
       chunkId: chunk.id,
       title: cont ? `${chunk.title} Cont.` : chunk.title,
       cont,
+      kicker: chunk.kicker,
+      depth: chunk.depth,
       textBlocks: placed,
       textRegion,
       imageBoxes: boxes,
@@ -378,7 +436,10 @@ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var inch = (v) => `${v}in`;
 function DocSectionPage({ page, meta, host }) {
   return /* @__PURE__ */ jsxs3(DocPage, { meta, children: [
-    /* @__PURE__ */ jsx3("h2", { className: "pdoc-title", children: page.title }),
+    /* @__PURE__ */ jsxs3("h2", { className: "pdoc-title", children: [
+      page.kicker ? /* @__PURE__ */ jsx3("span", { className: "pdoc-kicker", "aria-hidden": "true", children: page.kicker }) : null,
+      page.title
+    ] }),
     page.textRegion ? /* @__PURE__ */ jsx3(
       "div",
       {
@@ -452,6 +513,7 @@ function signatureFor(chunks, settingsMap) {
 }
 function useTextMeasurements(chunks, settingsMap) {
   const [heights, setHeights] = useState(null);
+  const [textWidths, setTextWidths] = useState(null);
   const [fontsReady, setFontsReady] = useState(false);
   useEffect(() => {
     let cancelled = false;
@@ -468,9 +530,11 @@ function useTextMeasurements(chunks, settingsMap) {
     if (!fontsReady) return;
     const containers = [];
     const next = {};
+    const nextW = {};
     for (const chunk of chunks) {
       if (chunk.textBlocks.length === 0) {
         next[chunk.id] = [];
+        nextW[chunk.id] = 0;
         continue;
       }
       const container = document.createElement("div");
@@ -479,6 +543,7 @@ function useTextMeasurements(chunks, settingsMap) {
       document.body.appendChild(container);
       containers.push(container);
       const measured = [];
+      let wMax = 0;
       for (const block of chunk.textBlocks) {
         const wrapper = document.createElement("div");
         wrapper.className = blockClassName(block);
@@ -487,39 +552,56 @@ function useTextMeasurements(chunks, settingsMap) {
         } else {
           wrapper.innerHTML = block.html;
         }
+        wrapper.style.width = "max-content";
+        wrapper.style.maxWidth = "100%";
         container.appendChild(wrapper);
         measured.push(wrapper.offsetHeight / PX_PER_IN);
+        wMax = Math.max(wMax, wrapper.getBoundingClientRect().width / PX_PER_IN);
       }
       next[chunk.id] = measured;
+      nextW[chunk.id] = wMax;
     }
     setHeights(next);
+    setTextWidths(nextW);
     return () => {
       for (const container of containers) container.remove();
     };
   }, [signature, fontsReady]);
-  return { heights };
+  return { heights, textWidths };
 }
 
 // src/document/components/useDocPages.ts
 function useDocPages(input) {
   const { source, sections } = input;
+  const splitSig = useMemo(() => {
+    const m = {};
+    for (const id of Object.keys(sections ?? {})) {
+      const v = settingsFor(sections, id).splitAt;
+      if (v !== "none") m[id] = v;
+    }
+    return JSON.stringify(m);
+  }, [sections]);
+  const splitAtFor = useMemo(() => {
+    const m = JSON.parse(splitSig);
+    return (id) => m[id] ?? "none";
+  }, [splitSig]);
   const chunks = useMemo(
-    () => source ? harvest(source.sections, source.pageTitle, source.images) : [],
-    [source]
+    () => source ? harvest(source.sections, source.pageTitle, source.images, splitAtFor) : [],
+    [source, splitAtFor]
   );
   const settingsMap = useMemo(() => {
     const map = {};
     for (const c of chunks) map[c.id] = settingsFor(sections, c.id);
     return map;
   }, [chunks, sections]);
-  const { heights } = useTextMeasurements(chunks, settingsMap);
+  const { heights, textWidths } = useTextMeasurements(chunks, settingsMap);
   const pages = useMemo(() => {
     return chunks.flatMap((c) => {
       const h = heights?.[c.id];
       if (c.textBlocks.length > 0 && (!h || h.length !== c.textBlocks.length)) return [];
-      return paginateChunk(c, settingsMap[c.id], h ?? []);
+      return paginateChunk(c, settingsMap[c.id], h ?? [], DOC_GEOM, textWidths?.[c.id]);
     });
-  }, [chunks, settingsMap, heights]);
+  }, [chunks, settingsMap, heights, textWidths]);
   const measuring = useMemo(
     () => chunks.some((c) => {
       if (c.textBlocks.length === 0) return false;
@@ -554,16 +636,18 @@ function entryId(entry) {
   if (entry.kind === "page") return entry.page.id;
   return `ghost:${entry.chunkId}`;
 }
+var INDENT = ["", "pl-4", "pl-8"];
+var indentClass = (level) => INDENT[Math.min(level, INDENT.length - 1)] || void 0;
 function ThumbButton({
   id,
   selectedId,
   scale,
   label,
-  indent,
+  indentLevel,
   onSelect,
   children
 }) {
-  return /* @__PURE__ */ jsx5("li", { className: indent ? "pl-4" : void 0, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx5("li", { className: indentClass(indentLevel ?? 0), children: /* @__PURE__ */ jsxs5(
     "button",
     {
       type: "button",
@@ -637,14 +721,14 @@ function DocRail({
                 selectedId,
                 scale,
                 label: entry.page.title,
-                indent: entry.page.cont,
+                indentLevel: (entry.page.depth ?? 0) + (entry.page.cont ? 1 : 0),
                 onSelect,
                 children: /* @__PURE__ */ jsx5(DocSectionPage, { page: entry.page, meta, host })
               },
               id
             );
           }
-          return /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs5(
+          return /* @__PURE__ */ jsx5("li", { className: indentClass(entry.depth ?? 0), children: /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
@@ -701,7 +785,7 @@ function DocViewer({
       const empty = chunk.textBlocks.length === 0 && chunk.images.length === 0;
       if (s.excluded || empty) {
         if (mode === "edit") {
-          list.push({ kind: "ghost", chunkId: chunk.id, title: chunk.title, reason: s.excluded ? "excluded" : "empty" });
+          list.push({ kind: "ghost", chunkId: chunk.id, title: chunk.title, reason: s.excluded ? "excluded" : "empty", depth: chunk.depth });
         }
       } else {
         for (const page of pages.filter((p) => p.chunkId === chunk.id)) list.push({ kind: "page", page });

package/dist/document/styles/document.css

@@ -178,6 +178,15 @@
   margin: 0;
   height: 0.9in; /* = DOC_GEOM.titleBandIn; keep in sync */
 }
+/* Sub-page context line inside the title band (uppercase inherits from
+   .pdoc-title). Sized to sit with the title within the fixed 0.9in band. */
+.pdoc-kicker {
+  display: block;
+  font-size: 9pt;
+  letter-spacing: 0.12em;
+  color: #999999;
+  margin-bottom: 0.05in;
+}
 .pdoc-text { position: absolute; }
 .pdoc-h2, .pdoc-h3 {
   font-family: "Kapra Neue Expanded", Helvetica, Arial, sans-serif;

package/dist/index.js

@@ -49,7 +49,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-FN4NKUZU.js";
+} from "./chunk-Y54G2XSC.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -71,7 +71,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "./chunk-PJOHAWNV.js";
+} from "./chunk-6NRVX6NQ.js";
 import {
   curatedIcons,
   getIcon
@@ -124,7 +124,7 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "./chunk-EVNEMJZ6.js";
+} from "./chunk-ETJYYUQX.js";
 import {
   clearRegistry,
   createRegistry,
@@ -136,7 +136,7 @@ import {
   registerSchema,
   registerSection
 } from "./chunk-VKAGMEKE.js";
-import "./chunk-WP5UX4MI.js";
+import "./chunk-FM4M4Q2W.js";
 import "./chunk-NSCT3AMV.js";
 import {
   env

package/dist/lib/index.js

@@ -7,7 +7,7 @@ import {
   loadStaticSiteContent,
   mergeSiteContent,
   safeRedirect
-} from "../chunk-PJOHAWNV.js";
+} from "../chunk-6NRVX6NQ.js";
 import {
   curatedIcons,
   getIcon
@@ -33,7 +33,7 @@ import {
 } from "../chunk-YBVK254P.js";
 import "../chunk-75P6HWPN.js";
 import "../chunk-TZQPOR5A.js";
-import "../chunk-EVNEMJZ6.js";
+import "../chunk-ETJYYUQX.js";
 import {
   clearRegistry,
   createRegistry,
@@ -45,7 +45,7 @@ import {
   registerSchema,
   registerSection
 } from "../chunk-VKAGMEKE.js";
-import "../chunk-WP5UX4MI.js";
+import "../chunk-FM4M4Q2W.js";
 import "../chunk-NSCT3AMV.js";
 import {
   env

package/dist/media/index.js

@@ -24,8 +24,8 @@ import {
   MediaFolderSchema,
   MediaItemSchema,
   VariantSchema
-} from "../chunk-EVNEMJZ6.js";
-import "../chunk-WP5UX4MI.js";
+} from "../chunk-ETJYYUQX.js";
+import "../chunk-FM4M4Q2W.js";
 import "../chunk-JSBRDJBE.js";
 export {
   BAKED_MEDIA_KEYS,

package/dist/schemas/index.js

@@ -3,7 +3,7 @@ import {
   AudienceNameSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-FN4NKUZU.js";
+} from "../chunk-Y54G2XSC.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -40,9 +40,9 @@ import {
   TextLineSchema,
   VariantSchema,
   normalizeSiteIndex
-} from "../chunk-EVNEMJZ6.js";
+} from "../chunk-ETJYYUQX.js";
 import "../chunk-VKAGMEKE.js";
-import "../chunk-WP5UX4MI.js";
+import "../chunk-FM4M4Q2W.js";
 import "../chunk-NSCT3AMV.js";
 import "../chunk-JSBRDJBE.js";
 export {

package/dist/schemas/site-config.d.ts

@@ -53,10 +53,18 @@ export declare const PageSchema: z.ZodObject<{
                 right: "right";
             }>>;
             dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+            splitAt: z.ZodDefault<z.ZodEnum<{
+                none: "none";
+                sub_heading: "sub_heading";
+            }>>;
             imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
                 mode: z.ZodLiteral<"grid">;
                 rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
                 columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                fit: z.ZodDefault<z.ZodEnum<{
+                    cover: "cover";
+                    contain: "contain";
+                }>>;
             }, z.core.$strip>, z.ZodObject<{
                 mode: z.ZodLiteral<"masonry">;
                 flow: z.ZodDefault<z.ZodEnum<{
@@ -64,6 +72,7 @@ export declare const PageSchema: z.ZodObject<{
                     columns: "columns";
                 }>>;
                 columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
             }, z.core.$strip>], "mode">>;
         }, z.core.$strip>>>;
     }, z.core.$strip>>;
@@ -109,10 +118,18 @@ declare const CanonicalIndexSchema: z.ZodObject<{
                     right: "right";
                 }>>;
                 dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+                splitAt: z.ZodDefault<z.ZodEnum<{
+                    none: "none";
+                    sub_heading: "sub_heading";
+                }>>;
                 imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
                     mode: z.ZodLiteral<"grid">;
                     rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
                     columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                    fit: z.ZodDefault<z.ZodEnum<{
+                        cover: "cover";
+                        contain: "contain";
+                    }>>;
                 }, z.core.$strip>, z.ZodObject<{
                     mode: z.ZodLiteral<"masonry">;
                     flow: z.ZodDefault<z.ZodEnum<{
@@ -120,6 +137,7 @@ declare const CanonicalIndexSchema: z.ZodObject<{
                         columns: "columns";
                     }>>;
                     columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
                 }, z.core.$strip>], "mode">>;
             }, z.core.$strip>>>;
         }, z.core.$strip>>;
@@ -177,10 +195,18 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
                     right: "right";
                 }>>;
                 dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+                splitAt: z.ZodDefault<z.ZodEnum<{
+                    none: "none";
+                    sub_heading: "sub_heading";
+                }>>;
                 imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
                     mode: z.ZodLiteral<"grid">;
                     rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
                     columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                    fit: z.ZodDefault<z.ZodEnum<{
+                        cover: "cover";
+                        contain: "contain";
+                    }>>;
                 }, z.core.$strip>, z.ZodObject<{
                     mode: z.ZodLiteral<"masonry">;
                     flow: z.ZodDefault<z.ZodEnum<{
@@ -188,6 +214,7 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
                         columns: "columns";
                     }>>;
                     columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
                 }, z.core.$strip>], "mode">>;
             }, z.core.$strip>>>;
         }, z.core.$strip>>;
@@ -234,14 +261,17 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
                 textPlacement?: "top" | "leftColumn" | undefined;
                 imagePlacement?: "fullWidth" | "right" | undefined;
                 dropTextOverflow?: boolean | undefined;
+                splitAt?: "none" | "sub_heading" | undefined;
                 imageLayout?: {
                     mode: "grid";
                     rows?: 2 | 1 | 3 | undefined;
                     columns?: 2 | 4 | 3 | undefined;
+                    fit?: "cover" | "contain" | undefined;
                 } | {
                     mode: "masonry";
                     flow?: "rows" | "columns" | undefined;
                     columns?: 2 | 4 | 3 | 5 | 6 | undefined;
+                    rows?: 2 | 4 | 1 | 3 | "auto" | undefined;
                 } | undefined;
             }> | undefined;
         } | undefined;
@@ -289,14 +319,17 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
                 textPlacement: "top" | "leftColumn";
                 imagePlacement: "fullWidth" | "right";
                 dropTextOverflow: boolean;
+                splitAt: "none" | "sub_heading";
                 imageLayout: {
                     mode: "grid";
                     rows: 2 | 1 | 3;
                     columns: 2 | 4 | 3;
+                    fit: "cover" | "contain";
                 } | {
                     mode: "masonry";
                     flow: "rows" | "columns";
                     columns: 2 | 4 | 3 | 5 | 6;
+                    rows: 2 | 4 | 1 | 3 | "auto";
                 };
             }>;
         } | undefined;
@@ -342,10 +375,18 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
                     right: "right";
                 }>>;
                 dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+                splitAt: z.ZodDefault<z.ZodEnum<{
+                    none: "none";
+                    sub_heading: "sub_heading";
+                }>>;
                 imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
                     mode: z.ZodLiteral<"grid">;
                     rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
                     columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                    fit: z.ZodDefault<z.ZodEnum<{
+                        cover: "cover";
+                        contain: "contain";
+                    }>>;
                 }, z.core.$strip>, z.ZodObject<{
                     mode: z.ZodLiteral<"masonry">;
                     flow: z.ZodDefault<z.ZodEnum<{
@@ -353,6 +394,7 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
                         columns: "columns";
                     }>>;
                     columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
                 }, z.core.$strip>], "mode">>;
             }, z.core.$strip>>>;
         }, z.core.$strip>>;

package/dist/schemas/site-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,qEAAsE,CAAC;AAWlG,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,qEAAsE,CAAC;AAWlG,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.81",
+  "version": "0.1.82",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",