@popcraft/kit 0.24.2 → 0.25.0

package/dist/chunks/chunk-DD4YKXRI.js

@@ -1,165 +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 {
-  NOTE_SHADOW,
-  PLOTLINE,
-  desk,
-  dots,
-  draw,
-  hand,
-  marker,
-  redots,
-  sans,
-  scribbleCircle,
-  sketchBrand,
-  underline
-} from "./chunk-IBBRZLEN.js";
-import {
-  place
-} from "./chunk-QLV6445V.js";
-import {
-  logoBadge,
-  pill,
-  postVariants
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-IUUXJSAI.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/social/style-sketch-milestone.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Sketch SaaS milestone post";
-var DURATION = 7e3;
-var OUT = 5900;
-var WEEKS = Array.from({ length: 26 }, (_, i) => Math.round(14 + 58 * (i / 25) ** 1.4 + i * 7 % 5 * 0.5));
-var CHART = { w: 936, h: 280 };
-var cues = [
-  { layer: "Fact", preset: "wobble", at: 3600, stagger: { delay: 200, order: "selection" }, params: { duration: 800, amount: 5 } }
-];
-var counts = [
-  { layer: "Figure", at: 300, duration: 2700, ease: ease.out("cubic"), counter: { from: 0, to: PLOTLINE.boardsN } }
-];
-var style_sketch_milestone_default = defineTemplate({
-  id: "motion-saas-style-sketch-milestone",
-  meta: {
-    name: NAME,
-    description: "An animated milestone post drawn with a marker in a dotted notebook: a big round figure counts to 1,000,000 boards tidied while a red loop is scribbled round it, a blue marker line of weekly boards draws itself on hand-drawn axes with its last point circled, and two sticky notes carry the other facts; then the marks rub out and the figure fades, so it loops. Seven seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "sketch", "hand-drawn", "whiteboard", "sticky notes", "doodle", "planning", "productivity", "milestone", "metric", "counter", "chart", "stats", "post", "loop"],
-    platforms: ["instagram", "x", "linkedin", "threads", "facebook"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["milestone", "announcement", "stats"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, counts, loop: true },
-  build() {
-    const k = new Kit(NAME, preset("ig-post"));
-    k.quantizeGeometry = true;
-    sketchBrand(k, {});
-    hand(k, "Brand 32", 32);
-    sans(k, "Label 24", 24, { weight: 600 });
-    hand(k, "Kicker 34", 34, { lead: 1.15, spacing: -0.015 });
-    hand(k, "Figure 150", 150, { lead: 1, spacing: -0.045 });
-    hand(k, "Fact 40", 40, { lead: 1.05 });
-    sans(k, "Small 22", 22, { weight: 600, lead: 1.3 });
-    pill(k, "Fact note", { fill: "sticky", ink: "stickyInk", style: "Small 22", label: "teams plan on it", pad: [14, 20], radius: 0 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 22, 72, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    dots(k, sheet);
-    desk(k, sheet, { w: 1080, h: 400, absolute: { x: 0, y: 1500 }, sway: 2 / 7, seed: 8 });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
-    const brand = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: "Lockup" });
-    logoBadge(k, brand, { fill: "primary", size: 30, pad: 7, radius: 10 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 32", color: "text", autoWidth: true, name: "Brand name" });
-    k.text(top, "Milestone, October 2026", { style: "Label 24", color: "onPaper", autoWidth: true, name: "Date" });
-    const head = k.stack(sheet, { gap: 4, name: "Head" });
-    k.text(head, `Boards tidied since ${PLOTLINE.name} ${PLOTLINE.version}`, { style: "Kicker 34", color: "text", name: "Kicker" });
-    const figBox = k.stack(head, { width: "HUG", padding: { top: 10, right: 40, bottom: 10, left: 0 }, name: "Figure box" });
-    k.text(figBox, PLOTLINE.boards, { style: "Figure 150", color: "text", width: 760, name: "Figure" });
-    const ring = marker(k, figBox, 800, 190, scribbleCircle(800, 190, { seed: 91, turns: 1.2, inset: 6 }), { name: "Figure ring", color: "red", width: 7, absolute: { x: -24, y: -6 } });
-    const chart = k.stack(sheet, { gap: 8, name: "Chart" });
-    const area = k.stack(chart, { height: CHART.h, name: "Chart area" });
-    const cp = chartPaths(CHART.w, CHART.h);
-    const axes = marker(k, area, CHART.w, CHART.h, cp.axes, { name: "Chart axes", color: "text", width: 3, absolute: { x: 0, y: 0 } });
-    const hatch = marker(k, area, CHART.w, CHART.h, cp.hatch, { name: "Chart hatch", color: "primary", width: 4, opacity: 0.35, sequential: true, absolute: { x: 0, y: 0 } });
-    const line = marker(k, area, CHART.w, CHART.h, [cp.line], { name: "Chart line", color: "primary", width: 7, absolute: { x: 0, y: 0 } });
-    const end = marker(k, area, 60, 60, scribbleCircle(60, 60, { seed: 93, turns: 1.25 }), { name: "Chart ring", color: "red", width: 5, absolute: { x: cp.end.x - 30, y: cp.end.y - 30 } });
-    const axis = k.stack(chart, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Axis" });
-    for (const a of ["Week 1, April", "Boards a week", "Week 26"]) k.text(axis, a, { style: "Small 22", color: "onPaper", autoWidth: true, name: "Axis label" });
-    const facts = k.stack(sheet, { direction: "HORIZONTAL", gap: 40, align: "CENTER", name: "Facts" });
-    for (const [fig, label, rot] of [[PLOTLINE.teams, "teams, every week", -2], [`${PLOTLINE.after} min`, "for retro follow-ups", 2]]) {
-      const f = k.stack(facts, { direction: "HORIZONTAL", gap: 14, align: "CENTER", width: "FILL", name: "Fact" });
-      k.text(f, fig, { style: "Fact 40", color: "text", autoWidth: true, name: "Fact figure" });
-      const n = k.instance(f, "Fact note", { Label: label }, { name: "Fact label" });
-      k.patch(n, { rotation: rot, effects: [NOTE_SHADOW] });
-    }
-    const foot = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Foot" });
-    k.text(foot, "Thank you for planning with us.", { style: "Label 24", color: "text", autoWidth: true, name: "Thanks" });
-    k.text(foot, "{{brand.site}}", { style: "Label 24", color: "text", autoWidth: true, name: "Site" });
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    for (const id of k.named(sheet, "Figure")) k.animate(id, "opacity", [{ t: 0, v: 0, ease: ease.linear }, { t: 200, v: 1, ease: ease.hold }, { t: OUT + 300, v: 1, ease: ease.linear }, { t: OUT + 800, v: 0 }]);
-    draw(k, axes, 200, 500, { out: OUT + 500, outDuration: 400 });
-    draw(k, line, 500, 2600, { out: OUT, outDuration: 700 });
-    draw(k, hatch, 500, 2600, { out: OUT, outDuration: 700 });
-    draw(k, ring, 2900, 700, { out: OUT, outDuration: 500 });
-    draw(k, end, 3200, 500, { out: OUT, outDuration: 300 });
-    k.variants(sheet, postVariants({ portrait: 72, vertical: 96 }, {
-      portrait: (kit, id) => {
-        redots(kit, id);
-        redrawChart(kit, id, CHART.w, 420);
-        place(kit, id, "Desk", 243, 1112, 0.55);
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 30 });
-      },
-      vertical: (kit, id) => {
-        redots(kit, id);
-        kit.patch(id, { primaryAxisAlignItems: "MIN", itemSpacing: 34 });
-        redrawChart(kit, id, 800, 400);
-        for (const n of kit.named(id, "Facts")) kit.patch(n, { layoutMode: "VERTICAL", itemSpacing: 18, counterAxisAlignItems: "MIN" });
-      }
-    }));
-    return k.finish();
-  }
-});
-function chartPaths(w, h) {
-  const max = 80;
-  const pts = WEEKS.map((v, i) => ({ x: Math.round(22 + i / (WEEKS.length - 1) * (w - 60)), y: Math.round(h - 14 - v / max * (h - 40)) }));
-  const base = underline(w, 16, { seed: 95, flick: false }).map((p) => ({ ...p, points: p.points.map((q) => ({ ...q, y: q.y + h - 16, ...q.handleIn ? { handleIn: { x: q.handleIn.x, y: q.handleIn.y + h - 16 } } : {}, ...q.handleOut ? { handleOut: { x: q.handleOut.x, y: q.handleOut.y + h - 16 } } : {} })) }));
-  const axes = [...base, { closed: false, points: [{ x: 8, y: 4 }, { x: 10, y: h - 6 }] }];
-  const line = { closed: false, points: pts.map((q, i) => {
-    const a = pts[Math.max(0, i - 1)], c = pts[Math.min(pts.length - 1, i + 1)], tx = (c.x - a.x) * 0.18, ty = (c.y - a.y) * 0.18;
-    return { ...q, handleIn: { x: q.x - tx, y: q.y - ty }, handleOut: { x: q.x + tx, y: q.y + ty } };
-  }) };
-  const hatch = pts.map((q) => ({ closed: false, points: [{ x: q.x, y: q.y + 12 }, { x: q.x - 12, y: h - 20 }] }));
-  return { axes, line, hatch, end: pts[pts.length - 1] };
-}
-function redrawChart(k, root, w, h) {
-  const cp = chartPaths(w, h);
-  for (const n of k.named(root, "Chart area")) k.patch(n, { height: h });
-  for (const n of k.named(root, "Chart axes")) k.patch(n, { width: w, height: h, paths: cp.axes });
-  for (const n of k.named(root, "Chart line")) k.patch(n, { width: w, height: h, paths: [cp.line] });
-  for (const n of k.named(root, "Chart hatch")) k.patch(n, { width: w, height: h, paths: cp.hatch });
-  for (const n of k.named(root, "Chart ring")) k.patch(n, { x: cp.end.x - 30, y: cp.end.y - 30 });
-}
-
-export {
-  style_sketch_milestone_default
-};

package/dist/chunks/chunk-DDMOVJJX.js

@@ -1,260 +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 {
-  TESSERA,
-  assemble,
-  avatarSlice,
-  bentoBrand,
-  calendarSlice,
-  cellBox,
-  chartSlice,
-  chatSlice,
-  drawChart,
-  fillWeek,
-  fitAvatars,
-  fitCalendar,
-  fitChart,
-  fitSwitch,
-  flip,
-  grot,
-  lockup,
-  nowDrift,
-  placeTiles,
-  radiusFor,
-  switchSlice,
-  tile,
-  tileLabel,
-  typeOut
-} from "./chunk-3BOR5A2T.js";
-import {
-  section
-} from "./chunk-UD3JVCFG.js";
-import {
-  captionSwap
-} from "./chunk-C7BYFVZT.js";
-import {
-  pill
-} 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/motion/style-bento-launch-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("edm", 0, 8);
-var { beat } = S;
-var NAME = "Bento SaaS launch reel";
-var DROP = beat(16);
-var END = beat(25);
-var TILES = ["Chat tile", "Stat tile", "Switch tile", "Week tile", "Team tile", "Chart tile"];
-var LAYOUT = {
-  // Words stay inside x 64–940 and above y 1440: the right column holds short labels, the bottom two rows only drawings.
-  story: {
-    grid: { x: 64, y: 520, w: 952, h: 1336, cols: 4, rows: 8, gap: 16 },
-    top: { x: 64, y: 250, w: 876 },
-    pad: 28,
-    caption: "Caption 64",
-    stat: "Stat 124",
-    reply: "Reply 42",
-    story: true,
-    cells: { "Chat tile": { c: 0, r: 0, cw: 3, rh: 4 }, "Switch tile": { c: 3, r: 0, cw: 1, rh: 2 }, "Team tile": { c: 3, r: 2, cw: 1, rh: 2 }, "Week tile": { c: 0, r: 4, cw: 2, rh: 4 }, "Stat tile": { c: 2, r: 4, cw: 2, rh: 2 }, "Chart tile": { c: 2, r: 6, cw: 2, rh: 2 } }
-  },
-  post: {
-    grid: { x: 48, y: 196, w: 984, h: 836, cols: 4, rows: 5, gap: 14 },
-    top: { x: 48, y: 44, w: 984 },
-    pad: 22,
-    caption: "Caption 52",
-    stat: "Stat 72",
-    reply: "Reply 28",
-    cells: { "Chat tile": { c: 0, r: 0, cw: 3, rh: 3 }, "Switch tile": { c: 3, r: 0, cw: 1, rh: 2 }, "Team tile": { c: 3, r: 2, cw: 1, rh: 1 }, "Week tile": { c: 0, r: 3, cw: 2, rh: 2 }, "Stat tile": { c: 2, r: 3, cw: 1, rh: 2 }, "Chart tile": { c: 3, r: 3, cw: 1, rh: 2 } }
-  },
-  portrait: {
-    grid: { x: 48, y: 204, w: 984, h: 1098, cols: 4, rows: 6, gap: 14 },
-    top: { x: 48, y: 52, w: 984 },
-    pad: 24,
-    caption: "Caption 56",
-    stat: "Stat 100",
-    reply: "Reply 34",
-    cells: { "Chat tile": { c: 0, r: 0, cw: 3, rh: 3 }, "Switch tile": { c: 3, r: 0, cw: 1, rh: 2 }, "Team tile": { c: 3, r: 2, cw: 1, rh: 1 }, "Week tile": { c: 0, r: 3, cw: 2, rh: 3 }, "Stat tile": { c: 2, r: 3, cw: 2, rh: 2 }, "Chart tile": { c: 2, r: 5, cw: 2, rh: 1 } }
-  },
-  // Landscape: the head in the top-left cell, the hero tall in the middle, every cell filled.
-  wide: {
-    grid: { x: 96, y: 64, w: 1728, h: 952, cols: 6, rows: 4, gap: 18 },
-    top: { x: 96, y: 72, w: 564 },
-    pad: 28,
-    caption: "Caption 56",
-    stat: "Stat 84",
-    reply: "Reply 38",
-    cells: { "Chat tile": { c: 2, r: 0, cw: 2, rh: 3 }, "Switch tile": { c: 4, r: 0, cw: 1, rh: 1 }, "Team tile": { c: 5, r: 0, cw: 1, rh: 1 }, "Week tile": { c: 0, r: 1, cw: 2, rh: 3 }, "Stat tile": { c: 2, r: 3, cw: 2, rh: 1 }, "Chart tile": { c: 4, r: 1, cw: 2, rh: 3 } }
-  }
-};
-var LABEL = 30;
-var DAYS = 26;
-var GAP = 14;
-var cues = [
-  assemble(TILES, 120, 90),
-  typeOut("Reply", beat(3), beat(9)),
-  { layer: "Chip", preset: "pop-in", at: beat(12), stagger: { delay: 140, order: "selection" }, params: { duration: 500, amount: 0.7 } },
-  { layer: "Face", preset: "slide-in", at: beat(6), stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 450 } },
-  { layer: [...TILES], preset: "pulse", at: DROP, stagger: { delay: 40, order: "selection" }, params: { duration: 600, amount: 0.025 } },
-  { layer: "Chip", preset: "pulse", at: beat(20), stagger: { delay: 90, order: "selection" }, params: { duration: 400, amount: 0.06 } },
-  { layer: "Face", preset: "pulse", at: beat(18), stagger: { delay: 70, order: "selection" }, params: { duration: 400, amount: 0.08 } },
-  { layer: "Call row", preset: "rise-in", at: END, params: { duration: 700, distance: 40 } },
-  // The last bars keep moving: the figure, the chips and the call each answer a beat in turn.
-  { layer: "Stat tile", preset: "pulse", at: beat(26), params: { duration: 600, amount: 0.03 } },
-  { layer: "Chip", preset: "pulse", at: beat(28), stagger: { delay: 90, order: "selection" }, params: { duration: 400, amount: 0.06 } },
-  { layer: "Call", preset: "pulse", at: beat(30), params: { duration: 800, amount: 0.06 } }
-];
-var counts = [
-  { layer: "Stat figure", at: DROP, duration: beat(3), counter: { from: 0, to: TESSERA.saved, decimals: 1, suffix: " h" } },
-  { layer: "Team figure", at: beat(6), duration: beat(4), tick: 75, counter: { from: 0, to: 12 } }
-];
-var swaps = [captionSwap([
-  "Your week, planned before Monday.",
-  "Ask once. Tessera books it.",
-  "Follow-ups drafted while you talk.",
-  "6.5 hours back every week.",
-  "Your whole team, in sync.",
-  "Tessera 2.0 is out today."
-], 0, S.duration - 30, { stagger: 50, in: 240, out: 160, rise: 20 })];
-var style_bento_launch_reel_default = defineTemplate({
-  id: "motion-saas-style-bento-launch-reel",
-  meta: {
-    name: NAME,
-    description: "A 15-second launch video in the bento grid look for an AI workspace: rounded tiles assemble into an uneven grid, then each runs live \u2014 a reply streams into the night hero tile, a week fills with blocks under a drifting now line, a switch flips on, a team stacks up and a focus line draws itself. On the drop every tile swells and the figure counts to 6.5 hours back, and the call to start free rises at the foot of the hero tile. One lime accent, captions as the headline, music cut on the beat. 9:16 with square, 4:5 and 16:9 layouts",
-    category: "animation",
-    tags: ["animation", "saas", "bento", "bento grid", "dashboard", "tiles", "ai", "productivity", "workspace", "launch", "reel", "counter", "chart", "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;
-    bentoBrand(k);
-    grot(k, "Brand 34", 34, { weight: 700, lead: 1.1, spacing: -0.02 });
-    grot(k, "Site 24", 24, { weight: 500, lead: 1.3 });
-    for (const [n, sz] of [["Caption 64", 64], ["Caption 56", 56], ["Caption 52", 52]]) grot(k, n, sz, { weight: 700, lead: 1.06, spacing: -0.035 });
-    grot(k, "Label 22", 22, { weight: 500, lead: 1.3 });
-    grot(k, "Ask 24", 24, { weight: 600, lead: 1.3 });
-    for (const [n, sz] of [["Reply 42", 42], ["Reply 38", 38], ["Reply 34", 34], ["Reply 28", 28]]) grot(k, n, sz, { weight: 500, lead: 1.3, spacing: -0.01 });
-    grot(k, "Chip 20", 20, { weight: 600, lead: 1.2 });
-    grot(k, "Day 20", 20, { weight: 600, lead: 1.3 });
-    for (const [n, sz] of [["Stat 124", 124], ["Stat 100", 100], ["Stat 84", 84], ["Stat 72", 72]]) grot(k, n, sz, { weight: 700, lead: 1, spacing: -0.05 });
-    grot(k, "Figure 60", 60, { weight: 700, lead: 1, spacing: -0.04 });
-    grot(k, "Button 26", 26, { weight: 700, lead: 1.2 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 26", label: "Start free", pad: [18, 30] });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Launch reel");
-    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: S.duration, fps: 30, audio: S.audio });
-    const L = LAYOUT.story, g = L.grid;
-    const strip = k.frame(sheet, { x: g.x, y: 64, width: g.w, height: 150 }, { name: "Top strip" });
-    ["sky", "mint", "sand", "rose"].forEach((role, i) => {
-      const w = (g.w - g.gap * 3) / 4;
-      k.rect(strip, Math.round(w), 150, role, { radius: radiusFor(g.gap), name: "Strip tile", absolute: { x: Math.round(i * (w + g.gap)), y: 0 } });
-    });
-    const top = k.stack(sheet, { width: L.top.w, gap: 22, name: "Top", absolute: { x: L.top.x, y: L.top.y } });
-    const bar = k.stack(top, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row" });
-    lockup(k, bar, { size: 40, style: "Brand 34" });
-    k.text(bar, "{{brand.site}}", { style: "Site 24", color: "onPaper", autoWidth: true, name: "Site" });
-    k.text(top, swaps[0].words[0], { style: L.caption, color: "text", width: "FILL", name: "Caption" });
-    const chatT = tile(k, sheet, g, L.cells["Chat tile"], { name: "Chat tile", surface: "night", pad: L.pad, justify: "SPACE_BETWEEN", gap: 22 });
-    const chatTop = k.stack(chatT, { gap: 22, name: "Chat body" });
-    tileLabel(k, chatTop, `${TESSERA.name} ${TESSERA.version}`, { style: "Label 22", surface: "night", size: 22, right: TESSERA.feature, name: "Chat label" });
-    chatSlice(k, chatTop, { prompt: TESSERA.prompt, reply: TESSERA.reply, chips: [`${TESSERA.focus} focus blocks`, `${TESSERA.followUps} follow-ups`, "1:1 moved to Fri"], ask: "Ask 24", body: L.reply, chip: "Chip 20" });
-    const callRow = k.stack(chatT, { direction: "HORIZONTAL", gap: 20, align: "CENTER", name: "Call row" });
-    k.instance(callRow, "Call", { Label: "Start free" }, { name: "Call" });
-    k.text(callRow, TESSERA.trial, { style: "Label 22", color: "nightMuted", width: "FILL", name: "Call line" });
-    const swT = tile(k, sheet, g, L.cells["Switch tile"], { name: "Switch tile", surface: "mint", pad: L.pad });
-    tileLabel(k, swT, TESSERA.feature, { style: "Label 22", surface: "mint", size: 22 });
-    switchSlice(k, swT, { w: 150, ink: "onMint" });
-    k.text(swT, "Team-wide", { style: "Label 22", color: "onMint", autoWidth: true, name: "Switch state" });
-    const teamT = tile(k, sheet, g, L.cells["Team tile"], { name: "Team tile", surface: "sand", pad: L.pad });
-    tileLabel(k, teamT, "In sync", { style: "Label 22", surface: "sand", size: 22 });
-    k.text(teamT, "12", { style: "Figure 60", color: "onSand", width: 120, name: "Team figure" });
-    avatarSlice(k, teamT, { d: 64, n: 4, ring: "sand", overlap: 0.38 });
-    const weekT = tile(k, sheet, g, L.cells["Week tile"], { name: "Week tile", surface: "card", pad: L.pad, justify: "MIN", gap: GAP });
-    tileLabel(k, weekT, "This week", { style: "Label 22", surface: "card", size: 22, right: `${TESSERA.focus} focus` });
-    calendarSlice(k, weekT, { w: 100, h: 100, day: "Day 20", ink: "onCard" });
-    const statT = tile(k, sheet, g, L.cells["Stat tile"], { name: "Stat tile", surface: "primary", pad: L.pad, justify: "MIN", gap: 10 });
-    tileLabel(k, statT, "Back each week", { style: "Label 22", surface: "primary", size: 22 });
-    const statBody = k.stack(statT, { gap: 6, name: "Stat body" });
-    k.text(statBody, `${TESSERA.saved} h`, { style: L.stat, color: "onPrimary", width: "FILL", name: "Stat figure" });
-    k.text(statBody, `per person, across ${TESSERA.teams} teams`, { style: "Label 22", color: "onPrimary", width: "FILL", name: "Stat line" });
-    const chartT = tile(k, sheet, g, L.cells["Chart tile"], { name: "Chart tile", surface: "sky", pad: L.pad, justify: "SPACE_BETWEEN" });
-    tileLabel(k, chartT, "Focus hours", { style: "Label 22", surface: "sky", size: 22, right: "12 wk", name: "Chart label" });
-    chartSlice(k, chartT, { w: 100, h: 100, ink: "onSky", weight: 6 });
-    const fit = (kit, root, l) => {
-      placeTiles(kit, root, l.grid, l.cells, { pad: l.pad });
-      for (const id of kit.named(root, "Top")) kit.patch(id, { x: l.top.x, y: l.top.y, width: l.top.w });
-      for (const id of kit.named(root, "Caption")) kit.restyle(id, l.caption);
-      for (const id of kit.named(root, "Stat figure")) kit.restyle(id, l.stat);
-      for (const id of kit.named(root, "Reply")) kit.restyle(id, l.reply);
-      for (const id of kit.named(root, "Chart label")) kit.patch(id, { visible: !l.story });
-      for (const id of kit.named(root, "Stat tile")) kit.patch(id, { primaryAxisAlignItems: l.story ? "MIN" : "SPACE_BETWEEN" });
-      const box = (n) => cellBox(l.grid, l.cells[n]);
-      const w = box("Week tile");
-      fitCalendar(kit, root, w.w - 2 * l.pad, w.h - 2 * l.pad - LABEL - DAYS - 12 - 2 * GAP);
-      const ch = box("Chart tile"), cw = ch.w - 2 * l.pad;
-      fitChart(kit, root, cw, Math.min(ch.h - 2 * l.pad - (l.story ? 0 : LABEL + GAP), Math.round(cw * 0.9)));
-      const st = box("Stat tile"), sIn = st.w - 2 * l.pad;
-      for (const id of kit.named(root, "Stat figure")) kit.patch(id, { width: Math.min(sIn, 340), layoutSizingHorizontal: "FIXED" });
-      for (const id of kit.named(root, "Stat line")) kit.patch(id, { width: Math.min(sIn, 360), layoutSizingHorizontal: "FIXED" });
-      const sw = box("Switch tile"), tm = box("Team tile");
-      fitSwitch(kit, root, Math.min(150, sw.w - 2 * l.pad, Math.round((sw.h - 2 * l.pad - LABEL - GAP) / 0.56)));
-      fitAvatars(kit, root, Math.min(64, tm.h - 2 * l.pad - LABEL - GAP));
-    };
-    fit(k, sheet, L);
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    fillWeek(k, sheet, beat(5), 100);
-    drawChart(k, sheet, beat(8), beat(7));
-    flip(k, sheet, [beat(4), beat(20), beat(22)]);
-    nowDrift(k, sheet, beat(5), S.duration);
-    const hide = (kit, id, names) => {
-      for (const n of names) for (const x of kit.named(id, n)) kit.patch(x, { visible: false });
-    };
-    k.variants(sheet, [
-      { preset: "ig-post", adjust: (kit, id) => {
-        fit(kit, id, LAYOUT.post);
-        hide(kit, id, ["Top strip"]);
-        for (const c of kit.named(id, "Chart label")) hide(kit, c, ["Label right"]);
-        hide(kit, id, ["Team figure"]);
-      } },
-      { preset: "ig-portrait", adjust: (kit, id) => {
-        fit(kit, id, LAYOUT.portrait);
-        hide(kit, id, ["Top strip"]);
-        hide(kit, id, ["Team figure"]);
-      } },
-      { preset: "video-1080p", adjust: (kit, id) => {
-        fit(kit, id, LAYOUT.wide);
-        hide(kit, id, ["Top strip"]);
-        hide(kit, id, ["Team figure", "Switch state"]);
-      } }
-    ]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_bento_launch_reel_default
-};

package/dist/chunks/chunk-DEKYK7JC.js

@@ -1,23 +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 {
-  STREET
-} from "./chunk-NYGBLPEV.js";
-import {
-  lineupPost
-} from "./chunk-JNPDG5B4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/festival-presale-street-lineup.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_street_lineup_default = lineupPost(STREET);
-
-export {
-  festival_presale_street_lineup_default
-};

package/dist/chunks/chunk-DEOYZPAS.js

@@ -1,33 +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 {
-  gothic_landing_default
-} from "./chunk-QFGFUCJY.js";
-import {
-  gothic_feature_post_default
-} from "./chunk-JJ7TD3T7.js";
-import {
-  gothic_link_preview_default
-} from "./chunk-7TPNLNMV.js";
-import {
-  gothic_launch_reel_default
-} from "./chunk-ZRIVIQGI.js";
-import {
-  gothic_header_default
-} from "./chunk-VTA2EMF6.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/gothic.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [gothic_launch_reel_default, gothic_landing_default, gothic_feature_post_default, gothic_header_default, gothic_link_preview_default];
-var gothic_default = pack;
-
-export {
-  gothic_default
-};