@popcraft/kit 0.23.0 → 0.23.1

package/dist/templates/motion/landing-hero/index.js

@@ -6,16 +6,16 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   landing_hero_default
-} from "../../../chunks/chunk-45GKMBBU.js";
+} from "../../../chunks/chunk-BRFDRFQS.js";
 import "../../../chunks/chunk-LG5OT27J.js";
 import "../../../chunks/chunk-HTHZOIBZ.js";
-import "../../../chunks/chunk-PXATZ4UZ.js";
-import "../../../chunks/chunk-4JCGRWOD.js";
+import "../../../chunks/chunk-QO6RCB54.js";
+import "../../../chunks/chunk-IUS7V3NP.js";
 import "../../../chunks/chunk-ATOOIPCD.js";
 import "../../../chunks/chunk-O64SZX6W.js";
 import "../../../chunks/chunk-UN4I2K2R.js";
 import "../../../chunks/chunk-3F2YOSTJ.js";
-import "../../../chunks/chunk-ELVQX6RI.js";
+import "../../../chunks/chunk-3NGYOEXU.js";
 import "../../../chunks/chunk-OKJCPQJ4.js";
 import "../../../chunks/chunk-YKIY7TUZ.js";
 import "../../../chunks/chunk-RVRHEAZO.js";

package/dist/templates/motion/launch-trailer/document.js

@@ -4,7 +4,7 @@ import { dirname as __popcraftDirname } from 'node:path';
 const require = __popcraftRequire(import.meta.url);
 const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
-import "../../../chunks/chunk-I323DRE7.js";
+import "../../../chunks/chunk-OCOP2CEE.js";
 import "../../../chunks/chunk-XXT35K3V.js";
 import "../../../chunks/chunk-PI2UQW7F.js";
 import "../../../chunks/chunk-SHL2T7M7.js";
@@ -55,7 +55,7 @@ import "../../../chunks/chunk-SNCMDPM5.js";
 import "../../../chunks/chunk-ZJ5BIPYM.js";
 import "../../../chunks/chunk-WRXPBPPI.js";
 import "../../../chunks/chunk-FFZJ5Z5K.js";
-import "../../../chunks/chunk-TBGBDPYT.js";
+import "../../../chunks/chunk-OZV6WRBA.js";
 import "../../../chunks/chunk-JW7EKYYZ.js";
 import "../../../chunks/chunk-PGECL4PV.js";
 import "../../../chunks/chunk-ETFUAR5H.js";
@@ -75,7 +75,7 @@ import "../../../chunks/chunk-N7ED4KMC.js";
 import "../../../chunks/chunk-CHNPI2JN.js";
 import "../../../chunks/chunk-DCGTPNQV.js";
 import "../../../chunks/chunk-UB6GXXVO.js";
-import "../../../chunks/chunk-U6FFZ5W2.js";
+import "../../../chunks/chunk-CTLYNR44.js";
 import "../../../chunks/chunk-SNYK4EXS.js";
 import "../../../chunks/chunk-T4W4BTNH.js";
 import "../../../chunks/chunk-K5GRZATW.js";
@@ -304,7 +304,7 @@ import "../../../chunks/chunk-WSYUDEIR.js";
 import "../../../chunks/chunk-QGP6HYDV.js";
 import "../../../chunks/chunk-EAUXOBUJ.js";
 import "../../../chunks/chunk-5KHV2ZK5.js";
-import "../../../chunks/chunk-V55HSSYV.js";
+import "../../../chunks/chunk-GCCKB3Z6.js";
 import "../../../chunks/chunk-YCLJROGO.js";
 import "../../../chunks/chunk-Y5X227LJ.js";
 import "../../../chunks/chunk-AE3AIRLP.js";
@@ -534,14 +534,14 @@ import "../../../chunks/chunk-ZQ2GE6FK.js";
 import "../../../chunks/chunk-FYRBITJT.js";
 import "../../../chunks/chunk-OW3FMTY5.js";
 import "../../../chunks/chunk-CMQDGGWL.js";
-import "../../../chunks/chunk-45GKMBBU.js";
+import "../../../chunks/chunk-BRFDRFQS.js";
 import "../../../chunks/chunk-LG5OT27J.js";
 import "../../../chunks/chunk-HTHZOIBZ.js";
 import {
   launch_trailer_default
-} from "../../../chunks/chunk-AZU5NJX4.js";
-import "../../../chunks/chunk-PXATZ4UZ.js";
-import "../../../chunks/chunk-4JCGRWOD.js";
+} from "../../../chunks/chunk-SNAYCSJQ.js";
+import "../../../chunks/chunk-QO6RCB54.js";
+import "../../../chunks/chunk-IUS7V3NP.js";
 import "../../../chunks/chunk-ATOOIPCD.js";
 import "../../../chunks/chunk-O64SZX6W.js";
 import "../../../chunks/chunk-UN4I2K2R.js";
