@popcraft/kit 0.32.0 → 0.33.0

package/dist/chunks/chunk-KMYTBU7F.js

@@ -1,217 +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 {
-  QUIRE,
-  SCREEN,
-  editorialBrand,
-  editorialType,
-  fitGround,
-  inkButton,
-  lockup,
-  maskedLines,
-  middleOf,
-  pageBelow,
-  paperGround,
-  readersScreen,
-  riseLines
-} from "./chunk-QDDE5A3O.js";
-import {
-  camera,
-  float,
-  reelCuts,
-  reelSheet,
-  section,
-  seenAt,
-  wideCut
-} from "./chunk-UA7OECXL.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-F3TA2VS2.js";
-import {
-  captionStrip,
-  captionSwap
-} from "./chunk-ERLSOXU6.js";
-import {
-  hide,
-  restyle
-} from "./chunk-YHBAWSDX.js";
-import {
-  blackShadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/motion/style-editorial-feature-demo.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var S = section("acoustic", 0, 6);
-var { beat } = S;
-var NAME = "Editorial SaaS feature demo short";
-var STEP = [0, 6, 12, 18];
-var BEFORE = 3030;
-var COLS = [140, 407, 673, 940];
-var W = SCREEN;
-var REST = { x: 470, y: 128 };
-var WALL = { w: 560, h: 300, x: 120, y: 140 };
-var SHOTS = [
-  { t: beat(1), duration: 900, zoom: 1.7, x: 330, y: 510 },
-  { t: beat(STEP[1]), duration: 900, zoom: 1.7, x: 660, y: 510 },
-  { t: beat(STEP[2]), duration: 800, zoom: 1 },
-  { t: beat(STEP[3]), duration: 1e3, zoom: 1.2, x: 480, y: 240 },
-  { t: beat(22), duration: 1e3, zoom: 1 }
-];
-var CLICKS = [beat(3), beat(8), beat(10), beat(15.5)];
-var cues = [
-  { layer: "Running head rule", preset: "wipe-in", at: 0, params: { duration: 800 } },
-  { layer: "Running head words", preset: "fade-in", at: 100, params: { duration: 500 } },
-  { layer: "Stage", preset: "rise-in", at: 150, params: { duration: 900, distance: 90 } },
-  { layer: "Figure caption", preset: "fade-in", at: 500, params: { duration: 500 } },
-  { layer: "Call row", preset: "fade-in", at: 600, params: { duration: 500 } },
-  ...STEP.map((b, i) => ({ layer: `Progress fill ${i + 1}`, preset: "wipe-in", at: beat(b), params: { duration: beat(6), ease: ease.linear } })),
-  // One: the meter goes on, and its week is ruled into the chart.
-  { layer: "Switch on", preset: "fade-in", at: CLICKS[0], params: { duration: 300 } },
-  { layer: "Marker", preset: "wipe-in", at: CLICKS[0] + 300, params: { duration: 700, direction: "down" } },
-  // Four: the line has climbed.
-  { layer: "Readers area", preset: "fade-in", at: beat(21) - 200, params: { duration: 700 } },
-  { layer: "Readers dot", preset: "scale-in", at: beat(21), params: { duration: 400 } },
-  { layer: "Status", preset: "fade-in", at: beat(21), params: { duration: 500 } },
-  { layer: "Button", preset: "pulse", at: beat(22), params: { duration: 800, amount: 0.03 } }
-];
-var counts = [
-  // Two: five free articles, then four, then three, a step at each click.
-  { layer: "Meter figure", at: beat(6), duration: 2500, tick: 1250, counter: { from: 5, to: QUIRE.free } },
-  { layer: "Readers figure", at: beat(STEP[3]), duration: beat(3), ease: ease.inOut("cubic"), counter: { from: BEFORE, to: QUIRE.readers } },
-  { layer: "Convert figure", at: beat(STEP[3]), duration: beat(3), counter: { from: QUIRE.before, to: QUIRE.convert, decimals: 1, suffix: "%" } },
-  { layer: "Revenue figure", at: beat(STEP[3]), duration: beat(3), counter: { from: BEFORE * 8, to: QUIRE.revenue, prefix: "$" } }
-];
-var swaps = [captionSwap(["Switch the meter on once.", "Give three free reads monthly.", "The fourth one asks kindly.", "Paid readers up thirty-nine percent."], 0, S.duration - 30, { stagger: 70, in: 400, out: 260, rise: 22 })];
-var style_editorial_feature_demo_default = defineTemplate({
-  id: "motion-saas-style-editorial-feature-demo",
-  meta: {
-    name: NAME,
-    description: "A 15-second feature demo in the warm editorial look: a pointer works a product screen set like a magazine figure while a slow camera follows each click. A paywall meter switches on, steps down from five free articles to three, a subscribe card slides up over the page, and the readers, revenue and conversion count up as a chart climbs, with a rule per step and burned-in captions. Acoustic music, 9:16 with square and 16:9 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "editorial", "serif", "magazine", "paper", "demo", "feature", "zoom", "cursor", "counter", "chart", "paywall", "newsletter", "publishing", "captions", "music", "audio"],
-    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;
-    editorialBrand(k, { hook1: "A paywall", hook2: "with manners." });
-    const t = editorialType(k);
-    t.display(88);
-    t.display(96);
-    inkButton(k, "Call", { style: t.strong(30), label: `Set your meter at ${QUIRE.site}`, pad: [20, 28], arrow: 26 });
-    const sheet = reelSheet(k, S, { name: "Feature demo", gap: 26 });
-    paperGround(k, sheet, 1920, COLS);
-    pageBelow(k, sheet, { x: 140, y: 1490, width: 800, height: 440 });
-    const head = k.stack(sheet, { gap: 14, name: "Running head" });
-    k.rect(head, "FILL", 3, "text", { name: "Running head rule" });
-    const headRow = k.stack(head, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Running head words" });
-    lockup(k, headRow, { size: 30, style: t.serif(34) });
-    k.text(headRow, "THE METER \xB7 HOW IT WORKS", { style: t.label(20), color: "onPaper", autoWidth: true, name: "Section" });
-    maskedLines(k, sheet, ["{{brand.hook1}}", "{{brand.hook2}}"], { style: t.display(120), name: "Hook" });
-    const figure = k.stack(sheet, { gap: 14, name: "Figure" });
-    const stage = k.stack(figure, { width: W.width, height: W.height, clip: true, radius: 6, effects: [blackShadow(0.18, 28, 60)], name: "Stage" });
-    const cam = k.frame(stage, { x: 0, y: 0, width: W.width, height: W.height }, { name: "Camera" });
-    const win = readersScreen(k, cam, { absolute: { x: 0, y: 0 }, shadow: false });
-    const wallMask = k.frame(stage, { x: WALL.x - 40, y: WALL.y - 20, width: WALL.w + 80, height: 1 }, { name: "Wall mask", clip: true });
-    const wall = k.stack(wallMask, { width: WALL.w, fill: "card", padding: 32, gap: 18, stroke: { color: "onCard", width: 1.5, align: "INSIDE" }, effects: [blackShadow(0.28, 24, 60)], name: "Wall" });
-    k.patch(wall, { x: 40, y: 20 });
-    k.text(wall, QUIRE.paper.toUpperCase(), { style: t.label(16), color: "cardMuted", name: "Wall paper" });
-    k.text(wall, "You have read your three free articles this month.", { style: t.serif(34), color: "onCard", name: "Wall words" });
-    k.rect(wall, "FILL", 1, "cardRule", { name: "Wall rule" });
-    const wallRow = k.stack(wall, { direction: "HORIZONTAL", gap: 16, align: "CENTER", name: "Wall row" });
-    const sub = k.stack(wallRow, { direction: "HORIZONTAL", width: "HUG", fill: "mark", radius: 2, padding: { top: 12, right: 20, bottom: 12, left: 20 }, name: "Wall button" });
-    k.text(sub, "Subscribe \xB7 $8 a month", { style: t.strong(20), color: "markInk", autoWidth: true, name: "Wall button label" });
-    k.text(wallRow, "or back in November", { style: t.sans(16), color: "cardMuted", name: "Wall or" });
-    const p = pointer(k, stage, { ...REST, size: 92, fill: "onCard", edge: "card", ring: "mark" });
-    k.text(figure, "FIG. 2 \xB7 THE METER, SET FOR THE TIDEWATER REVIEW", { style: t.label(17), color: "onPaper", name: "Figure caption" });
-    const bars = k.stack(sheet, { direction: "HORIZONTAL", gap: 10, name: "Progress" });
-    for (let i = 1; i <= 4; i++) {
-      const track = k.stack(bars, { height: 4, fill: k.tint("text", 0.16), clip: true, name: "Progress track" });
-      k.rect(track, "FILL", 4, "text", { name: `Progress fill ${i}` });
-    }
-    captionStrip(k, sheet, swaps[0].words[0], { style: t.strong(38), fill: "card", ink: "onCard", radius: 2, pad: [16, 26], stroke: { color: "cardRule", width: 1, align: "INSIDE" } });
-    const row = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Call row" });
-    k.instance(row, "Call", { Label: "Set your meter at {{brand.site}}" }, { name: "Button" });
-    k.text(row, "FREE", { style: t.label(20), color: "onPaper", autoWidth: true, name: "Terms" });
-    k.finish();
-    const targets = [middleOf(k, win.win, "Meter switch"), middleOf(k, win.win, "Fewer")];
-    const subAt = middleOf(k, stage, "Wall button"), open = k.node(wall).height + 90;
-    k.counts(sheet, counts);
-    k.swaps(sheet, swaps);
-    k.cues(sheet, cues);
-    riseLines(k, sheet, "Hook", 0, { gap: 130, duration: 800 });
-    k.animate(win.chart.line, "trim.end", [{ t: 0, v: win.chart.turn, ease: ease.hold }, { t: beat(STEP[3]), v: win.chart.turn, ease: ease.inOut("cubic") }, { t: beat(21), v: 1 }]);
-    k.animate(win.knob, "translateX", [{ t: CLICKS[0], v: -20, ease: ease.inOut("cubic") }, { t: CLICKS[0] + 450, v: 0 }]);
-    win.spare.forEach((id, i) => {
-      const at = CLICKS[2 - i];
-      k.animate(id, "opacity", [{ t: 0, v: 1, ease: ease.hold }, { t: at, v: 1, ease: ease.out("cubic") }, { t: at + 350, v: 0 }]);
-    });
-    const up = beat(STEP[2]) + 400, away = CLICKS[3] + 500;
-    k.animate(wallMask, "height", [{ t: up, v: 1, ease: ease.out("quart") }, { t: up + 900, v: open, ease: ease.hold }, { t: away, v: open, ease: ease.named("cubic", "in") }, { t: away + 500, v: 1 }]);
-    k.animate(wall, "translateY", [{ t: up, v: -60, ease: ease.out("quart") }, { t: up + 900, v: 0, ease: ease.hold }, { t: away, v: 0, ease: ease.named("cubic", "in") }, { t: away + 500, v: -60 }]);
-    camera(k, cam, W.width, W.height, SHOTS);
-    const to = (i) => {
-      const at = seenAt(W.width, W.height, SHOTS[i], targets[i]);
-      return { dx: at.x - REST.x + 6, dy: at.y - REST.y + 8 };
-    };
-    const onSub = { dx: subAt.x - REST.x - 20, dy: subAt.y - REST.y - 14 };
-    glide(k, p, [
-      { t: beat(1), dx: 0, dy: 0 },
-      { t: beat(2.6), ...to(0) },
-      { t: beat(STEP[1]), ...to(0) },
-      { t: beat(STEP[1] + 1.5), ...to(1) },
-      { t: beat(STEP[2] + 1), ...to(1) },
-      { t: beat(15), ...onSub },
-      { t: beat(16.5), ...onSub },
-      { t: beat(19.5), dx: 160, dy: 520 }
-    ]);
-    clicks(k, p, CLICKS);
-    k.variants(sheet, [...reelCuts({ post: 40, portrait: 70 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 16, counterAxisSpacing: 16, padding: { top: 36, right: 140, bottom: 36, left: 140 } });
-        fitGround(kit, id, COLS);
-        hide(kit, id, ["Running head", "Page below", "Figure caption"]);
-        restyle(kit, id, "Hook line", "Display 88");
-      }
-    }).slice(0, 1), wideCut(640, (kit, id, right) => {
-      const scale = right.width / W.width, top = right.y + Math.round((right.height - W.height * scale - 80) / 2);
-      fitGround(kit, id, [110, 750, right.x, right.x + right.width]);
-      float(kit, id, "Figure", right.x, top, { scale, width: W.width });
-      float(kit, id, "Progress", right.x, top + Math.round((W.height + 54) * scale) + 16, { width: right.width });
-      restyle(kit, id, "Hook line", "Display 96");
-      kit.patch(id, { primaryAxisAlignItems: "MIN" });
-      for (const n of kit.named(id, "Page below")) kit.patch(n, { x: 110, y: 700, width: 640, height: 300, clipsContent: true });
-    })]);
-    k.setCover(sheet);
-    return k.finish();
-  }
-});
-
-export {
-  style_editorial_feature_demo_default
-};

