@popcraft/kit 0.53.4 → 0.53.6

package/dist/chunks/chunk-RUV5W4D3.js

@@ -0,0 +1,166 @@
+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 {
+  OFFER,
+  blankCoupon,
+  burst,
+  clock,
+  couponBrand,
+  fitPinked,
+  fitRays,
+  heroCoupon,
+  masthead,
+  pinked,
+  rays,
+  scissors,
+  smallCoupons,
+  snip
+} from "./chunk-QPLPL6AA.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  cutOff
+} from "./chunk-CLQ3FUJI.js";
+import {
+  hide,
+  patchAll,
+  put,
+  restyle
+} from "./chunk-LWSZATOL.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/social/black-friday-coupons-countdown.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var CONTENT = ["Headline", "Tile", "Hero coupon", "Small coupons", "Burst", "Button"];
+var TICKS = 6;
+var DURATION = 8e3;
+var SNIP_AT = 1250;
+var CUT = 2750;
+var cues = [
+  { layer: "Headline", preset: "drop-in", at: 0, params: { duration: 350 } },
+  { layer: "Tile", preset: "pop-in", at: 200, params: { duration: 300 }, stagger: { delay: 110 } },
+  { layer: "Hero coupon", preset: "drop-in", at: 700, params: { duration: 400 } },
+  { layer: "Small coupons", preset: "rise-in", at: 1e3, params: { duration: 450 } },
+  { layer: "Hero coupon", preset: "shake", at: CUT, params: { duration: 400, distance: 16 } },
+  cutOff("Scissors", CUT + 500),
+  { layer: "Burst", preset: "pop-in", at: CUT, params: { duration: 350 } },
+  { layer: "Button", preset: "pop-in", at: 3600, params: { duration: 400 } },
+  { layer: "Stub code", preset: "pulse", at: 4600, params: { duration: 600, amount: 0.12 } },
+  { layer: "Button", preset: "pulse", at: 5600, params: { duration: 600, amount: 0.06 } },
+  outro(CONTENT, 6950)
+];
+var counts = [
+  { layer: "Hero figure", at: CUT, duration: 1e3, counter: { from: OFFER.starterWas, to: OFFER.starterNow, prefix: "$" } },
+  { layer: "Seconds figure", at: 1e3, duration: TICKS * 1e3, tick: 1e3, counter: { from: OFFER.seconds, to: OFFER.seconds - TICKS } }
+];
+var NAME = "Black Friday coupon countdown post";
+var black_friday_coupons_countdown_default = defineTemplate({
+  id: "motion-black-friday-coupons-countdown-post",
+  meta: {
+    name: NAME,
+    description: "A countdown post for a SaaS Black Friday sale, drawn as a supermarket coupon circular: an expiry clock of four yellow price-gun stickers ticks a second at a time while scissors snip a clip-out coupon free, its annual price counts down 50% and a starburst pops, on newsprint in flyer red. Eight seconds, looping, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "black friday", "cyber monday", "countdown", "timer", "sale", "saas", "coupon", "voucher", "promo code", "flyer", "scissors", "counter", "post", "deadline"],
+    platforms: ["instagram", "x", "linkedin", "facebook", "threads"],
+    formats: ["post", "portrait-post", "story", "ad"],
+    useCases: ["countdown", "sale"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-post"));
+    k.quantizeGeometry = true;
+    couponBrand(k, { name: OFFER.product, site: OFFER.site, code: OFFER.code });
+    k.textStyle("Mast 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1.6, lineHeight: 28 });
+    k.textStyle("Headline 96", { size: 96, fontWeight: 900, letterSpacing: -4.6, lineHeight: 92 });
+    k.textStyle("Headline 112", { size: 112, fontWeight: 900, letterSpacing: -5.4, lineHeight: 100 });
+    k.textStyle("Clock 132", { ...MONO, size: 132, fontWeight: 800, letterSpacing: -5, lineHeight: 132, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
+    k.textStyle("Clock 112", { ...MONO, size: 112, fontWeight: 800, letterSpacing: -4, lineHeight: 116, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
+    k.textStyle("Unit 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 2, lineHeight: 28, textAlign: "CENTER" });
+    k.textStyle("Band 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1.4, lineHeight: 28 });
+    k.textStyle("Band 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 1, lineHeight: 24 });
+    k.textStyle("Plan 28", { size: 28, fontWeight: 700, letterSpacing: -0.4, lineHeight: 34 });
+    k.textStyle("Figure 136", { size: 136, fontWeight: 900, letterSpacing: -6, lineHeight: 126, fontFeatures: { tnum: 1 } });
+    k.textStyle("Figure 88", { size: 88, fontWeight: 900, letterSpacing: -4, lineHeight: 84, fontFeatures: { tnum: 1 } });
+    k.textStyle("Side 26", { ...MONO, size: 26, fontWeight: 800, lineHeight: 32 });
+    k.textStyle("Side 20", { ...MONO, size: 20, fontWeight: 800, lineHeight: 26 });
+    k.textStyle("Fine 18", { ...MONO, size: 18, fontWeight: 600, letterSpacing: 0.4, lineHeight: 24 });
+    k.textStyle("Code 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: 1, lineHeight: 40 });
+    k.textStyle("Burst 76", { size: 76, fontWeight: 900, letterSpacing: -3.6, lineHeight: 70 });
+    k.textStyle("Burst 30", { size: 30, fontWeight: 900, letterSpacing: 2, lineHeight: 32 });
+    k.textStyle("Button 32", { ...MONO, size: 32, fontWeight: 800, lineHeight: 40 });
+    pill(k, "Link button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: OFFER.link, pad: [20, 40], radius: 10 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 24, { top: 76, right: 64, bottom: 40, left: 64 }, "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    rays(k, sheet, 1080, 1080, { fy: 0.3 });
+    pinked(k, sheet, 1080, 44, { tooth: 40 });
+    for (const [name, x, y, rotation, seed, kraft] of [["Fan left", -150, 1500, -9, 3, false], ["Fan right", 520, 1470, 11, 9, true], ["Fan middle", 170, 1600, 2, 14, false]]) {
+      k.patch(blankCoupon(k, sheet, { x, y, width: 720, height: 370, rotation, name, seed, kraft }), { visible: false });
+    }
+    const head = k.stack(sheet, { gap: 14, name: "Head" });
+    masthead(k, head, { style: "Mast 22", right: `ENDS ${OFFER.ends.toUpperCase()}` });
+    k.text(head, "COUPON EXPIRES IN", { style: "Headline 96", color: "text", name: "Headline" });
+    clock(k, sheet, { style: "Clock 132", unitStyle: "Unit 22", gap: 18, pad: 14, seconds: OFFER.seconds - TICKS });
+    const coupons = k.stack(sheet, { gap: 20, name: "Coupons" });
+    const hero = heroCoupon(k, coupons, { pad: 24, gap: 8, stub: 240, bars: 92, figureWidth: 352, band: `EVERY ANNUAL PLAN \xB7 ${OFFER.off}% OFF`, pitch: "Starter, for a year: one shop, 500 products.", styles: { band: "Band 22", pitch: "Plan 28", figure: "Figure 136", side: "Side 26", fine: "Fine 18", code: "Code 34" } });
+    const cutter = scissors(k, hero.cut, 170, { absolute: { x: -40, y: -48 } });
+    k.patch(smallCoupons(k, coupons, { gap: 20, pad: 18, styles: { band: "Band 18", figure: "Figure 88", side: "Side 20", fine: "Fine 18" } }), { visible: false });
+    burst(k, coupons, 214, [[`${OFFER.off}%`, "Burst 76"], ["OFF", "Burst 30"]], { rotation: 9, absolute: { x: 770, y: 188 } });
+    k.instance(sheet, "Link button", { Label: OFFER.link }, { name: "Button" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    snip(k, cutter, { at: SNIP_AT, steps: 6, every: 250, distance: 800, back: DURATION - 100 });
+    k.variants(sheet, postVariants({ portrait: 72 }, {
+      portrait: (kit, id) => {
+        fitRays(kit, id, 0.5, 0.3);
+        fitPinked(kit, id, 1080, 56, 0, { tooth: 40 });
+        kit.patch(id, { padding: { top: 96, right: 64, bottom: 48, left: 64 }, itemSpacing: 26 });
+        patchAll(kit, id, "Small coupons", { visible: true });
+      },
+      // Inside the vertical apps' safe area the column is 800 wide: the headline and the clock step down to fit it.
+      vertical: (kit, id) => {
+        fitRays(kit, id, 0.5, 0.26);
+        fitPinked(kit, id, 1080, 170, 0, { tooth: 40 });
+        kit.patch(id, { itemSpacing: 20 });
+        patchAll(kit, id, "Headline", { characters: "COUPON\nEXPIRES IN" });
+        restyle(kit, id, "Headline", "Headline 112");
+        for (const name of ["Days", "Hours", "Minutes", "Seconds"]) restyle(kit, id, `${name} figure`, "Clock 112");
+        patchAll(kit, id, "Clock", { itemSpacing: 14 });
+        patchAll(kit, id, "Coupon stub", { width: 216 });
+        patchAll(kit, id, "Barcode", { width: 180 });
+        patchAll(kit, id, "Small coupons", { visible: true });
+        put(kit, id, "Burst", 586, 152);
+        hide(kit, id, ["Hero pitch"]);
+        for (const [name, x, y] of [["Fan left", -150, 1500], ["Fan right", 520, 1470], ["Fan middle", 170, 1600]]) put(kit, id, name, x, y, { visible: true, width: 720, height: 370 });
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_coupons_countdown_default
+};

package/dist/chunks/chunk-RUYQ57NR.js

@@ -0,0 +1,190 @@
+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 {
+  OFFER,
+  blankCoupon,
+  coupon,
+  couponBrand,
+  fitPinked,
+  fitRays,
+  heroCoupon,
+  pinked,
+  price,
+  rays,
+  scissors,
+  snip,
+  stamp,
+  sticker
+} from "./chunk-QPLPL6AA.js";
+import {
+  MONO
+} from "./chunk-AXAAXHZF.js";
+import {
+  cutOn
+} from "./chunk-CLQ3FUJI.js";
+import {
+  hide,
+  patchAll,
+  restyle
+} from "./chunk-LWSZATOL.js";
+import {
+  hardShadow
+} from "./chunk-YORIY3BT.js";
+import {
+  feedVariants,
+  outro,
+  pill,
+  verticalPadding
+} from "./chunk-KOAJ6HD2.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  ease
+} from "./chunk-PLZLKHOI.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/black-friday-coupons-last-day.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 8e3;
+var TICKS = 6;
+var CONTENT = ["Stamp", "Scissors", "Headline", "Timer", "Setup coupon", "Shop coupon", "Hero coupon", "Sticker", "Code line", "Button"];
+var FAN_AT = 1100;
+var cues = [
+  { layer: "Stamp", preset: "pop-in", at: 0, params: { duration: 260 } },
+  cutOn("Scissors", 300),
+  { layer: "Headline", preset: "drop-in", at: 150, params: { duration: 350 } },
+  { layer: "Timer", preset: "drop-in", at: 350, params: { duration: 350 } },
+  { layer: "Hero coupon", preset: "rise-in", at: 650, params: { duration: 400 } },
+  cutOn(["Shop coupon", "Setup coupon"], FAN_AT, 150),
+  { layer: "Sticker", preset: "pop-in", at: 1700, params: { duration: 300 } },
+  { layer: "Code line", preset: "fade-in", at: 1900, params: { duration: 300 } },
+  { layer: "Button", preset: "pop-in", at: 2100, params: { duration: 400 } },
+  { layer: "Timer figure", preset: "pulse", at: 3200, params: { duration: 600, amount: 0.04 } },
+  { layer: "Button", preset: "pulse", at: 5e3, params: { duration: 600, amount: 0.06 } },
+  outro(CONTENT, 6850)
+];
+var counts = [
+  // The time left: a second off every second.
+  { layer: "Timer figure", at: 1e3, duration: TICKS * 1e3, tick: 1e3, counter: { from: 59, to: 59 - TICKS, prefix: "23:59:" } }
+];
+var NAME = "Black Friday coupon last 24 hours story";
+var FAN = { w: 800, h: 416 };
+var black_friday_coupons_last_day_default = defineTemplate({
+  id: "motion-black-friday-coupons-last-day",
+  meta: {
+    name: NAME,
+    description: "The last-24-hours story for a SaaS Black Friday sale, drawn as a supermarket coupon circular: a LAST 24 HOURS rubber stamp, snipping scissors, the time left on one big yellow price-gun sticker that ticks a second at a time, and a stack of three clip-out coupons that fans out, on newsprint in flyer red. Eight seconds, looping, 9:16 with square and 4:5 cuts",
+    category: "animation",
+    tags: ["animation", "black friday", "cyber monday", "last chance", "urgency", "countdown", "timer", "sale", "saas", "coupon", "voucher", "promo code", "flyer", "story", "deadline"],
+    platforms: ["instagram", "tiktok", "facebook", "x", "linkedin"],
+    formats: ["story", "reel", "post", "portrait-post", "ad"],
+    useCases: ["countdown", "sale"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-story"));
+    k.quantizeGeometry = true;
+    couponBrand(k, { name: OFFER.product, site: OFFER.site, code: OFFER.code });
+    k.textStyle("Stamp 56", { ...MONO, size: 56, fontWeight: 800, letterSpacing: 3, lineHeight: 60 });
+    k.textStyle("Headline 128", { size: 128, fontWeight: 900, letterSpacing: -6, lineHeight: 112 });
+    k.textStyle("Headline 92", { size: 92, fontWeight: 900, letterSpacing: -4.4, lineHeight: 88 });
+    k.textStyle("Timer label 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 2, lineHeight: 28 });
+    k.textStyle("Timer 150", { ...MONO, size: 150, fontWeight: 800, letterSpacing: -6, lineHeight: 150, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
+    k.textStyle("Band 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 1.4, lineHeight: 28 });
+    k.textStyle("Figure 136", { size: 136, fontWeight: 900, letterSpacing: -6, lineHeight: 126, fontFeatures: { tnum: 1 } });
+    k.textStyle("Side 26", { ...MONO, size: 26, fontWeight: 800, lineHeight: 32 });
+    k.textStyle("Fine 18", { ...MONO, size: 18, fontWeight: 600, letterSpacing: 0.4, lineHeight: 24 });
+    k.textStyle("Code 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: 1, lineHeight: 40 });
+    k.textStyle("Sticker 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.4, lineHeight: 24 });
+    k.textStyle("Sticker 54", { ...MONO, size: 54, fontWeight: 800, letterSpacing: -2, lineHeight: 56 });
+    k.textStyle("Line 26", { ...MONO, size: 26, fontWeight: 800, letterSpacing: 0.6, lineHeight: 32, textAlign: "CENTER" });
+    k.textStyle("Button 34", { size: 34, fontWeight: 800, lineHeight: 42 });
+    pill(k, "Clip button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: `Clip it at ${OFFER.link}`, pad: [22, 44], radius: 10 });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 22, verticalPadding(), "paper", "CENTER", "CENTER");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    rays(k, sheet, 1080, 1920, { fy: 0.3 });
+    pinked(k, sheet, 1080, 170, { tooth: 40 });
+    blankCoupon(k, sheet, { x: -160, y: 1530, width: 700, height: 360, rotation: 8, name: "Fan left", seed: 21, kraft: true });
+    blankCoupon(k, sheet, { x: 540, y: 1490, width: 700, height: 360, rotation: -10, name: "Fan right", seed: 5 });
+    blankCoupon(k, sheet, { x: 150, y: 1620, width: 740, height: 380, rotation: -2, name: "Fan middle", seed: 30 });
+    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top" });
+    const tilt = k.stack(top, { width: "HUG", padding: { top: 26, right: 0, bottom: 14, left: 6 }, name: "Stamp box" });
+    stamp(k, tilt, "LAST 24 HOURS", { style: "Stamp 56", pad: [8, 22], rotation: -4 });
+    const snipper = k.stack(top, { width: 190, height: 106, name: "Snipper" });
+    const cutter = scissors(k, snipper, 190, { absolute: { x: 0, y: 0 } });
+    k.text(sheet, "LAST DAY\nTO CLIP.", { style: "Headline 128", color: "text", name: "Headline" });
+    const timer = k.stack(sheet, { fill: "accent", radius: 12, align: "CENTER", gap: 0, padding: { top: 16, right: 20, bottom: 10, left: 20 }, stroke: { color: "onAccent", width: 5, align: "INSIDE" }, effects: [hardShadow(k, "shade", 8, 9, 0.45)], name: "Timer" });
+    const labels = k.stack(timer, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Timer labels" });
+    k.text(labels, "COUPON EXPIRES IN", { style: "Timer label 22", color: "onAccent", autoWidth: true, name: "Timer label" });
+    k.text(labels, "HRS : MIN : SEC", { style: "Timer label 22", color: "onAccent", autoWidth: true, name: "Timer units" });
+    k.text(timer, `23:59:${59 - TICKS}`, { style: "Timer 150", color: "onAccent", name: "Timer figure" });
+    const fan = k.stack(sheet, { width: FAN.w, height: FAN.h, name: "Fan" });
+    const back = (name, id, label, note, now, was, per, x, y) => {
+      const c = coupon(k, fan, { name, width: FAN.w - 40, pad: 24, gap: 8, absolute: { x, y }, band: { label, note, style: "Band 22" } });
+      price(k, c.body, { now, was, per, figureStyle: "Figure 136", sideStyle: "Side 26", name: id });
+      return c.cut;
+    };
+    const setup = back("Setup coupon", "Setup", "FREE SET-UP WITH ANY PLAN", `WAS $${OFFER.setupWorth}`, "FREE", `WAS $${OFFER.setupWorth}`, "SET-UP", 40, 0);
+    const shop = back("Shop coupon", "Shop", "MULTI-SHOP \xB7 ANNUAL", `$${OFFER.shopNow}, WAS $${OFFER.shopWas}`, `$${OFFER.shopNow}`, `WAS $${OFFER.shopWas}`, "A YEAR", 0, 62);
+    heroCoupon(k, fan, { width: FAN.w, pad: 24, gap: 8, stub: 216, bars: 92, pitch: null, absolute: { x: 0, y: 130 }, band: `STARTER \xB7 ANNUAL \xB7 ${OFFER.off}% OFF`, styles: { band: "Band 22", figure: "Figure 136", side: "Side 26", fine: "Fine 18", code: "Code 34" } });
+    sticker(k, fan, [["YOU SAVE", "Sticker 20"], [`$${OFFER.starterWas - OFFER.starterNow}`, "Sticker 54"]], { rotation: -8, pad: [10, 22], absolute: { x: 612, y: 318 } });
+    k.text(sheet, `CODE {{brand.code}} \xB7 ENDS ${OFFER.ends.toUpperCase()}`, { style: "Line 26", color: "text", name: "Code line" });
+    k.instance(sheet, "Clip button", { Label: `Clip it at ${OFFER.link}` }, { name: "Button" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    snip(k, cutter, { at: 1e3, steps: 10, every: 500, distance: 0 });
+    const notch = (id, to, at) => {
+      k.patch(id, { rotation: to });
+      k.animate(id, "rotation", [{ t: 0, v: 0, ease: ease.hold }, { t: at, v: to * 0.4, ease: ease.hold }, { t: at + 100, v: to * 0.75, ease: ease.hold }, { t: at + 200, v: to }]);
+    };
+    notch(setup, 4, FAN_AT + 250);
+    notch(shop, -3, FAN_AT + 100);
+    const feed = (kit, id, w, band) => {
+      fitRays(kit, id, 0.5, 0.3);
+      fitPinked(kit, id, w, band, 0, { tooth: 40 });
+      hide(kit, id, ["Fan left", "Fan right", "Fan middle"]);
+    };
+    k.variants(sheet, feedVariants({ post: 48, portrait: 72 }, {
+      // The square: the headline on one line, and the stamp beside the scissors over it.
+      post: (kit, id) => {
+        feed(kit, id, 1080, 44);
+        kit.patch(id, { padding: { top: 60, right: 140, bottom: 36, left: 140 }, itemSpacing: 12 });
+        patchAll(kit, id, "Headline", { characters: "LAST DAY TO CLIP." });
+        restyle(kit, id, "Headline", "Headline 92");
+        hide(kit, id, ["Code line", "Timer labels"]);
+        patchAll(kit, id, "Stamp box", { padding: { top: 16, right: 0, bottom: 6, left: 6 } });
+        patchAll(kit, id, "Timer", { padding: { top: 6, right: 20, bottom: 2, left: 20 } });
+      },
+      portrait: (kit, id) => {
+        feed(kit, id, 1080, 56);
+        kit.patch(id, { padding: { top: 84, right: 72, bottom: 44, left: 72 }, itemSpacing: 18 });
+        const wide = 936;
+        patchAll(kit, id, "Fan", { width: wide });
+        for (const name of ["Setup coupon", "Shop coupon"]) patchAll(kit, id, name, { width: wide - 40 });
+        patchAll(kit, id, "Hero coupon", { width: wide });
+        for (const n of kit.named(id, "Sticker")) kit.patch(n, { x: kit.node(n).x + (wide - FAN.w) });
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  black_friday_coupons_last_day_default
+};

package/dist/chunks/chunk-RWGLGWCB.js

@@ -0,0 +1,197 @@
+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 {
+  FLOWERS,
+  bloom,
+  bloomBrand,
+  cut,
+  fitGarden,
+  garden,
+  keepBoxes
+} from "./chunk-XD2SCF5Z.js";
+import {
+  MONO,
+  SERIF
+} from "./chunk-AXAAXHZF.js";
+import {
+  outro,
+  pill,
+  postVariants
+} from "./chunk-KOAJ6HD2.js";
+import {
+  r3
+} from "./chunk-EJLCQVQK.js";
+import {
+  defineTemplate
+} from "./chunk-YDW25Z3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-4G7VHQUV.js";
+import {
+  ease
+} from "./chunk-PLZLKHOI.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-WKDVCZ45.js";
+
+// templates/src/motion/spring-bloom-first-hundred-post.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var DURATION = 7e3;
+var N = 10;
+var CELL = 46;
+var GAP = 6;
+var PAD = 15;
+var TRAY = PAD * 2 + N * CELL + (N - 1) * GAP;
+var UP = 700;
+var EACH = 22;
+var IN_FLOWER = { 7: FLOWERS.pinkDaisy, 13: FLOWERS.skyCosmos, 28: FLOWERS.daisy, 36: FLOWERS.cosmos, 41: FLOWERS.daisy, 55: FLOWERS.skyCosmos, 62: FLOWERS.pinkDaisy, 70: FLOWERS.cosmos, 84: FLOWERS.daisy, 89: FLOWERS.pinkDaisy, 93: FLOWERS.skyCosmos };
+var bed = (h, o = {}) => ({
+  w: 1080,
+  h,
+  loopMs: DURATION,
+  soil: h - 46,
+  depth: 300,
+  hills: 170,
+  petals: 8,
+  plants: [],
+  under: false,
+  // The cloud keeps clear of the headline: under a dark kit the words are white too.
+  sun: { x: 968, y: 120, r: 96 },
+  clouds: [{ x: 874, y: 214, w: 230 }],
+  ...o
+});
+var TRAY_AT = { post: { x: 464, y: 300 }, portrait: { x: 268, y: 716 }, vertical: { x: 145, y: 900, scale: 1.45 } };
+var counts = [
+  { layer: "Figure", at: UP, duration: EACH * 100, counter: { from: 0, to: 100 }, ease: ease.linear }
+];
+var cues = [
+  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 450 } },
+  { layer: "Headline", preset: "words-in", at: 80, params: { duration: 650 } },
+  { layer: "Figure", preset: "fade-in", at: UP - 200, params: { duration: 300 } },
+  { layer: "Sprout", preset: "pop-in", at: UP, params: { duration: 420 }, stagger: { delay: EACH } },
+  { layer: "Claim", preset: "rise-in", at: UP + 500, params: { duration: 700 } },
+  { layer: "Figure", preset: "pulse", at: UP + EACH * 100, params: { duration: 700, amount: 0.08 } },
+  { layer: "Thanks", preset: "rise-in", at: 3300, params: { duration: 700 } },
+  { layer: "Site", preset: "fade-in", at: 3700, params: { duration: 600 } },
+  { layer: "Sprout", preset: "pop-out", at: 6150, params: { duration: 300 }, stagger: { delay: 4 } },
+  outro(["Eyebrow", "Headline", "Figure", "Claim", "Thanks", "Site"], 6200)
+];
+function seedLeaf(c, ang, len, hw) {
+  const dx = Math.cos(ang), dy = Math.sin(ang), n = 8;
+  const side = (m) => Array.from({ length: n + 1 }, (_, i) => {
+    const t = i / n, d = 1.5 + len * t, w = hw * Math.sin(Math.PI * Math.pow(t, 0.8)) * m;
+    return { x: r3(c + dx * d - dy * w), y: r3(c + dy * d + dx * w) };
+  });
+  return { closed: true, points: [...side(1), ...side(-1).reverse().slice(1, -1)] };
+}
+var spring_bloom_first_hundred_post_default = defineTemplate({
+  id: "motion-spring-bloom-first-hundred-post",
+  meta: {
+    name: "Spring first shoots milestone post (animated)",
+    description: "A first-customers post for spring: \u201CFirst shoots.\u201D over a seed tray seen from above, ten cells by ten, where a seedling comes up in every cell while the figure counts them from nought to a hundred \u2014 a few already in flower \u2014 on a cut-paper morning with a paper sun, hills and drifting petals; the thanks and an offer for the next hundred rise at the foot. A seven-second loop, square with 4:5 and 9:16 cuts",
+    category: "animation",
+    tags: ["animation", "spring", "bloom", "seedlings", "seed tray", "first customers", "milestone", "build in public", "cut paper", "counter", "saas", "post", "seasonal", "loop"],
+    platforms: ["instagram", "linkedin", "x", "threads", "facebook"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["milestone", "announcement", "stats"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, counts, loop: true },
+  build() {
+    const k = new Kit("Spring first shoots milestone post (animated)", preset("ig-post"));
+    k.quantizeGeometry = true;
+    bloomBrand(k, { headline: "First shoots." });
+    k.textStyle("Eyebrow 22", { ...MONO, size: 22, fontWeight: 800, letterSpacing: 2.6, lineHeight: 30, textCase: "UPPER" });
+    k.textStyle("Display 132", { size: 132, fontWeight: 900, letterSpacing: -6.4, lineHeight: 122 });
+    k.textStyle("Display 116", { size: 116, fontWeight: 900, letterSpacing: -5.4, lineHeight: 108 });
+    k.textStyle("Figure 210", { size: 210, fontWeight: 900, letterSpacing: -10, lineHeight: 180 });
+    k.textStyle("Claim 34", { ...SERIF, size: 34, fontStyle: "italic", fontWeight: 600, lineHeight: 42 });
+    k.textStyle("Thanks 26", { size: 26, fontWeight: 600, lineHeight: 35 });
+    k.textStyle("Claim 44", { ...SERIF, size: 44, fontStyle: "italic", fontWeight: 600, lineHeight: 54 });
+    k.textStyle("Thanks 34", { size: 34, fontWeight: 600, lineHeight: 46 });
+    k.textStyle("Site 22", { ...MONO, size: 22, fontWeight: 700, lineHeight: 30 });
+    k.textStyle("Tag 17", { ...MONO, size: 17, fontWeight: 800, letterSpacing: 0.6, lineHeight: 20, textCase: "UPPER" });
+    pill(k, "Code pill", { fill: "primary", ink: "onPrimary", style: "Site 22", label: "FIRSTSHOOTS", pad: [8, 18] });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 20, 72, "paper", "MIN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: DURATION, fps: 30 });
+    const POST = bed(1080);
+    const ground = k.frame(sheet, { x: 0, y: 0, width: POST.w, height: POST.h }, { name: "Garden", clip: true });
+    garden(k, ground, POST);
+    const tray = k.frame(sheet, { ...TRAY_AT.post, width: TRAY, height: TRAY }, { name: "Tray" });
+    const whole = { absolute: { x: 0, y: 0 } };
+    k.rect(tray, TRAY, TRAY, "wood", { name: "Tray wood", radius: 18, effects: [cut(1, 0.3, 3)], ...whole });
+    k.rect(tray, TRAY - 12, TRAY - 12, [], { name: "Tray rim", radius: 13, stroke: { color: "woodShade", width: 3, align: "INSIDE" }, absolute: { x: 6, y: 6 } });
+    const at = (i) => ({ x: PAD + i % N * (CELL + GAP), y: PAD + Math.floor(i / N) * (CELL + GAP) });
+    const square = (x, y, s, r) => ({ closed: true, points: [[r, 0], [s - r, 0], [s, r], [s, s - r], [s - r, s], [r, s], [0, s - r], [0, r]].map(([a, b]) => ({ x: x + a, y: y + b })) });
+    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N }, (_, i) => square(at(i).x, at(i).y, CELL, 7)), "soil", { name: "Cells", ...whole });
+    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N }, (_, i) => square(at(i).x, at(i).y, CELL, 7)).map((p) => ({ closed: false, points: [p.points[6], p.points[7], p.points[0], p.points[1]] })), "soilDeep", { name: "Cell shade", strokeWidth: 4, opacity: 0.55, ...whole });
+    k.vector(tray, TRAY, TRAY, Array.from({ length: N * N * 3 }, (_, j) => {
+      const i = Math.floor(j / 3), a = j * 2.399 % (Math.PI * 2), d = 12 + j * 7 % 9;
+      const cx = at(i).x + CELL / 2 + d * Math.cos(a), cy = at(i).y + CELL / 2 + d * Math.sin(a);
+      return { closed: true, points: [0, 1, 2, 3, 4].map((n) => ({ x: r3(cx + 2.2 * Math.cos(n * 1.257)), y: r3(cy + 2.2 * Math.sin(n * 1.257)) })) };
+    }), "soilLight", { name: "Cell crumbs", opacity: 0.7, ...whole });
+    for (let j = 0; j < N * N; j++) {
+      const i = (j * 37 + 11) % (N * N);
+      const p = at(i), flower = IN_FLOWER[i];
+      if (flower) {
+        bloom(k, tray, flower, 22, { x: p.x + CELL / 2 - 22, y: p.y + CELL / 2 - 22 }, "Sprout");
+        continue;
+      }
+      const turn = i * 2.399 % Math.PI, big = 15 + i * 5 % 5;
+      k.vector(tray, CELL, CELL, [seedLeaf(CELL / 2, turn, big, 8), seedLeaf(CELL / 2, turn + Math.PI, big - 2, 7.5), seedLeaf(CELL / 2, turn + Math.PI / 2, 7, 4), seedLeaf(CELL / 2, turn - Math.PI / 2, 6, 3.5)], i % 3 ? "leaf" : "stem", { name: "Sprout", effects: [cut(0.4, 0.4)], absolute: p });
+    }
+    const tag = k.stack(tray, { direction: "HORIZONTAL", width: "HUG", fill: "packet", radius: 6, gap: 8, align: "CENTER", padding: { top: 6, right: 14, bottom: 6, left: 12 }, effects: [cut(1, 0.3, 1.4)], absolute: { x: TRAY - 214, y: TRAY - 12 }, name: "Tray label" });
+    k.ellipse(tag, 9, "soilMid", { name: "Tray label hole" });
+    k.text(tag, "Sown 3 March", { style: "Tag 17", color: "ink", autoWidth: true, name: "Tray label words" });
+    const top = k.stack(sheet, { gap: 10, name: "Top" });
+    k.text(top, "{{brand.name}} \xB7 six weeks in", { style: "Eyebrow 22", color: "text", name: "Eyebrow" });
+    k.text(top, "{{brand.headline}}", { style: "Display 132", color: "text", name: "Headline" });
+    const count = k.stack(sheet, { width: 372, gap: 4, name: "Count" });
+    k.text(count, "100", { style: "Figure 210", color: "accent", name: "Figure" });
+    k.text(count, "teams now keep a tidy backlog with {{brand.name}}.", { style: "Claim 34", color: "text", name: "Claim" });
+    const foot = k.stack(sheet, { width: 372, gap: 12, name: "Foot" });
+    k.text(foot, "Thank you for planting us. The next hundred get 40% off their first season.", { style: "Thanks 26", color: "onPaper", name: "Thanks" });
+    const site = k.stack(foot, { direction: "HORIZONTAL", gap: 14, align: "CENTER", wrap: true, name: "Site" });
+    k.instance(site, "Code pill", { Label: "FIRSTSHOOTS" }, { name: "Code" });
+    k.text(site, "{{brand.site}}", { style: "Site 22", color: "text", autoWidth: true, name: "Site words" });
+    k.counts(sheet, counts);
+    k.cues(sheet, cues);
+    const place = (kit, id, to, g) => {
+      fitGarden(kit, sheet, id, g);
+      kit.named(sheet, "Tray").forEach((m, i) => {
+        const c = kit.named(id, "Tray")[i];
+        if (c) {
+          keepBoxes(kit, m, c);
+          kit.patch(c, { x: to.x, y: to.y, ...to.scale ? { anchorX: 0, anchorY: 0, scaleX: to.scale, scaleY: to.scale } : {} });
+        }
+      });
+      for (const name of ["Count", "Foot"]) for (const n of kit.named(id, name)) kit.patch(n, { layoutSizingHorizontal: "FILL" });
+    };
+    k.variants(sheet, postVariants({ portrait: 72 }, {
+      portrait: (kit, id) => {
+        place(kit, id, TRAY_AT.portrait, bed(1350, { sun: { x: 968, y: 130, r: 100 }, clouds: [{ x: 620, y: 300, w: 230 }] }));
+      },
+      vertical: (kit, id) => {
+        for (const t of kit.named(id, "Headline")) kit.restyle(t, "Display 116");
+        for (const t of kit.named(id, "Claim")) kit.restyle(t, "Claim 44");
+        for (const t of kit.named(id, "Thanks")) kit.restyle(t, "Thanks 34");
+        for (const t of kit.named(id, "Tray label")) kit.patch(t, { visible: false });
+        place(kit, id, TRAY_AT.vertical, bed(1920, { soil: 1740, sun: { x: 930, y: 150, r: 110 }, clouds: [{ x: -40, y: 90, w: 260 }, { x: 700, y: 760, w: 220 }] }));
+      }
+    }));
+    return k.finish();
+  }
+});
+
+export {
+  spring_bloom_first_hundred_post_default
+};