@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-ZVAL4CXP.js

@@ -1,358 +0,0 @@
-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 {
-  FIZZ,
-  WEB_STEPS,
-  WEB_TYPE,
-  bowl,
-  burst,
-  burstSticker,
-  callComponent,
-  chromeText,
-  cutout,
-  halftone,
-  maxBrand,
-  phone,
-  plate,
-  quietComponent,
-  relight,
-  slap,
-  spark,
-  spin,
-  sticker,
-  stickerEdge,
-  ticker,
-  wobble
-} from "./chunk-SMGPOQLP.js";
-import {
-  portraitSlot
-} from "./chunk-UD3JVCFG.js";
-import {
-  arrowPath
-} from "./chunk-YNOCYFZ4.js";
-import {
-  CONTENT,
-  compactNav,
-  footer,
-  respond,
-  typeScale
-} from "./chunk-G5CURQ6H.js";
-import {
-  nav
-} from "./chunk-YKXCPYWJ.js";
-import {
-  board,
-  reboard
-} from "./chunk-QLV6445V.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/style-maximal-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Maximal SaaS landing page";
-var DURATION = 6e3;
-var HANDLES = ["@danicooks", "@lenaliftsheavy", "@moviesbymarco", "@thriftwithtess", "@kofi.codes", "@ritasings", "@plantdad.jay", "@sk8withsami"];
-var AW = 600;
-var AH = 660;
-var CUT = 1e3;
-var cues = [
-  wobble(["Art bop", "Art captions", "Art seal", "Art formats"], 0, { gap: 500, angle: 9, duration: 700 }),
-  wobble(["Art bop", "Art captions", "Art seal", "Art formats"], 3e3, { gap: 500, angle: 7, duration: 700 }),
-  wobble("Sheet sticker", 200, { gap: 260, angle: 6, duration: 700 }),
-  slap("Out clip", 1200, { gap: 300, from: 0.2 }),
-  { layer: "Strip cut", preset: "pop-in", at: 300, stagger: { delay: 420, order: "selection" }, params: { duration: 260, amount: 0.1, ease: ease.back(2.6) } },
-  { layer: "Month bar", preset: "scale-in", at: 400, stagger: { delay: 150, order: "selection" }, params: { duration: 700, amount: 0, ease: ease.back(1.6) } },
-  slap("Proof sticker", 1600, { gap: 300 }),
-  { layer: "Call", preset: "pulse", at: 2e3, stagger: { delay: 0, order: "selection" }, params: { duration: 800, amount: 0.05 } }
-];
-var counts = [
-  { layer: "Proof figure", at: 400, duration: 2400, counter: { from: 0, to: FIZZ.september, separator: "," } }
-];
-var priceSwap = (layer, a, b) => {
-  const sw = { layer, words: [a, b, a], at: 0, hold: 0, stagger: 40, in: 200, out: 150, unit: "letter", rise: 18 };
-  const spare = DURATION - swapTimes(sw)[2].gone;
-  return { ...sw, hold: Math.floor(spare / 3) };
-};
-var swaps = [priceSwap("Pro price", `$${FIZZ.pro}`, `$${FIZZ.proYear}`), priceSwap("Studio price", `$${FIZZ.studio}`, `$${FIZZ.studioYear}`)];
-var FLIPS = [1800, 3790];
-var style_maximal_landing_default = defineTemplate({
-  id: "web-saas-style-maximal-landing",
-  meta: {
-    name: NAME,
-    description: "A full landing page in a maximalist Y2K look for an AI clip maker: a hot-pink page of chrome type on black plates, die-cut stickers, starbursts and marquees. The hero shows the product working on the page timeline \u2014 a liquid-metal phone whose clip cuts on every beat with a caption chip per cut, stickers rocking round it, a burst turning behind. Under it a running band of creators, the features as a sticker sheet, a long video dropping cut marks as three clips pop out, a counter to a million clips over bars that grow, a creator quote with a photo slot, two plans whose prices swap as a monthly / yearly switch flips, a closing plate and a footer. Desktop to phone",
-    category: "web",
-    tags: ["landing page", "saas", "maximalist", "y2k", "chrome", "stickers", "starburst", "marquee", "creator", "video", "ai", "hero", "chart", "counter", "toggle", "testimonial", "pricing", "animation", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("web-desktop"));
-    k.quantizeGeometry = true;
-    maxBrand(k, { tagline: "CUT TO\nTHE BEAT." });
-    const s = typeScale(k, { ...WEB_TYPE });
-    callComponent(k, { style: s("Button 18"), label: "Try Clipfizz free", pad: [16, 28], drop: 6, weight: 3 });
-    quietComponent(k, { style: s("Button 18"), label: "Watch the 40-second demo", pad: [16, 28] });
-    k.component("Button", { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 999, align: "CENTER", padding: { top: 12, right: 22, bottom: 12, left: 22 }, stroke: { color: "night", width: 3, align: "INSIDE" }, props: { Label: "Try free" } }, (id) => {
-      k.propText(id, "Label", { style: s("Button 16"), color: "onPrimary", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 120, { top: 24, right: 120, bottom: 56, left: 120 }, "paper", "MIN", "MIN");
-    k.patch(sheet, { layoutSizingVertical: "HUG", minHeight: 1024, clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    k.patch(sheet, { height: 6e3 });
-    const top = k.stack(sheet, { gap: 40, name: "Top" });
-    ticker(k, top, { phrases: [`${FIZZ.name.toUpperCase()} ${FIZZ.version} IS OUT`, "AUTO-BOP CUTS ON THE BEAT", "7 DAYS OF PRO, FREE"], w: 440, height: 52, style: s("Ticker 24"), fill: "primary", ink: "onPrimary", spark: "night", loop: DURATION, cells: 2, name: "Ticker" });
-    nav(k, top, { links: ["Features", "Pricing", "Creators", "Changelog", "Log in"], cta: "Try free", style: s("Nav 16"), brandStyle: s("Brand 24") });
-    const hero = k.stack(top, { direction: "HORIZONTAL", gap: 40, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { width: 580, gap: 28, name: "Copy" });
-    sticker(k, copy, `NEW \xB7 ${FIZZ.feature.toUpperCase()} IN ${FIZZ.version}`, { fill: "secondary", ink: "onSecondary", style: s("Tag 16"), rotate: -3, pad: [10, 18], name: "Tag" });
-    const pl = plate(k, copy, { name: "Hero plate", width: "HUG", rotate: -2, pad: [26, 32], shadow: 10 });
-    chromeText(k, pl, "{{brand.tagline}}", { style: s("Hero 112"), name: "Hero words", size: 112 });
-    k.text(copy, "Drop in a long video. Clipfizz hands back vertical clips cut on the beat, captioned and stickered in your style, in about 38 seconds. Post a week of Reels, TikToks and Shorts from one Sunday shoot.", { style: s("Lead 22"), color: "text", name: "Lead" });
-    const ctas = k.stack(copy, { direction: "HORIZONTAL", gap: 16, wrap: true, name: "Ctas" });
-    k.instance(ctas, "Call", { Label: "Try Clipfizz free" }, { name: "Call" });
-    k.instance(ctas, "Button quiet", { Label: "Watch the 40-second demo" }, { name: "CTA quiet" });
-    k.text(copy, FIZZ.trial, { style: s("Small 14"), color: "onPaper", name: "Terms" });
-    const art = board(k, hero, AW, AH, 1, "Art");
-    const big = burst(k, art, 540, "accent", { name: "Art burst", points: 24, depth: 0.12, absolute: { x: 40, y: 70 } });
-    spin(k, big, 1 / 24, DURATION);
-    halftone(k, art, 300, "pinkDeep", { name: "Art dots", absolute: { x: 330, y: 0 } });
-    const ph = phone(k, art, { w: 330, h: 640, rotate: 5, absolute: { x: 150, y: 10 } });
-    const cw = ph.sw - 36, ch = 420;
-    const clip = k.stack(ph.screen, { width: cw, height: ch, radius: 22, clip: true, name: "Clip" });
-    const shot = (name, fill, artFn, word) => {
-      const f = k.frame(clip, { x: 0, y: 0, width: cw, height: ch }, { name, fill });
-      k.patch(f, { layoutPositioning: "ABSOLUTE" });
-      halftone(k, f, 240, "night", { name: "Shot dots", absolute: { x: cw - 150, y: -80 }, step: 16 });
-      artFn(f);
-      const chip = sticker(k, f, word, { fill: "card", ink: "onCard", style: s("Chip 40"), shape: "tag", rotate: -5, pad: [6, 14], name: "Clip chip", absolute: { x: 18, y: ch - 96 } });
-      return { f, chip };
-    };
-    const shotC = shot("Shot C", "primary", (f) => cutout(k, f, 240, 300, { top: "secondary", skin: "skinDeep", absolute: { x: 16, y: ch - 300 } }), "SLAPS!");
-    const shotB = shot("Shot B", "accent", (f) => bowl(k, f, 220, 220, { fill: "card", absolute: { x: 30, y: 90 } }), "SAUCE");
-    const shotA = shot("Shot A", "secondary", (f) => cutout(k, f, 230, 290, { top: "accent", absolute: { x: 20, y: ch - 290 } }), "THIS");
-    const track = k.stack(ph.screen, { width: cw, height: 120, fill: k.tint("onNight", 0.1), radius: 14, clip: true, name: "Track" });
-    const bars = 20, bw = cw / bars;
-    for (let i = 0; i < bars; i++) {
-      const h = Math.round(26 + 64 * Math.abs(Math.sin(i * 1.7) * Math.cos(i * 0.6)));
-      k.rect(track, Math.round(bw - 5), h, i % 4 === 0 ? "primary" : "card", { radius: 3, name: "Wave bar", absolute: { x: Math.round(i * bw + 2), y: Math.round(60 - h / 2) } });
-    }
-    for (let i = 1; i <= 5; i++) k.rect(track, 5, 120, "accent", { name: "Track cut", absolute: { x: Math.round(cw * i / 6), y: 0 } });
-    const playhead = k.rect(track, 4, 120, "chromeHi", { name: "Playhead", absolute: { x: 0, y: 0 } });
-    burstSticker(k, art, [{ text: "AUTO-\nBOP", style: s("Burst 56") }, { text: `NEW IN ${FIZZ.version}`, style: s("Tag 22") }], { size: 250, fill: "primary", ink: "onPrimary", name: "Art bop", rotate: -10, absolute: { x: 0, y: 40 } });
-    sticker(k, art, "AI CAPTIONS", { fill: "secondary", ink: "onSecondary", style: s("Tag 22"), rotate: 8, pad: [12, 20], name: "Art captions", absolute: { x: 390, y: 150 } });
-    burstSticker(k, art, [{ text: `${FIZZ.seconds}`, style: s("Seal 64") }, { text: "SEC TO CLIPS", style: s("Tag 22") }], { size: 210, fill: "accent", ink: "onAccent", name: "Art seal", points: 30, depth: 0.07, rotate: 7, absolute: { x: 390, y: 400 } });
-    sticker(k, art, "9:16 \xB7 1:1 \xB7 4:5", { fill: "card", ink: "onCard", style: s("Tag 22"), shape: "tag", rotate: -6, pad: [12, 18], name: "Art formats", absolute: { x: 10, y: 520 } });
-    spark(k, art, 64, "card", { outline: 3, name: "Art spark", absolute: { x: 520, y: 40 } });
-    const band = k.stack(sheet, { gap: 18, name: "Band" });
-    k.text(band, `${FIZZ.creators} creators cut their clips with ${FIZZ.name}`, { style: s("Tag 16"), color: "text", name: "Band label" });
-    const handles = k.stack(band, { gap: 0, name: "Handles" });
-    const hb = ticker(k, handles, { phrases: HANDLES, w: 300, height: 76, style: s("Title 24"), fill: "night", ink: "onNight", spark: "primary", loop: DURATION, cells: 2, name: "Handle band", right: true });
-    k.patch(hb, { rotation: 0 });
-    const feat = k.stack(sheet, { gap: 40, name: "Features" });
-    head(k, feat, s, "WHAT IT DOES", "Everything slaps on by itself.", "Six things Clipfizz does to every clip, peeled off one sheet. Turn any of them off per clip.");
-    const sheetCard = k.stack(feat, { direction: "HORIZONTAL", wrap: true, gap: 32, justify: "CENTER", align: "CENTER", fill: "card", radius: 40, padding: 48, ...stickerEdge(k, 4, 12), name: "Sticker sheet" });
-    k.patch(sheetCard, { counterAxisSpacing: 32 });
-    const feature = (name, fill, ink, title, line, o) => {
-      const f = k.stack(sheetCard, { width: o.w, gap: 10, fill, radius: o.radius ?? 28, padding: 28, ...stickerEdge(k, 4, 7), name: "Sheet sticker" });
-      k.patch(f, { rotation: o.rotate });
-      k.text(f, title, { style: s("Title 30"), color: ink, name: "Sheet title" });
-      k.text(f, line, { style: s("Body 17"), color: ink, name: "Sheet line" });
-      void name;
-      return f;
-    };
-    feature("Auto-Bop", "primary", "onPrimary", "Auto-Bop", "Finds every beat in your track and cuts on it, so the clip lands on the drop.", { w: 320, rotate: -3 });
-    feature("Captions", "secondary", "onSecondary", "AI captions", `Word-by-word captions in ${FIZZ.captionStyles} styles, timed to your voice, in 30 languages.`, { w: 340, rotate: 2, radius: 999 });
-    feature("Packs", "accent", "onAccent", `${FIZZ.packs}+ sticker packs`, "Bursts, labels and reactions it places where they will not cover a face.", { w: 320, rotate: -2 });
-    feature("Hooks", "night", "onNight", "Hook finder", "Picks the three seconds most likely to stop a thumb and opens on them.", { w: 330, rotate: 3 });
-    feature("Formats", "card", "onCard", "9:16, 1:1, 4:5", "Every clip framed for each feed, faces kept in the safe zone.", { w: 300, rotate: -1 });
-    feature("Brand", "chromeHi", "onCard", "Your style", "Your fonts, colours and sticker set, saved once and used on every clip.", { w: 320, rotate: 2 });
-    const flow = k.stack(sheet, { gap: 40, name: "Flow" });
-    head(k, flow, s, "HOW IT GOES", "One long video in. A week of clips out.", "Drop in a 14-minute cook-along and Auto-Bop marks the cuts as it plays. Three clips are ready before it reaches the end.");
-    const flowRow = k.stack(flow, { direction: "HORIZONTAL", gap: 32, align: "CENTER", name: "Flow row" });
-    const strip = k.stack(flowRow, { gap: 16, fill: "night", radius: 28, padding: 28, ...stickerEdge(k, 0, 10), name: "Long strip" });
-    k.patch(strip, { strokes: [], layoutSizingHorizontal: "FILL" });
-    const sRow = k.stack(strip, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Strip head" });
-    k.text(sRow, "sunday-cook-up.mov", { style: s("Tag 16"), color: "onNight", autoWidth: true, name: "Strip file" });
-    k.text(sRow, "14:22", { style: s("Tag 16"), color: "nightMuted", autoWidth: true, name: "Strip length" });
-    const film = k.stack(strip, { height: 150, fill: k.tint("onNight", 0.08), radius: 16, clip: true, name: "Film" });
-    const FW = 600;
-    for (let i = 0; i < 12; i++) k.rect(film, 44, 120, ["secondary", "accent", "primary"][i % 3], { radius: 6, name: "Frame", absolute: { x: 10 + i * 50, y: 15 } });
-    for (let i = 0; i < 9; i++) k.rect(film, 6, 150, "chromeHi", { name: "Strip cut", absolute: { x: Math.round(40 + i * 62), y: 0 } });
-    const sHead = k.rect(film, 4, 150, "primary", { name: "Strip head line", absolute: { x: 0, y: 0 } });
-    k.text(strip, "9 cuts on the beat \xB7 3 clips", { style: s("Title 20"), color: "onNight", name: "Strip note" });
-    const arrow = k.stack(flowRow, { width: 120, height: 120, align: "CENTER", justify: "CENTER", name: "Flow arrow" });
-    burst(k, arrow, 120, "primary", { name: "Arrow burst", points: 14, depth: 0.2, absolute: { x: 0, y: 0 } });
-    k.vector(arrow, 56, 40, [arrowPath(56, 40)], "night", { name: "Arrow" });
-    const outs = k.stack(flowRow, { direction: "HORIZONTAL", width: "HUG", gap: 18, name: "Out clips" });
-    ["secondary", "accent", "primary"].forEach((fill, i) => {
-      const c = k.stack(outs, { width: 120, height: 214, fill, radius: 18, clip: true, ...stickerEdge(k, 4, 6), name: "Out clip" });
-      k.patch(c, { rotation: [-4, 2, 5][i] });
-      cutout(k, c, 110, 140, { top: i === 1 ? "secondary" : "accent", skin: i === 2 ? "skinDeep" : "skin", absolute: { x: 5, y: 74 } });
-    });
-    const proof = k.stack(sheet, { gap: 28, fill: "night", radius: 40, padding: 56, ...stickerEdge(k, 0, 14), name: "Proof" });
-    k.patch(proof, { strokes: [], effects: [{ type: "DROP_SHADOW", color: k.color("primary"), offset: { x: 14, y: 14 }, blur: 0, spread: 0, visible: true }] });
-    sticker(k, proof, "CLIPS CUT IN SEPTEMBER", { fill: "primary", ink: "onPrimary", style: s("Tag 16"), pad: [6, 14], rotate: -2, drop: 0, weight: 0, name: "Proof kicker" });
-    chromeText(k, proof, "1,000,000", { style: s("Figure 132"), name: "Proof figure", size: 132 });
-    k.text(proof, `Up from 210,000 in April. ${FIZZ.clips} clips since launch, by ${FIZZ.creators} creators.`, { style: s("Lead 22"), color: "onNight", name: "Proof line" });
-    const chart = k.stack(proof, { direction: "HORIZONTAL", gap: 18, align: "MAX", height: 260, name: "Month chart" });
-    FIZZ.monthly.forEach((v, i) => {
-      const col = k.stack(chart, { gap: 10, align: "CENTER", justify: "MAX", name: "Month" });
-      k.patch(col, { layoutSizingVertical: "FILL" });
-      k.text(col, v >= 1e3 ? "1M" : `${v}K`, { style: s("Tag 16"), color: "onNight", autoWidth: true, name: "Month value" });
-      const b = k.rect(col, "FILL", Math.round(24 + v / 1e3 * 166), i === 5 ? "primary" : "chromeMid", { radius: 10, name: "Month bar" });
-      k.patch(b, { anchorY: 1 });
-      k.text(col, FIZZ.months[i], { style: s("Tag 16"), color: "nightMuted", autoWidth: true, name: "Month name" });
-    });
-    const pRow = k.stack(proof, { direction: "HORIZONTAL", gap: 20, wrap: true, name: "Proof stickers" });
-    sticker(k, pRow, `${FIZZ.seconds} s TO FIRST CLIPS`, { fill: "accent", ink: "onAccent", style: s("Tag 16"), rotate: -3, name: "Proof sticker", drop: 0 });
-    sticker(k, pRow, `${FIZZ.clips} CLIPS SINCE LAUNCH`, { fill: "secondary", ink: "onSecondary", style: s("Tag 16"), rotate: 2, name: "Proof sticker", drop: 0 });
-    const qRow = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", name: "Quote row" });
-    const phWrap = k.stack(qRow, { width: 400, gap: 0, name: "Photo card", ...stickerEdge(k, 4, 10), radius: 32, clip: true });
-    k.patch(phWrap, { rotation: -3 });
-    portraitSlot(k, phWrap, 400, 460, { radius: 0, ground: "accent", skin: "skin", top: "secondary", halo: "primary", name: "Portrait", photo: "Creator photo" });
-    const q = k.stack(qRow, { gap: 24, fill: "card", radius: 32, padding: 44, ...stickerEdge(k, 4, 10), name: "Quote card" });
-    k.text(q, `"${FIZZ.quote}"`, { style: s("Quote 40"), color: "onCard", name: "Quote words" });
-    const who = k.stack(q, { direction: "HORIZONTAL", gap: 16, align: "CENTER", wrap: true, name: "Quote who" });
-    const whoW = k.stack(who, { gap: 2, width: "HUG", name: "Quote names" });
-    k.text(whoW, `${FIZZ.author}, ${FIZZ.handle}`, { style: s("Title 20"), color: "onCard", autoWidth: true, name: "Quote name" });
-    k.text(whoW, FIZZ.role, { style: s("Body 15"), color: "cardMuted", autoWidth: true, name: "Quote role" });
-    sticker(k, who, "7 REELS FROM 1 SHOOT", { fill: "primary", ink: "onPrimary", style: s("Tag 14"), rotate: 3, name: "Quote sticker", drop: 4 });
-    const plans = k.stack(sheet, { gap: 36, name: "Plans" });
-    head(k, plans, s, "PRICING", "Free to try. Cheap to keep.", `${FIZZ.trial} Free stays free: 5 clips a week with a small watermark.`);
-    const swRow = k.stack(plans, { direction: "HORIZONTAL", width: "HUG", gap: 16, align: "CENTER", fill: "card", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, stroke: { color: "night", width: 3, align: "INSIDE" }, name: "Billing switch" });
-    k.text(swRow, "Monthly", { style: s("Tag 16"), color: "onCard", autoWidth: true, name: "Switch monthly" });
-    const track2 = k.stack(swRow, { width: 76, height: 40, name: "Switch" });
-    k.rect(track2, 76, 40, "night", { radius: 99, name: "Switch track", absolute: { x: 0, y: 0 } });
-    const knob = k.ellipse(track2, 30, "primary", { name: "Switch knob", absolute: { x: 5, y: 5 } });
-    k.text(swRow, "Yearly, save 25%", { style: s("Tag 16"), color: "onCard", autoWidth: true, name: "Switch yearly" });
-    const pRowP = k.stack(plans, { direction: "HORIZONTAL", gap: 32, name: "Plan row" });
-    const plan = (name, priceName, price, line, what, fill, ink, rotate) => {
-      const p = k.stack(pRowP, { gap: 14, fill, radius: 32, padding: 36, ...stickerEdge(k, 4, 10), name: "Plan card" });
-      k.patch(p, { rotation: rotate });
-      k.text(p, name, { style: s("Title 30"), color: ink, name: "Plan name" });
-      const pr = k.stack(p, { direction: "HORIZONTAL", gap: 10, align: "MAX", name: "Plan price row" });
-      k.text(pr, price, { style: s("Price 72"), color: ink, width: 150, name: priceName });
-      k.text(pr, "a month", { style: s("Body 17"), color: ink, autoWidth: true, name: "Plan per" });
-      k.text(p, line, { style: s("Small 14"), color: ink, name: "Plan line" });
-      k.text(p, what, { style: s("Body 17"), color: ink, name: "Plan what" });
-    };
-    plan("Pro", "Pro price", `$${FIZZ.pro}`, `$${FIZZ.proYear} a month billed yearly ($108)`, "Unlimited clips, no watermark, Auto-Bop, every caption style and sticker pack.", "primary", "onPrimary", -1.5);
-    plan("Studio", "Studio price", `$${FIZZ.studio}`, `$${FIZZ.studioYear} a month billed yearly ($288)`, "Everything in Pro for up to 5 people, a shared brand kit, 4K export and priority renders.", "secondary", "onSecondary", 1.5);
-    k.instance(plans, "Button quiet", { Label: "Compare every plan" }, { name: "Plans link" });
-    const close = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", justify: "SPACE_BETWEEN", fill: "night", radius: 40, padding: 64, name: "Close" });
-    k.patch(close, { effects: [{ type: "DROP_SHADOW", color: k.color("accent"), offset: { x: 14, y: 14 }, blur: 0, spread: 0, visible: true }] });
-    const cWords = k.stack(close, { gap: 24, name: "Close words" });
-    chromeText(k, cWords, "MAKE IT BOP.", { style: s("Section 64"), name: "Close title", size: 64 });
-    k.text(cWords, "Your first three clips are free and ready in about 38 seconds. Bring a long video.", { style: s("Lead 22"), color: "onNight", name: "Close line" });
-    k.instance(cWords, "Call", { Label: "Try Clipfizz free" }, { name: "Call" });
-    const closeArt = k.stack(close, { width: 300, height: 300, name: "Close art" });
-    const cb = burst(k, closeArt, 300, "primary", { name: "Close burst", points: 20, depth: 0.14, absolute: { x: 0, y: 0 } });
-    spin(k, cb, -1 / 20, DURATION);
-    spark(k, closeArt, 120, "chromeHi", { outline: 4, name: "Close spark", absolute: { x: 90, y: 90 } });
-    footer(k, sheet, {
-      about: FIZZ.pitch,
-      legal: "\xA9 2026 {{brand.name}} Inc. Your videos stay yours: Clipfizz never trains on them.",
-      columns: [["Product", ["Auto-Bop", "Captions", "Sticker packs", "Changelog"]], ["Creators", ["Creator fund", "Templates", "Community"]], ["Help", ["Docs", "Status", "Privacy"]]],
-      brandStyle: s("Brand 24"),
-      headStyle: s("Tag 14"),
-      linkStyle: s("Small 14"),
-      ruleColor: "text"
-    });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    [shotA, shotB, shotC].forEach((sh, i) => {
-      const on = (t) => Math.floor(t / CUT) % 3 === i;
-      const keys = [{ t: 0, v: on(0) ? 1 : 0, ease: ease.hold }];
-      for (let t = CUT; t < DURATION; t += CUT) keys.push({ t: t - 1, v: on(t - 1) ? 1 : 0, ease: ease.hold }, { t, v: on(t) ? 1 : 0, ease: ease.hold });
-      keys.push({ t: DURATION, v: on(DURATION - 1) ? 1 : 0 });
-      k.animate(sh.f, "opacity", keys);
-      k.patch(sh.chip, { anchorX: 0.5, anchorY: 0.5 });
-      const starts = Array.from({ length: DURATION / CUT }, (_, j) => j * CUT).filter((t) => on(t) && t > 0);
-      const pop = starts.flatMap((t) => [{ t, v: 0.3, ease: ease.back(2.6) }, { t: t + 300, v: 1, ease: ease.hold }]);
-      if (pop.length) {
-        delete pop[pop.length - 1].ease;
-        for (const p of ["scaleX", "scaleY"]) k.animate(sh.chip, p, pop);
-      }
-    });
-    k.animate(playhead, "translateX", [{ t: 0, v: 0, ease: ease.linear }, { t: DURATION, v: cw - 4 }]);
-    k.animate(sHead, "translateX", [{ t: 0, v: 0, ease: ease.linear }, { t: 4200, v: FW - 4, ease: ease.hold }, { t: DURATION, v: FW - 4 }]);
-    for (const id of [knob]) k.animate(id, "translateX", [{ t: FLIPS[0], v: 0, ease: ease.back(2) }, { t: FLIPS[0] + 300, v: 36, ease: ease.hold }, { t: FLIPS[1], v: 36, ease: ease.back(2) }, { t: FLIPS[1] + 300, v: 0 }]);
-    respond(k, sheet, s, {
-      stack: ["Hero", "Flow row", "Quote row", "Plan row", "Close", "Footer columns"],
-      stackMobile: ["Sticker sheet"],
-      restyle: { ...WEB_STEPS },
-      hide: { tablet: ["Close art"], mobile: ["Nav links", "CTA quiet", "Close art"] },
-      gap: { tablet: 72, mobile: 56 },
-      tweak: (kit, id, size) => fit(kit, id, size)
-    });
-    fit(k, sheet, "desktop");
-    return k.finish();
-  }
-});
-function fit(k, root, size) {
-  const cw = CONTENT[size], narrow = size === "tablet" || size === "mobile";
-  const scale = size === "desktop" ? 1 : size === "laptop" ? 0.9 : size === "tablet" ? 1 : Math.round(cw / AW * 1e3) / 1e3;
-  reboard(k, root, "Art", scale);
-  for (const n of k.named(root, "Art stage")) k.patch(n, { layoutSizingHorizontal: "FIXED" });
-  for (const n of k.named(root, "Copy")) k.patch(n, narrow ? { layoutSizingHorizontal: "FILL" } : { width: size === "laptop" ? 520 : 580 });
-  for (const n of k.named(root, "Hero")) if (narrow) k.patch(n, { counterAxisAlignItems: "CENTER" });
-  const hero = size === "mobile" ? 56 : size === "desktop" ? 112 : 88;
-  relight(k, root, "Hero words", hero);
-  relight(k, root, "Proof figure", size === "desktop" || size === "laptop" ? 132 : size === "tablet" ? 64 : 48);
-  relight(k, root, "Close title", size === "mobile" ? 36 : size === "tablet" ? 48 : 64);
-  if (narrow) {
-    for (const n of k.named(root, "Long strip")) k.patch(n, { layoutSizingHorizontal: "FILL" });
-    for (const n of k.named(root, "Flow arrow")) k.patch(n, { layoutSizingHorizontal: "FIXED", width: 120 });
-    for (const n of k.named(root, "Arrow")) k.patch(n, { rotation: 90 });
-    for (const n of k.named(root, "Photo card")) k.patch(n, { layoutSizingHorizontal: "FIXED", width: Math.min(400, cw) });
-    for (const n of k.named(root, "Plan card")) k.patch(n, { layoutSizingHorizontal: "FILL" });
-    for (const n of k.named(root, "Close")) k.patch(n, { padding: { top: 44, right: 32, bottom: 44, left: 32 } });
-    for (const n of k.named(root, "Proof")) k.patch(n, { padding: size === "mobile" ? { top: 32, right: 24, bottom: 32, left: 24 } : { top: 44, right: 40, bottom: 44, left: 40 } });
-    for (const n of k.named(root, "Sticker sheet")) k.patch(n, { padding: size === "mobile" ? { top: 28, right: 16, bottom: 28, left: 16 } : { top: 40, right: 32, bottom: 40, left: 32 } });
-    for (const n of k.named(root, "Month chart")) k.patch(n, { itemSpacing: size === "mobile" ? 8 : 14 });
-  }
-  if (size === "mobile") {
-    for (const n of k.named(root, "Sheet sticker")) k.patch(n, { layoutSizingHorizontal: "FILL" });
-    for (const n of k.named(root, "Out clips")) k.patch(n, { itemSpacing: 10 });
-    for (const n of k.named(root, "Out clip")) k.patch(n, { width: 96, height: 172 });
-    for (const n of k.named(root, "Quote card")) k.patch(n, { padding: { top: 28, right: 24, bottom: 28, left: 24 } });
-  }
-  if (size === "tablet") {
-    compactNav(k, root, ["Changelog", "Log in"], 20);
-    for (const n of k.named(root, "Sheet sticker")) k.patch(n, { layoutSizingHorizontal: "FIXED", width: Math.floor((cw - 64 - 32) / 2) });
-  }
-}
-function head(k, parent, s, kicker, title, line) {
-  const h = k.stack(parent, { gap: 14, name: "Section head" });
-  sticker(k, h, kicker, { fill: "night", ink: "onNight", style: s("Tag 14"), pad: [6, 14], rotate: -2, drop: 0, weight: 0, name: "Section kicker" });
-  k.text(h, title, { style: s("Section 64"), color: "text", name: "Section title" });
-  k.text(h, line, { style: s("Lead 22"), color: "onPaper", name: "Section line" });
-}
-
-export {
-  style_maximal_landing_default
-};

package/dist/chunks/chunk-ZWDSBTMD.js

@@ -1,170 +0,0 @@
-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 {
-  Deck,
-  WIDE,
-  cuesFor
-} from "./chunk-2LVLNF67.js";
-import {
-  blackShadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/saas/email-decks-shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var ARIAL = { fontFamily: "Arial" };
-var GEORGIA = { fontFamily: "Georgia" };
-var COURIER = { fontFamily: "Courier New" };
-var MAIL_FPS = 30;
-var MAIL_W = 600;
-var pad4 = ([top, right, bottom, left]) => ({ top, right, bottom, left });
-function mailSheet(k, o) {
-  const sheet = k.sheet;
-  k.flowSheet(sheet, 0, 0, o.paper, "MIN", "MIN");
-  k.patch(sheet, { clipsContent: true });
-  k.timeline(sheet, { duration: o.duration, fps: MAIL_FPS });
-  return sheet;
-}
-function mailHeader(k, sheet, height, fill, name = "Header") {
-  return k.stack(sheet, { height, fill, clip: true, name });
-}
-function section(k, sheet, o) {
-  return k.stack(sheet, { name: o.name, padding: pad4(o.pad), gap: o.gap ?? 0, ...o.fill ? { fill: o.fill } : {}, ...o.align ? { align: o.align } : {} });
-}
-function mailButton(k, name, o) {
-  k.component(name, { direction: "HORIZONTAL", width: o.width, height: o.height ?? 48, fill: o.fill, align: "CENTER", justify: "CENTER", props: { Label: o.label } }, (id) => {
-    k.propText(id, "Label", { style: o.style, color: o.ink, autoWidth: true });
-  });
-}
-function callToAction(k, sheet, o) {
-  const s = section(k, sheet, { name: "Call to action", pad: o.pad, gap: o.gap ?? 14, align: "CENTER", ...o.fill ? { fill: o.fill } : {} });
-  k.instance(s, o.button, { Label: o.label }, { name: "Button" });
-  if (o.note) k.text(s, o.note, { style: o.noteStyle, color: o.noteInk, align: "CENTER", name: "Button note" });
-  return s;
-}
-function mailFooter(k, sheet, o) {
-  const s = section(k, sheet, { name: "Footer", pad: o.pad ?? [24, 40, 32, 40], gap: 6, ...o.fill ? { fill: o.fill } : {} });
-  if (o.rule) {
-    k.rect(s, "FILL", 1, o.rule, { name: "Footer rule" });
-    k.rect(s, "FILL", 10, o.fill ?? "paper", { name: "Footer space" });
-  }
-  const t = { style: o.style, color: o.ink, align: o.align ?? "LEFT" };
-  k.text(s, o.why, { ...t, name: "Why" });
-  k.text(s, "{{brand.company}} \xB7 {{brand.address}}", { ...t, name: "Address" });
-  k.text(s, o.links ?? "Unsubscribe \xB7 Email preferences", { ...t, name: o.links ? "Account email" : "Unsubscribe" });
-  return s;
-}
-function mailRow(k, parent, o) {
-  return k.stack(parent, { direction: "HORIZONTAL", name: o.name, gap: o.gap ?? 0, align: o.align ?? "MIN", ...o.fill ? { fill: o.fill } : {}, ...o.padding !== void 0 ? { padding: o.padding } : {} });
-}
-function tag(k, parent, label, o) {
-  const [v, h] = o.pad ?? [3, 8];
-  const box = k.stack(parent, { direction: "HORIZONTAL", width: "HUG", fill: o.fill, padding: { top: v, right: h, bottom: v, left: h }, name: o.name ?? "Tag" });
-  k.text(box, label, { style: o.style, color: o.ink, autoWidth: true, name: "Tag label" });
-  return box;
-}
-function finishMail(k, sheet) {
-  k.finish();
-  const s = k.node(sheet);
-  const bottom = Math.max(...s.childIds.map((id) => k.node(id)).filter((n) => n.layoutPositioning !== "ABSOLUTE").map((n) => n.y + n.height));
-  k.patch(sheet, { height: Math.ceil(bottom), layoutSizingVertical: "HUG" });
-  return k.finish();
-}
-function swell(k, id, path, o) {
-  k.behave(id, path, [{ kind: "sine", amp: o.amp, freq: (o.cycles ?? 1) * 1e3 / o.loopMs, ...o.phase !== void 0 ? { phase: o.phase } : {} }]);
-}
-var drop = (a = 0.18, y = 10, blur = 28) => blackShadow(a, y, blur);
-function fitted(paths) {
-  const all = paths.flatMap((p) => p.points.flatMap((q) => [q, ...q.handleIn ? [q.handleIn] : [], ...q.handleOut ? [q.handleOut] : []]));
-  const x = Math.min(...all.map((q) => q.x)), y = Math.min(...all.map((q) => q.y));
-  const move = (q) => ({ ...q, x: q.x - x, y: q.y - y });
-  return {
-    x,
-    y,
-    width: Math.max(...all.map((q) => q.x)) - x,
-    height: Math.max(...all.map((q) => q.y)) - y,
-    paths: paths.map((p) => ({ ...p, points: p.points.map((q) => ({ ...move(q), ...q.handleIn ? { handleIn: move(q.handleIn) } : {}, ...q.handleOut ? { handleOut: move(q.handleOut) } : {} })) }))
-  };
-}
-function deckType(k, faces) {
-  for (const [name, s] of Object.entries(faces)) {
-    const size = Number(name.split(" ").pop());
-    k.textStyle(name, { size, lineHeight: Math.round(size * 1.15), ...s });
-  }
-}
-var specOf = (s) => "spec" in s ? s.spec : { kind: "points", name: s.canvas.name, heading: s.canvas.heading, points: [] };
-var founderCues = (slides) => slides.map((s) => {
-  const spec = specOf(s);
-  return { slide: spec.name, cues: [...cuesFor(spec), ...s.extra ?? []] };
-});
-var SLIDE = { width: 1920 - WIDE.pad.left - WIDE.pad.right, area: 1080 - WIDE.pad.top - WIDE.pad.bottom - Math.round(72 * 1.12) - WIDE.gap, full: { w: 1920, h: 1080 }, pad: WIDE.pad };
-function founderDeck(k, slides, options) {
-  const deck = new Deck(k, WIDE, options);
-  const made = [];
-  for (const s of slides) {
-    const sheet = deck.add(specOf(s));
-    if (s.duration) k.timeline(sheet, { duration: s.duration, fps: 30 });
-    if ("canvas" in s) {
-      const area = k.named(sheet, "Points")[0];
-      k.patch(area, { name: "Canvas", height: SLIDE.area, layoutSizingVertical: "FIXED", itemSpacing: 0 });
-      s.draw(k, area, sheet);
-    }
-    s.more?.(k, sheet);
-    if (s.dress) {
-      const before = new Set(k.node(sheet).childIds);
-      s.dress(k, sheet);
-      const all = k.node(sheet).childIds;
-      k.patch(sheet, { childIds: [...all.filter((id) => !before.has(id)), ...all.filter((id) => before.has(id))] });
-    }
-    made.push({ sheet, s });
-  }
-  deck.finish();
-  for (const { sheet, s } of made) {
-    if (s.extra?.length) k.cues(sheet, s.extra);
-    if (s.counts?.length) k.counts(sheet, s.counts);
-  }
-}
-function evenRows(k, names) {
-  for (const n of Object.values(k.doc.nodes)) if (n.type === "FRAME" && names.includes(n.name)) k.patch(n.id, { layoutSizingVertical: "FILL" });
-}
-function levelRows(k, names) {
-  k.finish();
-  const rows = /* @__PURE__ */ new Map();
-  for (const n of Object.values(k.doc.nodes)) if (n.type === "FRAME" && names.includes(n.name) && n.parentId) rows.set(n.parentId, [...rows.get(n.parentId) ?? [], { id: n.id, height: n.height }]);
-  for (const row of rows.values()) {
-    const height = Math.ceil(Math.max(...row.map((r) => r.height)));
-    for (const r of row) k.patch(r.id, { height, layoutSizingVertical: "FIXED" });
-  }
-}
-
-export {
-  ARIAL,
-  GEORGIA,
-  COURIER,
-  MAIL_FPS,
-  MAIL_W,
-  mailSheet,
-  mailHeader,
-  section,
-  mailButton,
-  callToAction,
-  mailFooter,
-  mailRow,
-  tag,
-  finishMail,
-  swell,
-  drop,
-  fitted,
-  deckType,
-  founderCues,
-  SLIDE,
-  founderDeck,
-  evenRows,
-  levelRows
-};

package/dist/chunks/chunk-ZWL77CGH.js

@@ -1,75 +0,0 @@
-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 {
-  outro,
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/post-quote.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var cues = [
-  { layer: "Rule", preset: "wipe-in", at: 100, params: { duration: 600 } },
-  { layer: "Quote", preset: "blur-in", at: 300, params: { duration: 1e3, amount: 28 } },
-  { layer: "Attribution", preset: "slide-in", at: 1200, params: { direction: "left", distance: 90 } },
-  { layer: "Quote", preset: "pulse", at: 3200, params: { amount: 0.02, duration: 1200 } },
-  { layer: "Rule", preset: "wipe-out", at: 5900 },
-  outro(["Quote", "Attribution"], 5900)
-];
-var post_quote_default = defineTemplate({
-  id: "motion-social-quote",
-  meta: {
-    name: "Quote post (animated)",
-    description: "The quote post in motion: a rule wipes open, the words come into focus and the attribution slides in under them \u2014 seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "quote", "instagram", "post", "wisdom", "books", "threads"],
-    platforms: ["instagram", "threads", "linkedin", "pinterest"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["quote"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("Quote post (animated)", preset("ig-post"));
-    k.brand(
-      { paper: "#F4EFE6", text: "#2B2A26", onPaper: "#5E5A52", primary: "#8A3B12", onPrimary: "#FFFFFF" },
-      { quote: "Our life is frittered away by detail. Simplify, simplify." }
-    );
-    k.textStyle("Quote 76", { size: 76, fontWeight: 700, letterSpacing: -1.5, lineHeight: 88 });
-    k.textStyle("Author 30", { size: 30, fontWeight: 700, lineHeight: 36 });
-    k.textStyle("Source 26", { size: 26, fontWeight: 500, lineHeight: 32 });
-    k.component("Attribution", { direction: "HORIZONTAL", width: 904, gap: 20, align: "CENTER", props: { Author: "Henry David Thoreau", Source: "Walden, 1854" } }, (id) => {
-      k.rect(id, 6, 64, "primary", { radius: 3, name: "Bar" });
-      const col = k.stack(id, { gap: 2, name: "Lines" });
-      k.propText(col, "Author", { style: "Author 30", color: "text" });
-      k.propText(col, "Source", { style: "Source 26", color: "onPaper" });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 40, 88, "paper", "CENTER", "MIN");
-    k.timeline(sheet, { duration: 7e3, fps: 30 });
-    k.stack(sheet, { width: 140, height: 10, fill: "primary", radius: 5, clip: true, name: "Rule" });
-    k.text(sheet, "{{brand.quote}}", { style: "Quote 76", color: "text", name: "Quote" });
-    k.instance(sheet, "Attribution", { Author: "Henry David Thoreau", Source: "Walden, 1854 \xB7 shared by @slowreadsclub" }, { width: "FILL", name: "Attribution" });
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 96 }));
-    return k.finish();
-  }
-});
-
-export {
-  post_quote_default
-};