package/dist/chunks/chunk-KNXHE7SX.js

@@ -1,36 +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 {
-  black_friday_ticker_landing_default
-} from "./chunk-ZHMHZSPX.js";
-import {
-  black_friday_ticker_ads_default
-} from "./chunk-LFBA5NUC.js";
-import {
-  black_friday_ticker_countdown_default
-} from "./chunk-TUNKWS22.js";
-import {
-  black_friday_ticker_deal_drop_default
-} from "./chunk-3G2SLNZD.js";
-import {
-  black_friday_ticker_last_call_default
-} from "./chunk-AUDNQRAJ.js";
-import {
-  black_friday_ticker_header_default
-} from "./chunk-AWWZDFNO.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/themes/black-friday-ticker.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [black_friday_ticker_deal_drop_default, black_friday_ticker_landing_default, black_friday_ticker_countdown_default, black_friday_ticker_header_default, black_friday_ticker_ads_default, black_friday_ticker_last_call_default];
-var black_friday_ticker_default = pack;
-
-export {
-  black_friday_ticker_default
-};

package/dist/chunks/chunk-KO5UAPHF.js

@@ -1,152 +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 {
-  ANIME_MEDIA
-} from "./chunk-64WAY3P5.js";
-import {
-  SFX
-} from "./chunk-Z6COBXVA.js";
-import {
-  SCORES
-} from "./chunk-RCHCQWU7.js";
-import {
-  shippedWav
-} from "./chunk-L27LWMPD.js";
-import {
-  characterComponent
-} from "./chunk-OBTEVYZG.js";
-import {
-  Lot
-} from "./chunk-SRSUY2WG.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  ease,
-  sceneSequence
-} from "./chunk-YYQUCS6P.js";
-import {
-  setOnsetMarkers
-} from "./chunk-YQC2IVAU.js";
-import {
-  detectOnsets
-} from "./chunk-QLDV5WV5.js";
-import {
-  H,
-  W
-} from "./chunk-6YFQKNFH.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/anime/shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var FPS = 30;
-var GAP = 160;
-var scoreHash = (key) => ANIME_MEDIA[`score.${key}`];
-var sfxHash = (key) => ANIME_MEDIA[`sfx.${key}`];
-function scoreOnsets(key) {
-  const { channels, sampleRate } = shippedWav(scoreHash(key));
-  return detectOnsets(channels, sampleRate).onsets;
-}
-function cutOnOnsets(key, onsets = scoreOnsets(key)) {
-  const s = SCORES[key];
-  return s.cuts.map((b) => {
-    const want = b * 6e4 / s.bpm;
-    const best = onsets.reduce((a, o) => Math.abs(o - want) < Math.abs(a - want) ? o : a, Infinity);
-    if (!(Math.abs(best - want) <= 1e3 / FPS)) throw new Error(`${key}: no onset at beat ${b} (${want} ms)`);
-    return Math.round(best);
-  });
-}
-var shortScenes = (s) => s.shots.map((sh) => ({ sheet: sh.name, cues: sh.cues ?? [], ...sh.counts?.length ? { counts: sh.counts } : {}, transition: sh.transition ?? null }));
-function shotDurations(s, cuts) {
-  const end = SCORES[s.score].beats * 6e4 / SCORES[s.score].bpm;
-  return s.shots.map((_, i) => {
-    const next = i + 1 < cuts.length ? cuts[i + 1] : end;
-    return Math.round(next - cuts[i] + (s.shots[i + 1]?.transition?.duration ?? 0));
-  });
-}
-function buildShort(s) {
-  const k = new Kit(s.title, preset("video-1080p"));
-  k.brand(s.colors, s.fields);
-  for (const c of s.characters) characterComponent(k, c, FPS);
-  const onsets = scoreOnsets(s.score);
-  const cuts = cutOnOnsets(s.score, onsets);
-  if (cuts.length !== s.shots.length) throw new Error(`${s.id}: ${s.shots.length} shots but ${cuts.length} cuts in the score`);
-  const durations = shotDurations(s, cuts);
-  const sheets = s.shots.map((sh, i) => {
-    const id = i === 0 ? k.sheet : k.addSheet(preset("video-1080p"), sh.name);
-    k.patch(id, {
-      name: sh.name,
-      x: i * (W + GAP),
-      y: 0,
-      width: W,
-      height: H,
-      clipsContent: true,
-      fills: k.paint(s.ground),
-      layoutMode: "VERTICAL",
-      layoutSizingHorizontal: "FIXED",
-      layoutSizingVertical: "FIXED",
-      primaryAxisAlignItems: "MAX",
-      counterAxisAlignItems: "CENTER",
-      itemSpacing: 24,
-      padding: { top: 64, right: 64, bottom: 64, left: 64 }
-    });
-    k.timeline(id, { duration: durations[i], fps: FPS });
-    sh.draw(new Lot(k, id, durations[i]), id, k);
-    return id;
-  });
-  s.shots.forEach((sh, i) => {
-    if (sh.counts?.length) k.counts(sheets[i], sh.counts);
-    if (sh.cues?.length) k.cues(sheets[i], sh.cues);
-  });
-  k.setCover(sheets[0]);
-  const doc = k.finish();
-  let comp = sceneSequence(doc.nodes, { id: `comp-${s.id}`, name: s.title, frames: sheets, fps: FPS, transitions: s.shots.slice(1).map((sh) => sh.transition ?? null), background: k.color(s.ground) });
-  if (comp.clips.some((c, i) => c.start !== cuts[i])) throw new Error(`${s.id}: a scene does not start on its onset (${comp.clips.map((c) => c.start)} vs ${cuts})`);
-  const total = SCORES[s.score].beats * 6e4 / SCORES[s.score].bpm;
-  const level = (v) => ({ gain: { keys: [{ id: "g0", t: 0, v, out: ease.hold }] } });
-  const music = { id: "music", mediaHash: scoreHash(s.score), name: SCORES[s.score].name, start: 0, in: 0, out: Math.round(total), lane: 0, fadeOut: 600, ...level(s.musicGain ?? 0.62) };
-  const effects = [];
-  s.shots.forEach((sh, i) => (sh.sfx ?? []).forEach((fx, j) => {
-    const full = Math.round(SFX[fx.key].seconds * 1e3);
-    effects.push({
-      id: `sfx-${i + 1}-${j + 1}`,
-      mediaHash: sfxHash(fx.key),
-      name: `${SFX[fx.key].name} (CC0)`,
-      start: Math.round(cuts[i] + fx.at),
-      in: 0,
-      out: Math.min(full, fx.out ?? full),
-      lane: fx.lane ?? 1,
-      ...fx.fadeOut ? { fadeOut: fx.fadeOut } : {},
-      ...level(Math.round((fx.gain ?? 1) * 0.7 * 100) / 100)
-    });
-  }));
-  const lanes = /* @__PURE__ */ new Map();
-  for (const e of effects.sort((a, b) => a.start - b.start)) {
-    let lane = e.lane;
-    while ((lanes.get(lane) ?? []).some((o) => e.start < o.start + (o.out - o.in) && o.start < e.start + (e.out - e.in))) lane++;
-    e.lane = lane;
-    lanes.set(lane, [...lanes.get(lane) ?? [], e]);
-  }
-  const audio = [music, ...effects].sort((a, b) => a.lane - b.lane || a.start - b.start);
-  const scenes = s.shots.map((sh, i) => ({ id: `scene-${i + 1}`, t: cuts[i], label: sh.name }));
-  comp = setOnsetMarkers({ ...comp, audio, markers: scenes }, onsets);
-  return { ...doc, compositions: { [comp.id]: comp } };
-}
-
-export {
-  FPS,
-  scoreHash,
-  sfxHash,
-  scoreOnsets,
-  cutOnOnsets,
-  shortScenes,
-  shotDurations,
-  buildShort
-};

