@popcraft/kit 0.29.0 → 0.31.0

package/dist/chunks/chunk-OUO7SQNU.js

@@ -0,0 +1,105 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  broadsheetBrand,
+  doubleRule,
+  flash,
+  grain,
+  pressPhoto,
+  tickerGround
+} from "./chunk-T3LW4MQI.js";
+import {
+  EMAIL_FPS,
+  HEADER,
+  ticker
+} from "./chunk-572QBW5I.js";
+import {
+  background
+} from "./chunk-HAK2G6YB.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  pill
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  ease
+} from "./chunk-YYQUCS6P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/email/broadsheet-weekly-edition-header.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 4e3;
+var cues = [
+  { layer: "Held paper", preset: "wobble", at: 300, params: { duration: 900 } },
+  { layer: "Flash", preset: "pulse", at: 1500, params: { duration: 600, amount: 0.08 } },
+  { layer: "Held paper", preset: "wobble", at: 2300, params: { duration: 900 } },
+  { layer: "Button", preset: "pulse", at: 3e3, params: { duration: 700, amount: 0.05 } }
+];
+var broadsheet_weekly_edition_header_default = defineTemplate({
+  id: "email-broadsheet-weekly-edition-header",
+  meta: {
+    name: "Broadsheet weekly edition email header (animated GIF)",
+    description: 'A 600 \xD7 300 animated header for a changelog email sent as the weekly edition of a newspaper: a nameplate and dateline, a "this week" flash over a serif headline, a halftone press photograph whose newsboy waves the paper, and a ticker of the week\u2019s notes along the foot. Everything is on the first frame (for Outlook); a seamless four-second GIF loop',
+    category: "email",
+    tags: ["email", "gif", "animated", "header", "banner", "broadsheet", "newspaper", "front page", "halftone", "newsprint", "ticker", "changelog", "release notes", "weekly", "saas"],
+    platforms: ["email"],
+    formats: ["email", "banner"],
+    useCases: ["changelog", "newsletter", "announcement"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit("Broadsheet weekly edition email header", HEADER);
+    k.quantizeGeometry = true;
+    broadsheetBrand(k);
+    k.textStyle("Plate 26", { ...SERIF, size: 26, fontWeight: 900, letterSpacing: -0.6, lineHeight: 30 });
+    k.textStyle("Dateline 9", { ...MONO, size: 12, fontWeight: 700, letterSpacing: 0.6, lineHeight: 15, textCase: "UPPER" });
+    k.textStyle("Flash 11", { size: 12, fontWeight: 900, letterSpacing: 1.6, lineHeight: 14, textCase: "UPPER" });
+    k.textStyle("Title 33", { ...SERIF, size: 33, fontWeight: 900, letterSpacing: -0.9, lineHeight: 32 });
+    k.textStyle("Inside 14", { ...SERIF, size: 14, fontWeight: 500, fontStyle: "italic", lineHeight: 19 });
+    k.textStyle("Button 13", { size: 13, fontWeight: 800, lineHeight: 17 });
+    k.textStyle("Ticker 12", { ...MONO, size: 12, fontWeight: 800, letterSpacing: 0.8, lineHeight: 16, textCase: "UPPER" });
+    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 13", label: "Read the weekly edition", pad: [8, 16], radius: 0 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 7, { top: 14, right: 226, bottom: 38, left: 24 }, "paper", "CENTER", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
+    background(k, sheet, "paper", { effects: grain(0.07, 2) });
+    const head = k.stack(sheet, { gap: 4, name: "Head" });
+    k.text(head, "{{brand.masthead}}", { style: "Plate 26", color: "text", name: "Nameplate" });
+    doubleRule(k, head, { thick: 3, thin: 1, gap: 2 });
+    k.text(head, "Weekly edition \xB7 No. 37 \xB7 Friday", { style: "Dateline 9", color: "text", name: "Dateline" });
+    flash(k, sheet, "This week", { style: "Flash 11", star: 9, pad: [3, 8] });
+    k.text(sheet, "NOTES FOR MONOREPOS", { style: "Title 33", color: "text", name: "Title" });
+    k.text(sheet, "A changelog per package, a diff reader twice as fast, and a Linear link on every note.", { style: "Inside 14", color: "text", name: "Inside" });
+    k.instance(sheet, "Button pill", { Label: "Read the weekly edition" }, { name: "Button" });
+    pressPhoto(k, sheet, 190, 226, { absolute: { x: 392, y: 16 }, dot: 6, border: 1.5 });
+    tickerGround(k, sheet, { y: 272, height: 28, fill: "card", item: 300 });
+    k.rect(sheet, 600, 2, "text", { name: "Ticker rule", absolute: { x: 0, y: 270 } });
+    ticker(k, sheet, { label: "{{brand.name}} 1.37 \xB7 3 new \xB7 11 fixed \xB7", item: 300, height: 28, fill: "card", ink: "onCard", style: "Ticker 12", rate: 75, y: 272 });
+    const sky = k.named(sheet, "Sky")[0];
+    k.animate(sky, "effects[@e1].dotSize", [{ t: 0, v: 6, ease: ease.inOut("sine") }, { t: DURATION / 2, v: 8.5, ease: ease.inOut("sine") }, { t: DURATION, v: 6 }]);
+    k.cues(sheet, cues);
+    return k.finish();
+  }
+});
+
+export {
+  broadsheet_weekly_edition_header_default
+};

package/dist/chunks/chunk-OVDEQJP5.js

@@ -0,0 +1,139 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  bat,
+  branch,
+  disc,
+  draw,
+  flourishComponent,
+  grass,
+  jackFace,
+  polyP,
+  printVariant,
+  pumpkin,
+  rectPath,
+  specksIn,
+  web
+} from "./chunk-YAIUTBXU.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  blurred
+} from "./chunk-M6VTXO6F.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/print/holidays-halloween-party-invitation.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Halloween costume party invitation";
+var PAD = { top: 92, right: 44, bottom: 120, left: 44 };
+function art(w, h) {
+  const s = w / 480, B = 14 * s, cx = w / 2;
+  const moon = { x: cx, y: 160 * s, r: 132 * s };
+  const craters = [[-50, -60, 18], [40, -30, 12], [-20, 50, 22], [60, 60, 14], [-80, 20, 9]].map(([x, y, r]) => disc(moon.x + x * s, moon.y + y * s, r * s));
+  const bats = [[0.12, 0.08, 46, 0.4], [0.86, 0.06, 38, -0.2], [0.92, 0.33, 30, 0.2], [0.08, 0.34, 26, -0.4], [0.76, 0.42, 22, 0.1]].map(([x, y, sz, f]) => bat(w * x, h * y, sz * s, f));
+  const fence = Array.from({ length: 11 }, (_, i) => {
+    const x = w * 0.52 + i * 20 * s;
+    return polyP([{ x, y: h - 92 * s }, { x: x + 5 * s, y: h - 104 * s }, { x: x + 10 * s, y: h - 92 * s }, { x: x + 10 * s, y: h - 40 * s }, { x, y: h - 40 * s }]);
+  });
+  fence.push(rectPath(w * 0.52, h - 82 * s, 220 * s, 5 * s), rectPath(w * 0.52, h - 58 * s, 220 * s, 5 * s));
+  const tree = branch([{ x: 40 * s, y: h }, { x: 46 * s, y: h - 120 * s }, { x: 64 * s, y: h - 190 * s }, { x: 104 * s, y: h - 236 * s }], 8, 6, 46 * s);
+  const pk = [[0.2, 74, 60], [0.5, 104, 80], [0.8, 78, 62]].map(([x, pw, ph]) => ({ x: w * x, p: pumpkin(w * x, h - 22 * s, pw * s * 1.2, ph * s), face: jackFace(w * x, h - 22 * s - ph * s * 0.48, pw * s * 1) }));
+  return [
+    { name: "Stars", paths: specksIn({ x: -B, y: -B, w: 90 * s, h: 330 * s }, 300 * s * s, 4, 2 * s), color: "bone", o: { opacity: 0.5 } },
+    { name: "Stars", paths: specksIn({ x: w - 76 * s, y: -B, w: 90 * s, h: 330 * s }, 300 * s * s, 5, 2 * s), color: "bone", o: { opacity: 0.5 } },
+    { name: "Moon glow", paths: [disc(moon.x, moon.y, moon.r * 1.12)], color: "bone", o: { opacity: 0.22, effects: [blurred(18 * s)] } },
+    { name: "Moon", paths: [disc(moon.x, moon.y, moon.r)], color: "bone" },
+    { name: "Craters", paths: craters, color: "boneDeep", o: { opacity: 0.55 } },
+    { name: "Web", paths: web(-4 * s, -4 * s, 120 * s, 0, Math.PI / 2, 7, 6), color: "bone", o: { strokeWidth: 1 * s, opacity: 0.6 } },
+    ...bats.map((b) => ({ name: "Bat", paths: [b], color: "batPurple" })),
+    { name: "Hill", paths: [polyP([{ x: -B, y: h + B }, ...Array.from({ length: 13 }, (_, i) => ({ x: -B + (w + 2 * B) * i / 12, y: h - 96 * s + Math.sin(i * 0.7) * 10 * s })), { x: w + B, y: h + B }])], color: "hill" },
+    { name: "Fence", paths: fence, color: "hill" },
+    { name: "Tree", paths: tree.limb, color: "hill", o: { strokeWidth: 7 * s } },
+    { name: "Twigs", paths: tree.twigs, color: "hill", o: { strokeWidth: 3 * s } },
+    { name: "Pumpkin glow", paths: pk.map((p) => disc(p.x, h - 48 * s, 64 * s, 44 * s)), color: "pumpkin", o: { opacity: 0.35, effects: [blurred(22 * s)] } },
+    { name: "Pumpkins", paths: pk.flatMap((p) => p.p.lobes), color: "pumpkin" },
+    { name: "Pumpkin creases", paths: pk.flatMap((p) => p.p.creases), color: "pumpkinDeep", o: { strokeWidth: 1.6 * s } },
+    { name: "Pumpkin stems", paths: pk.flatMap((p) => p.p.stem), color: "stem" },
+    { name: "Faces", paths: pk.flatMap((p) => p.face), color: "candle" },
+    { name: "Grass", paths: grass(-B, w + B, h + B, 30 * s, 13, 60), color: "ink" }
+  ];
+}
+var holidays_halloween_party_invitation_default = defineTemplate({
+  id: "print-holidays-halloween-party-invitation",
+  meta: {
+    name: NAME,
+    description: "A printed invitation to a grown-ups\u2019 Halloween costume party: a full harvest moon fills the top of a night-black card with \u201CMonster Mash\u201D set heavy across its face, bats round its edge and a web in the corner, the details in bone and pumpkin orange, and three glowing jack-o\u2019-lanterns in the grass. 5 \xD7 7 inches with bleed, and an A6 copy",
+    category: "invitation",
+    tags: ["halloween", "costume party", "party", "monster mash", "pumpkins", "jack-o\u2019-lantern", "bats", "moon", "spooky", "invitation", "print", "card", "october"],
+    platforms: ["print"],
+    formats: ["card"],
+    useCases: ["invitation", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("invitation-5x7"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#15121B", text: "#F1E6CF", onPaper: "#F08A2C", primary: "#F08A2C", onPrimary: "#15121B" },
+      { name: "the Hendersons" }
+    );
+    k.palette({ batPurple: "#5A3F86", hill: "#26202F", bone: "#F1E6CF", boneDeep: "#D8C7A3", ink: "#15121B", pumpkin: "#F08A2C", pumpkinDeep: "#B85A12", stem: "#5B6B3A", candle: "#FFD35C" });
+    k.textStyle("Kicker 12", { size: 12, fontWeight: 800, letterSpacing: 4, lineHeight: 16 });
+    k.textStyle("Title 64", { size: 56, fontWeight: 900, letterSpacing: -2.2, lineHeight: 50 });
+    k.textStyle("When 16", { ...SERIF, size: 16, fontWeight: 700, lineHeight: 22 });
+    k.textStyle("Body 12", { ...SERIF, size: 12, fontWeight: 400, lineHeight: 17 });
+    k.textStyle("Rsvp 10", { size: 10, fontWeight: 700, letterSpacing: 1.6, lineHeight: 15 });
+    const sheet = k.sheet;
+    const { width: W, height: H } = k.node(sheet);
+    k.flowSheet(sheet, 0, PAD, "paper", "MIN", "CENTER");
+    draw(k, sheet, art(W, H));
+    const c = { align: "CENTER", width: "FILL" };
+    k.text(sheet, "THE ANNUAL", { style: "Kicker 12", color: "ink", ...c, name: "Kicker" });
+    k.stack(sheet, { height: 6, name: "Gap" });
+    k.text(sheet, "MONSTER\nMASH", { style: "Title 64", color: "ink", ...c, name: "Title" });
+    k.stack(sheet, { height: 6, name: "Gap" });
+    k.text(sheet, "A COSTUME PARTY", { style: "Kicker 12", color: "ink", ...c, name: "Sub" });
+    k.stack(sheet, { height: 92, name: "Gap" });
+    k.text(sheet, "Saturday 31 October \xB7 8 pm till late", { style: "When 16", color: "onPaper", ...c, name: "When" });
+    k.text(sheet, "at {{brand.name}}\u2019, 77 Ravenwood Lane", { style: "Body 12", color: "text", ...c, name: "Where" });
+    k.stack(sheet, { height: 10, name: "Gap" });
+    flourishComponent(k, "Bat rule", "primary", bat(0, 0, 30), { rule: 30, size: 18 });
+    k.instance(sheet, "Bat rule", {}, { name: "Divider" });
+    k.stack(sheet, { height: 10, name: "Gap" });
+    k.text(sheet, "Costumes compulsory. Prizes for the scariest, the funniest and the most homemade. Witches\u2019 brew, a candy table and a DJ who takes requests.", { style: "Body 12", color: "text", ...c, name: "Body" });
+    k.stack(sheet, { height: 10, name: "Gap" });
+    k.text(sheet, "RSVP TO MEG \xB7 (614) 555-0131", { style: "Rsvp 10", color: "onPaper", ...c, name: "Rsvp" });
+    k.textStyle("Title 54", { size: 47, fontWeight: 900, letterSpacing: -1.8, lineHeight: 42 });
+    k.textStyle("When 13.5", { ...SERIF, size: 13.5, fontWeight: 700, lineHeight: 19 });
+    k.textStyle("Body 10.5", { ...SERIF, size: 10.5, fontWeight: 400, lineHeight: 15 });
+    k.textStyle("Rsvp 8.5", { size: 8.5, fontWeight: 700, letterSpacing: 1.2, lineHeight: 13 });
+    k.textStyle("Kicker 10", { size: 10, fontWeight: 800, letterSpacing: 3.4, lineHeight: 14 });
+    k.variants(sheet, [printVariant("a6", {
+      art,
+      pad: PAD,
+      masterWidth: W,
+      styles: [["Title", "Title 54"], ["When", "When 13.5"], ["Where", "Body 10.5"], ["Body", "Body 10.5"], ["Rsvp", "Rsvp 8.5"], ["Kicker", "Kicker 10"], ["Sub", "Kicker 10"]]
+    })]);
+    return k.finish();
+  }
+});
+
+export {
+  holidays_halloween_party_invitation_default
+};

package/dist/chunks/chunk-OVSGK7IY.js

@@ -0,0 +1,115 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  logoBadge,
+  pill,
+  verticalPadding
+} from "./chunk-LEKU2ZW3.js";
+import {
+  into,
+  playScenes,
+  sceneSheets
+} from "./chunk-GX4O3SUN.js";
+import {
+  defineTemplate
+} from "./chunk-HLBQLOTA.js";
+import {
+  Kit,
+  preset
+} from "./chunk-PVWIQ6SQ.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/scenes/story-fitness.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var STEPS = ["Three 30-minute runs a week", "A coach in your ear, walk to run", "Your first 5K by week nine"];
+var scenes = [
+  { sheet: "Promise", cues: [
+    { layer: "Logo", preset: "pop-in", at: 0 },
+    { layer: "Big", preset: "scale-in", at: 150, params: { duration: 700, amount: 0.5 } },
+    { layer: "Weeks", preset: "rise-in", at: 500 },
+    { layer: "Sub", preset: "fade-in", at: 900 }
+  ], counts: [{ layer: "Weeks", at: 500, duration: 1e3, counter: { from: 0, to: 9, prefix: "from the sofa in ", suffix: " weeks" } }] },
+  { sheet: "How", transition: into("SLIDE_FROM_RIGHT", 500), cues: [
+    { layer: "How title", preset: "rise-in", at: 100 },
+    { layer: "Step", preset: "slide-in", at: 350, params: { direction: "right" }, stagger: { delay: 180 } }
+  ] },
+  { sheet: "Proof", transition: into("DISSOLVE", 500), cues: [
+    { layer: "Quote", preset: "words-in", at: 150, params: { duration: 550, amount: 70 } },
+    { layer: "Runner", preset: "fade-in", at: 1300 },
+    { layer: "Stars", preset: "pop-in", at: 1100 }
+  ] },
+  { sheet: "Try it", transition: into("ZOOM_THROUGH", 600), cues: [
+    { layer: "Trial", preset: "pop-in", at: 100, params: { duration: 600, amount: 0.5 } },
+    { layer: "Download", preset: "rise-in", at: 600 },
+    { layer: "Download", preset: "pulse", at: 1400, params: { amount: 0.06 } },
+    { layer: "Small print", preset: "fade-in", at: 900 }
+  ] }
+];
+var story_fitness_default = defineTemplate({
+  id: "motion-story-ad-fitness",
+  meta: {
+    name: "Running app story ad (4 scenes)",
+    description: "A four-scene 9:16 story ad for a beginner running app: the 5K promise with its weeks counting in, how it works, a runner\u2019s quote and the free trial \u2014 slide, dissolve and zoom-through between them, about 9 seconds",
+    category: "animation",
+    tags: ["animation", "story", "ad", "scenes", "transitions", "app", "fitness", "running"],
+    platforms: ["instagram", "tiktok", "facebook", "snapchat"],
+    formats: ["story", "ad", "reel"],
+    useCases: ["launch", "testimonial"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  motion: { scenes },
+  build() {
+    const k = new Kit("Running app story ad", preset("ig-story"));
+    k.brand(
+      { paper: "#0D1B2A", text: "#F2F7FF", onPaper: "#A9BCD6", accent: "#C6F432", card: "#1B3048", onCard: "#F2F7FF", lime: "#C6F432", onLime: "#0D1B2A", badge: "#1B3048" },
+      { name: "Stride", runner: "Priya, 41 \u2014 ran her first 5K in May" }
+    );
+    k.textStyle("Big 420", { size: 420, fontWeight: 900, letterSpacing: -20, lineHeight: 400, textAlign: "CENTER" });
+    k.textStyle("Head 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80, textAlign: "CENTER" });
+    k.textStyle("Body 40", { size: 40, fontWeight: 600, lineHeight: 50, textAlign: "CENTER" });
+    k.textStyle("Step 40", { size: 40, fontWeight: 700, lineHeight: 48 });
+    k.textStyle("Quote 76", { size: 76, fontWeight: 800, letterSpacing: -2, lineHeight: 84, textAlign: "CENTER" });
+    k.textStyle("Trial 120", { size: 120, fontWeight: 900, letterSpacing: -4, lineHeight: 124, textAlign: "CENTER" });
+    k.textStyle("Button 44", { size: 44, fontWeight: 800, lineHeight: 52 });
+    k.textStyle("Small 28", { size: 28, fontWeight: 500, lineHeight: 36, textAlign: "CENTER" });
+    pill(k, "Button", { fill: "paper", ink: "text", style: "Button 44", label: "Download Stride", pad: [28, 64] });
+    k.component("Step card", { direction: "HORIZONTAL", width: 888, gap: 24, align: "CENTER", fill: "card", radius: 32, padding: { top: 28, right: 32, bottom: 28, left: 32 }, props: { Text: STEPS[0] } }, (id) => {
+      k.ellipse(id, 28, "lime", { name: "Tick" });
+      k.propText(id, "Text", { style: "Step 40", color: "onCard", width: "FILL" });
+    });
+    const ids = sceneSheets(k, "ig-story", scenes.map((s) => s.sheet));
+    const [promise, how, proof, tryIt] = ids;
+    const length = [2400, 2200, 2400, 2600];
+    ids.forEach((id, i) => {
+      k.flowSheet(id, 40, verticalPadding(), i === 3 ? "lime" : "paper", "CENTER", "CENTER");
+      k.timeline(id, { duration: length[i], fps: 30 });
+    });
+    logoBadge(k, promise, { fill: "badge", size: 80, name: "Logo" });
+    k.text(promise, "5K", { style: "Big 420", color: "accent", name: "Big" });
+    k.text(promise, "from the sofa in 9 weeks", { style: "Head 72", color: "text", name: "Weeks" });
+    k.text(promise, "Couch to 5K, coached every step", { style: "Body 40", color: "onPaper", name: "Sub" });
+    k.text(how, "How it works", { style: "Head 72", color: "text", name: "How title" });
+    for (const s of STEPS) k.instance(how, "Step card", { Text: s }, { name: "Step", width: "FILL" });
+    k.text(proof, "\u201CI couldn\u2019t run for a bus in March. Now I run for fun.\u201D", { style: "Quote 76", color: "text", name: "Quote" });
+    const stars = k.stack(proof, { direction: "HORIZONTAL", width: "HUG", gap: 12, name: "Stars" });
+    for (let i = 0; i < 5; i++) k.star(stars, 56, "lime", { name: "Star" });
+    k.text(proof, "{{brand.runner}}", { style: "Body 40", color: "onPaper", name: "Runner" });
+    k.text(tryIt, "14 days free", { style: "Trial 120", color: "onLime", name: "Trial" });
+    k.instance(tryIt, "Button", { Label: "Download Stride" }, { name: "Download" });
+    k.text(tryIt, "Then \xA34.99 a month. Cancel any time in the app.", { style: "Small 28", color: "onLime", name: "Small print" });
+    playScenes(k, "comp-story", "Running app story ad", ids, scenes, "paper");
+    k.setCover(promise);
+    return k.finish();
+  }
+});
+
+export {
+  story_fitness_default
+};