@@ -787,7 +787,7 @@ import "../../../chunks/chunk-7SZQNGXC.js";
 import "../../../chunks/chunk-Y5TFPTPV.js";
 import "../../../chunks/chunk-3TPWL2I4.js";
 import "../../../chunks/chunk-W67GMG55.js";
-import "../../../chunks/chunk-ELVQX6RI.js";
+import "../../../chunks/chunk-3NGYOEXU.js";
 import "../../../chunks/chunk-OKJCPQJ4.js";
 import "../../../chunks/chunk-YKIY7TUZ.js";
 import "../../../chunks/chunk-G3SMPCBJ.js";

package/dist/templates/motion/launch-trailer/index.js

@@ -6,14 +6,14 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   launch_trailer_default
-} from "../../../chunks/chunk-AZU5NJX4.js";
-import "../../../chunks/chunk-PXATZ4UZ.js";
-import "../../../chunks/chunk-4JCGRWOD.js";
+} from "../../../chunks/chunk-SNAYCSJQ.js";
+import "../../../chunks/chunk-QO6RCB54.js";
+import "../../../chunks/chunk-IUS7V3NP.js";
 import "../../../chunks/chunk-ATOOIPCD.js";
 import "../../../chunks/chunk-O64SZX6W.js";
 import "../../../chunks/chunk-UN4I2K2R.js";
 import "../../../chunks/chunk-3F2YOSTJ.js";
-import "../../../chunks/chunk-ELVQX6RI.js";
+import "../../../chunks/chunk-3NGYOEXU.js";
 import "../../../chunks/chunk-OKJCPQJ4.js";
 import "../../../chunks/chunk-YKIY7TUZ.js";
 import "../../../chunks/chunk-RVRHEAZO.js";

package/dist/templates/motion/launch-trailer/scenes.js

@@ -19,12 +19,12 @@ import {
   reach,
   shadow,
   travel
-} from "../../../chunks/chunk-PXATZ4UZ.js";
-import "../../../chunks/chunk-4JCGRWOD.js";
+} from "../../../chunks/chunk-QO6RCB54.js";
+import "../../../chunks/chunk-IUS7V3NP.js";
 import "../../../chunks/chunk-ATOOIPCD.js";
 import "../../../chunks/chunk-O64SZX6W.js";
 import "../../../chunks/chunk-3F2YOSTJ.js";
-import "../../../chunks/chunk-ELVQX6RI.js";
+import "../../../chunks/chunk-3NGYOEXU.js";
 import "../../../chunks/chunk-OKJCPQJ4.js";
 import "../../../chunks/chunk-YKIY7TUZ.js";
 import "../../../chunks/chunk-RVRHEAZO.js";

package/dist/templates/motion/template-wall.js

@@ -9,9 +9,9 @@ import {
   PICTURES,
   buildTemplateWall,
   template_wall_default
-} from "../../chunks/chunk-4JCGRWOD.js";
+} from "../../chunks/chunk-IUS7V3NP.js";
 import "../../chunks/chunk-ATOOIPCD.js";
-import "../../chunks/chunk-ELVQX6RI.js";
+import "../../chunks/chunk-3NGYOEXU.js";
 import "../../chunks/chunk-OKJCPQJ4.js";
 import "../../chunks/chunk-YKIY7TUZ.js";
 import "../../chunks/chunk-RVRHEAZO.js";

package/dist/templates/print/studio-portfolio-booklet.js

@@ -6,7 +6,7 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   studio_portfolio_booklet_default
-} from "../../chunks/chunk-V55HSSYV.js";
+} from "../../chunks/chunk-GCCKB3Z6.js";
 import "../../chunks/chunk-YCLJROGO.js";
 import "../../chunks/chunk-T2NNHYZI.js";
 import "../../chunks/chunk-Z2X2HGTO.js";

package/dist/templates/themes/index.js

@@ -6,7 +6,7 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   THEME_PACKS
-} from "../../chunks/chunk-TBGBDPYT.js";
+} from "../../chunks/chunk-OZV6WRBA.js";
 import "../../chunks/chunk-JW7EKYYZ.js";
 import "../../chunks/chunk-PGECL4PV.js";
 import "../../chunks/chunk-ETFUAR5H.js";
@@ -26,7 +26,7 @@ import "../../chunks/chunk-N7ED4KMC.js";
 import "../../chunks/chunk-CHNPI2JN.js";
 import "../../chunks/chunk-DCGTPNQV.js";
 import "../../chunks/chunk-UB6GXXVO.js";
