@popcraft/kit 0.53.15 → 0.53.17

package/dist/chunks/chunk-LSXHY2E3.js

@@ -1,226 +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 {
-  OFFER,
-  PLANS,
-  burst,
-  codePlate,
-  coin,
-  fitTable,
-  flip,
-  microprint,
-  planPanels,
-  prizePanel,
-  scratch,
-  scratchBrand,
-  shine,
-  spareTicket,
-  sparkle,
-  sweep,
-  table,
-  ticket,
-  ticketHead,
-  twinkle
-} from "./chunk-BDJ64GOX.js";
-import {
-  MONO
-} from "./chunk-MPRWXHPJ.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-KYVOSUC6.js";
-import {
-  bed
-} from "./chunk-FFTCIDXB.js";
-import {
-  hide,
-  patchAll,
-  put,
-  reboard,
-  restyle
-} from "./chunk-T43CHLBH.js";
-import {
-  feedVariants,
-  pill,
-  verticalPadding
-} from "./chunk-FYXK7W3C.js";
-import {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/motion/black-friday-scratch-deal-reel.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var { beat, duration: DURATION, audio: music } = bed("tension", 28);
-var cues = [
-  { layer: "Headline", preset: "drop-in", at: beat(0), params: { duration: 300 } },
-  { layer: "Ticket", preset: "drop-in", at: beat(0), params: { duration: 300 } },
-  // The drop: the panel is bare.
-  { layer: "Ticket", preset: "shake", at: beat(4), params: { duration: 400, distance: 14 } },
-  { layer: "Burst", preset: "pop-in", at: beat(4), params: { duration: 350 } },
-  { layer: "Match line", preset: "fade-in", at: beat(5), params: { duration: 300 } },
-  { layer: "Code plate", preset: "pop-in", at: beat(10), params: { duration: 350 } },
-  { layer: "Button", preset: "pop-in", at: beat(12), params: { duration: 400 } },
-  { layer: "Code", preset: "pulse", at: beat(16), params: { duration: 500, amount: 0.12 } },
-  { layer: "Burst", preset: "pulse", at: beat(20), params: { duration: 500, amount: 0.08 } },
-  { layer: "Button", preset: "pulse", at: beat(24), params: { duration: 500, amount: 0.06 } }
-];
-var counts = [
-  // The prize counts up as the last of the latex goes, and lands a beat after the drop.
-  { layer: "Prize figure", at: beat(3), duration: beat(2), counter: { from: 10, to: OFFER.off, suffix: "% OFF" } },
-  // Each plan's price falls to half as its window is scratched.
-  ...PLANS.map((p, i) => ({ layer: `${p.id} figure`, at: beat(6 + i), duration: beat(1.5), counter: { from: p.was, to: p.now, prefix: "$" } }))
-];
-var swaps = [captionSwap(["Black Friday: scratch this card.", "Three plans. Every one wins.", "Every annual plan, half off.", `Use ${OFFER.code} by Monday midnight.`], 0, DURATION, { stagger: 60, in: 300, out: 250, rise: 30 })];
-var NAME = "Black Friday scratch card deal reel";
-var PANEL = { w: 734, h: 240 };
-var WINDOW = { w: 234, h: 160, gap: 16 };
-var black_friday_scratch_deal_reel_default = defineTemplate({
-  id: "motion-black-friday-scratch-deal-reel",
-  meta: {
-    name: NAME,
-    description: "A 14-second vertical sale video drawn as a lottery scratch card that cannot lose: a gold coin scrapes the silver latex off a green foil card through the ticking and the drop reveals 50% OFF, a WINNER burst lands, then three match-three windows are scratched and each annual price counts down to half. Music, burned-in captions, 9:16 with square, 4:5 and 16:9 layouts",
-    category: "animation",
-    tags: ["animation", "black friday", "cyber monday", "sale", "saas", "scratch card", "lottery", "ticket", "coin", "reveal", "promo code", "price drop", "counter", "audio", "music", "captions", "reel"],
-    platforms: ["instagram", "tiktok", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "portrait-post", "video", "ad"],
-    useCases: ["sale", "pricing"],
-    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;
-    scratchBrand(k, { name: OFFER.product, site: OFFER.site, code: OFFER.code });
-    k.textStyle("Headline 132", { size: 132, fontWeight: 900, letterSpacing: -6, lineHeight: 108 });
-    k.textStyle("Headline 150", { size: 150, fontWeight: 900, letterSpacing: -7, lineHeight: 130 });
-    k.textStyle("Headline 80", { size: 80, fontWeight: 900, letterSpacing: -3.4, lineHeight: 80 });
-    k.textStyle("Caption 34", { size: 34, fontWeight: 800, letterSpacing: -0.5, lineHeight: 42, textAlign: "CENTER" });
-    k.textStyle("Head 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.4, lineHeight: 26 });
-    k.textStyle("Label 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 2.4, lineHeight: 26, textAlign: "CENTER" });
-    k.textStyle("Prize 124", { size: 124, fontWeight: 900, letterSpacing: -6, lineHeight: 116, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
-    k.textStyle("Prize side 26", { ...MONO, size: 26, fontWeight: 800, letterSpacing: 2, lineHeight: 32, textAlign: "CENTER" });
-    k.textStyle("Window label 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 2, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("Window 72", { size: 72, fontWeight: 900, letterSpacing: -3, lineHeight: 74, textAlign: "CENTER", fontFeatures: { tnum: 1 } });
-    k.textStyle("Window was 18", { ...MONO, size: 18, fontWeight: 700, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("Match 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.6, lineHeight: 26, textAlign: "CENTER" });
-    k.textStyle("Code label 18", { ...MONO, size: 18, fontWeight: 800, letterSpacing: 1.6, lineHeight: 24 });
-    k.textStyle("Code 34", { ...MONO, size: 34, fontWeight: 800, letterSpacing: 1.4, lineHeight: 40 });
-    k.textStyle("Terms 17", { ...MONO, size: 19, fontWeight: 700, letterSpacing: 0, lineHeight: 24, textAlign: "CENTER" });
-    k.textStyle("Burst 46", { size: 46, fontWeight: 900, letterSpacing: -1, lineHeight: 46 });
-    k.textStyle("Burst 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1.6, lineHeight: 26 });
-    k.textStyle("Caption 38", { size: 38, fontWeight: 800, letterSpacing: -0.6, lineHeight: 46, textAlign: "CENTER" });
-    k.textStyle("Button 34", { size: 34, fontWeight: 800, lineHeight: 42 });
-    pill(k, "Scratch button", { fill: "primary", ink: "onPrimary", style: "Button 34", label: `Scratch yours at ${OFFER.link}`, pad: [22, 40], radius: 14 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 14, verticalPadding(), "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30, audio: music });
-    table(k, sheet, 1080, 1920, { fy: 0.42 });
-    spareTicket(k, sheet, { x: -120, y: 1500, width: 640, height: 400, rotation: -10, name: "Spare left" });
-    spareTicket(k, sheet, { x: 560, y: 1470, width: 640, height: 400, rotation: 12, name: "Spare right" });
-    spareTicket(k, sheet, { x: 210, y: 1590, width: 660, height: 410, rotation: 3, name: "Spare middle" });
-    const top = k.stack(sheet, { gap: 14, name: "Top" });
-    const words = k.stack(top, { name: "Words" });
-    k.text(words, "SCRATCH\n& SAVE.", { style: "Headline 132", color: "text", name: "Headline" });
-    const card = ticket(k, top, { pad: 22, gap: 14 });
-    ticketHead(k, card.body, { style: "Head 20", ribbon: 22 });
-    const prize = prizePanel(k, card.body, { ...PANEL, coin: 124, figureWidth: 560, styles: { label: "Label 20", figure: "Prize 124", side: "Prize side 26" } });
-    k.text(card.body, "MATCH 3 PLANS \xB7 EVERY ONE IS A WINNER", { style: "Match 20", color: "foil", name: "Match line" });
-    const windows = planPanels(k, card.body, { ...WINDOW, figureWidth: 210, styles: { label: "Window label 18", figure: "Window 72", side: "Window was 18" } });
-    const smalls = windows.map((w) => coin(k, w.board, 76, { name: "Window coin", absolute: { x: WINDOW.w - 76 - 10, y: WINDOW.h - 76 - 10 }, opacity: 0 }));
-    codePlate(k, card.body, { labelStyle: "Code label 18", codeStyle: "Code 34", pad: [8, 24], width: "FILL" });
-    const terms = k.stack(card.body, { gap: 8, name: "Terms" });
-    microprint(k, terms, "foil", { opacity: 0.7 });
-    k.text(terms, `ODDS OF SAVING: 1 IN 1. PRIZE: ${OFFER.off}% OFF A YEAR OF ANY PLAN. GAME CLOSES ${OFFER.ends.toUpperCase()}.`, { style: "Terms 17", color: "cardMuted", name: "Odds" });
-    const light = shine(k, card.ticket);
-    burst(k, top, 236, [["WINNER", "Burst 46"], ["ODDS: 1 IN 1", "Burst 20"]], { rotation: 10, gap: 2, absolute: { x: 570, y: 90 } });
-    const glints = [[36, 300, 54], [690, 250, 40], [300, 214, 34], [742, 640, 46], [60, 700, 38]].map(([x, y, s]) => sparkle(k, top, s, { absolute: { x, y } }));
-    const close = k.stack(sheet, { gap: 20, align: "CENTER", name: "Close" });
-    captionStrip(k, close, swaps[0].words[0], { style: "Caption 38", fill: "paper", ink: "text", radius: 10, pad: [14, 24], stroke: { color: "primary", width: 3, align: "INSIDE" } });
-    k.instance(close, "Scratch button", { Label: `Scratch yours at ${OFFER.link}` }, { name: "Button" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    scratch(k, prize.panel, { at: beat(0.5), duration: beat(3.5), coin: prize.coin });
-    flip(k, prize.coin, beat(4), { turns: 2, half: 90 });
-    flip(k, prize.coin, beat(18), { turns: 1, half: 160 });
-    windows.forEach((w, i) => scratch(k, w, { at: beat(6 + i), duration: beat(0.8), coin: smalls[i], show: true, seed: 31 + i }));
-    glints.forEach((g, i) => {
-      for (const b of [4.5 + i * 0.5, 13 + i, 21 + i]) twinkle(k, g, beat(b), 700);
-    });
-    sweep(k, light, beat(4), 800, 800);
-    sweep(k, light, beat(14), 800, 900);
-    sweep(k, light, beat(22), 800, 900);
-    const feed = (kit, id, fy) => {
-      fitTable(kit, id, { fy });
-      hide(kit, id, ["Spare left", "Spare right", "Spare middle"]);
-    };
-    k.variants(sheet, [
-      ...feedVariants({ post: 48, portrait: 64 }, {
-        // The square: the headline on one line, the card under it at full width, the code beside the button.
-        post: (kit, id) => {
-          feed(kit, id, 0.5);
-          kit.patch(id, { padding: { top: 40, right: 60, bottom: 24, left: 60 }, itemSpacing: 12 });
-          patchAll(kit, id, "Top", { itemSpacing: 100 });
-          patchAll(kit, id, "Headline", { characters: "SCRATCH & SAVE." });
-          restyle(kit, id, "Headline", "Headline 80");
-          patchAll(kit, id, "Ticket body", { itemSpacing: 12, padding: { top: 18, right: 22, bottom: 18, left: 22 } });
-          reboard(kit, id, "Prize", 894 / PANEL.w);
-          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (894 - 2 * WINDOW.gap) / 3 / WINDOW.w);
-          hide(kit, id, ["Terms"]);
-          put(kit, id, "Burst", 764, -36);
-          patchAll(kit, id, "Close", { itemSpacing: 12 });
-        },
-        portrait: (kit, id) => {
-          feed(kit, id, 0.45);
-          kit.patch(id, { padding: { top: 44, right: 64, bottom: 28, left: 64 }, itemSpacing: 12 });
-          patchAll(kit, id, "Top", { itemSpacing: 84 });
-          patchAll(kit, id, "Headline", { characters: "SCRATCH & SAVE." });
-          restyle(kit, id, "Headline", "Headline 80");
-          patchAll(kit, id, "Ticket body", { itemSpacing: 12, padding: { top: 26, right: 26, bottom: 26, left: 26 } });
-          reboard(kit, id, "Prize", 878 / PANEL.w);
-          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (878 - 2 * WINDOW.gap) / 3 / WINDOW.w);
-          put(kit, id, "Burst", 756, -30);
-        }
-      }),
-      {
-        // 16:9: the words, the caption and the button on the left, the card beside them.
-        preset: "video-1080p",
-        adjust: (kit, id) => {
-          feed(kit, id, 0.5);
-          fitTable(kit, id, { fx: 0.7, fy: 0.5 });
-          kit.patch(id, { padding: { top: 70, right: 110, bottom: 70, left: 110 }, itemSpacing: 0, counterAxisAlignItems: "MIN", primaryAxisAlignItems: "CENTER" });
-          for (const n of kit.named(id, "Top")) kit.patch(n, { layoutMode: "HORIZONTAL", itemSpacing: 70, counterAxisAlignItems: "CENTER", layoutSizingHorizontal: "FILL" });
-          restyle(kit, id, "Headline", "Headline 150");
-          for (const n of kit.named(id, "Ticket")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 924 });
-          patchAll(kit, id, "Ticket body", { itemSpacing: 16, padding: { top: 26, right: 26, bottom: 26, left: 26 } });
-          reboard(kit, id, "Prize", 850 / PANEL.w);
-          for (const p of PLANS) reboard(kit, id, `${p.id} window`, (850 - 2 * WINDOW.gap) / 3 / WINDOW.w);
-          kit.patch(id, { primaryAxisAlignItems: "MIN", padding: { top: 290, right: 110, bottom: 70, left: 110 }, itemSpacing: 56 });
-          for (const n of kit.named(id, "Ticket")) kit.patch(n, { layoutPositioning: "ABSOLUTE", x: 1920 - 110 - 110 - 924, y: 134 - 290 });
-          for (const n of kit.named(id, "Close")) kit.patch(n, { width: 770, layoutSizingHorizontal: "FIXED", counterAxisAlignItems: "MIN" });
-          restyle(kit, id, "Caption", "Caption 34");
-          put(kit, id, "Burst", 580, 500);
-        }
-      }
-    ]);
-    return k.finish();
-  }
-});
-
-export {
-  black_friday_scratch_deal_reel_default
-};

package/dist/chunks/chunk-LUG6KXX6.js

@@ -1,247 +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 {
-  KONTOR,
-  extend,
-  fitGrid,
-  glideIn,
-  grot,
-  kontorWindow,
-  laneTable,
-  lockup,
-  rule,
-  swissBrand,
-  swissGrid
-} from "./chunk-YHOS6ISL.js";
-import {
-  camera,
-  float,
-  reelCuts,
-  reelSheet,
-  seenAt,
-  wideCut
-} from "./chunk-SFEH3O2W.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-NOVKCW2C.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-KYVOSUC6.js";
-import {
-  score
-} from "./chunk-FFTCIDXB.js";
-import {
-  cutOn
-} from "./chunk-QSFXVBCH.js";
-import {
-  hide,
-  restyle
-} from "./chunk-T43CHLBH.js";
-import {
-  pill
-} from "./chunk-FYXK7W3C.js";
-import {
-  box
-} from "./chunk-U2KTX33N.js";
-import {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  ease
-} from "./chunk-5J6ZG7JO.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/motion/style-swiss-feature-demo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = score("tension");
-var { beat } = S;
-var NAME = "Swiss SaaS feature demo short";
-var WIN = { w: 800, h: 680 };
-var GRID = { cols: 6, margin: 140, gutter: 24, row: 120, top: 250 };
-var STEP = [4, 10, 16, 22, 28];
-var CLICK1 = beat(6);
-var CLICK2 = beat(18);
-var FIELD_Y = 1468;
-var REST = { x: 700, y: 620 };
-var TARGETS = [{ x: 120, y: 176 }, { x: 452, y: 459 }];
-var SHOTS = [
-  { t: beat(STEP[0]), duration: 420, zoom: 1.6, x: 170, y: 200 },
-  { t: beat(STEP[1]), duration: 420, zoom: 1.45, x: 560, y: 300 },
-  { t: beat(STEP[2]), duration: 420, zoom: 1.5, x: 520, y: 420 },
-  { t: beat(STEP[3]), duration: 420, zoom: 1 }
-];
-var cues = [
-  cutOn("Top row", 120),
-  { layer: "Hook", preset: "words-in", at: 0, params: { duration: 700 } },
-  { layer: "Step cell", preset: "slide-in", at: beat(2), stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 380 } },
-  { layer: ["Lane head", "Late row", "Lane row"], preset: "slide-in", at: beat(3), stagger: { delay: 90, order: "selection" }, params: { direction: "left", duration: 360 } },
-  { layer: "Panel", preset: "slide-in", at: CLICK1 + 150, params: { direction: "right", duration: 450 } },
-  cutOn("Row mark", CLICK1),
-  cutOn("Option", beat(STEP[1]), beat(1)),
-  cutOn("Status", CLICK2 + 150),
-  { layer: "Call row", preset: "slide-in", at: beat(STEP[4]), params: { direction: "left", duration: 450 } }
-];
-var counts = [
-  { layer: "Road hours", at: beat(STEP[1]) + 100, duration: beat(2), tick: 50, counter: { from: 0, to: 31, prefix: "+", suffix: " h" } },
-  { layer: "Pallets", at: CLICK2 + 150, duration: beat(3), counter: { from: 0, to: KONTOR.pallets, suffix: " pallets moved" } },
-  { layer: "Lane rate", at: beat(STEP[3]), duration: beat(3), counter: { from: 91.3, to: 98.4, decimals: 1, suffix: "%" } }
-];
-var swaps = [captionSwap(["Pick the late lane.", "Compare road and rail.", "Reroute in one click.", "Arrives on time, Thursday."], 0, S.duration - 30, { stagger: 60, in: 220, out: 160, rise: 0 })];
-function fieldBlocks(w) {
-  const rows = [[0, 2], [1, 4], [3, 5], [0, 1]];
-  const col = (w - 280 - 5 * 24) / 6;
-  return rows.map(([a, b], i) => box(140 + a * (col + 24), 40 + i * 96, (b - a + 1) * col + (b - a) * 24, 56));
-}
-var style_swiss_feature_demo_default = defineTemplate({
-  id: "motion-saas-style-swiss-feature-demo",
-  meta: {
-    name: NAME,
-    description: "A 16-second feature demo in the Swiss typographic style: a pointer reroutes a late shipment in a freight analytics window while the camera cuts in to each click. The late lane is picked, a panel slides in along the grid, road and rail extend as bars with their hours counting, Reroute is clicked, pallets count to 212 and the lane rate counts up. Numbered step bar, a red field of sliding blocks, burned-in captions and music. 9:16 with square and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "swiss", "international typographic style", "grid", "b2b", "analytics", "logistics", "demo", "feature", "cursor", "zoom", "counter", "captions", "music", "audio", "reel", "shorts"],
-    platforms: ["tiktok", "instagram", "youtube", "x", "linkedin"],
-    formats: ["reel", "short", "story", "post", "demo", "video"],
-    useCases: ["launch", "education", "onboarding"],
-    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;
-    swissBrand(k, {});
-    grot(k, "Brand 30", 30, { weight: 700, lead: 1.1, spacing: -0.02 });
-    grot(k, "Label 22", 22, { weight: 500, lead: 1.3 });
-    grot(k, "Label 24", 24, { weight: 600, lead: 1.3 });
-    grot(k, "Hook 76", 76, { weight: 700, lead: 1, spacing: -0.04 });
-    grot(k, "Hook 60", 60, { weight: 700, lead: 1, spacing: -0.04 });
-    grot(k, "Ui 21", 21, { weight: 500, lead: 1.25 });
-    grot(k, "Ui head 18", 18, { weight: 600, lead: 1.25 });
-    grot(k, "Figure 40", 40, { weight: 700, lead: 1.05, spacing: -0.03 });
-    grot(k, "Caption 34", 34, { weight: 600, lead: 1.3, spacing: -0.01 });
-    grot(k, "Button 30", 30, { weight: 700, lead: 1.2 });
-    grot(k, "Action 20", 20, { weight: 700, lead: 1.2 });
-    pill(k, "Call", { fill: "primary", ink: "onPrimary", style: "Button 30", label: "Start free for 14 days", pad: [20, 28], radius: 0 });
-    pill(k, "Action", { fill: "onCard", ink: "card", style: "Action 20", label: "Reroute by rail", pad: [14, 20], radius: 0 });
-    const sheet = reelSheet(k, S, { name: "Feature demo", gap: 18, justify: "MIN" });
-    swissGrid(k, sheet, GRID);
-    k.rect(sheet, 1080, 1920 - FIELD_Y, "primary", { name: "Field", absolute: { x: 0, y: FIELD_Y } });
-    const blocks = k.vector(sheet, 1080, 452, fieldBlocks(1080), k.tint("onPrimary", 0.9), { name: "Field blocks", absolute: { x: 0, y: FIELD_Y } });
-    const top = k.stack(sheet, { gap: 14, name: "Top row" });
-    const bar = k.stack(top, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Brand row" });
-    lockup(k, bar, { size: 30, style: "Brand 30" });
-    k.text(bar, `${KONTOR.feature}, step by step`, { style: "Label 22", color: "text", autoWidth: true, name: "Feature words" });
-    const topRule = rule(k, top, "FILL", { weight: 3, name: "Top rule" });
-    k.text(sheet, "One late lane.\nFixed in two clicks.", { style: "Hook 76", color: "text", name: "Hook" });
-    const steps = k.stack(sheet, { direction: "HORIZONTAL", gap: 20, height: 46, name: "Steps" });
-    ["Pick", "Compare", "Reroute", "Arrive"].forEach((label, i) => {
-      const c = k.stack(steps, { gap: 8, width: "FILL", name: "Step cell" });
-      const track = k.stack(c, { height: 4, fill: "track", name: "Step track" });
-      k.rect(track, "FILL", 4, "primary", { name: `Step fill ${i + 1}` });
-      const r = k.stack(c, { direction: "HORIZONTAL", gap: 10, name: "Step words" });
-      k.text(r, `0${i + 1}`, { style: "Label 22", color: "onPaper", autoWidth: true, name: "Step no" });
-      k.text(r, label, { style: "Label 22", color: "text", autoWidth: true, name: "Step label" });
-    });
-    const stage = k.stack(sheet, { width: WIN.w, height: WIN.h, clip: true, name: "Stage" });
-    const cam = k.frame(stage, { x: 0, y: 0, width: WIN.w, height: WIN.h }, { name: "Camera" });
-    const w = kontorWindow(k, cam, { w: WIN.w, h: WIN.h, title: "Lanes, week 40", right: "5 of 1,240", style: "Ui head 18", absolute: { x: 0, y: 0 }, pad: 24, gap: 0 });
-    const split = k.stack(w.body, { direction: "HORIZONTAL", gap: 24, name: "Split" });
-    const list = k.stack(split, { width: 290, name: "List" });
-    laneTable(k, list, { style: "Ui 21", head: "Ui head 18", cols: [160], rowH: 62, show: ["lane", "forecast"] });
-    k.rect(list, 4, 56, "late", { name: "Row mark", absolute: { x: -24, y: 63 } });
-    const panel = k.stack(split, { gap: 16, padding: { top: 0, right: 0, bottom: 0, left: 24 }, name: "Panel" });
-    k.rect(panel, 2, 475, "onCard", { name: "Panel edge", absolute: { x: 0, y: 0 } });
-    k.text(panel, KONTOR.shipment, { style: "Figure 40", color: "onCard", name: "Shipment" });
-    k.text(panel, `Rotterdam to Milano, ${KONTOR.pallets} pallets`, { style: "Ui 21", color: "cardMuted", name: "Shipment line" });
-    k.rect(panel, "FILL", 2, "onCard", { name: "Panel rule" });
-    const option = (label, frac, role, value, name) => {
-      const o = k.stack(panel, { gap: 8, name: "Option" });
-      const head = k.stack(o, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", name: "Option head" });
-      k.text(head, label, { style: "Ui head 18", color: "onCard", autoWidth: true, name: "Option label" });
-      k.text(head, value, { style: "Ui head 18", color: role === "late" ? "late" : "onCard", width: 120, align: "RIGHT", name });
-      const track = k.stack(o, { height: 18, fill: "track", name: "Option track" });
-      return k.rect(track, Math.round(390 * frac), 18, role, { name: "Option bar" });
-    };
-    const roadBar = option("Road via Mannheim", 1, "late", "+31 h", "Road hours");
-    const railBar = option("Rail via Duisburg", 0.62, "onCard", "on time", "Rail hours");
-    k.rect(panel, "FILL", 2, "onCard", { name: "Panel rule" });
-    const arrive = k.stack(panel, { gap: 4, name: "Arrive" });
-    k.text(arrive, "Arrives at Milano", { style: "Ui head 18", color: "cardMuted", name: "Arrive label" });
-    const when = k.text(arrive, "Thu 14:00", { style: "Figure 40", color: "onCard", name: "Arrive time" });
-    k.instance(panel, "Action", { Label: "Reroute by rail" }, { name: "Action" });
-    const status = k.stack(panel, { gap: 4, name: "Status" });
-    k.text(status, `${KONTOR.pallets} pallets moved`, { style: "Ui 21", color: "onCard", width: 380, name: "Pallets" });
-    const rate = k.stack(status, { direction: "HORIZONTAL", gap: 8, name: "Rate row" });
-    k.text(rate, "Lane on time", { style: "Ui 21", color: "cardMuted", autoWidth: true, name: "Rate label" });
-    k.text(rate, "98.4%", { style: "Ui 21", color: "onCard", width: 90, name: "Lane rate" });
-    const p = pointer(k, stage, { ...REST, size: 64, fill: "onCard", edge: "card", ring: "primary" });
-    captionStrip(k, sheet, swaps[0].words[0], { style: "Caption 34", fill: "text", ink: "paper", radius: 0, pad: [18, 24] });
-    const call = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call row" });
-    k.instance(call, "Call", { Label: "Start free for 14 days" }, { name: "Call" });
-    k.text(call, "{{brand.site}}", { style: "Label 24", color: "text", autoWidth: true, name: "Site" });
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    extend(k, topRule, 100, 600);
-    glideIn(k, w.win, beat(2), { dy: WIN.h, duration: 520 });
-    for (let i = 0; i < 4; i++) for (const id of k.named(sheet, `Step fill ${i + 1}`)) extend(k, id, beat(STEP[i]), beat(STEP[i + 1] - STEP[i]));
-    extend(k, roadBar, beat(STEP[1]) + 100, beat(2));
-    extend(k, railBar, beat(STEP[1] + 1) + 100, beat(2));
-    k.animate(when, "text.content", [{ t: 0, v: "Sat 21:00", ease: ease.hold }, { t: CLICK2 + 150, v: "Thu 14:00" }]);
-    for (const id of k.named(sheet, "Late forecast")) k.animate(id, "text.content", [{ t: 0, v: `+${KONTOR.slip} h`, ease: ease.hold }, { t: CLICK2 + 150, v: "on time" }]);
-    k.animate(blocks, "translateX", [0, 1, 2, 3, 4, 5, 6, 7].map((i) => ({ t: beat(STEP[0] + i * 3), v: [0, 124, 248, 124, 0, -124, 0, 0][i], ...i < 7 ? { ease: ease.out("expo") } : {} })));
-    for (const id of k.named(sheet, "Hook")) k.animate(id, "text.content", [{ t: 0, v: k.node(id).characters, ease: ease.hold }, { t: beat(STEP[3]), v: "Rerouted by rail.\nOn time, Thursday." }]);
-    camera(k, cam, WIN.w, WIN.h, SHOTS);
-    const to = (i, s) => {
-      const a = seenAt(WIN.w, WIN.h, SHOTS[s], TARGETS[i]);
-      return { dx: a.x - REST.x, dy: a.y - REST.y };
-    };
-    glide(k, p, [
-      { t: beat(STEP[0]), dx: 0, dy: 0 },
-      { t: CLICK1 - 150, ...to(0, 0) },
-      { t: beat(STEP[1]), ...to(0, 0) },
-      { t: beat(STEP[1]) + 500, dx: 0, dy: 0 },
-      { t: beat(STEP[2]), dx: 0, dy: 0 },
-      { t: CLICK2 - 150, ...to(1, 2) },
-      { t: beat(STEP[3]), ...to(1, 2) },
-      { t: beat(STEP[3]) + 500, dx: 0, dy: 0 }
-    ]);
-    clicks(k, p, [CLICK1, CLICK2]);
-    k.variants(sheet, [...reelCuts({ post: 40, portrait: 60 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 14, counterAxisSpacing: 14, padding: { top: 40, right: 140, bottom: 40, left: 140 } });
-        fitGrid(kit, id, { ...GRID, top: 40 });
-        hide(kit, id, ["Field", "Field blocks", "Brand row", "Steps"]);
-        restyle(kit, id, "Hook", "Hook 60");
-      }
-    }).slice(0, 1), wideCut(640, (kit, id, right) => {
-      fitGrid(kit, id, { cols: 12, margin: 110, gutter: 24, row: 120, top: 80 });
-      hide(kit, id, ["Field", "Field blocks"]);
-      kit.patch(id, { primaryAxisAlignItems: "CENTER" });
-      const scale = Math.min(right.width / WIN.w, (right.height - 70) / WIN.h);
-      const x = right.x + Math.round((right.width - WIN.w * scale) / 2);
-      float(kit, id, "Steps", x, right.y, { width: Math.round(WIN.w * scale) });
-      float(kit, id, "Stage", x, right.y + 70, { scale });
-    })]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_swiss_feature_demo_default
-};

package/dist/chunks/chunk-LVFZLYA6.js

@@ -1,71 +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 {
-  stingVariants
-} from "./chunk-V2NPHTNE.js";
-import {
-  defineTemplate
-} from "./chunk-UU6U4UDR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-FJACE5LJ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/stings/line-reveal.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LINES = ["Small studio.", "Big ideas.", "Real deadlines."];
-var cues = [
-  { layer: "Line text", preset: "slide-in", at: 200, params: { direction: "down", duration: 700 }, stagger: { delay: 240 } },
-  { layer: "Rule", preset: "wipe-in", at: 1100, params: { duration: 700 } },
-  { layer: "Byline", preset: "fade-in", at: 1400, params: { duration: 600 } }
-];
-var line_reveal_default = defineTemplate({
-  id: "motion-type-line-reveal",
-  meta: {
-    name: "Kinetic type \u2014 line reveal",
-    description: "A 3.5-second title: three lines rise out of their own rows one after another, a rule wipes open and your name fades in \u2014 square, 16:9 and 9:16",
-    category: "animation",
-    tags: ["animation", "kinetic type", "typography", "line reveal", "text", "studio"],
-    platforms: ["instagram", "tiktok", "youtube", "linkedin"],
-    formats: ["title-card", "video", "post", "story"],
-    useCases: ["brand-intro", "title"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues },
-  build() {
-    const k = new Kit("Kinetic type \u2014 line reveal", preset("video-square"));
-    k.brand({ paper: "#10231F", text: "#F1F5F2", onPaper: "#A8BDB5", accent: "#7FD1B9" }, { name: "Harbour & Pine", tagline: "A design studio of four" });
-    k.textStyle("Line 104", { size: 104, fontWeight: 900, letterSpacing: -3, lineHeight: 112, textAlign: "CENTER" });
-    k.textStyle("Byline 40", { size: 40, fontWeight: 500, lineHeight: 52, textAlign: "CENTER" });
-    k.component("Byline", { direction: "HORIZONTAL", width: "HUG", props: { Text: "{{brand.name}} \xB7 {{brand.tagline}}" } }, (id) => {
-      k.propText(id, "Text", { style: "Byline 40", color: "onPaper", autoWidth: true });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, 120, "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: 3500, fps: 30 });
-    for (const line of LINES) {
-      const row = k.stack(sheet, { clip: true, name: "Line" });
-      k.text(row, line, { style: "Line 104", color: "text", name: "Line text" });
-    }
-    k.stack(sheet, { height: 40, name: "Space" });
-    k.stack(sheet, { width: 200, height: 10, fill: "accent", radius: 5, clip: true, name: "Rule" });
-    k.stack(sheet, { height: 36, name: "Space" });
-    k.instance(sheet, "Byline", { Text: "{{brand.name}} \xB7 {{brand.tagline}}" }, { name: "Byline" });
-    k.cues(sheet, cues);
-    k.variants(sheet, stingVariants());
-    return k.finish();
-  }
-});
-
-export {
-  line_reveal_default
-};

package/dist/chunks/chunk-LX3BO46H.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 {
-  FOOD
-} from "./chunk-6SSUBGD4.js";
-import {
-  lineupPost
-} from "./chunk-VMIRVA7J.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-63KP74KB.js";
-
-// templates/src/motion/festival-presale-food-lineup.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_food_lineup_default = lineupPost(FOOD);
-
-export {
-  festival_presale_food_lineup_default
-};