@popcraft/kit 0.31.0 → 0.32.0

package/dist/chunks/chunk-RJK7KNJF.js

@@ -1,342 +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,
-  bob,
-  bowl,
-  burst,
-  burstSticker,
-  callComponent,
-  chromeText,
-  confetti,
-  cutout,
-  display,
-  float,
-  halftone,
-  marquee,
-  maxBrand,
-  mono,
-  phone,
-  plate,
-  slap,
-  spark,
-  spin,
-  sticker,
-  wobble
-} from "./chunk-JHYGD5FH.js";
-import {
-  section
-} from "./chunk-UA7OECXL.js";
-import {
-  captionSwap
-} from "./chunk-ERLSOXU6.js";
-import {
-  ground,
-  hide,
-  place,
-  restyle
-} from "./chunk-YHBAWSDX.js";
-import {
-  logoBadge
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-PVWIQ6SQ.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/style-maximal-launch-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("launch", 6, 8);
-var { beat } = S;
-var NAME = "Maximal SaaS launch reel";
-var DROP = beat(8);
-var END = beat(24);
-var STICKERS = ["Bop burst", "Captions sticker", "Seconds seal", "Formats sticker"];
-var CUTS = Array.from({ length: 12 }, (_, i) => DROP + i * beat(2));
-var PW = 460;
-var PH = 940;
-var LAYOUT = {
-  // Words inside x 64–940, y 250–1440; the top band and everything under y 1440 is drawing only.
-  story: {
-    lockup: { x: 64, y: 258 },
-    badge: { x: 420, y: 266 },
-    hook: { x: 64, y: 340, w: 876, style: "Hook 124" },
-    free: { x: 676, y: 300 },
-    site: { x: 600, y: 566 },
-    caption: { x: 64, y: 652, w: 876, style: "Caption 44" },
-    phone: { x: 452, y: 800, s: 0.84 },
-    stickers: { "Bop burst": { x: 30, y: 790 }, "Captions sticker": { x: 676, y: 1084 }, "Seconds seal": { x: 76, y: 1072 }, "Formats sticker": { x: 300, y: 1252 } },
-    call: { x: 64, y: 1336 },
-    top: { x: -100, y: 92, w: 1280 },
-    foot: { x: -100, y: 1730, w: 1280 },
-    burst: { x: 520, y: 1420 },
-    dots: [{ x: -160, y: 1340 }, { x: 760, y: 120 }]
-  },
-  post: {
-    lockup: { x: 48, y: 40 },
-    badge: { x: 340, y: 46 },
-    hook: { x: 48, y: 120, w: 600, style: "Hook 88" },
-    free: { x: 540, y: 262 },
-    site: { x: 360, y: 830 },
-    caption: { x: 48, y: 372, w: 580, style: "Caption 32" },
-    phone: { x: 640, y: 60, s: 0.86 },
-    stickers: { "Bop burst": { x: 24, y: 480 }, "Captions sticker": { x: 520, y: 760 }, "Seconds seal": { x: 320, y: 520 }, "Formats sticker": { x: 60, y: 790 } },
-    call: { x: 48, y: 880 },
-    top: null,
-    foot: { x: -60, y: 990, w: 1200 },
-    burst: { x: 640, y: 720 },
-    dots: [{ x: -160, y: 820 }, { x: 860, y: -100 }]
-  },
-  portrait: {
-    lockup: { x: 48, y: 44 },
-    badge: { x: 340, y: 50 },
-    hook: { x: 48, y: 124, w: 620, style: "Hook 96" },
-    free: { x: 560, y: 300 },
-    site: { x: 380, y: 1060 },
-    caption: { x: 48, y: 404, w: 560, style: "Caption 32" },
-    phone: { x: 616, y: 110, s: 0.96 },
-    stickers: { "Bop burst": { x: 24, y: 540 }, "Captions sticker": { x: 560, y: 940 }, "Seconds seal": { x: 330, y: 600 }, "Formats sticker": { x: 60, y: 880 } },
-    call: { x: 48, y: 1010 },
-    top: null,
-    foot: { x: -60, y: 1222, w: 1200 },
-    burst: { x: 640, y: 940 },
-    dots: [{ x: -160, y: 1e3 }, { x: 860, y: -100 }]
-  },
-  // Landscape: the words and stickers down the left two thirds, the phone on the right.
-  wide: {
-    lockup: { x: 110, y: 70 },
-    badge: { x: 410, y: 76 },
-    hook: { x: 110, y: 150, w: 840, style: "Hook 120" },
-    free: { x: 820, y: 96 },
-    site: { x: 1e3, y: 820 },
-    caption: { x: 110, y: 506, w: 840, style: "Caption 50" },
-    phone: { x: 1290, y: 64, s: 0.92 },
-    stickers: { "Bop burst": { x: 100, y: 640 }, "Captions sticker": { x: 1580, y: 700 }, "Seconds seal": { x: 420, y: 660 }, "Formats sticker": { x: 1e3, y: 560 } },
-    call: { x: 700, y: 690 },
-    top: null,
-    foot: { x: -60, y: 950, w: 2040 },
-    burst: { x: 1600, y: 700 },
-    dots: [{ x: -120, y: 760 }, { x: 1760, y: -120 }]
-  }
-};
-var cues = [
-  slap("Hook", 0, { duration: 420, from: 0.25 }),
-  { layer: "Lockup", preset: "drop-in", at: beat(0.5), params: { duration: 500, distance: 60 } },
-  slap("Badge", beat(1)),
-  { layer: "Phone rig", preset: "rise-in", at: beat(1), params: { duration: 800, distance: 420, ease: ease.back(1.4) } },
-  { layer: "Prompt words", preset: "typewriter", at: beat(2.5), params: { duration: beat(3.5) } },
-  slap([...STICKERS], beat(3), { gap: beat(1) }),
-  wobble([...STICKERS], DROP, { gap: 60, angle: 12 }),
-  { layer: "Flash", preset: "impact-frame", at: DROP, params: { duration: 200 } },
-  { layer: "Phone", preset: "shake", at: DROP, params: { duration: 500, distance: 26 } },
-  { layer: "Cut mark", preset: "pop-in", at: DROP, stagger: { delay: beat(1), order: "selection" }, params: { duration: 300, amount: 0.2, ease: ease.back(2.4) } },
-  wobble("Hook", beat(16), { angle: 5, duration: 700 }),
-  wobble([...STICKERS], beat(16), { gap: 80, angle: 9 }),
-  slap("Free burst", END, { from: 0.2, duration: 460 }),
-  slap("Call", beat(25), { from: 0.4 }),
-  slap("Site sticker", beat(25.5)),
-  { layer: "Call", preset: "pulse", at: beat(27), params: { duration: 800, amount: 0.07 } },
-  wobble("Free burst", beat(28), { angle: 10 }),
-  { layer: "Call", preset: "pulse", at: beat(29), params: { duration: 800, amount: 0.07 } },
-  wobble([...STICKERS], beat(30), { gap: 60, angle: 7 })
-];
-var counts = [
-  { layer: "Seal figure", at: beat(10), duration: beat(4), counter: { from: 0, to: FIZZ.seconds } }
-];
-var swaps = [captionSwap([
-  "Long video in. Bops out.",
-  "Cut on every single beat.",
-  "Stickers slap on by themselves.",
-  "Clips ready in 38 seconds.",
-  "Clipfizz 3.0 is out today.",
-  "Seven days of Pro, free."
-], 0, S.duration - 30, { stagger: 60, in: 220, out: 160, rise: 26 })];
-var style_maximal_launch_reel_default = defineTemplate({
-  id: "motion-saas-style-maximal-launch-reel",
-  meta: {
-    name: NAME,
-    description: "A 16-second launch video in a maximalist Y2K look for an AI clip maker: chrome type slaps on a black plate, a liquid-metal phone rises and the prompt types itself in while stickers slap on round it \u2014 a starburst, pills, a scalloped seal. On the drop the screen flashes, confetti bursts, and the clip in the phone cuts on the beat with a caption chip per cut while cut marks drop onto the timeline and the seal counts to 38 seconds. Bursts spin, marquees run, and the free-trial burst and call slap on at the end. Hot pink, acid lime, electric blue and tangerine; captions burned in; music cut on the beat. 9:16 with square, 4:5 and 16:9 layouts",
-    category: "animation",
-    tags: ["animation", "saas", "maximalist", "y2k", "chrome", "stickers", "starburst", "creator", "video", "ai", "launch", "reel", "confetti", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video"],
-    useCases: ["launch", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, swaps },
-  build() {
-    const k = new Kit(NAME, preset("ig-story"));
-    k.quantizeGeometry = true;
-    maxBrand(k);
-    for (const [n, sz] of [["Hook 124", 124], ["Hook 120", 120], ["Hook 96", 96], ["Hook 88", 88]]) display(k, n, sz);
-    for (const [n, sz] of [["Caption 50", 50], ["Caption 44", 44], ["Caption 32", 32]]) display(k, n, sz, 1.02);
-    display(k, "Brand 44", 44, 1);
-    display(k, "Burst 64", 64, 0.9);
-    display(k, "Seal 96", 96, 0.9);
-    display(k, "Chip 50", 50, 1);
-    display(k, "Call 42", 42, 1);
-    display(k, "Free 50", 50, 0.92);
-    mono(k, "Tag 24", 24);
-    mono(k, "Tag 20", 20);
-    mono(k, "Prompt 22", 22, { weight: 600 });
-    callComponent(k, { style: "Call 42", label: "Try Clipfizz free \u2192" });
-    const sheet = k.sheet;
-    ground(k, sheet, "Launch reel", "paper");
-    k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-    const L = LAYOUT.story;
-    halftone(k, sheet, 560, "pinkDeep", { name: "Dots low", absolute: L.dots[0] });
-    halftone(k, sheet, 420, "pinkDeep", { name: "Dots high", absolute: L.dots[1], angle: 3.6 });
-    const big = burst(k, sheet, 640, "accent", { name: "Big burst", points: 24, depth: 0.12, absolute: L.burst });
-    spin(k, big, 1, S.duration);
-    const band = (name, at, fill, rotate, right) => marquee(k, sheet, {
-      name,
-      width: at.w,
-      height: 104,
-      w: 160,
-      fill,
-      loop: S.duration,
-      cells: 16,
-      rotate,
-      right,
-      absolute: { x: at.x, y: at.y },
-      cell: (c) => {
-        spark(k, c, 52, fill === "night" ? "primary" : "night", { name: "Band spark" });
-        k.rect(c, 54, 24, fill === "night" ? "chromeHi" : "secondary", { radius: 99, name: "Band pill", stroke: { color: fill === "night" ? "chromeHi" : "night", width: 3, align: "INSIDE" } });
-      }
-    });
-    band("Top band", L.top, "primary", -4, false);
-    band("Foot band", L.foot, "night", 3, true);
-    const ph = phone(k, sheet, { w: PW, h: PH, rotate: 4, absolute: { x: L.phone.x, y: L.phone.y } });
-    bob(k, ph.body, 0.02);
-    const promptBar = k.stack(ph.screen, { direction: "HORIZONTAL", height: 64, gap: 12, align: "CENTER", fill: "card", radius: 999, padding: { top: 0, right: 20, bottom: 0, left: 16 }, stroke: { color: "primary", width: 3, align: "INSIDE" }, name: "Prompt bar" });
-    spark(k, promptBar, 30, "accent", { name: "Prompt spark", outline: 2 });
-    k.text(promptBar, FIZZ.prompt, { style: "Prompt 22", color: "onCard", width: "FILL", name: "Prompt words" });
-    const cw = ph.sw - 36, ch = 560;
-    const clip = k.stack(ph.screen, { width: cw, height: ch, radius: 26, clip: true, name: "Clip" });
-    const shot = (name, fill, art, word) => {
-      const f = k.frame(clip, { x: 0, y: 0, width: cw, height: ch }, { name, fill });
-      k.patch(f, { layoutPositioning: "ABSOLUTE" });
-      halftone(k, f, 340, "night", { name: "Shot dots", absolute: { x: cw - 220, y: -120 }, step: 18 });
-      art(f);
-      const chip = sticker(k, f, word, { fill: "card", ink: "onCard", style: "Chip 50", shape: "tag", rotate: -5, pad: [8, 18], name: "Clip chip", absolute: { x: 28, y: ch - 130 } });
-      return { f, chip };
-    };
-    const shotC = shot("Shot C", "primary", (f) => {
-      cutout(k, f, 340, 430, { top: "secondary", skin: "skinDeep", absolute: { x: 30, y: ch - 430 } });
-      spark(k, f, 70, "card", { outline: 3, absolute: { x: 290, y: 60 }, name: "Shot spark" });
-    }, "SLAPS!");
-    const shotB = shot("Shot B", "accent", (f) => bowl(k, f, 300, 300, { fill: "card", absolute: { x: 48, y: 150 } }), "SAUCE");
-    const shotA = shot("Shot A", "secondary", (f) => cutout(k, f, 320, 400, { top: "accent", absolute: { x: 38, y: ch - 400 } }), "THIS");
-    const shots = [shotA, shotB, shotC];
-    const tl = k.stack(ph.screen, { gap: 10, name: "Timeline" });
-    const track = k.stack(tl, { width: cw, height: 150, fill: k.tint("onNight", 0.1), radius: 16, clip: true, name: "Track" });
-    const bars = 26, bw = cw / bars;
-    for (let i = 0; i < bars; i++) {
-      const h = Math.round(36 + 76 * Math.abs(Math.sin(i * 1.7) * Math.cos(i * 0.6)));
-      const b = k.rect(track, Math.round(bw - 6), h, i % 4 === 0 ? "primary" : "card", { radius: 4, name: "Wave bar", absolute: { x: Math.round(i * bw + 3), y: Math.round(75 - h / 2) } });
-      k.patch(b, { anchorY: 0.5 });
-      k.behave(b, "scaleY", [{ kind: "audio", signal: "spectrum", bin: Math.round(i / bars * 100) / 100, gain: 1.2, mode: "multiply", from: 0.5, to: 1.25, attack: 10, release: 160 }]);
-    }
-    CUTS.forEach((_, i) => k.rect(track, 6, 150, "accent", { name: "Cut mark", absolute: { x: Math.round(cw * ((i + 1) / 13)), y: 0 } }));
-    const head = k.rect(track, 4, 150, "chromeHi", { name: "Playhead", absolute: { x: 0, y: 0 } });
-    k.animate(head, "translateX", [{ t: 0, v: 0, ease: ease.linear }, { t: S.duration, v: cw - 4 }]);
-    const lock = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", fill: "card", radius: 999, padding: { top: 10, right: 26, bottom: 10, left: 10 }, stroke: { color: "night", width: 4, align: "INSIDE" }, name: "Lockup", absolute: L.lockup });
-    logoBadge(k, lock, { fill: "night", size: 40, pad: 10, radius: 999 });
-    k.text(lock, "{{brand.name}}", { style: "Brand 44", color: "onCard", autoWidth: true, name: "Brand name" });
-    sticker(k, sheet, `NEW \xB7 ${FIZZ.version}`, { fill: "secondary", ink: "onSecondary", style: "Tag 24", rotate: 6, name: "Badge", absolute: L.badge });
-    const hook = plate(k, sheet, { name: "Hook", width: L.hook.w, rotate: -3, absolute: { x: L.hook.x, y: L.hook.y }, pad: [26, 34] });
-    chromeText(k, hook, "CUT TO\nTHE BEAT.", { style: L.hook.style, name: "Hook words", width: "FILL", size: 124 });
-    burstSticker(k, sheet, [{ text: "AUTO-\nBOP", style: "Burst 64" }, { text: `NEW IN ${FIZZ.version}`, style: "Tag 20" }], { size: 300, fill: "primary", ink: "onPrimary", name: "Bop burst", rotate: -10, absolute: L.stickers["Bop burst"] });
-    sticker(k, sheet, "AI CAPTIONS", { fill: "secondary", ink: "onSecondary", style: "Tag 24", rotate: 8, pad: [14, 24], name: "Captions sticker", absolute: L.stickers["Captions sticker"] });
-    const seal = burstSticker(k, sheet, [{ text: "0", style: "Seal 96", name: "Seal figure" }, { text: "SEC TO CLIPS", style: "Tag 20" }], { size: 250, fill: "accent", ink: "onAccent", name: "Seconds seal", points: 30, depth: 0.07, rotate: 7, absolute: L.stickers["Seconds seal"] });
-    void seal;
-    sticker(k, sheet, "9:16 \xB7 1:1 \xB7 4:5", { fill: "card", ink: "onCard", style: "Tag 24", shape: "tag", rotate: -6, pad: [14, 20], name: "Formats sticker", absolute: L.stickers["Formats sticker"] });
-    const strip = k.stack(sheet, { width: L.caption.w, fill: "primary", radius: 16, padding: { top: 18, right: 28, bottom: 18, left: 28 }, stroke: { color: "night", width: 4, align: "INSIDE" }, effects: [{ type: "DROP_SHADOW", color: k.color("night"), offset: { x: 8, y: 8 }, blur: 0, spread: 0, visible: true }], name: "Caption strip", absolute: { x: L.caption.x, y: L.caption.y } });
-    k.patch(strip, { rotation: -2 });
-    k.text(strip, swaps[0].words[0], { style: L.caption.style, color: "onPrimary", width: "FILL", name: "Caption" });
-    burstSticker(k, sheet, [{ text: "FREE\nFOR 7\nDAYS", style: "Free 50" }], { size: 250, fill: "accent", ink: "onAccent", name: "Free burst", rotate: 12, points: 22, absolute: L.free });
-    k.instance(sheet, "Call", { Label: "Try Clipfizz free \u2192" }, { name: "Call", absolute: L.call });
-    sticker(k, sheet, "{{brand.site}}", { fill: "card", ink: "onCard", style: "Tag 24", shape: "tag", rotate: -4, name: "Site sticker", absolute: L.site });
-    k.rect(sheet, 1080, 1920, "chromeHi", { name: "Flash", absolute: { x: 0, y: 0 }, opacity: 0 });
-    const lay = (kit, root, l, size) => {
-      const at = (name, p) => {
-        for (const id of kit.named(root, name)) kit.patch(id, { x: p.x, y: p.y });
-      };
-      at("Lockup", l.lockup);
-      at("Badge", l.badge);
-      for (const id of kit.named(root, "Hook")) kit.patch(id, { x: l.hook.x, y: l.hook.y, width: l.hook.w });
-      restyle(kit, root, "Hook words", l.hook.style);
-      place(kit, root, "Phone rig", l.phone.x, l.phone.y, l.phone.s);
-      for (const n of STICKERS) at(n, l.stickers[n]);
-      for (const id of kit.named(root, "Caption strip")) kit.patch(id, { x: l.caption.x, y: l.caption.y, width: l.caption.w });
-      restyle(kit, root, "Caption", l.caption.style);
-      at("Free burst", l.free);
-      at("Call", l.call);
-      at("Site sticker", l.site);
-      at("Big burst", l.burst);
-      at("Dots low", l.dots[0]);
-      at("Dots high", l.dots[1]);
-      if (!l.top) hide(kit, root, ["Top band"]);
-      for (const id of kit.named(root, "Foot band")) kit.patch(id, { x: l.foot.x, y: l.foot.y, width: l.foot.w });
-      const { width: w, height: h } = kit.node(root);
-      for (const id of kit.named(root, "Flash")) kit.patch(id, { x: 0, y: 0, width: w, height: h });
-      void size;
-    };
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    shots.forEach((s, i) => {
-      const spans = i === 0 ? [[0, DROP]] : [];
-      CUTS.forEach((t, j) => {
-        if ((j + 1) % 3 === i) spans.push([t, CUTS[j + 1] ?? Infinity]);
-      });
-      const on = (t) => spans.some(([a, b]) => t >= a && t < b);
-      const edges = [...new Set(spans.flat())].filter((t) => t > 0 && Number.isFinite(t)).sort((a, b) => a - b);
-      const keys = [{ t: 0, v: on(0) ? 1 : 0, ease: ease.hold }];
-      for (const t of edges) keys.push({ t: t - 1, v: on(t - 1) ? 1 : 0, ease: ease.hold }, { t, v: on(t) ? 1 : 0, ease: ease.hold });
-      delete keys[keys.length - 1].ease;
-      k.animate(s.f, "opacity", keys);
-      k.patch(s.chip, { anchorX: 0.5, anchorY: 0.5 });
-      const starts = spans.map(([a]) => a === 0 ? beat(1.5) : a);
-      const pop = starts.flatMap((t) => [{ t, v: 0.2, ease: ease.back(2.6) }, { t: t + 320, v: 1, ease: ease.hold }]);
-      delete pop[pop.length - 1].ease;
-      for (const p of ["scaleX", "scaleY"]) k.animate(s.chip, p, pop);
-    });
-    float(k, k.named(sheet, "Dots low")[0], 18, 2, S.duration);
-    float(k, k.named(sheet, "Dots high")[0], 14, 2, S.duration, 0.5);
-    confetti(k, sheet, { x: L.phone.x + PW / 2, y: L.phone.y + 420, at: DROP, n: 40, spread: 560, seed: 3, name: "Confetti drop" });
-    confetti(k, sheet, { x: L.free.x + 125, y: L.free.y + 125, at: END, n: 40, spread: 600, seed: 9, name: "Confetti end" });
-    const moveConfetti = (kit, root, l) => {
-      for (const id of kit.named(root, "Confetti drop")) kit.patch(id, { x: Math.round(l.phone.x + PW * l.phone.s / 2), y: Math.round(l.phone.y + 420 * l.phone.s) });
-      for (const id of kit.named(root, "Confetti end")) kit.patch(id, { x: l.free.x + 125, y: l.free.y + 125 });
-    };
-    k.variants(sheet, ["post", "portrait", "wide"].map((size) => ({
-      preset: size === "post" ? "ig-post" : size === "portrait" ? "ig-portrait" : "video-1080p",
-      adjust: (kit, id) => {
-        lay(kit, id, LAYOUT[size], size);
-        moveConfetti(kit, id, LAYOUT[size]);
-      }
-    })));
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_maximal_launch_reel_default
-};

package/dist/chunks/chunk-RKT3OM3G.js

@@ -1,249 +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 {
-  cased,
-  st
-} from "./chunk-BYKNZYGS.js";
-import {
-  buntingPaths,
-  disc,
-  shape,
-  sway,
-  turn
-} from "./chunk-AOZ3KKWW.js";
-import {
-  burstPath
-} from "./chunk-UDE42EDS.js";
-import {
-  hardShadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  box,
-  curve3,
-  line,
-  poly,
-  pt3,
-  rng,
-  smooth
-} from "./chunk-6RCDZU4R.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/themes/festival-presale-family-kit.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var W = 3e3;
-var mover = (k, still) => (id, path, amp, cycles = 1, phase = 0) => {
-  if (!still) sway(k, id, path, amp, cycles, phase);
-};
-function flags(k, f, still, o) {
-  const b = buntingPaths(o.x1, o.y1, o.x2, o.y2, o.sag, o.n, o.size);
-  shape(k, f, [b.line], "navy", { name: `${o.name} line`, strokeWidth: 3 });
-  ["tomato", "sunflower", "violet", "pink"].forEach((c, ci) => {
-    const id = shape(k, f, b.flags.filter((_, i) => i % 4 === ci), c, { name: o.name });
-    if (!still) sway(k, id, "translateY", 3, 2, ci / 4);
-  });
-}
-function wood(k, f, r, boxes, s = 1) {
-  const trees = [], shade = [], trunks = [];
-  for (const [x0, y0, w, h, n] of boxes) for (let i = 0; i < n; i++) {
-    const x = x0 + r() * w, y = y0 + r() * h, rr = (24 + r() * 18) * s;
-    trunks.push(box(x - 4 * s, y + rr - 6, 8 * s, 18 * s));
-    trees.push(disc(x, y, rr));
-    shade.push(disc(x + rr * 0.25, y + rr * 0.2, rr * 0.6));
-  }
-  shape(k, f, trunks, "wood", { name: "Trunks" });
-  shape(k, f, trees, "tree", { name: "Trees" });
-  shape(k, f, shade, "treeDark", { name: "Tree shade", opacity: 0.6 });
-}
-function pins(k, f, at) {
-  shape(k, f, at.map(([x, y]) => disc(x + 3, y + 8, 22)), "navy", { name: "Pin shadows", opacity: 0.25 });
-  shape(k, f, at.map(([x, y]) => disc(x, y, 22)), "navy", { name: "Pins", stroke: { color: "white", width: 5 } });
-  shape(k, f, at.map(([x, y]) => disc(x, y, 8)), "sunflower", { name: "Pin hearts" });
-}
-function meadow(k, f) {
-  const r = rng(12);
-  const patch = (cx, cy, rx, ry, role) => shape(k, f, [smooth(Array.from({ length: 9 }, (_, i) => {
-    const a = i / 9 * Math.PI * 2, w = 0.82 + r() * 0.36;
-    return { x: cx + rx * w * Math.cos(a), y: cy + ry * w * Math.sin(a) };
-  }), 0.28)], role, { name: "Meadow" });
-  for (let i = 0; i < 16; i++) patch(r() * W, r() * 3e3, 240 + r() * 260, 150 + r() * 160, i % 3 ? "grass" : "grassDark");
-  const ways = [
-    curve3([{ x: -40, y: 900 }, { x: 600, y: 760 }, { x: 1100, y: 1020 }, { x: 1500, y: 880 }, { x: 2100, y: 1100 }, { x: 3040, y: 940 }], 0.3),
-    curve3([{ x: -40, y: 2100 }, { x: 700, y: 2240 }, { x: 1300, y: 1980 }, { x: 1900, y: 2200 }, { x: 3040, y: 2020 }], 0.3),
-    curve3([{ x: 400, y: -40 }, { x: 520, y: 700 }, { x: 380, y: 1500 }, { x: 560, y: 2300 }, { x: 420, y: 3040 }], 0.3),
-    curve3([{ x: 2600, y: -40 }, { x: 2480, y: 800 }, { x: 2640, y: 1600 }, { x: 2500, y: 3040 }], 0.3)
-  ];
-  shape(k, f, ways, "path", { name: "Paths", strokeWidth: 34 });
-  shape(k, f, ways, "white", { name: "Path dashes", stroke: { color: "white", width: 4, dash: [12, 14] } });
-  wood(k, f, r, [[60, 1200, 260, 600, 7], [2700, 1250, 260, 600, 7], [700, 1500, 160, 300, 3], [2180, 1500, 160, 300, 3]]);
-  const dots = [], dots2 = [];
-  for (let i = 0; i < 140; i++) (i % 2 ? dots : dots2).push(disc(r() * W, r() * 3e3, 5));
-  shape(k, f, dots, "white", { name: "Daisies", opacity: 0.8 });
-  shape(k, f, dots2, "sunflower", { name: "Buttercups", opacity: 0.8 });
-  shape(k, f, [line(1e3, 0, 1e3, 3e3), line(2e3, 0, 2e3, 3e3), line(0, 1500, W, 1500)], "navy", { name: "Map folds", strokeWidth: 3, opacity: 0.08 });
-}
-function hilltop(k, f, still) {
-  const move = mover(k, still);
-  const r = rng(7);
-  wood(k, f, r, [[0, 30, 900, 120, 16], [2100, 30, 900, 120, 16], [900, 0, 1200, 60, 10]]);
-  const sx = 1560, sy = 280;
-  shape(k, f, [{ closed: true, points: [pt3(sx - 130, sy), { ...pt3(sx, sy - 150), handleIn: pt3(sx - 130, sy - 130), handleOut: pt3(sx + 130, sy - 130) }, pt3(sx + 130, sy)] }], "navy", { name: "Stage shell" });
-  const glow = shape(k, f, [{ closed: true, points: [pt3(sx - 102, sy), { ...pt3(sx, sy - 118), handleIn: pt3(sx - 100, sy - 96), handleOut: pt3(sx + 100, sy - 96) }, pt3(sx + 102, sy)] }], "sunflower", { name: "Stage glow" });
-  move(glow, "opacity", 0.25, 6);
-  shape(k, f, [box(sx - 150, sy, 300, 18), box(sx - 160, sy - 50, 20, 50), box(sx + 140, sy - 50, 20, 50)], "navy", { name: "Stage deck" });
-  const bx = 1180, by = 330, bw = 280;
-  shape(k, f, [poly([[bx - bw / 2, by], [bx + bw / 2, by], [bx + bw * 0.42, by - 86], [bx - bw * 0.42, by - 86]])], "white", { name: "Big Top wall", stroke: { color: "navy", width: 3 } });
-  shape(k, f, [0, 2, 4].map((i) => {
-    const x0 = bx - bw / 2 + i * bw / 5, t0 = bx - bw * 0.42 + i * bw * 0.84 / 5;
-    return poly([[x0, by], [x0 + bw / 5, by], [t0 + bw * 0.84 / 5, by - 86], [t0, by - 86]]);
-  }), "tomato", { name: "Big Top stripes" });
-  shape(k, f, [poly([[bx - bw * 0.52, by - 84], [bx, by - 220], [bx + bw * 0.52, by - 84]])], "tomato", { name: "Big Top roof", stroke: { color: "navy", width: 3 } });
-  shape(k, f, [-0.3, 0.1].map((q) => poly([[bx + bw * q, by - 84], [bx, by - 220], [bx + bw * (q + 0.2), by - 84]])), "white", { name: "Roof stripes" });
-  shape(k, f, [poly([[bx - 24, by], [bx, by - 56], [bx + 24, by]])], "navy", { name: "Big Top door" });
-  shape(k, f, [line(bx, by - 220, bx, by - 270)], "navy", { name: "Flag pole", strokeWidth: 4 });
-  const flag = shape(k, f, [poly([[bx, by - 270], [bx + 50, by - 256], [bx, by - 242]])], "sunflower", { name: "Flag" });
-  k.patch(flag, { anchorX: 0 });
-  move(flag, "scaleX", 0.25, 4);
-  flags(k, f, still, { x1: 900, y1: 360, x2: 1420, y2: 360, sag: 40, n: 12, size: 26, name: "Bunting" });
-  flags(k, f, still, { x1: 1700, y1: 330, x2: 2100, y2: 350, sag: 34, n: 10, size: 26, name: "Bunting" });
-  const balloon = k.frame(f, { x: 1880, y: 40, width: 120, height: 180 }, { name: "Balloon" });
-  shape(k, balloon, [disc(60, 60, 56, 60)], "tomato", { name: "Envelope", stroke: { color: "navy", width: 3 } });
-  shape(k, balloon, [disc(60, 60, 22, 60)], "sunflower", { name: "Envelope stripe" });
-  shape(k, balloon, [line(32, 110, 46, 146), line(88, 110, 74, 146)], "navy", { name: "Ropes", strokeWidth: 3 });
-  shape(k, balloon, [box(42, 146, 36, 24)], "wood", { name: "Basket" });
-  move(balloon, "translateY", 12, 1);
-  move(balloon, "translateX", 16, 1, 0.25);
-  [[980, 120, "violet", 0], [2300, 200, "pink", 0.4], [700, 220, "sunflower", 0.7]].forEach(([x, y, role, ph]) => {
-    const kite = shape(k, f, [poly([[x, y - 32], [x + 24, y], [x, y + 38], [x - 24, y]])], role, { name: "Kite", stroke: { color: "navy", width: 3 } });
-    shape(k, f, [curve3([{ x, y: y + 38 }, { x: x - 20, y: y + 80 }, { x: x + 10, y: y + 120 }, { x: x - 10, y: y + 160 }], 0.3)], "navy", { name: "Kite tail", strokeWidth: 2 });
-    move(kite, "translateY", 10, 2, ph);
-    move(kite, "rotation", 8, 2, ph + 0.2);
-  });
-  pins(k, f, [[bx + 150, by - 120], [sx + 170, sy - 110]]);
-}
-function lakeside(k, f, still) {
-  const move = mover(k, still);
-  const r = rng(21);
-  shape(k, f, [smooth([{ x: 1e3, y: 260 }, { x: 1140, y: 170 }, { x: 1380, y: 180 }, { x: 1560, y: 250 }, { x: 1520, y: 380 }, { x: 1300, y: 430 }, { x: 1080, y: 400 }], 0.3)], "lake", { name: "Lake", stroke: { color: "white", width: 6 } });
-  const ripples = shape(k, f, [[1120, 270, 70], [1300, 330, 90], [1220, 220, 50], [1400, 260, 60]].map(([x, y, w]) => curve3([{ x, y }, { x: x + w / 2, y: y - 8 }, { x: x + w, y }], 0.3)), "white", { name: "Ripples", strokeWidth: 4, opacity: 0.8 });
-  move(ripples, "translateX", 10, 2);
-  const boat = shape(k, f, [poly([[1340, 280], [1410, 280], [1394, 302], [1356, 302]]), poly([[1376, 274], [1376, 220], [1410, 270]])], "tomato", { name: "Boat" });
-  move(boat, "translateY", 4, 3);
-  move(boat, "rotation", 4, 3, 0.25);
-  const wx = 1700, wy = 190, wr = 110;
-  shape(k, f, [poly([[wx - 60, wy + 150], [wx, wy], [wx + 60, wy + 150]], false)], "navy", { name: "Wheel legs", strokeWidth: 7 });
-  const spokes = [disc(wr + 14, wr + 14, wr)];
-  for (let i = 0; i < 4; i++) {
-    const a = i / 8 * Math.PI * 2;
-    spokes.push(line(wr + 14 + wr * Math.cos(a), wr + 14 + wr * Math.sin(a), wr + 14 - wr * Math.cos(a), wr + 14 - wr * Math.sin(a)));
-  }
-  const wheel = k.vector(f, wr * 2 + 28, wr * 2 + 28, spokes, "navy", { name: "Wheel", strokeWidth: 5, absolute: { x: wx - wr - 14, y: wy - wr - 14 } });
-  const cabins = k.vector(f, wr * 2 + 28, wr * 2 + 28, Array.from({ length: 8 }, (_, i) => {
-    const a = i / 8 * Math.PI * 2;
-    return disc(wr + 14 + wr * Math.cos(a), wr + 14 + wr * Math.sin(a), 15);
-  }), "sunflower", { name: "Cabins", stroke: { color: "navy", width: 3 }, absolute: { x: wx - wr - 14, y: wy - wr - 14 } });
-  if (!still) for (const id of [wheel, cabins]) turn(k, id, 1 / 8);
-  const dx = 1950, dy = 380;
-  shape(k, f, [{ closed: true, points: [pt3(dx - 100, dy), { ...pt3(dx, dy - 104), handleIn: pt3(dx - 100, dy - 80), handleOut: pt3(dx + 100, dy - 80) }, pt3(dx + 100, dy)] }], "violet", { name: "Dome", stroke: { color: "navy", width: 3 } });
-  shape(k, f, [line(dx, dy - 102, dx, dy), curve3([{ x: dx - 66, y: dy }, { x: dx - 46, y: dy - 66 }, { x: dx, y: dy - 102 }], 0.3), curve3([{ x: dx + 66, y: dy }, { x: dx + 46, y: dy - 66 }, { x: dx, y: dy - 102 }], 0.3), line(dx - 92, dy - 38, dx + 92, dy - 38)], "white", { name: "Dome ribs", strokeWidth: 3, opacity: 0.75 });
-  shape(k, f, [box(880, 470, 160, 16), box(900, 510, 160, 16), box(1080, 490, 120, 16)], "wood", { name: "Tables" });
-  flags(k, f, still, { x1: 860, y1: 420, x2: 1220, y2: 430, sag: 24, n: 10, size: 24, name: "Feast bunting" });
-  const tents = { tomato: [], sunflower: [], violet: [], white: [] };
-  const roles = Object.keys(tents);
-  const field = (x0, n) => {
-    for (let row = 0; row < 3; row++) for (let i = 0; i < n; i++) {
-      const x = x0 + i * 60 + row % 2 * 28, y = 420 + row * 50;
-      tents[roles[(i + row * 2) % 4]].push(poly([[x - 22, y], [x, y - 36], [x + 22, y]]));
-    }
-  };
-  field(1360, 10);
-  field(2160, 12);
-  field(100, 12);
-  for (const [role, paths] of Object.entries(tents)) shape(k, f, paths, role, { name: "Tents", stroke: { color: "navy", width: 2.5 } });
-  wood(k, f, r, [[0, 120, 800, 200, 14], [2200, 120, 800, 200, 14]]);
-  pins(k, f, [[1290, 160], [wx + 140, wy - 70], [dx + 110, dy - 110], [1e3, 400]]);
-}
-function rosette(k, parent, o) {
-  const s = o.size;
-  const id = k.stack(parent, { width: s, height: s, align: "CENTER", justify: "CENTER", gap: 0, name: o.name, ...o.absolute ? { absolute: o.absolute } : {} });
-  const burst = k.vector(id, s, s, [burstPath(s, 14, 0.14)], "sunflower", { name: `${o.name} burst`, stroke: { color: "navy", width: 3 }, absolute: { x: 0, y: 0 }, effects: [hardShadow(k, "navy", 4, 5, 1)] });
-  if (!o.still) turn(k, burst, 1 / 14);
-  const size = Math.max(16, Math.round(s * 0.14));
-  k.text(id, cased(FAMILY, "Sticker", `${o.lines[0]}
-${o.lines[1]}`), { style: st(k, FAMILY, "Sticker", size, "CENTER"), color: "navy", align: "CENTER", name: `${o.name} words` });
-  return id;
-}
-var FAMILY = {
-  slug: "family",
-  // The lake and the stalls rise to meet the button in the stories.
-  storyFoot: 1.3,
-  name: "Pippin Hill",
-  brand: (k) => {
-    k.brand(
-      { paper: "#FFF8E8", text: "#1F2A5C", onPaper: "#4A5380", primary: "#F0544F", onPrimary: "#200807", accent: "#7A5CF0", onAccent: "#FFFFFF", card: "#FFFFFF", onCard: "#1F2A5C", cardMuted: "#4A5380", panel: "#1F2A5C", onPanel: "#FFF8E8", panelMuted: "#C7CDEC", chip: "#FFE9A8", onChip: "#1F2A5C", stage: "#CFEDB4", onStage: "#1F2A5C", stageMuted: "#33406F" },
-      { name: "Pippin Hill" }
-    );
-    k.palette({ grass: "#B4E08F", grassDark: "#9AD27A", lake: "#7CCBF2", path: "#FBE7AE", white: "#FFFFFF", navy: "#1F2A5C", ink: "#14183A", tomato: "#F0544F", sunflower: "#FFC83D", violet: "#7A5CF0", pink: "#FF8FB1", tree: "#3FA36B", treeDark: "#2E8556", wood: "#B9824F", leafTile: "#7BC96F" });
-  },
-  type: {
-    Name: { fontWeight: 900, ls: -0.048, lh: 0.94 },
-    Head: { fontWeight: 900, ls: -0.035, lh: 1.04 },
-    Act: { fontWeight: 700, ls: -0.012, lh: 1.35 },
-    More: { fontWeight: 800, ls: 0.08, lh: 1.55, upper: true },
-    Kicker: { fontWeight: 800, ls: 0.16, lh: 1.35, upper: true },
-    Clock: { fontWeight: 900, ls: -0.04, lh: 1.04, tnum: true },
-    Unit: { fontWeight: 800, ls: 0.1, lh: 1.3, upper: true },
-    Body: { fontWeight: 500, ls: 0, lh: 1.45 },
-    Button: { fontWeight: 800, ls: 0, lh: 1.3 },
-    Caption: { fontWeight: 900, ls: -0.015, lh: 1.2 },
-    Price: { fontWeight: 900, ls: -0.045, lh: 1, tnum: true },
-    Sticker: { fontWeight: 900, ls: 0.04, lh: 1.1, upper: true }
-  },
-  look: {
-    plate: { fill: "card", ink: "onCard", muted: "cardMuted", radius: 28, stroke: { color: "navy", width: 4, align: "INSIDE" }, effects: (k) => [hardShadow(k, "navy", 9, 10)] },
-    tiles: [["tomato", "ink"], ["sunflower", "ink"], ["violet", "white"], ["leafTile", "ink"]],
-    tileRadius: 18,
-    button: 999,
-    chip: 999,
-    nameOn: "plate",
-    enter: "pop-in",
-    sep: "\xB7"
-  },
-  parts: [
-    { name: "Meadow", w: 3e3, h: 3e3, anchor: "cover", draw: meadow },
-    { name: "Hilltop", w: 3e3, h: 440, anchor: "top", draw: hilltop, loose: true },
-    { name: "Lakeside", w: 3e3, h: 560, anchor: "foot", draw: lakeside, loose: true }
-  ],
-  sticker: rosette,
-  dates: "29 July \u2013 1 August 2027",
-  place: "Pippin Hill Park, Northdale",
-  kicker: "Four days, for every age",
-  billLabel: "First on the programme",
-  heads: ["The Marmalade Skies", "Circus Fandango", "Orla Finch"],
-  acts: ["Captain Calypso\u2019s Brass Band", "The Paper Moon Puppet Company", "Professor Fizz\u2019s Explosive Hour", "The Flying Okonkwos"],
-  more: ["Tiny Disco with DJ Pom-Pom", "The Wobble Brothers", "Madame Zuzu\u2019s Hoops"],
-  tba: "Over a hundred more shows on 1 May",
-  presale: { by: "Sun 28 Feb", code: "Tue 2 March", opens: "Thu 4 March, 09:00", short: "4 March, 9am", queue: "08:30", limit: "two family tickets" },
-  clock: { days: "14", hours: "11", minutes: "36", from: 44, to: 38 },
-  tier: { tag: "Tier one", name: "Family weekend, with camping", price: "\xA3279", was: "\xA3245", wasTag: "Early bird", next: "\xA3305", nextTag: "Tier two", sold: "Early bird all gone", note: "On sale now to returning families. What is left opens to presale codes on 4 March.", stock: { label: "Going fast", from: 1480, left: 1452, total: 6e3 } },
-  seal: ["Presale", "4 March"],
-  code: "PH27-PRE-3TB8",
-  gate: "Meadow gate",
-  holder: "Hannah Lindqvist",
-  pass: "Family weekend",
-  track: "bigBand",
-  beats: 32,
-  step: 2,
-  captions: ["Four days, for every age.", "Presale opens Thursday 4 March.", "Sign up by 28 February.", "Sign up for a code."],
-  picture: "the map of the site: the Big Top with its flag, the Hilltop stage, a drifting balloon and kites, the lake with a boat, a big wheel that turns, the science dome, bunting and rows of tents",
-  tags: ["family", "children", "camping", "circus", "map", "playful", "illustration"]
-};
-
-export {
-  FAMILY
-};