-import "../../chunks/chunk-U6FFZ5W2.js";
+import "../../chunks/chunk-CTLYNR44.js";
 import "../../chunks/chunk-SNYK4EXS.js";
 import "../../chunks/chunk-T4W4BTNH.js";
 import "../../chunks/chunk-K5GRZATW.js";
@@ -201,7 +201,7 @@ import "../../chunks/chunk-WSYUDEIR.js";
 import "../../chunks/chunk-QGP6HYDV.js";
 import "../../chunks/chunk-EAUXOBUJ.js";
 import "../../chunks/chunk-5KHV2ZK5.js";
-import "../../chunks/chunk-V55HSSYV.js";
+import "../../chunks/chunk-GCCKB3Z6.js";
 import "../../chunks/chunk-YCLJROGO.js";
 import "../../chunks/chunk-VXM7TRS4.js";
 import "../../chunks/chunk-T7YYOTRX.js";

package/dist/templates/themes/studio.js

@@ -6,7 +6,7 @@ const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
 import {
   studio_default
-} from "../../chunks/chunk-U6FFZ5W2.js";
+} from "../../chunks/chunk-CTLYNR44.js";
 import "../../chunks/chunk-SNYK4EXS.js";
 import "../../chunks/chunk-T4W4BTNH.js";
 import "../../chunks/chunk-K5GRZATW.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk-ZVBJYM4K.js";
 import "../../chunks/chunk-7KR6EV2B.js";
 import "../../chunks/chunk-EAUXOBUJ.js";
 import "../../chunks/chunk-5KHV2ZK5.js";
-import "../../chunks/chunk-V55HSSYV.js";
+import "../../chunks/chunk-GCCKB3Z6.js";
 import "../../chunks/chunk-YCLJROGO.js";
 import "../../chunks/chunk-T2NNHYZI.js";
 import "../../chunks/chunk-V5QP26VI.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popcraft/kit",
-  "version": "0.23.0",
+  "version": "0.23.1",
   "description": "The PopCraft design kit: everything PopCraft's own templates are made with — the Kit, every helper, style system and theme kit, every official template source to read and remix, the build and every check the official templates pass — plus the design-script runner and .popcraft output.",
   "license": "MIT",
   "homepage": "https://popcraft.app/docs/api/design-reference",

package/src/templates/print/studio-portfolio-booklet.ts

@@ -1,6 +1,7 @@
 // A photographer's printed portfolio: the twelve-page A5 leave-behind left on an art buyer's desk after a meeting.
-// A cover, a page about her and who she works for, four projects as spreads (a picture across the left page, the
-// story and a second picture on the right), a contact page and a back cover. Twelve pages, a multiple of four, so
+// A cover, four projects as spreads (a picture across the left page, the story and a second picture on the right),
+// a page about her and who she works for facing the contact page, and a back cover. The cover stands alone on the
+// right, so pages 2–3 are the first spread: each project starts on an even, left-hand page. Twelve pages, a multiple of four, so
 // File › Export › PDF › "Booklet — folded and stapled" imposes it onto three sheets of A4 to fold and staple.
 // Every picture that meets the trim runs on into the 3 mm bleed (the pages do not clip), and every word stays well
 // inside it. The pictures are photographs made for these templates; each is an image layer to replace.
