@popcraft/kit 0.53.4 → 0.53.5

package/dist/chunks/chunk-DCOTTTDP.js

@@ -1,287 +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 {
-  PANE_ART,
-  VITRINE,
-  aurora,
-  body,
-  chip,
-  code,
-  display,
-  figure,
-  fitAurora,
-  float as float2,
-  glassBrand,
-  glassButton,
-  glassFx,
-  label,
-  pane,
-  paneArt,
-  passThrough,
-  sheen,
-  surface,
-  swell,
-  ts
-} from "./chunk-F7UFJWUM.js";
-import {
-  camera,
-  float,
-  reelSheet,
-  section,
-  wideCut
-} from "./chunk-YUJ6YBZ6.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-2PJUAVAE.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-3YQOE5KZ.js";
-import {
-  board,
-  boxesOf,
-  hide,
-  reboard,
-  restyle
-} from "./chunk-LWSZATOL.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-glass-feature-demo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("calm", 0, 5);
-var { beat } = S;
-var NAME = "Glass SaaS feature demo";
-var WIN = { w: 800, h: 772 };
-var APP = beat(2);
-var PICK = beat(4);
-var DRAG = beat(7);
-var DRAG_LEN = beat(2);
-var TOGGLE = beat(10);
-var CALL = beat(12);
-var ASK = beat(13);
-var DENY = beat(15);
-var CLOSE = beat(17);
-var STEPS = ["Step 1 of 3 \xB7 pick the agent", "Step 2 of 3 \xB7 set the limit", "Step 3 of 3 \xB7 watch it hold", `New in ${VITRINE.name} ${VITRINE.version}`];
-var AGENTS = ["support-agent", "refund-agent", "ops-agent"];
-var SLIDER = { w: 744, knob: 34, from: 0.8, to: 0.2 };
-var cues = [
-  { layer: "Hook plate", preset: "blur-in", at: 0, params: { duration: 800, amount: 30 } },
-  { layer: "Hook", preset: "words-in", at: 100, params: { duration: 700 } },
-  { layer: "Step line", preset: "fade-in", at: 300, params: { duration: 600 } },
-  { layer: "Depth", preset: "fade-in", at: beat(1), params: { duration: 2400 } },
-  // The glass is up under the hook from the start, so the frame is never only aurora.
-  { layer: "Stage", preset: "blur-in", at: 200, params: { duration: 1400, amount: 40 } },
-  { layer: "App section", preset: "rise-in", at: 600, stagger: { delay: 180, order: "selection" }, params: { duration: 1e3, distance: 24 } },
-  { layer: "Incoming", preset: "rise-in", at: CALL, params: { duration: 1e3, distance: 30 } },
-  { layer: "Ask card", preset: "blur-in", at: ASK, params: { duration: 1200, amount: 30 } },
-  { layer: "Call", preset: "pulse", at: CLOSE + beat(1), params: { duration: 1600, amount: 0.05 } }
-];
-var counts = [
-  { layer: "Limit figure", at: DRAG, duration: DRAG_LEN, counter: { from: 2e3, to: 500, prefix: "$" } },
-  { layer: "Kept figure", at: DENY + 300, duration: beat(2), counter: { from: VITRINE.keptBefore, to: VITRINE.keptAfter, prefix: "$" } }
-];
-var swaps = [captionSwap(["Pick the agent to cap.", "Set its limit per call.", "Over the limit? Ask first.", "Spend panes, live in Vitrine."], 0, S.duration - 30, { stagger: 60, in: 320, out: 240, rise: 14 })];
-var style_glass_feature_demo_default = defineTemplate({
-  id: "motion-saas-style-glass-feature-demo",
-  meta: {
-    name: NAME,
-    description: "A 17-second feature demo in the glass look: a pointer sets a spend limit for an AI agent on a pane of smoked glass over a slowly moving aurora. It picks the agent while the camera eases in, drags the per-call limit as the figure resolves from $2,000 to $500, turns on approval in Slack, then the next $4,800 refund is stopped, an approval request drifts up out of depth and the pointer denies it while the kept figure counts. Step line, travelling highlight, music and burned-in captions. 9:16 with square and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "glass", "glassmorphism", "aurora", "shader", "ai", "security", "agents", "b2b", "feature", "demo", "tutorial", "pointer", "counter", "captions", "music", "audio", "tiktok", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "video"],
-    useCases: ["changelog", "education", "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;
-    glassBrand(k);
-    ts(k, "Step 24", code(24));
-    ts(k, "Hook 60", display(60));
-    ts(k, "Hook 48", display(48));
-    ts(k, "View 22", label(22));
-    ts(k, "Label 21", label(21));
-    ts(k, "Agent 22", code(22, 500));
-    ts(k, "Ui 23", body(23, 500));
-    ts(k, "Ui 21", body(21, 400));
-    ts(k, "Tool 22", code(22));
-    ts(k, "Verdict 22", code(22, 600));
-    ts(k, "Figure 64", figure(64));
-    ts(k, "Figure 32", figure(32));
-    ts(k, "Small btn 22", display(22));
-    ts(k, "Caption 34", display(34, { lead: 1.3 }));
-    ts(k, "Button 30", display(30));
-    glassButton(k, "Call", { style: "Button 30", label: "Try Spend panes free", pad: [22, 36] });
-    const sheet = reelSheet(k, S, { name: "Feature demo", gap: 12, justify: "SPACE_BETWEEN" });
-    const sky = aurora(k, sheet, { duration: S.duration });
-    swell(k, sky, CALL, 1400, 4e3);
-    const depth = board(k, sheet, PANE_ART.w, PANE_ART.h, 1.05, "Depth", { absolute: { x: 36, y: 1440 } });
-    passThrough(k, paneArt(k, depth, { name: "Pane art" }), CALL - 1200, { travel: 2100 });
-    float2(k, k.node(depth).parentId, S.duration, { amp: 7, phase: 0.1 });
-    const hookPlate = pane(k, sheet, { gap: 12, padding: { top: 30, right: 40, bottom: 34, left: 40 }, name: "Hook plate" });
-    const stepLine = k.text(hookPlate, STEPS[3], { style: "Step 24", color: "stop", name: "Step line" });
-    k.text(hookPlate, "Cap what any agent can spend.", { style: "Hook 60", color: "onGlass", name: "Hook" });
-    sheen(k, hookPlate, WIN.w, 220, [CLOSE]);
-    const stage = k.stack(sheet, { width: WIN.w, height: WIN.h, clip: true, radius: 30, name: "Stage" });
-    const lens = k.frame(stage, { x: 0, y: 0, width: WIN.w, height: WIN.h }, { name: "Lens" });
-    const cam = k.frame(lens, { x: 0, y: 0, width: WIN.w, height: WIN.h }, { name: "Camera" });
-    const win = pane(k, cam, { width: WIN.w, height: WIN.h, radius: 30, absolute: { x: 0, y: 0 }, name: "App" });
-    const top = k.stack(win, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", padding: { top: 20, right: 28, bottom: 20, left: 28 }, name: "Title row" });
-    const tl = k.stack(top, { direction: "HORIZONTAL", width: "HUG", align: "CENTER", gap: 12, name: "Title left" });
-    k.ellipse(tl, 12, "stop", { name: "Pane dot" });
-    k.text(tl, "Spend pane", { style: "View 22", color: "onGlass", autoWidth: true, name: "View title" });
-    k.text(top, "Panes \u203A Spend", { style: "View 22", color: "glassMuted", autoWidth: true, name: "View path" });
-    k.rect(win, "FILL", 1, k.tint("rim", 0.14), { name: "Title rule" });
-    const bodyCol = k.stack(win, { gap: 22, padding: { top: 22, right: 28, bottom: 24, left: 28 }, name: "App body" });
-    const a = k.stack(bodyCol, { gap: 10, name: "App section" });
-    k.text(a, "AGENT", { style: "Label 21", color: "glassMuted", name: "Section label" });
-    const agents = k.stack(a, { direction: "HORIZONTAL", gap: 12, name: "Agents" });
-    for (const name of AGENTS) {
-      const c2 = chip(k, agents, name, { style: "Agent 22", name: name === "refund-agent" ? "Picked agent" : "Agent chip", pad: [12, 18], radius: 16, alpha: 0.5 });
-      void c2;
-    }
-    const b = k.stack(bodyCol, { gap: 10, name: "App section" });
-    const bHead = k.stack(b, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MAX", name: "Limit head" });
-    const bl = k.stack(bHead, { gap: 4, width: "HUG", name: "Limit words" });
-    k.text(bl, "LIMIT PER CALL", { style: "Label 21", color: "glassMuted", autoWidth: true, name: "Section label" });
-    k.text(bl, "Refunds, credits and transfers", { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Limit scope" });
-    k.text(bHead, "$500", { style: "Figure 64", color: "onGlass", width: 220, align: "RIGHT", name: "Limit figure" });
-    const track = k.stack(b, { height: SLIDER.knob, name: "Slider" });
-    k.rect(track, SLIDER.w, 8, k.tint("rim", 0.16), { name: "Slider track", radius: 4, absolute: { x: 0, y: (SLIDER.knob - 8) / 2 } });
-    const fill = k.rect(track, SLIDER.w, 8, "pass", { name: "Slider fill", radius: 4, absolute: { x: 0, y: (SLIDER.knob - 8) / 2 } });
-    k.patch(fill, { scaleX: SLIDER.to, anchorX: 0 });
-    const knob = k.ellipse(track, SLIDER.knob, "onGlass", { name: "Slider knob", absolute: { x: Math.round(SLIDER.w * SLIDER.to - SLIDER.knob / 2), y: 0 }, effects: [{ type: "DROP_SHADOW", color: k.color("pass", 0.7), offset: { x: 0, y: 0 }, blur: 16, spread: 0, visible: true }] });
-    const ticks = k.stack(b, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Slider ticks" });
-    for (const t of ["$0", "$1,250", "$2,500"]) k.text(ticks, t, { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Tick" });
-    const c = k.stack(bodyCol, { direction: "HORIZONTAL", align: "CENTER", justify: "SPACE_BETWEEN", name: "App section" });
-    const cw = k.stack(c, { gap: 2, width: "HUG", name: "Toggle words" });
-    k.text(cw, "Ask #payments-ops first", { style: "Ui 23", color: "onGlass", autoWidth: true, name: "Toggle label" });
-    k.text(cw, "Over the limit, the call waits for a person", { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Toggle note" });
-    const sw = k.stack(c, { width: 76, height: 42, radius: 21, fill: k.tint("rim", 0.16), name: "Toggle" });
-    const swOn = k.rect(sw, 76, 42, "pass", { name: "Toggle on", radius: 21, absolute: { x: 0, y: 0 } });
-    const swKnob = k.ellipse(sw, 34, "onGlass", { name: "Toggle knob", absolute: { x: 38, y: 4 } });
-    k.rect(bodyCol, "FILL", 1, k.tint("rim", 0.14), { name: "Section rule" });
-    const d = k.stack(bodyCol, { gap: 12, name: "Next call" });
-    const inc = k.stack(d, { direction: "HORIZONTAL", align: "CENTER", gap: 14, height: 56, padding: { top: 0, right: 14, bottom: 0, left: 14 }, radius: 14, fill: k.tint("stop", 0.1), name: "Incoming" });
-    k.ellipse(inc, 12, "stop", { name: "Verdict dot" });
-    k.text(inc, `${VITRINE.tool}  ${VITRINE.amount}`, { style: "Tool 22", color: "onGlass", width: "FILL", name: "Call tool" });
-    k.text(inc, "stopped \xB7 Spend", { style: "Verdict 22", color: "stop", autoWidth: true, name: "Incoming verdict" });
-    const ask = pane(k, d, { gap: 14, padding: 20, radius: 22, alpha: 0.72, lift: 1.4, name: "Ask card" });
-    const askTop = k.stack(ask, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Ask top" });
-    k.text(askTop, "#payments-ops \xB7 Vitrine", { style: "Label 21", color: "glassMuted", autoWidth: true, name: "Ask from" });
-    const kept = k.stack(askTop, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Kept" });
-    k.text(kept, "kept this week", { style: "Ui 21", color: "glassMuted", autoWidth: true, name: "Kept label" });
-    k.text(kept, "$61,240", { style: "Figure 32", color: "onGlass", width: 150, align: "RIGHT", name: "Kept figure" });
-    k.text(ask, "refund-agent wants to refund $4,800 to Lumen Outfitters. Your limit is $500 a call.", { style: "Ui 21", color: "onGlass", name: "Ask words" });
-    const btns = k.stack(ask, { direction: "HORIZONTAL", gap: 12, name: "Ask buttons" });
-    const approve = k.stack(btns, { direction: "HORIZONTAL", width: "HUG", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, fill: k.tint("rim", 0.12), name: "Approve" });
-    k.text(approve, "Approve once", { style: "Small btn 22", color: "onGlass", autoWidth: true, name: "Approve words" });
-    const deny = k.stack(btns, { direction: "HORIZONTAL", width: "HUG", radius: 999, padding: { top: 10, right: 20, bottom: 10, left: 20 }, fill: "primary", name: "Deny" });
-    k.text(deny, "Deny", { style: "Small btn 22", color: "onPrimary", autoWidth: true, name: "Deny words" });
-    const denied = k.text(btns, "Denied by Mara \xB7 nothing sent", { style: "Ui 21", color: "pass", autoWidth: true, name: "Denied" });
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 34", fill: k.tint("glass", 0.72), ink: "onGlass", radius: 26, pad: [20, 28], effects: glassFx(k, { lift: 0.6 }) });
-    const call = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Close row" });
-    k.instance(call, "Call", { Label: "Try Spend panes free" }, { name: "Call" });
-    const site = pane(k, call, { width: "HUG", radius: 999, padding: { top: 14, right: 24, bottom: 14, left: 24 }, lift: 0.4, frost: 14, alpha: 0.7, name: "Site plate" });
-    k.text(site, "{{brand.site}}", { style: "Step 24", color: "onGlass", autoWidth: true, name: "Site" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    for (const c2 of k.named(cam, "Picked agent")) k.rect(c2, k.node(c2).width, k.node(c2).height, [], { name: "Pick ring", radius: 16, absolute: { x: 0, y: 0 }, stroke: { color: "pass", width: 2.5, align: "INSIDE" } });
-    const at = (name) => {
-      const r = boxesOf(k, cam, [name])[0];
-      return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2), box: r };
-    };
-    const pick = at("Picked agent"), knobAt = at("Slider knob"), tog = at("Toggle"), den = at("Deny");
-    const sliderBox = at("Slider").box;
-    const fromX = Math.round(sliderBox.x + SLIDER.w * SLIDER.from), toX = Math.round(sliderBox.x + SLIDER.w * SLIDER.to);
-    const REST = { x: 560, y: WIN.h - 60 };
-    const p = pointer(k, cam, { ...REST, size: 64, fill: "onGlass", edge: "glass", ring: "pass" });
-    glide(k, p, [
-      { t: APP + 600, dx: 0, dy: 0 },
-      { t: PICK, dx: pick.x - REST.x + 10, dy: pick.y - REST.y + 6 },
-      { t: DRAG - 300, dx: fromX - REST.x, dy: knobAt.y - REST.y + 4 },
-      { t: DRAG + DRAG_LEN, dx: toX - REST.x, dy: knobAt.y - REST.y + 4 },
-      { t: TOGGLE, dx: tog.x - REST.x + 14, dy: tog.y - REST.y + 6 },
-      { t: DENY, dx: den.x - REST.x + 6, dy: den.y - REST.y + 6 },
-      { t: CLOSE, dx: 0, dy: 0 }
-    ]);
-    clicks(k, p, [PICK, DRAG - 200, TOGGLE, DENY]);
-    k.patch(p.arrow, { opacity: 0 });
-    k.animate(p.arrow, "opacity", [{ t: APP + 400, v: 0, ease: ease.inOut("sine") }, { t: APP + 1e3, v: 1, ease: ease.hold }, { t: CLOSE - 600, v: 1, ease: ease.inOut("sine") }, { t: CLOSE, v: 0 }]);
-    choreograph(k, sheet, { stepLine, hookPlate, stage, fill, knob, swOn, swKnob, denied, approve, deny, sliderX: sliderBox.x });
-    const SHOTS = [
-      // Pushes no further than the window's 26 px inner margin allows, centred across, so no word is cut at a side.
-      { t: PICK - beat(1), duration: 1400, zoom: 1.06, x: WIN.w / 2, y: pick.y + 40 },
-      { t: DRAG - beat(1), duration: 1400, zoom: 1.06, x: WIN.w / 2, y: knobAt.y - 30 },
-      { t: TOGGLE - 600, duration: 1200, zoom: 1.06, x: WIN.w / 2, y: tog.y },
-      { t: CALL - 400, duration: 1600, zoom: 1 }
-    ];
-    camera(k, cam, WIN.w, WIN.h, SHOTS);
-    k.variants(sheet, [
-      { preset: "ig-post", adjust: (kit, id) => {
-        kit.patch(id, { itemSpacing: 14, counterAxisSpacing: 14, padding: { top: 52, right: 140, bottom: 52, left: 140 }, counterAxisAlignItems: "CENTER" });
-        fitAurora(kit, id);
-        hide(kit, id, ["Step line", "Depth stage"]);
-        restyle(kit, id, "Hook", "Hook 48");
-        const s = 0.74;
-        for (const st of kit.named(id, "Stage")) kit.patch(st, { width: Math.round(WIN.w * s), height: Math.round(WIN.h * s) });
-        for (const l of kit.named(id, "Lens")) kit.patch(l, { scaleX: s, scaleY: s, anchorX: 0, anchorY: 0 });
-      } },
-      wideCut(660, (kit, id, right) => {
-        fitAurora(kit, id);
-        kit.patch(id, { primaryAxisAlignItems: "MIN" });
-        for (const d2 of kit.named(id, "Depth stage")) kit.patch(d2, { x: 70, y: 560 });
-        reboard(kit, id, "Depth", 0.74);
-        const s = Math.min(right.width / WIN.w, right.height / WIN.h);
-        float(kit, id, "Stage", right.x + Math.round((right.width - WIN.w * s) / 2), right.y + Math.round((right.height - WIN.h * s) / 2), { scale: s });
-      })
-    ]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-function choreograph(k, sheet, o) {
-  k.animate(o.stepLine, "text.content", [{ t: 0, v: STEPS[0], ease: ease.hold }, { t: DRAG - beat(1), v: STEPS[1], ease: ease.hold }, { t: CALL - beat(1), v: STEPS[2], ease: ease.hold }, { t: CLOSE, v: STEPS[3] }]);
-  surface(k, o.hookPlate, 0, { from: 0.94, duration: 1400 });
-  surface(k, o.stage, APP, { from: 0.9, duration: 1800 });
-  float2(k, o.hookPlate, S.duration, { amp: 4, phase: 0.6 });
-  float2(k, o.stage, S.duration, { amp: 5, phase: 0.3 });
-  for (const id of k.named(sheet, "Pick ring")) k.animate(id, "opacity", [{ t: 0, v: 0, ease: ease.hold }, { t: PICK, v: 0, ease: ease.out("cubic") }, { t: PICK + 500, v: 1 }]);
-  const dx = SLIDER.w * (SLIDER.from - SLIDER.to);
-  k.animate(o.knob, "translateX", [{ t: DRAG, v: Math.round(dx), ease: ease.out("cubic") }, { t: DRAG + DRAG_LEN, v: 0 }]);
-  k.animate(o.fill, "scaleX", [{ t: DRAG, v: SLIDER.from, ease: ease.out("cubic") }, { t: DRAG + DRAG_LEN, v: SLIDER.to }]);
-  k.animate(o.swOn, "opacity", [{ t: TOGGLE, v: 0, ease: ease.inOut("sine") }, { t: TOGGLE + 500, v: 1 }]);
-  k.animate(o.swKnob, "translateX", [{ t: TOGGLE, v: -34, ease: ease.inOut("sine") }, { t: TOGGLE + 500, v: 0 }]);
-  k.animate(o.approve, "opacity", [{ t: DENY + 200, v: 1, ease: ease.inOut("sine") }, { t: DENY + 900, v: 0.4 }]);
-  k.animate(o.denied, "text.content", [{ t: 0, v: "Waiting for a person\u2026", ease: ease.hold }, { t: DENY + 500, v: "Denied by Mara \xB7 nothing sent" }]);
-  k.animate(o.denied, "opacity", [{ t: DENY + 200, v: 1, ease: ease.inOut("sine") }, { t: DENY + 450, v: 0, ease: ease.hold }, { t: DENY + 500, v: 0, ease: ease.out("cubic") }, { t: DENY + 1300, v: 1 }]);
-  for (const id of k.named(sheet, "Incoming verdict")) k.animate(id, "text.content", [{ t: 0, v: "checking\u2026", ease: ease.hold }, { t: CALL + 900, v: "stopped \xB7 Spend" }]);
-  for (const id of k.named(sheet, "Ask card")) sheen(k, id, WIN.w - 56, 200, [DENY + 600]);
-}
-
-export {
-  style_glass_feature_demo_default
-};

package/dist/chunks/chunk-DFO5V7UC.js

@@ -1,192 +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 {
-  calendar,
-  calendarSize,
-  fitHills,
-  hills,
-  holidayBrand,
-  lights,
-  openDoor,
-  parcels
-} from "./chunk-UEMN4CF5.js";
-import {
-  fitSnow,
-  snow
-} from "./chunk-ZQS4FIVV.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-AXAAXHZF.js";
-import {
-  bed
-} from "./chunk-KHGNV7UQ.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-KOAJ6HD2.js";
-import {
-  defineTemplate
-} from "./chunk-KGT34R7C.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-L5DTT5DC.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion/winter-holidays-advent-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MUSIC = bed("festive", 28);
-var beat = MUSIC.beat;
-var DURATION = MUSIC.duration;
-var FINALE = beat(20);
-var CALENDAR = {
-  cols: 4,
-  w: 178,
-  h: 192,
-  gap: 14,
-  pad: 16,
-  u: 1,
-  title: "Twelve days of {{brand.name}}",
-  styles: { num: "Door 44", title: "Board title 22" },
-  // At rest (the still) five doors stand open; the timeline starts them all shut.
-  open: [1, 4, 7, 9, 12],
-  doors: [
-    { n: 7, icon: "heart" },
-    { n: 2, icon: "star" },
-    { n: 11, icon: "candle" },
-    { n: 4, icon: "receipt" },
-    { n: 9, icon: "tree" },
-    { n: 1, icon: "envelope" },
-    { n: 6, icon: "mug" },
-    { n: 12, icon: "gift" },
-    { n: 3, icon: "star" },
-    { n: 10, icon: "mug" },
-    { n: 5, icon: "candle" },
-    { n: 8, icon: "heart" }
-  ]
-};
-var TOLD = [1, 4, 7, 9, 12];
-var LINES = [
-  "Twelve doors. Twelve things you own.",
-  "Door 1: invoices send themselves.",
-  "Door 4: receipts, read from a photo.",
-  "Door 7: polite late-payment nudges.",
-  "Door 9: tax set aside as you\u2019re paid.",
-  "Door 12: give a freelancer the year."
-];
-var CHAIN = { layer: "Caption", words: LINES, stagger: 30, in: 300, out: 200, unit: "word", rise: 26 };
-var lead = (hold) => swapTimes({ ...CHAIN, at: 0, hold })[5].enters;
-var HOLD = Math.floor((FINALE - 100 - lead(0)) / 5);
-var swaps = [{ ...CHAIN, hold: HOLD, at: FINALE - lead(HOLD) }];
-var SAID = swapTimes(swaps[0]);
-var opens = TOLD.map((_, i) => SAID[i + 1].enters);
-var REST = CALENDAR.doors.map((d) => d.n).filter((n) => !TOLD.includes(n));
-var cues = [
-  { layer: "Date pill", preset: "fade-in", at: 0, params: { duration: 250 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 0, params: { duration: 400 } },
-  { layer: "Headline", preset: "words-in", at: 0, params: { duration: 500 } },
-  { layer: "Calendar", preset: "rise-in", at: 100, params: { duration: 600 } },
-  { layer: "Bow", preset: "wobble", at: FINALE, params: { duration: 900 } },
-  { layer: "Call", preset: "rise-in", at: FINALE + beat(2), params: { duration: 500 } },
-  { layer: "Site", preset: "fade-in", at: FINALE + beat(3), params: { duration: 500 } },
-  { layer: "Call", preset: "pulse", at: FINALE + beat(6), params: { duration: 800, amount: 0.05 } }
-];
-var ground = (h, top, bare = false) => ({ w: 1080, h, top, u: 1, ...bare ? { firs: [0, 0] } : {} });
-var FAR = { w: 1080, h: 1920, n: 70, u: 1, depth: "far", loopMs: DURATION };
-var NEAR = { w: 1080, h: 1920, n: 30, u: 1, depth: "near", loopMs: DURATION };
-var winter_holidays_advent_reel_default = defineTemplate({
-  id: "motion-winter-holidays-advent-reel",
-  meta: {
-    name: "Holiday advent-calendar reel",
-    description: "A 16-second holiday reel for a SaaS, told as an advent calendar: twelve wrapped paper doors stand in the snow and swing open on the beat, each lighting a warm niche while a burned-in caption names the feature behind it; the last door is a gift offer (give someone a year of the product), every door left opens in a ripple and the button rises. Snow at two depths, a string of bulbs and parcels in the snow. Music-box track (made by PopCraft, CC0). 9:16 with 1:1 and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "holiday", "winter", "advent calendar", "december", "gift", "gift a plan", "snow", "doors", "tips", "features", "saas", "reel", "captions", "music", "audio", "seasonal"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post"],
-    useCases: ["tips", "sale", "announcement"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, swaps },
-  build() {
-    const k = new Kit("Holiday advent-calendar reel", preset("ig-story"));
-    k.quantizeGeometry = true;
-    holidayBrand(k);
-    k.textStyle("Date 26", { ...MONO, size: 26, fontWeight: 800, lineHeight: 34 });
-    k.textStyle("Eyebrow 24", { size: 24, fontWeight: 700, letterSpacing: 3.5, lineHeight: 32, textCase: "UPPER" });
-    k.textStyle("Headline 66", { ...SERIF, size: 66, fontWeight: 900, letterSpacing: -2, lineHeight: 70 });
-    k.textStyle("Headline 44", { ...SERIF, size: 44, fontWeight: 900, letterSpacing: -1.1, lineHeight: 50 });
-    k.textStyle("Door 44", { ...SERIF, size: 44, fontWeight: 900, letterSpacing: -1, lineHeight: 48 });
-    k.textStyle("Board title 22", { size: 22, fontWeight: 700, letterSpacing: 4, lineHeight: 28, textCase: "UPPER" });
-    k.textStyle("Caption 40", { size: 40, fontWeight: 700, letterSpacing: -0.5, lineHeight: 50, textAlign: "CENTER" });
-    k.textStyle("Caption 30", { size: 30, fontWeight: 700, letterSpacing: -0.3, lineHeight: 38, textAlign: "CENTER" });
-    k.textStyle("Button 32", { size: 32, fontWeight: 800, lineHeight: 40 });
-    k.textStyle("Site 26", { size: 26, fontWeight: 600, letterSpacing: 0.5, lineHeight: 34, textAlign: "CENTER" });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 32", label: "Gift a year of Fennel: $96", pad: [22, 40], radius: 10 });
-    const sheet = k.sheet;
-    k.nameSheet(sheet, "Advent reel");
-    k.flowSheet(sheet, 0, verticalPadding(), "paper", "SPACE_BETWEEN", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: MUSIC.audio });
-    lights(k, sheet, { w: 1080, y: 36, u: 1, swags: 3, loopMs: DURATION });
-    snow(k, sheet, FAR);
-    hills(k, sheet, ground(1920, 1650));
-    parcels(k, sheet, { x: 40, base: 1850, u: 1.15, name: "Parcels left" });
-    parcels(k, sheet, { x: 610, base: 1895, u: 0.95, name: "Parcels right", flip: true });
-    const top = k.stack(sheet, { gap: 16, name: "Top" });
-    const brow = k.stack(top, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Brow" });
-    const date = k.stack(brow, { width: "HUG", fill: "primary", radius: 8, padding: { top: 6, right: 14, bottom: 6, left: 14 }, name: "Date pill" });
-    k.text(date, "1\u201312 DEC", { style: "Date 26", color: "onPrimary", autoWidth: true, name: "Date" });
-    k.text(brow, "{{brand.name}} \xB7 Holiday advent", { style: "Eyebrow 24", color: "onPaper", name: "Eyebrow" });
-    k.text(top, "Twelve small gifts already hiding in {{brand.name}}.", { style: "Headline 66", color: "text", name: "Headline" });
-    const wall = calendar(k, sheet, CALENDAR);
-    const foot = k.stack(sheet, { gap: 20, align: "CENTER", name: "Foot" });
-    k.text(foot, LINES[0], { style: "Caption 40", color: "text", name: "Caption" });
-    k.instance(foot, "Button", { Label: "Gift a year of Fennel: $96" }, { name: "Call" });
-    k.text(foot, "Arrives by email on the day you pick \xB7 {{brand.site}}/gift", { style: "Site 26", color: "onPaper", name: "Site" });
-    snow(k, sheet, NEAR);
-    if (SAID.at(-1).gone > DURATION) throw new Error("holiday reel: the captions run past the music");
-    TOLD.forEach((n, i) => openDoor(k, wall, n, opens[i]));
-    REST.forEach((n, i) => openDoor(k, wall, n, FINALE + beat(1) + i * 110, 420));
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    const scenery = (kit, id, h, top2) => {
-      fitHills(kit, id, ground(h, top2, true));
-      fitSnow(kit, id, FAR);
-      fitSnow(kit, id, NEAR);
-      for (const name of ["Parcels left", "Parcels right"]) for (const n of kit.named(id, name)) kit.patch(n, { visible: false });
-    };
-    k.variants(sheet, feedVariants({ post: 44, portrait: 72 }, {
-      post: (kit, id) => {
-        for (const n of kit.named(id, "Headline")) kit.restyle(n, "Headline 44");
-        for (const n of kit.named(id, "Top")) kit.patch(n, { itemSpacing: 6 });
-        for (const n of kit.named(id, "Caption")) kit.restyle(n, "Caption 30");
-        for (const n of kit.named(id, "Foot")) kit.patch(n, { itemSpacing: 10 });
-        for (const n of kit.named(id, "Site")) kit.patch(n, { visible: false });
-        for (const name of ["Wire", "Bulb", "Bulb cap"]) for (const n of kit.named(id, name)) kit.patch(n, { visible: false });
-        scenery(kit, id, 1080, 1100);
-      },
-      portrait: (kit, id) => {
-        kit.patch(id, { padding: { top: 124, right: 72, bottom: 72, left: 72 } });
-        scenery(kit, id, 1350, 1390);
-      }
-    }));
-    k.setCover(sheet);
-    if (calendarSize(CALENDAR).h > 700) throw new Error("holiday reel: the calendar is taller than the square cut has room for");
-    return k.finish();
-  }
-});
-
-export {
-  winter_holidays_advent_reel_default
-};

package/dist/chunks/chunk-DFTBZAEV.js

@@ -1,105 +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 {
-  art,
-  disc,
-  sizes
-} from "./chunk-B7SWM3MM.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/printshop-poster-live-music.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var box = (x, y, w, h) => ({ closed: true, points: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }] });
-var printshop_poster_live_music_default = defineTemplate({
-  id: "print-printshop-poster-live-music",
-  meta: {
-    name: "Live music night poster",
-    description: "A screen-print style gig poster for a live music night at a pub, caf\xE9 or hall: a halftone moon rising behind a stack of speaker cabinets, the night\u2019s name huge in two inks, the bill as a running order of acts, the door time, the price and the venue. The acts are one component. 11 \xD7 17 in",
-    category: "poster",
-    tags: ["poster", "gig poster", "live music", "open mic", "band", "concert", "pub", "music night", "halftone", "screen print", "retro", "tabloid", "11x17", "print"],
-    platforms: ["print"],
-    formats: ["poster"],
-    useCases: ["event", "announcement"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit("Live music night poster", preset("tabloid"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#14110F", text: "#F3E9D2", onPaper: "#F3E9D2", primary: "#F3E9D2", onPrimary: "#14110F", accent: "#FF5A36", onAccent: "#14110F" },
-      { name: "The Crown & Anchor", address: "22 Station Road, Hebden Bridge HX7 8AD", website: "crownandanchorhebden.co.uk" }
-    );
-    k.palette({ moon: "#F2B33D", moonDot: "#FF5A36", cab: "#2A2420", cabEdge: "#3D3530", cone: "#14110F", coneRim: "#5A4E46", glow: "#3A1F18" });
-    k.textStyle("Night 170", { size: 170, fontWeight: 900, letterSpacing: -9, lineHeight: 140 });
-    k.textStyle("Kicker 22", { size: 22, fontWeight: 900, letterSpacing: 5, lineHeight: 28 });
-    k.textStyle("Act 44", { size: 44, fontWeight: 900, letterSpacing: -1.6, lineHeight: 46 });
-    k.textStyle("Time 22", { size: 22, fontWeight: 800, letterSpacing: 1, lineHeight: 46 });
-    k.textStyle("Genre 22", { ...SERIF, size: 22, fontWeight: 400, fontStyle: "italic", lineHeight: 28 });
-    k.textStyle("Info 30", { size: 30, fontWeight: 900, letterSpacing: -0.8, lineHeight: 36 });
-    k.textStyle("Foot 18", { size: 18, fontWeight: 700, letterSpacing: 1.6, lineHeight: 24 });
-    k.component("Act", { width: 912, direction: "HORIZONTAL", gap: 24, align: "MIN", padding: { top: 14, right: 0, bottom: 14, left: 0 }, stroke: { color: "text", width: 2, align: "INSIDE" }, props: { Time: "9:45", Act: "THE SALT MARSH", Genre: "Five-piece folk with a fiddle and a grudge" } }, (id) => {
-      k.propText(id, "Time", { style: "Time 22", color: "text", width: 90 });
-      const w = k.stack(id, { gap: 2, name: "Words" });
-      k.patch(w, { layoutSizingHorizontal: "FILL" });
-      k.propText(w, "Act", { style: "Act 44", color: "text", width: "FILL" });
-      k.propText(w, "Genre", { style: "Genre 22", color: "text", width: "FILL" });
-    });
-    sizes(k, ["tabloid"], ({ sheet, W, H, B }) => {
-      const P = 72;
-      k.flowSheet(sheet, 26, { top: 560, right: P, bottom: 64, left: P }, "paper", "MIN", "MIN");
-      const mx = W * 0.62, my = 300, mr = 250;
-      const dots = [];
-      for (let y = my - mr; y <= my + mr; y += 18) for (let x = mx - mr; x <= mx + mr; x += 18) {
-        const d = Math.hypot(x - mx, y - my) / mr;
-        if (d > 1) continue;
-        const r = 8.6 * (1 - d * d * 0.7);
-        if (y - r < -B) continue;
-        dots.push(disc(Math.round(x * 10) / 10, Math.round(y * 10) / 10, Math.round(r * 10) / 10));
-      }
-      art(k, sheet, W, H, B, dots, "moon", { name: "Halftone moon" });
-      const cabs = [[-B, 250, 300, 260], [40, 60, 220, 190], [-B, 512, 360, 40]];
-      art(k, sheet, W, H, B, cabs.slice(0, 2).map(([x, y, w, h]) => box(x, y, w, h)), "cab", { name: "Cabinets" });
-      art(k, sheet, W, H, B, cabs.slice(0, 2).map(([x, y, w, h]) => box(x + 8, y + 8, w - 16, h - 16)), "cabEdge", { name: "Cabinet edges", strokeWidth: 3 });
-      const cones = [[150, 140, 62], [130, 330, 86], [130, 455, 40]];
-      art(k, sheet, W, H, B, cones.map(([x, y, r]) => disc(x, y, r)), "coneRim", { name: "Cone rims" });
-      art(k, sheet, W, H, B, cones.map(([x, y, r]) => disc(x, y, r * 0.84)), "cone", { name: "Cones" });
-      art(k, sheet, W, H, B, cones.map(([x, y, r]) => disc(x, y, r * 0.24)), "coneRim", { name: "Dust caps" });
-      k.text(sheet, "FRIDAY 20 NOVEMBER \xB7 DOORS 8 PM", { style: "Kicker 22", color: "text", width: "FILL", name: "Kicker" });
-      k.text(sheet, "LIVE\nAT THE\nCROWN", { style: "Night 170", color: "text", width: "FILL", name: "Night" });
-      const bill = k.stack(sheet, { gap: 0, name: "Bill" });
-      for (const [t, a, g] of [["8:30", "NELL OKONJO", "Songs for a broken accordion"], ["9:15", "THE SALT MARSH", "Five-piece folk with a fiddle and a grudge"], ["10:15", "VELVET GOLDMINE CLUB", "Glam covers until they stop us"]]) k.instance(bill, "Act", { Time: t, Act: a, Genre: g }, { width: "FILL", name: "Act" });
-      const sp = k.stack(sheet, { name: "Space" });
-      k.patch(sp, { layoutSizingVertical: "FILL" });
-      const info = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, justify: "SPACE_BETWEEN", align: "MAX", name: "Info" });
-      const ticket = k.stack(info, { gap: 0, padding: { top: 16, right: 22, bottom: 16, left: 22 }, fill: "accent", width: "HUG", name: "Price" });
-      k.text(ticket, "\xA38 ON THE DOOR", { style: "Info 30", color: "onAccent", autoWidth: true, name: "Price text" });
-      const where = k.stack(info, { gap: 2, name: "Where" });
-      k.patch(where, { layoutSizingHorizontal: "FILL" });
-      k.text(where, "{{brand.name}}", { style: "Info 30", color: "text", width: "FILL", align: "RIGHT", name: "Venue" });
-      k.text(where, "{{brand.address}}", { style: "Foot 18", color: "text", width: "FILL", align: "RIGHT", name: "Address" });
-    });
-    return k.finish();
-  }
-});
-
-export {
-  printshop_poster_live_music_default
-};