@popcraft/kit 0.53.4 → 0.53.5

package/dist/chunks/chunk-CBDM6BXF.js

@@ -1,145 +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 {
-  acorn,
-  draw,
-  flourishComponent,
-  leaf,
-  maple,
-  mapleVeins,
-  pumpkin,
-  wheat
-} from "./chunk-YVN7SFQ7.js";
-import {
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/print/holidays-thanksgiving-dinner-menu.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Thanksgiving dinner menu";
-var PAD = { top: 266, right: 52, bottom: 36, left: 52 };
-var MENU = [
-  ["TO START", "Butternut squash soup with toasted pepitas\nGrandma Mai\u2019s spring rolls"],
-  ["THE TABLE", "Herb-roasted turkey and gravy\nCornbread and sausage stuffing"],
-  ["ON THE SIDE", "Garlic mashed potatoes \xB7 Green beans with crispy shallots\nCranberry-orange relish \xB7 Parker House rolls"],
-  ["SOMETHING SWEET", "Pumpkin pie and pecan pie, with whipped cream"]
-];
-function art(w, h) {
-  const s = w / 480, cx = w / 2, cy = 200 * s, R = 178 * s;
-  const leaves = [];
-  const golds = [], olives = [], rusts = [], wheatS = [], wheatG = [], nuts = [], caps = [];
-  const n = 21;
-  for (let i = 0; i < n; i++) {
-    const a = Math.PI * 0.96 + i * Math.PI * 1.08 / (n - 1), x = cx + Math.cos(a) * R, y = cy + Math.sin(a) * R * 0.92;
-    const turn = a + Math.PI / 2 + (i % 2 ? 0.45 : -0.45);
-    const kind = i % 4;
-    if (kind === 0) {
-      rusts.push(...maple(x, y, 62 * s, turn));
-      leaves.push({ m: [], v: mapleVeins(x, y, 62 * s, turn) });
-    } else if (kind === 2) {
-      golds.push(...maple(x, y, 50 * s, turn + 0.5));
-      leaves.push({ m: [], v: mapleVeins(x, y, 50 * s, turn + 0.5) });
-    } else if (kind === 1) {
-      const wh = wheat(x, y + 26 * s, 70 * s, Math.cos(a) * 0.35);
-      wheatS.push(...wh.stalk);
-      wheatG.push(...wh.grains);
-    } else {
-      olives.push(leaf({ x, y }, 46 * s, 18 * s, a + 0.9), leaf({ x, y }, 40 * s, 16 * s, a - 0.9));
-    }
-    if (i % 5 === 2) {
-      const ac = acorn(x - Math.cos(a) * 30 * s, y - Math.sin(a) * 30 * s, 26 * s, turn);
-      nuts.push(...ac.nut);
-      caps.push(...ac.cap);
-    }
-    olives.push(leaf({ x, y }, 34 * s, 13 * s, a + Math.PI + (i % 2 ? 0.7 : -0.7)));
-  }
-  const pk = pumpkin(cx - 14 * s, 186 * s, 96 * s, 70 * s), gd = pumpkin(cx + 50 * s, 186 * s, 54 * s, 40 * s);
-  const sprigs = [leaf({ x: cx - 50 * s, y: 182 * s }, 46 * s, 18 * s, Math.PI + 0.3), leaf({ x: cx + 74 * s, y: 182 * s }, 40 * s, 16 * s, -0.25)];
-  return [
-    { name: "Centre leaves", paths: sprigs, color: "olive" },
-    { name: "Centre pumpkin", paths: pk.lobes, color: "rust" },
-    { name: "Centre gourd", paths: gd.lobes, color: "mustard" },
-    { name: "Centre creases", paths: [...pk.creases, ...gd.creases], color: "rustDeep", o: { strokeWidth: 1.4 * s } },
-    { name: "Centre stems", paths: [...pk.stem, ...gd.stem], color: "bark" },
-    { name: "Olive leaves", paths: olives, color: "olive" },
-    { name: "Wheat stalks", paths: wheatS, color: "gold", o: { strokeWidth: 1.6 * s } },
-    { name: "Wheat", paths: wheatG, color: "gold" },
-    { name: "Gold maples", paths: golds, color: "mustard" },
-    { name: "Maple leaves", paths: rusts, color: "rust" },
-    { name: "Maple veins", paths: leaves.flatMap((l) => l.v), color: "rustDeep", o: { strokeWidth: 1.2 * s } },
-    { name: "Acorns", paths: nuts, color: "acorn" },
-    { name: "Acorn caps", paths: caps, color: "bark" }
-  ];
-}
-var holidays_thanksgiving_dinner_menu_default = defineTemplate({
-  id: "print-holidays-thanksgiving-dinner-menu",
-  meta: {
-    name: NAME,
-    description: "A menu card for a family Thanksgiving dinner: a half-wreath of maple and oak leaves, wheat and acorns in rust, gold and olive arches over the family\u2019s name and the date, then the meal course by course in a serif with small-capital headings and a line of thanks. 5 \xD7 7 inches with bleed",
-    category: "menu",
-    tags: ["thanksgiving", "menu", "dinner", "family", "autumn", "fall", "harvest", "leaves", "wreath", "friendsgiving", "place setting", "print", "card"],
-    platforms: ["print"],
-    formats: ["card"],
-    useCases: ["menu", "event"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("invitation-5x7"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FBF4E7", text: "#3B2416", onPaper: "#8A4B24", primary: "#A8481F", onPrimary: "#FFF8EE", line: "#E2CDB0" },
-      { name: "the Nguyen family" }
-    );
-    k.palette({ rust: "#B4512A", rustDeep: "#7E3216", mustard: "#D69A2D", gold: "#C9A04A", olive: "#7C8A4A", acorn: "#A86F3D", bark: "#5E3F26" });
-    k.textStyle("Kicker 10", { size: 10, fontWeight: 700, letterSpacing: 3, lineHeight: 14 });
-    k.textStyle("Title 40", { ...SERIF, size: 40, fontWeight: 600, fontStyle: "italic", letterSpacing: -0.8, lineHeight: 42 });
-    k.textStyle("Host 13", { ...SERIF, size: 13, fontWeight: 400, lineHeight: 18 });
-    k.textStyle("Course 9", { size: 9, fontWeight: 800, letterSpacing: 2.6, lineHeight: 12 });
-    k.textStyle("Dish 12.5", { ...SERIF, size: 12.5, fontWeight: 400, lineHeight: 18 });
-    k.textStyle("Thanks 12", { ...SERIF, size: 12, fontWeight: 400, fontStyle: "italic", lineHeight: 17 });
-    k.component("Course", { gap: 4, width: 376, align: "CENTER", props: { Course: "COURSE", Dishes: "What we are eating" } }, (id) => {
-      k.propText(id, "Course", { style: "Course 9", color: "onPaper", align: "CENTER", width: "FILL", name: "Course name" });
-      k.propText(id, "Dishes", { style: "Dish 12.5", color: "text", align: "CENTER", width: "FILL", name: "Dishes" });
-    });
-    flourishComponent(k, "Leaf rule", "primary", maple(0, 0, 20)[0], { rule: 34, size: 11 });
-    const sheet = k.sheet;
-    const { width: W, height: H } = k.node(sheet);
-    k.flowSheet(sheet, 0, PAD, "paper", "MIN", "CENTER");
-    draw(k, sheet, art(W, H));
-    const c = { align: "CENTER", width: "FILL" };
-    k.text(sheet, "THURSDAY 26 NOVEMBER", { style: "Kicker 10", color: "onPaper", ...c, name: "Kicker" });
-    k.stack(sheet, { height: 6, name: "Gap" });
-    k.text(sheet, "Thanksgiving", { style: "Title 40", color: "text", ...c, name: "Title" });
-    k.text(sheet, "at the table of {{brand.name}}", { style: "Host 13", color: "onPaper", ...c, name: "Host" });
-    k.stack(sheet, { height: 12, name: "Gap" });
-    for (const [i, [course, dishes]] of MENU.entries()) {
-      k.instance(sheet, "Course", { Course: course, Dishes: dishes }, { name: "Course", width: "FILL" });
-      if (i < MENU.length - 1) k.stack(sheet, { height: 9, name: "Gap" });
-    }
-    k.stack(sheet, { height: 16, name: "Gap" });
-    k.instance(sheet, "Leaf rule", {}, { name: "Divider" });
-    k.stack(sheet, { height: 10, name: "Gap" });
-    k.text(sheet, "For the hands that made it and the people round it, we give thanks.", { style: "Thanks 12", color: "onPaper", ...c, name: "Thanks" });
-    return k.finish();
-  }
-});
-
-export {
-  holidays_thanksgiving_dinner_menu_default
-};

package/dist/chunks/chunk-CBULGY3J.js

@@ -1,336 +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,
-  burst,
-  burstSticker,
-  callComponent,
-  chromeText,
-  cutout,
-  display,
-  float,
-  grot,
-  halftone,
-  marquee,
-  maxBrand,
-  mono,
-  plate,
-  slap,
-  spark,
-  spin,
-  sticker,
-  stickerEdge,
-  wobble
-} from "./chunk-5A2BBXLV.js";
-import {
-  camera
-} from "./chunk-YUJ6YBZ6.js";
-import {
-  clicks,
-  glide,
-  touch
-} from "./chunk-2PJUAVAE.js";
-import {
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  score
-} from "./chunk-KHGNV7UQ.js";
-import {
-  board,
-  ground,
-  hide,
-  reboard,
-  restyle
-} from "./chunk-LWSZATOL.js";
-import {
-  logoBadge
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset
-} from "./chunk-L5DTT5DC.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/style-maximal-feature-demo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = score("house", 2);
-var { beat } = S;
-var NAME = "Maximal SaaS feature demo";
-var STEP = [0, beat(8), beat(16), beat(24)];
-var W = 876;
-var H = 900;
-var AT = {
-  upload: { x: 760, y: 150 },
-  uploadCard: { x: 598, y: 186 },
-  bop: { x: 430, y: 316 },
-  beatCard: { x: 598, y: 372 },
-  yum: { x: 600, y: 560 },
-  stickerCard: { x: 470, y: 470 },
-  clips: { x: 450, y: 760 },
-  export: { x: 760, y: 820 }
-};
-var BEATS = 16;
-var LAYOUT = {
-  // Words inside x 64–940, y 250–1440: the panel ends at 1430, the bands and the burst below are drawing only.
-  story: {
-    top: { x: 64, y: 262 },
-    caption: { x: 64, y: 436, w: 876, style: "Caption 44" },
-    stage: { x: 64, y: 540, s: 1 },
-    band: { x: -100, y: 96, w: 1280 },
-    foot: { x: -100, y: 1640, w: 1280 },
-    burst: { x: 560, y: 1380 },
-    dots: { x: -180, y: 1300 }
-  },
-  post: {
-    top: { x: 40, y: 34 },
-    caption: { x: 40, y: 192, w: 640, style: "Caption 36" },
-    stage: { x: 330, y: 288, s: 0.78 },
-    band: null,
-    foot: { x: -60, y: 1010, w: 1200 },
-    burst: { x: -160, y: 560 },
-    dots: { x: 820, y: -120 }
-  },
-  wide: {
-    top: { x: 100, y: 90 },
-    caption: { x: 100, y: 270, w: 780, style: "Caption 44" },
-    stage: { x: 960, y: 70, s: 0.94 },
-    side: true,
-    band: null,
-    foot: { x: -60, y: 980, w: 2040 },
-    burst: { x: 520, y: 620 },
-    dots: { x: -160, y: 700 }
-  }
-};
-var cues = [
-  slap("Step plate", 0, { from: 0.3 }),
-  slap("Step seal", beat(0.5)),
-  { layer: "Panel", preset: "rise-in", at: beat(0.5), params: { duration: 700, distance: 260, ease: ease.back(1.3) } },
-  // Step 1 lands: the full bar kicks, the seal rocks and the preview's chip shakes, so the step never sits still.
-  { layer: "Progress", preset: "pulse", at: beat(4.5), params: { duration: 480, amount: 0.12 } },
-  wobble("Step seal", beat(5), { angle: 10 }),
-  { layer: "Preview chip", preset: "shake", at: beat(6), params: { duration: 400, distance: 10 } },
-  { layer: "Upload button", preset: "pulse", at: beat(6.5), params: { duration: 480, amount: 0.1 } },
-  // Step 2: the beat marks drop on, one an eighth of a beat.
-  { layer: "Beat dot", preset: "pop-in", at: STEP[1] + beat(1), stagger: { delay: 120, order: "selection" }, params: { duration: 260, amount: 0.1, ease: ease.back(2.6) } },
-  // Step 3: YUM lands on the preview.
-  slap("Placed sticker", STEP[2] + beat(1.5), { from: 0.2, duration: 420 }),
-  wobble("Placed sticker", STEP[2] + beat(3), { angle: 12 }),
-  // Step 4: the clips pop into the row.
-  slap("Clip thumb", STEP[3] + beat(1), { gap: beat(1), from: 0.2 }),
-  slap("Step list item", 0, { gap: beat(8), from: 0.4 }),
-  { layer: "Export", preset: "pulse", at: STEP[3] + beat(5), params: { duration: 968, amount: 0.08 } },
-  { layer: "Export", preset: "pulse", at: STEP[3] + beat(6), params: { duration: 968, amount: 0.08 } },
-  slap("Side burst", STEP[1] + beat(5), { from: 0.2, duration: 420 }),
-  slap("Side tag", STEP[2] + beat(2)),
-  wobble(["Side burst", "Side tag"], STEP[3], { gap: 80 })
-];
-var counts = [
-  { layer: "Seal figure", at: 0, duration: STEP[3], tick: STEP[1], counter: { from: 1, to: 4 } },
-  { layer: "Upload figure", at: beat(1.5), duration: beat(3), counter: { from: 0, to: 100, suffix: "%" } },
-  { layer: "Beats figure", at: STEP[1] + beat(1), duration: 120 * 48 / 3, tick: 40, counter: { from: 0, to: 48 } },
-  { layer: "Ready figure", at: STEP[3] + beat(1), duration: beat(3), counter: { from: 0, to: FIZZ.seconds, prefix: "Ready in ", suffix: " s" } }
-];
-var swaps = [
-  // The step's name: three words each, every one on its step's downbeat.
-  { layer: "Step words", words: ["DROP IT IN", "FIND THE BEAT", "SLAP A STICKER", "POST THE CLIPS"], at: 0, hold: STEP[1] - 240 - 160 - 4 * 50, stagger: 50, in: 240, out: 160, unit: "word", rise: 30 },
-  captionSwap(["Drop in the whole video.", "Auto-Bop finds all 48 beats.", "Tap a sticker. It lands.", "Three clips ready in 38s."], 0, S.duration - 20, { stagger: 60, in: 220, out: 160, rise: 24 })
-];
-var style_maximal_feature_demo_default = defineTemplate({
-  id: "motion-saas-style-maximal-feature-demo",
-  meta: {
-    name: NAME,
-    description: 'A 15-second feature demo in a maximalist Y2K look: Auto-Bop shown working in four steps on a sticker-bright app panel. A finger taps Upload and the file fills to 100%, taps Auto-Bop and 48 beat marks drop onto the waveform as the count ticks, taps a sticker that slaps onto the clip, and the camera pulls back as three clips pop into the export row and "Ready in 38 s" counts. The step name swaps in chrome on a black plate, captions say each step, marquees run; music cut on every downbeat. 9:16 with square and 16:9 layouts',
-    category: "animation",
-    tags: ["animation", "saas", "maximalist", "y2k", "chrome", "stickers", "creator", "video", "ai", "feature", "demo", "tutorial", "pointer", "zoom", "counter", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "video"],
-    useCases: ["education", "launch", "tips"],
-    created: "2026-10-02",
-    updated: "2026-10-16"
-  },
-  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 [["Step 68", 68], ["Step 60", 60]]) display(k, n, sz, 1);
-    for (const [n, sz] of [["Caption 44", 44], ["Caption 36", 36]]) display(k, n, sz, 1.05);
-    display(k, "Seal 72", 72, 0.9);
-    display(k, "Panel 30", 30, 1.1);
-    display(k, "Figure 40", 40, 1);
-    display(k, "Chip 34", 34, 1);
-    display(k, "List 30", 30, 1.1);
-    mono(k, "Tag 22", 22);
-    grot(k, "Ui 22", 22, { weight: 700, lead: 1.25 });
-    callComponent(k, { style: "Panel 30", label: "Export", pad: [16, 28], drop: 6, weight: 4 });
-    const sheet = k.sheet;
-    ground(k, sheet, "Feature demo", "paper");
-    k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-    const L = LAYOUT.story;
-    halftone(k, sheet, 600, "pinkDeep", { name: "Dots", absolute: L.dots });
-    const big = burst(k, sheet, 620, "secondary", { name: "Big burst", points: 26, depth: 0.1, absolute: L.burst });
-    spin(k, big, -1, S.duration);
-    const band = (name, at, fill, rotate, right) => marquee(k, sheet, {
-      name,
-      width: at.w,
-      height: 96,
-      w: 160,
-      fill,
-      loop: S.duration,
-      cells: 16,
-      rotate,
-      right,
-      absolute: { x: at.x, y: at.y },
-      cell: (c) => {
-        spark(k, c, 48, fill === "night" ? "accent" : "night", { name: "Band spark" });
-        k.ellipse(c, 30, fill === "night" ? "primary" : "accent", { name: "Band dot", stroke: { color: "night", width: 3, align: "INSIDE" } });
-      }
-    });
-    band("Top band", L.band, "primary", 3, true);
-    band("Foot band", L.foot, "night", -3, false);
-    const top = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 22, align: "CENTER", name: "Top", absolute: L.top });
-    burstSticker(k, top, [{ text: "1", style: "Seal 72", name: "Seal figure" }, { text: "OF 4", style: "Tag 22" }], { size: 150, fill: "accent", ink: "onAccent", name: "Step seal", points: 26, depth: 0.08, rotate: -8 });
-    const pl = plate(k, top, { name: "Step plate", rotate: -2, pad: [18, 30], width: 680 });
-    chromeText(k, pl, "DROP IT IN", { style: "Step 68", name: "Step words", width: "FILL", size: 68 });
-    const strip = k.stack(sheet, { width: L.caption.w, fill: "primary", radius: 16, padding: { top: 16, right: 26, bottom: 16, left: 26 }, ...stickerEdge(k, 4, 8), name: "Caption strip", absolute: { x: L.caption.x, y: L.caption.y } });
-    k.patch(strip, { rotation: 1.5 });
-    k.text(strip, swaps[1].words[0], { style: L.caption.style, color: "onPrimary", width: "FILL", name: "Caption" });
-    const stage = board(k, sheet, W, H, 1, "Stage", { absolute: { x: L.stage.x, y: L.stage.y } });
-    k.patch(k.node(stage).parentId, { clipsContent: true, name: "Stage view" });
-    const cam = k.frame(stage, { x: 0, y: 0, width: W, height: H }, { name: "Camera" });
-    const panel = k.stack(cam, { width: W, height: H, fill: "card", radius: 34, clip: true, ...stickerEdge(k, 5, 0), name: "Panel", absolute: { x: 0, y: 0 } });
-    k.patch(panel, { effects: [] });
-    const app = k.frame(panel, { x: 0, y: 0, width: W, height: H }, { name: "App" });
-    k.patch(app, { layoutPositioning: "ABSOLUTE" });
-    const box = (name, x, y, w, h, fill, o = {}) => k.stack(app, { width: w, height: h, fill, radius: o.radius ?? 22, padding: o.pad ?? 18, gap: o.gap ?? 10, direction: o.direction ?? "VERTICAL", justify: o.justify ?? "MIN", align: o.align ?? "MIN", ...o.edge === false ? {} : { stroke: { color: "night", width: 3, align: "INSIDE" } }, name, absolute: { x, y } });
-    const bar = box("App bar", 24, 22, W - 48, 64, "night", { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", pad: 12, edge: false, radius: 999 });
-    const lock = k.stack(bar, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "App lockup" });
-    logoBadge(k, lock, { fill: "secondary", size: 26, pad: 7, radius: 999 });
-    k.text(lock, "{{brand.name}}", { style: "Panel 30", color: "onNight", autoWidth: true, name: "App name" });
-    k.text(bar, FIZZ.feature.toUpperCase(), { style: "Tag 22", color: "onNight", autoWidth: true, name: "App tab" });
-    const prev = k.frame(app, { x: 24, y: 104, width: 300, height: 520 }, { name: "Preview", fill: "secondary", radius: 24, clip: true });
-    k.patch(prev, { layoutPositioning: "ABSOLUTE", strokes: [], effects: [] });
-    halftone(k, prev, 300, "night", { name: "Preview dots", absolute: { x: 120, y: -90 }, step: 18 });
-    cutout(k, prev, 260, 330, { top: "accent", absolute: { x: 20, y: 190 } });
-    sticker(k, prev, "THIS SAUCE", { fill: "card", ink: "onCard", style: "Chip 34", shape: "tag", rotate: -4, pad: [6, 14], name: "Preview chip", absolute: { x: 24, y: 420 } });
-    burstSticker(k, prev, [{ text: "YUM", style: "Chip 34" }], { size: 150, fill: "primary", ink: "onPrimary", name: "Placed sticker", rotate: 10, absolute: { x: 130, y: 40 } });
-    const up = box("Upload card", 344, 104, 508, 164, "chromeHi", { gap: 12 });
-    const upRow = k.stack(up, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Upload row" });
-    k.text(upRow, "sunday-cook-up.mov", { style: "Tag 22", color: "onCard", autoWidth: true, name: "File name" });
-    k.instance(upRow, "Call", { Label: "Upload" }, { name: "Upload button" });
-    const prog = k.stack(up, { direction: "HORIZONTAL", height: 26, fill: k.tint("night", 0.12), radius: 999, clip: true, name: "Progress" });
-    const fillBar = k.rect(prog, 472, 26, "accent", { radius: 999, name: "Progress fill", absolute: { x: 0, y: 0 } });
-    const upFoot = k.stack(up, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Upload foot" });
-    k.text(upFoot, "14:22 \xB7 1.8 GB", { style: "Ui 22", color: "cardMuted", autoWidth: true, name: "File size" });
-    k.text(upFoot, "100%", { style: "Ui 22", color: "onCard", width: 70, align: "RIGHT", name: "Upload figure" });
-    const bc = box("Beat card", 344, 284, 508, 180, "night", { gap: 12, edge: false });
-    const bcRow = k.stack(bc, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Beat row" });
-    sticker(k, bcRow, "AUTO-BOP", { fill: "primary", ink: "onPrimary", style: "Tag 22", pad: [8, 16], name: "Bop button", drop: 0, weight: 3 });
-    const bf = k.stack(bcRow, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", name: "Beats" });
-    k.text(bf, "48", { style: "Figure 40", color: "onNight", width: 56, align: "RIGHT", name: "Beats figure" });
-    k.text(bf, "beats", { style: "Ui 22", color: "nightMuted", autoWidth: true, name: "Beats word" });
-    const wave = k.stack(bc, { height: 88, name: "Wave" });
-    const bars = 34, bw = 472 / bars;
-    for (let i = 0; i < bars; i++) {
-      const h = Math.round(18 + 60 * Math.abs(Math.sin(i * 1.3) * Math.cos(i * 0.45)));
-      const b = k.rect(wave, Math.max(4, Math.round(bw - 5)), h, "chromeMid", { radius: 3, name: "Wave bar", absolute: { x: Math.round(i * bw), y: Math.round(44 - 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.55, to: 1.2, attack: 10, release: 160 }]);
-    }
-    for (let i = 0; i < BEATS; i++) k.ellipse(wave, 16, "accent", { name: "Beat dot", absolute: { x: Math.round((i + 0.5) * (472 / BEATS) - 8), y: 0 }, stroke: { color: "chromeHi", width: 2, align: "OUTSIDE" } });
-    const sc = box("Sticker card", 344, 480, 508, 144, "accent", { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", pad: 16 });
-    sticker(k, sc, "OMG", { fill: "secondary", ink: "onSecondary", style: "Chip 34", pad: [8, 14], rotate: -6, drop: 4, weight: 3, name: "Sheet sticker" });
-    burstSticker(k, sc, [{ text: "YUM", style: "Chip 34" }], { size: 112, fill: "primary", ink: "onPrimary", name: "Sheet yum", rotate: 8 });
-    sticker(k, sc, "BOP", { fill: "card", ink: "onCard", style: "Chip 34", pad: [8, 14], rotate: 5, drop: 4, weight: 3, name: "Sheet sticker" });
-    spark(k, sc, 70, "chromeHi", { outline: 3, name: "Sheet spark" });
-    const cr = box("Clips card", 24, 644, 828, 232, "night", { direction: "HORIZONTAL", gap: 16, align: "CENTER", edge: false, pad: 18 });
-    const thumbs = ["secondary", "accent", "primary"];
-    thumbs.forEach((fill, i) => {
-      const t = k.stack(cr, { width: 112, height: 196, fill, radius: 16, clip: true, ...stickerEdge(k, 3, 0), name: "Clip thumb" });
-      k.patch(t, { effects: [] });
-      cutout(k, t, 100, 130, { top: i === 1 ? "secondary" : "accent", skin: i === 2 ? "skinDeep" : "skin", absolute: { x: 6, y: 70 } });
-    });
-    const crR = k.stack(cr, { gap: 14, name: "Clips side" });
-    k.text(crR, "3 clips \xB7 9:16", { style: "Panel 30", color: "onNight", width: "FILL", name: "Clips title" });
-    k.text(crR, `Ready in ${FIZZ.seconds} s`, { style: "Ui 22", color: "onNight", width: "FILL", name: "Ready figure" });
-    k.instance(crR, "Call", { Label: "Export" }, { name: "Export" });
-    const t0 = touch(k, cam, { x: AT.upload.x, y: AT.upload.y, size: 70, fill: "secondary", ring: "secondary" });
-    const list = k.stack(sheet, { gap: 14, width: "HUG", name: "Step list", absolute: { x: 100, y: 420 } });
-    ["1  Drop it in", "2  Find the beat", "3  Slap a sticker", "4  Post the clips"].forEach((s, i) => sticker(k, list, s, { fill: ["card", "secondary", "accent", "primary"][i], ink: ["onCard", "onSecondary", "onAccent", "onPrimary"][i], style: "List 30", shape: "tag", rotate: i % 2 ? 2 : -2, name: "Step list item" }));
-    burstSticker(k, sheet, [{ text: "48", style: "Seal 72" }, { text: "BEATS FOUND", style: "Tag 22" }], { size: 230, fill: "primary", ink: "onPrimary", name: "Side burst", rotate: 8, absolute: { x: 30, y: 1210 } });
-    sticker(k, sheet, `${FIZZ.captionStyles} CAPTION STYLES`, { fill: "secondary", ink: "onSecondary", style: "Tag 22", rotate: -7, name: "Side tag", absolute: { x: 560, y: 1336 } });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    k.patch(fillBar, { anchorX: 0 });
-    k.animate(fillBar, "scaleX", [{ t: beat(1.5), v: 0.02, ease: ease.out("cubic") }, { t: beat(4.5), v: 1 }]);
-    glide(k, t0, [
-      { t: 0, dx: 0, dy: 120 },
-      { t: beat(1), dx: 0, dy: 0 },
-      { t: STEP[1] - beat(1), dx: 0, dy: 0 },
-      { t: STEP[1] + beat(0.5), dx: AT.bop.x - AT.upload.x, dy: AT.bop.y - AT.upload.y },
-      { t: STEP[2] - beat(1), dx: AT.bop.x - AT.upload.x, dy: AT.bop.y - AT.upload.y },
-      { t: STEP[2] + beat(1), dx: AT.yum.x - AT.upload.x, dy: AT.yum.y - AT.upload.y },
-      { t: STEP[3] - beat(1), dx: AT.yum.x - AT.upload.x, dy: AT.yum.y - AT.upload.y },
-      { t: STEP[3] + beat(4.5), dx: AT.export.x - AT.upload.x, dy: AT.export.y - AT.upload.y }
-    ]);
-    clicks(k, t0, [beat(1.2), STEP[1] + beat(0.7), STEP[2] + beat(1.2), STEP[3] + beat(4.8)]);
-    camera(k, cam, W, H, [
-      { t: beat(1), duration: 600, zoom: 1.55, ...AT.uploadCard },
-      { t: STEP[1], duration: 500, zoom: 1.5, ...AT.beatCard },
-      { t: STEP[2], duration: 500, zoom: 1.35, ...AT.stickerCard },
-      { t: STEP[3], duration: 700, zoom: 1.4, ...AT.clips },
-      { t: STEP[3] + beat(4), duration: 700, zoom: 1 }
-    ]);
-    bob(k, k.named(sheet, "Step seal")[0], 0.04);
-    float(k, k.named(sheet, "Dots")[0], 16, 2, S.duration);
-    const lay = (kit, root, l) => {
-      for (const id of kit.named(root, "Top")) kit.patch(id, { x: l.top.x, y: l.top.y });
-      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);
-      reboard(kit, root, "Stage", l.stage.s);
-      for (const id of kit.named(root, "Stage view")) kit.patch(id, { x: l.stage.x, y: l.stage.y });
-      for (const id of kit.named(root, "Foot band")) kit.patch(id, { x: l.foot.x, y: l.foot.y, width: l.foot.w });
-      if (!l.band) hide(kit, root, ["Top band"]);
-      for (const id of kit.named(root, "Big burst")) kit.patch(id, l.burst);
-      for (const id of kit.named(root, "Dots")) kit.patch(id, l.dots);
-      if (!l.side) hide(kit, root, ["Step list"]);
-    };
-    hide(k, sheet, ["Step list", "Side burst", "Side tag"]);
-    k.variants(sheet, [
-      { preset: "ig-post", adjust: (kit, id) => {
-        lay(kit, id, LAYOUT.post);
-        restyle(kit, id, "Step words", "Step 60");
-        for (const s of kit.named(id, "Side burst")) kit.patch(s, { x: 40, y: 400, visible: true });
-        for (const s of kit.named(id, "Side tag")) kit.patch(s, { x: 30, y: 700, visible: true });
-      } },
-      { preset: "video-1080p", adjust: (kit, id) => {
-        lay(kit, id, LAYOUT.wide);
-        for (const s of kit.named(id, "Step list")) kit.patch(s, { visible: true, x: 100, y: 420 });
-        for (const s of kit.named(id, "Side burst")) kit.patch(s, { x: 560, y: 600, visible: true });
-        for (const s of kit.named(id, "Side tag")) kit.patch(s, { x: 470, y: 870, visible: true });
-      } }
-    ]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_maximal_feature_demo_default
-};