@@ -34,7 +35,7 @@ export default defineTemplate({
   id: 'print-studio-portfolio-booklet',
   meta: {
     name: 'Photography portfolio booklet',
-    description: 'A twelve-page A5 portfolio to leave behind after a meeting: a cover, an about page with clients, four projects as spreads with a full-bleed picture and the story beside it, a contact page and a back cover. Pictures run into the 3 mm bleed, and the page count imposes as a folded and stapled booklet. For photographers, illustrators and designers',
+    description: 'A twelve-page A5 portfolio to leave behind after a meeting: a cover, four projects as spreads with a full-bleed picture and the story beside it, an about page with clients facing the contact page, and a back cover. Pictures run into the 3 mm bleed, and the page count imposes as a folded and stapled booklet. For photographers, illustrators and designers',
     category: 'brochure', tags: ['portfolio', 'booklet', 'zine', 'photography', 'photographer', 'leave-behind', 'a5', 'saddle stitch', 'print', 'creative', 'designer'],
     platforms: ['print'], formats: ['document'], useCases: ['portfolio', 'brand-intro'],
     created: '2026-10-10', updated: '2026-10-10',
@@ -83,9 +84,13 @@ export default defineTemplate({
       return img
     }
     const column = (p: string, gap: number, name: string) => k.stack(p, { gap, name })
-    // The page number: one component, an instance on every numbered page, pushed to the foot of the page.
-    k.component('Folio', { width: W - M * 2, direction: 'HORIZONTAL', props: { Number: '02' } }, id => { k.propText(id, 'Number', { style: 'Label 10', color: 'onPaper', width: 'FILL' }) })
-    const folio = (p: string, n: number) => k.instance(p, 'Folio', { Number: String(n).padStart(2, '0') }, { width: 'FILL', name: 'Folio' })
+    // The page number: one component, an instance on every numbered page, pushed to the foot of the page. It sits
+    // on the outer edge, as in any bound book: a variant for the left of an even, left-hand page and one for the
+    // right of an odd, right-hand page.
+    k.variantSet('Folio', 'Side', ['Left', 'Right'], { width: W - M * 2, direction: 'HORIZONTAL', props: { Number: '02' } }, (side, id) => {
+      k.propText(id, 'Number', { style: 'Label 10', color: 'onPaper', width: 'FILL', align: side === 'Left' ? 'LEFT' : 'RIGHT' })
+    })
+    const folio = (p: string, n: number) => k.instance(p, n % 2 ? 'Folio/Right' : 'Folio/Left', { Number: String(n).padStart(2, '0') }, { width: 'FILL', name: 'Folio' })
     const spacer = (p: string) => { const s = k.stack(p, { name: 'Space' }); k.patch(s, { layoutSizingVertical: 'FILL' } as Partial<FrameNode>); return s }
 
     // 1 · The cover: the name set like a monograph's, one picture under it, the years at the foot.
@@ -96,19 +101,8 @@ export default defineTemplate({
     picture(cover, 'photo-06', 290, 'Cover picture')
     k.text(cover, 'Selected work, 2023 – 2026', { style: 'Lead 20', color: 'text', width: 'FILL', name: 'Subtitle' })
 
-    // 2 · About: who she is and who she works for, under a small picture.
-    const about = page('About', { gap: 16 })
-    picture(about, 'photo-04', 220, 'About picture')
-    k.text(about, 'ABOUT', { style: 'Label 10', color: 'text', width: 'FILL', name: 'Kicker' })
-    k.text(about, 'I photograph work: the people who do it, the places it happens, and the hours nobody else sees.', { style: 'Lead 20', color: 'text', width: 'FILL', name: 'Statement' })
-    k.text(about, 'I am a documentary and editorial photographer based in Lisbon, working on long projects across Europe, Africa and Asia and on commissions for magazines and brands that want pictures with a story under them. I shoot on location, by available light, and I stay long enough to be forgotten.', { style: 'Body 12.5', color: 'text', width: 'FILL', name: 'About' })
-    k.text(about, 'SELECTED CLIENTS', { style: 'Label 10', color: 'onPaper', width: 'FILL', name: 'Clients title' })
-    k.text(about, 'Monocle · Kinfolk · Público · Atlas Review · The Gentlewoman · Aesop · Fundação Gulbenkian · Patagonia', { style: 'Body 12.5', color: 'text', width: 'FILL', name: 'Clients' })
-    spacer(about)
-    folio(about, 2)
-
-    // 3–10 · A spread for each project: the picture across the left page, the story and a second picture on the right.
-    let n = 3
+    // 2–9 · A spread for each project: the picture across the left page, the story and a second picture on the right.
+    let n = 2
     for (const p of PROJECTS) {
       const left = page(`${p.title} — picture`)
       bleedPicture(left, p.lead, 'Lead picture')
@@ -128,6 +122,17 @@ export default defineTemplate({
       n += 2
     }
 
+    // 10 · About: who she is and who she works for, under a small picture, facing the contact page.
+    const about = page('About', { gap: 16 })
+    picture(about, 'photo-04', 220, 'About picture')
+    k.text(about, 'ABOUT', { style: 'Label 10', color: 'text', width: 'FILL', name: 'Kicker' })
+    k.text(about, 'I photograph work: the people who do it, the places it happens, and the hours nobody else sees.', { style: 'Lead 20', color: 'text', width: 'FILL', name: 'Statement' })
+    k.text(about, 'I am a documentary and editorial photographer based in Lisbon, working on long projects across Europe, Africa and Asia and on commissions for magazines and brands that want pictures with a story under them. I shoot on location, by available light, and I stay long enough to be forgotten.', { style: 'Body 12.5', color: 'text', width: 'FILL', name: 'About' })
+    k.text(about, 'SELECTED CLIENTS', { style: 'Label 10', color: 'onPaper', width: 'FILL', name: 'Clients title' })
+    k.text(about, 'Monocle · Kinfolk · Público · Atlas Review · The Gentlewoman · Aesop · Fundação Gulbenkian · Patagonia', { style: 'Body 12.5', color: 'text', width: 'FILL', name: 'Clients' })
+    spacer(about)
+    folio(about, 10)
+
     // 11 · Contact.
     const contact = page('Contact', { gap: 18 })
     spacer(contact)