package/dist/chunks/chunk-KOEQLLOE.js

@@ -1,238 +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 {
-  accountPage,
-  accountPages,
-  appPages,
-  choice,
-  closing,
-  editInPlace,
-  errorLine,
-  eyebrow,
-  pane,
-  panes,
-  recordButton,
-  stat
-} from "./chunk-2J4DQY7Q.js";
-import {
-  form,
-  repeats,
-  says,
-  userVariables,
-  visitorCollection
-} from "./chunk-CDWTNBW2.js";
-import {
-  field,
-  formStyles,
-  select,
-  submit
-} from "./chunk-I6GZB3SS.js";
-import {
-  buttons
-} from "./chunk-TF2MO3UA.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/web/daybreak-app.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var cues = [
-  { layer: "Top bar", preset: "fade-in", at: 0, params: { duration: 450 } },
-  { layer: "Lead", preset: "rise-in", at: 100, params: { duration: 560 } },
-  { layer: "Art", preset: "rise-in", at: 200, params: { duration: 900 } },
-  { layer: "Body", preset: "rise-in", at: 280, params: { duration: 600 } }
-];
-var FEELINGS = ["Bright", "Steady", "Tired", "Heavy", "Not sure yet"];
-var ENERGY = ["Plenty", "Enough", "Running low"];
-var SAMPLES = [
-  { feeling: "Bright", energy: "Plenty", good_thing: "Coffee on the step before anyone was up.", day: "Fri 2 Oct" },
-  { feeling: "Steady", energy: "Enough", good_thing: "The walk home, in the last of the light.", day: "Thu 1 Oct" },
-  { feeling: "Tired", energy: "Running low", good_thing: "Soup, and an early night.", day: "Wed 30 Sep" }
-];
-var daybreak_app_default = defineTemplate({
-  id: "web-daybreak-app",
-  meta: {
-    name: "Daybreak \u2014 a check-in app with accounts",
-    description: "A working web app, not a mock: visitors create an account and sign in, the app knows them when they come back, and each keeps their own daily check-ins \u2014 added, changed where they are, listed newest first and deleted \u2014 with their streak, their week and their bright mornings worked out from them. A forgotten password is reset by email, and the account page changes the name and password or deletes the account. Publish it with a database and sign-in attached and it runs",
-    category: "web",
-    tags: ["app", "accounts", "sign in", "database", "form", "journal", "check-in", "mood", "dashboard", "website"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["planning", "onboarding"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  breakpoints: true,
-  motion: { cues },
-  build() {
-    const k = new Kit("Daybreak", preset("web-desktop"));
-    k.brand(
-      { paper: "#FFF8EE", text: "#2A1F14", onPaper: "#6E5F50", primary: "#B83A0B", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#2A1F14", cardMuted: "#7D6E5E", field: "#FFFFFF", onField: "#7D6E5E", line: "#EBDCC8", danger: "#B3261E", onDanger: "#FFFFFF" },
-      { name: "Daybreak" }
-    );
-    k.palette({ sun: "#FFC247", dawn: "#FFE3B8", glow: "#FF9F5A", hill: "#E8B48A", far: "#F3CDA8" });
-    k.textStyle("Brand 20", { size: 20, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Link 15", { size: 15, fontWeight: 600, lineHeight: 22 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Eyebrow 13", { size: 13, fontWeight: 700, letterSpacing: 1.4, lineHeight: 18 });
-    k.textStyle("Display 52", { size: 52, fontWeight: 800, letterSpacing: -1.6, lineHeight: 56 });
-    k.textStyle("Title 30", { size: 30, fontWeight: 800, letterSpacing: -0.7, lineHeight: 36 });
-    k.textStyle("Body 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Card title 17", { size: 17, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Meta 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Chip 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Error 14", { size: 14, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Stat 34", { size: 34, fontWeight: 800, letterSpacing: -0.8, lineHeight: 38 });
-    formStyles(k, { thanks: false });
-    buttons(k, { style: "Button 16" });
-    const user = userVariables(k, { name: "Maya", email: "maya@example.com" });
-    const checkins = visitorCollection(k, "Checkins", [
-      { name: "Feeling", type: "OPTION", options: [...FEELINGS] },
-      { name: "Energy", type: "OPTION", options: [...ENERGY] },
-      { name: "Good thing", type: "TEXT" },
-      { name: "Day", type: "DATE" }
-    ], SAMPLES);
-    const app = appPages(k, { brand: "Daybreak", width: 980, cues, gap: 28 });
-    const topBar = (column, right) => {
-      const row2 = k.stack(column, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top bar" });
-      const brand = k.stack(row2, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", name: "Brand" });
-      k.ellipse(brand, 26, "sun", { name: "Sun" });
-      k.text(brand, "{{brand.name}}", { style: "Brand 20", color: "text", autoWidth: true, name: "Brand name" });
-      right?.(row2);
-      return brand;
-    };
-    const sunrise = (parent, height = 380) => {
-      const art = k.stack(parent, { width: 420, height, radius: 32, fill: "dawn", clip: true, name: "Sunrise" });
-      k.ellipse(art, 300, "glow", { name: "Glow", absolute: { x: 60, y: height - 250 }, opacity: 0.5 });
-      k.ellipse(art, 170, "sun", { name: "Rising sun", absolute: { x: 125, y: height - 175 } });
-      k.ellipse(art, 260, "far", { name: "Far hill", absolute: { x: 0, y: height - 100 } });
-      k.ellipse(art, 280, "hill", { name: "Near hill", absolute: { x: 140, y: height - 80 } });
-      return art;
-    };
-    const welcome = app.page("Welcome", "/", "signedOut");
-    topBar(welcome.column, (row2) => app.link(k.text(row2, "Sign in", { style: "Link 15", color: "text", autoWidth: true, name: "Sign in link" }), "Sign in"));
-    const hero = panes(k, welcome.column, { gap: 36, align: "CENTER", name: "Hero" });
-    const lead = k.stack(hero, { gap: 18, name: "Lead" });
-    pane(k, lead, 300);
-    eyebrow(k, lead, "A MINUTE EACH MORNING", "Eyebrow 13");
-    k.text(lead, "Notice how the days are going.", { style: "Display 52", color: "text", name: "Headline" });
-    k.text(lead, "Daybreak asks three small questions a day and keeps your answers for you: how the day feels, how much you have in the tank, and one good thing.", { style: "Body 17", color: "onPaper", name: "Lead text" });
-    const ctas = k.stack(lead, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "Calls to action" });
-    app.link(k.instance(ctas, "Button", { Label: "Create your account" }, { name: "Create account" }), "Sign up");
-    app.link(k.instance(ctas, "Button quiet", { Label: "I have one" }, { name: "Have account" }), "Sign in");
-    const heroArt = k.stack(hero, { align: "CENTER", name: "Art" });
-    pane(k, heroArt, 300);
-    sunrise(heroArt);
-    const closer = k.stack(welcome.column, { gap: 18, name: "Body" });
-    const points = panes(k, closer, { gap: 14, name: "Points" });
-    for (const [what, why] of [["Yours alone", "Your check-ins are kept for you and shown to nobody else."], ["Under a minute", "Two taps and a sentence. No badges, nothing to keep up with."], ["Looks back with you", "Your mornings in a row, your week, and the bright ones, whenever you want them."]]) {
-      const p = k.stack(points, { gap: 6, fill: "card", radius: 20, stroke: { color: "line", width: 1 }, padding: 22, name: "Point" });
-      pane(k, p, 240);
-      k.text(p, what, { style: "Card title 17", color: "onCard", name: "Point title" });
-      k.text(p, why, { style: "Meta 14", color: "cardMuted", name: "Point body" });
-    }
-    closing(k, app, closer, { title: "How is today going?", style: "Title 30", button: "Start tomorrow morning" });
-    const accounts = accountPages(k, app, {
-      styles: { title: "Title 30", body: "Body 17", meta: "Meta 14", link: "Link 15", error: "Error 14" },
-      top: (column, back) => back(topBar(column)),
-      art: (p) => {
-        k.patch(p, { counterAxisAlignItems: "CENTER" });
-        sunrise(p);
-      },
-      copy: {
-        "Sign up": { title: "Create your account", body: "It takes a name, an email and a password. Nothing else.", button: "Create account", namePlaceholder: "Maya" },
-        "Sign in": { title: "Welcome back", body: "Sign in to see your mornings.", button: "Sign in" }
-      }
-    });
-    const home = app.page("Home", "/home", "signedIn", { width: 760 });
-    topBar(home.column, (row2) => {
-      const who = k.stack(row2, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", radius: 999, fill: "card", stroke: { color: "line", width: 1 }, padding: { top: 6, right: 14, bottom: 6, left: 6 }, name: "Account link" });
-      k.ellipse(who, 24, "sun", { name: "Face" });
-      says(k, k.text(who, "Maya", { style: "Link 15", color: "onCard", autoWidth: true, name: "Account name" }), "name");
-      app.link(who, "Account", "up");
-    });
-    const greeting = k.stack(home.column, { gap: 2, name: "Lead" });
-    k.bindExpression(k.text(greeting, "Friday 2 October", { style: "Meta 14", color: "onPaper", name: "Today" }), "characters", "today()");
-    const line = k.stack(greeting, { direction: "HORIZONTAL", gap: 8, wrap: true, name: "Greeting line" });
-    k.text(line, "Good morning,", { style: "Title 30", color: "text", autoWidth: true, name: "Greeting words" });
-    says(k, k.text(line, "Maya", { style: "Title 30", color: "text", autoWidth: true, name: "Greeting name" }), "name");
-    const stats = panes(k, home.column, { gap: 10, name: "Art" });
-    for (const [label, expression, sample] of [["Mornings in a row", 'streak("Checkins")', "3"], ["This week", 'countSince("Checkins", 6)', "3"], ["Bright ones", 'count("Checkins", "feeling", "Bright")', "1"]]) stat(k, stats, { label, expression, sample, figure: "Stat 34", caption: "Meta 14", min: 160 });
-    const body = k.stack(home.column, { gap: 28, name: "Body" });
-    const today = k.stack(body, { gap: 16, fill: "card", radius: 22, stroke: { color: "line", width: 1 }, padding: 24, name: "Check-in card" });
-    k.text(today, "How is today?", { style: "Card title 17", color: "onCard", name: "Check-in title" });
-    const checkIn = k.stack(today, { gap: 16, name: "Check-in form" });
-    choice(k, checkIn, { card: true, label: "It feels", name: "feeling", word: "todayFeeling", options: FEELINGS, style: "Chip 14" });
-    choice(k, checkIn, { card: true, label: "Energy", name: "energy", word: "todayEnergy", options: ENERGY, style: "Chip 14" });
-    field(k, checkIn, { card: true, label: "One good thing", name: "good_thing", placeholder: "Something small is fine", multiline: true, required: true });
-    errorLine(k, checkIn, "Error 14");
-    submit(k, checkIn, "Save today");
-    form(k, checkIn, { collectionId: checkins.id });
-    const answered = k.text(today, "Today is saved. Another thought? Add it too.", { style: "Meta 14", color: "cardMuted", name: "Answered" });
-    k.bindExpression(answered, "visible", 'countSince("Checkins", 0) > 0');
-    k.patch(answered, { visible: false });
-    const history = k.stack(body, { gap: 12, name: "Your mornings" });
-    const head = k.stack(history, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "MAX", name: "History head" });
-    k.text(head, "Your mornings", { style: "Card title 17", color: "text", autoWidth: true, name: "History title" });
-    const tally = k.stack(head, { direction: "HORIZONTAL", width: "HUG", gap: 5, align: "MAX", name: "Tally" });
-    k.bindExpression(k.text(tally, "3", { style: "Meta 14", color: "onPaper", autoWidth: true, name: "Tally number" }), "characters", checkins.word);
-    k.text(tally, "kept", { style: "Meta 14", color: "onPaper", autoWidth: true, name: "Tally word" });
-    const empty = k.text(history, "Nothing yet. Your first check-in will show up here.", { style: "Meta 14", color: "onPaper", name: "Empty" });
-    k.bindExpression(empty, "visible", `${checkins.word} == 0`);
-    k.patch(empty, { visible: false });
-    const list = k.stack(history, { gap: 10, name: "Mornings list" });
-    repeats(k, list, checkins.id, { limit: 60 });
-    const row = k.stack(list, { gap: 8, fill: "card", radius: 16, stroke: { color: "line", width: 1 }, padding: 18, name: "Morning" });
-    const view = k.stack(row, { gap: 8, name: "Morning view" });
-    const meta = k.stack(view, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", wrap: true, name: "Morning head" });
-    const when = k.stack(meta, { direction: "HORIZONTAL", width: "HUG", gap: 8, align: "CENTER", name: "Morning when" });
-    k.text(when, "{{item.day}}", { style: "Meta 14", color: "cardMuted", autoWidth: true, name: "Morning day" });
-    k.text(when, "{{item.feeling}} \xB7 {{item.energy}}", { style: "Meta 14", color: "onCard", autoWidth: true, name: "Morning feeling" });
-    const actions = k.stack(meta, { direction: "HORIZONTAL", width: "HUG", gap: 2, align: "CENTER", name: "Morning actions" });
-    const edit = k.stack(actions, { direction: "HORIZONTAL", width: "HUG", padding: { top: 4, right: 8, bottom: 4, left: 8 }, name: "Edit" });
-    k.text(edit, "Edit", { style: "Meta 14", color: "cardMuted", autoWidth: true, name: "Edit label" });
-    k.patch(edit, { control: { kind: "BUTTON", buttonType: "button" } });
-    recordButton(k, actions, "Delete", { style: "Meta 14", color: "cardMuted", pad: [4, 8], radius: 8 });
-    k.text(view, "{{item.good_thing}}", { style: "Body 17", color: "onCard", name: "Morning good thing" });
-    editInPlace(k, { word: "editingMorning", view, parent: row, trigger: edit, style: "Meta 14", build: (f) => {
-      const pre = (id, name) => k.patch(id, { control: { ...k.node(id).control, value: `{{item.${name}}}` } });
-      const pair = k.stack(f, { direction: "HORIZONTAL", gap: 12, name: "Edit pair" });
-      pre(select(k, pair, { card: true, label: "It felt", name: "feeling", options: FEELINGS }), "feeling");
-      pre(select(k, pair, { card: true, label: "Energy", name: "energy", options: ENERGY }), "energy");
-      pre(field(k, f, { card: true, label: "One good thing", name: "good_thing", placeholder: "Something small is fine", multiline: true, required: true }), "good_thing");
-    } });
-    const out = accountPage(k, app, {
-      user,
-      home: "Home",
-      back: "Back to today",
-      sample: { name: "Maya", email: "maya@example.com" },
-      styles: { eyebrow: "Eyebrow 13", title: "Title 30", label: "Meta 14", value: "Card title 17", stat: "Stat 34", link: "Link 15", meta: "Meta 14", error: "Error 14", button: "Button 16" },
-      count: { label: "Check-ins kept", word: checkins.word, sample: "3" },
-      top: (column, right) => {
-        topBar(column, right);
-      },
-      art: (p) => {
-        sunrise(p, 300);
-      }
-    });
-    app.finish("Welcome");
-    accounts.leads("Home");
-    out.leads();
-    return k.finish();
-  }
-});
-
-export {
-  daybreak_app_default
-};