@popcraft/kit 0.25.0 → 0.26.1

package/dist/chunks/chunk-XVZN2DZI.js

@@ -1,224 +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 {
-  cartouche,
-  greatWave,
-  mount,
-  print,
-  seal,
-  stamp,
-  ukiyoBrand,
-  windowFrame
-} from "./chunk-OWIMSMOU.js";
-import {
-  MONO,
-  SERIF
-} from "./chunk-X23ZWFW2.js";
-import {
-  buttons,
-  nav,
-  page,
-  webResponsive
-} from "./chunk-YKXCPYWJ.js";
-import {
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/ukiyo-e-landing.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var LOOP = 6e3;
-var MOUNT = { w: 540, h: 690, margin: 18 };
-var STAGE = { w: MOUNT.w + 80, h: MOUNT.h + 60, x: 40, y: 14 };
-var PRINT = {
-  w: MOUNT.w - 2 * MOUNT.margin,
-  h: MOUNT.h - 2 * MOUNT.margin,
-  horizon: 396,
-  front: 520,
-  pattern: 540,
-  u: 0.52,
-  loopMs: LOOP,
-  seed: 21,
-  band: 120,
-  high: 8,
-  sun: { x: 380, y: 318, size: 124 },
-  mountain: { x: 366, w: 210, h: 92 },
-  mist: [{ x: 420, y: 336, w: 170 }, { x: 320, y: 366, w: 140 }, { x: 110, y: 196, w: 170 }, { x: 250, y: 150, w: 120 }],
-  rows: 7,
-  behind: 3,
-  wave: { x: -150, y: 150, w: 560 },
-  boat: { x: 372, len: 150 },
-  birds: [{ x: 300, y: 250, size: 8 }, { x: 326, y: 236, size: 6 }, { x: 278, y: 232, size: 6 }],
-  pines: [{ x: -8, y: -8, size: 250 }],
-  fore: [606]
-};
-var VIEWS = [
-  ["View 1", "Before the wave", "Keel watches the swell, not the crest: when connections climb, read replicas are warm and in rotation before your users arrive."],
-  ["View 2", "In the wave", "Every write is acknowledged only once it is kept twice, in two regions. A zone can go under and the ledger is still whole."],
-  ["View 3", "After the wave", "Any second of the last thirty days restores with one command, into a new database you can inspect before you trust it."],
-  ["View 4", "On a calm day", "Replicas you no longer need are stood down within the hour, so a quiet Tuesday costs what a quiet Tuesday should."]
-];
-var counts = [{ layer: "Crest figure", at: 2200, duration: 2400, counter: { from: 1200, to: 48210, separator: "," } }];
-var cues = [
-  { layer: "Offer bar", preset: "drop-in", at: 0, params: { duration: 600 } },
-  { layer: "Nav", preset: "fade-in", at: 100, params: { duration: 700 } },
-  { layer: "Eyebrow", preset: "fade-in", at: 300, params: { duration: 700 } },
-  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 22 } },
-  { layer: "Mount", preset: "fade-in", at: 300, params: { duration: 900 } },
-  { layer: "Wave", preset: "rise-in", at: 600, params: { duration: 1300 } },
-  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 800 } },
-  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1300, params: { duration: 700 }, stagger: { delay: 140 } },
-  { layer: "Boat", preset: "slide-in", at: 1400, params: { duration: 1400, direction: "right", distance: 260 } },
-  { layer: "Claw", preset: "scale-in", at: 1700, params: { duration: 520 }, stagger: { delay: 40 } },
-  { layer: "Proof", preset: "fade-in", at: 2e3, params: { duration: 800 } },
-  { layer: "Crest", preset: "pop-in", at: 2100, params: { duration: 450 } },
-  { layer: "Spray", preset: "pop-in", at: 2400, params: { duration: 450 }, stagger: { delay: 140 } },
-  { layer: "Reading", preset: "pop-in", at: 3300, params: { duration: 450 } }
-];
-var ukiyo_e_landing_default = defineTemplate({
-  id: "web-ukiyo-e-landing",
-  meta: {
-    name: "Woodblock landing page",
-    description: "A landing page drawn as a Japanese woodblock print, for a database, backup or any product whose promise is steadiness in a storm: a storm-log bar, a hero where a mounted print cuts itself (a great wave rises and breaks claw by claw over a boat that keeps its line, the sun climbs behind the far mountain, the seal stamps under a title cartouche, and the requests at the crest count up over the mount), four views of uptime as a ruled ledger, and the storm in one sentence beside a breaking wave \u2014 at desktop, laptop, tablet and phone widths",
-    category: "web",
-    tags: ["woodblock", "ukiyo-e", "japanese print", "great wave", "landing page", "hero", "website", "saas", "database", "backup", "reliability", "counter", "animation", "responsive", "serif"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["launch", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  breakpoints: true,
-  motion: { cues, counts },
-  build() {
-    const k = new Kit("Woodblock landing page", preset("web-desktop"));
-    k.quantizeGeometry = true;
-    ukiyoBrand(k);
-    k.textStyle("Nav 16", { size: 16, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Brand 22", { ...SERIF, size: 22, fontWeight: 800, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Button 16", { size: 16, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Bar 15", { size: 15, fontWeight: 700, lineHeight: 22, textAlign: "CENTER" });
-    k.textStyle("Eyebrow 14", { size: 14, fontWeight: 700, letterSpacing: 4, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Display 76", { ...SERIF, size: 76, fontWeight: 800, letterSpacing: -2.8, lineHeight: 76 });
-    k.textStyle("Display 68", { ...SERIF, size: 68, fontWeight: 800, letterSpacing: -2.4, lineHeight: 68 });
-    k.textStyle("Display 62", { ...SERIF, size: 62, fontWeight: 800, letterSpacing: -2, lineHeight: 62 });
-    k.textStyle("Display 42", { ...SERIF, size: 42, fontWeight: 800, letterSpacing: -1.2, lineHeight: 44 });
-    k.textStyle("Lead 20", { size: 20, fontWeight: 400, lineHeight: 32 });
-    k.textStyle("Lead 17", { size: 17, fontWeight: 400, lineHeight: 27 });
-    k.textStyle("Proof 15", { ...MONO, size: 15, fontWeight: 500, lineHeight: 24 });
-    k.textStyle("Section 46", { ...SERIF, size: 46, fontWeight: 800, letterSpacing: -1.4, lineHeight: 52 });
-    k.textStyle("Section 34", { ...SERIF, size: 34, fontWeight: 800, letterSpacing: -0.9, lineHeight: 40 });
-    k.textStyle("When 15", { ...MONO, size: 15, fontWeight: 600, letterSpacing: 1.5, lineHeight: 32, textCase: "UPPER" });
-    k.textStyle("Entry 26", { ...SERIF, size: 26, fontWeight: 700, letterSpacing: -0.4, lineHeight: 32 });
-    k.textStyle("Body 18", { size: 18, fontWeight: 400, lineHeight: 30 });
-    k.textStyle("Statement 40", { ...SERIF, size: 40, fontWeight: 600, letterSpacing: -0.9, lineHeight: 50 });
-    k.textStyle("Statement 28", { ...SERIF, size: 28, fontWeight: 600, letterSpacing: -0.5, lineHeight: 36 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 22 });
-    k.textStyle("Reading 13", { ...MONO, size: 13, fontWeight: 700, lineHeight: 18 });
-    k.textStyle("Crest label 12", { size: 12, fontWeight: 700, letterSpacing: 1.6, lineHeight: 16, textCase: "UPPER" });
-    k.textStyle("Crest 26", { ...MONO, size: 26, fontWeight: 700, letterSpacing: -0.8, lineHeight: 32 });
-    k.textStyle("Cartouche 13", { ...SERIF, size: 13, fontWeight: 700, letterSpacing: 1.2, lineHeight: 17, textCase: "UPPER", textAlign: "CENTER" });
-    buttons(k, { style: "Button 16", pad: [15, 26], radius: 8 });
-    pill(k, "Reading pill", { fill: "card", ink: "onCard", style: "Reading 13", label: "p99 \xB7 42 ms \xB7 steady", pad: [9, 14], radius: 6 });
-    const sheet = k.sheet;
-    page(k, sheet, { gap: 72, top: 24 });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const bar = k.stack(sheet, { fill: "primary", radius: 8, padding: { top: 10, right: 24, bottom: 10, left: 24 }, align: "CENTER", name: "Offer bar" });
-    k.text(bar, "Storm log, 14 September: 48,210 requests a second at the crest, and the p99 moved 3 ms. Read how it held.", { style: "Bar 15", color: "onPrimary", name: "Offer bar text" });
-    nav(k, sheet, { links: ["Product", "Storm log", "Pricing", "Docs"], cta: "Start a database", style: "Nav 16", brandStyle: "Brand 22" });
-    const hero = k.stack(sheet, { direction: "HORIZONTAL", gap: 72, align: "CENTER", name: "Hero" });
-    const copy = k.stack(hero, { gap: 26, name: "Copy" });
-    k.text(copy, "Managed Postgres for launch days", { style: "Eyebrow 14", color: "onPaper", name: "Eyebrow" });
-    k.text(copy, "The database that stays upright.", { style: "Display 76", color: "text", name: "Headline" });
-    k.text(copy, "Keel adds replicas before the crest, keeps every write in two regions and restores any second of the last thirty days in one command. You watch the launch. It watches the sea.", { style: "Lead 20", color: "onPaper", name: "Lead" });
-    const cta = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
-    k.instance(cta, "Button", { Label: "Start a database" }, { name: "CTA primary" });
-    k.instance(cta, "Button quiet", { Label: "Read the storm log" }, { name: "CTA quiet" });
-    k.text(copy, "99.997% uptime in 2026 \xB7 30-day restore \xB7 2 regions by default", { style: "Proof 15", color: "onPaper", name: "Proof" });
-    const visual = k.stack(hero, { width: STAGE.w, height: STAGE.h, radius: 6, clip: true, name: "Visual" });
-    const m = mount(k, visual, MOUNT.w, MOUNT.h, { margin: MOUNT.margin, absolute: { x: STAGE.x, y: STAGE.y } });
-    print(k, m.window, PRINT);
-    windowFrame(k, m.sheet, MOUNT.w, MOUNT.h, MOUNT.margin);
-    const corner = k.stack(m.sheet, { width: 80, gap: 8, align: "CENTER", name: "Corner", absolute: { x: MOUNT.w - MOUNT.margin - 96, y: MOUNT.margin + 18 } });
-    cartouche(k, corner, ["Views", "of", "uptime", "No. 1"], { style: "Cartouche 13", width: 80 });
-    seal(k, corner, 44);
-    const crest = k.stack(visual, { width: "HUG", gap: 2, fill: "card", radius: 6, stroke: { color: "text", width: 1.5 }, padding: { top: 12, right: 18, bottom: 12, left: 18 }, name: "Crest", absolute: { x: 16, y: 484 }, effects: [{ type: "DROP_SHADOW", color: { r: 0.04, g: 0.07, b: 0.16, a: 0.25 }, offset: { x: 0, y: 6 }, blur: 16, spread: 0, visible: true }] });
-    k.text(crest, "Requests a second, at the crest", { style: "Crest label 12", color: "onCard", autoWidth: true, name: "Crest label" });
-    const cell = k.stack(crest, { width: 200, name: "Crest cell" });
-    k.text(cell, "48,210", { style: "Crest 26", color: "onCard", name: "Crest figure" });
-    k.instance(visual, "Reading pill", { Label: "p99 \xB7 42 ms \xB7 steady" }, { name: "Reading", absolute: { x: 414, y: 574 } });
-    const views = k.stack(sheet, { gap: 0, name: "Views" });
-    k.text(views, "Four views of uptime", { style: "Section 46", color: "text", name: "Views title" });
-    k.stack(views, { height: 28, name: "Gap" });
-    for (const [when, title, account] of VIEWS) {
-      k.rect(views, "FILL", 2, "text", { name: "Rule", opacity: 0.55 });
-      const row = k.stack(views, { direction: "HORIZONTAL", gap: 32, padding: { top: 24, right: 0, bottom: 24, left: 0 }, name: "Entry" });
-      k.text(row, when, { style: "When 15", color: "onPaper", width: 150, name: "When" });
-      k.text(row, title, { style: "Entry 26", color: "text", width: 330, name: "Entry title" });
-      k.text(row, account, { style: "Body 18", color: "onPaper", name: "Account" });
-    }
-    k.rect(views, "FILL", 2, "text", { name: "Rule", opacity: 0.55 });
-    const band = k.stack(sheet, { gap: 24, fill: "card", radius: 6, clip: true, stroke: { color: "text", width: 1.5 }, padding: { top: 56, right: 440, bottom: 56, left: 56 }, name: "Band" });
-    greatWave(k, band, { x: 800, y: 36, w: 470, flip: true, u: 0.5, loopMs: LOOP, seed: 4 });
-    for (const w of k.named(band, "Wave")) k.patch(w, { name: "Band wave" });
-    for (const name of ["Claw", "Spray"]) for (const c of k.named(band, name)) k.patch(c, { name: `Band ${name.toLowerCase()}` });
-    k.text(band, "On 14 September one customer\u2019s launch went from 1,200 to 48,210 requests a second in nine minutes. Their p99 moved by three milliseconds.", { style: "Statement 40", color: "onCard", name: "Statement" });
-    k.instance(band, "Button", { Label: "Read the storm log" }, { name: "Band button" });
-    const footer = k.stack(sheet, { fill: "paper", name: "Footer" });
-    k.text(footer, "\xA9 2026 Keel Data Works \xB7 Status \xB7 Security \xB7 Storm logs \xB7 Docs", { style: "Small 14", color: "onPaper", name: "Footer text" });
-    for (const s of k.named(m.window, "Sun")) k.animate(s, "translateY", [{ t: 0, v: 110, ease: ease.out("cubic") }, { t: 4200, v: 0 }]);
-    for (const s of k.named(corner, "Seal")) stamp(k, s, 2700);
-    k.counts(sheet, counts);
-    k.cues(sheet, cues);
-    webResponsive(k, sheet, {
-      stack: ["Hero", "Entry"],
-      restyle: {
-        "Display 76": { laptop: "Display 68", tablet: "Display 62", mobile: "Display 42" },
-        "Lead 20": { mobile: "Lead 17" },
-        "Section 46": { mobile: "Section 34" },
-        "Statement 40": { tablet: "Statement 28", mobile: "Statement 28" }
-      },
-      gap: { tablet: 56, mobile: 44 },
-      tweak: (kit, id, size) => {
-        if (size === "laptop") for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 40 });
-        if (size === "tablet" || size === "mobile") {
-          for (const n of kit.named(id, "Hero")) kit.patch(n, { itemSpacing: 44, counterAxisAlignItems: "CENTER" });
-          for (const n of kit.named(id, "Entry")) kit.patch(n, { itemSpacing: 6 });
-        }
-        if (size === "mobile") {
-          for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: 335, height: 620 });
-          for (const n of kit.named(id, "Mount")) kit.patch(n, { x: -185, y: -26 });
-          for (const n of kit.named(id, "Crest")) kit.patch(n, { x: 12, y: 176 });
-          for (const n of kit.named(id, "Reading")) kit.patch(n, { x: 150, y: 574 });
-        }
-        if (size === "tablet") for (const n of kit.named(id, "Visual")) kit.patch(n, { layoutSizingHorizontal: "FIXED", width: STAGE.w });
-        if (size === "tablet" || size === "mobile") for (const n of kit.named(id, "Band")) {
-          kit.patch(n, { padding: size === "mobile" ? { top: 28, right: 24, bottom: 28, left: 24 } : { top: 40, right: 296, bottom: 40, left: 40 } });
-          for (const w of kit.named(n, "Band wave")) kit.patch(w, size === "mobile" ? { visible: false } : { x: 376, y: 150 });
-        }
-      }
-    });
-    return k.finish();
-  }
-});
-
-export {
-  ukiyo_e_landing_default
-};

package/dist/chunks/chunk-XWBX2V3S.js

@@ -1,65 +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 {
-  bar,
-  saasUi
-} from "./chunk-WW5JIPMG.js";
-import {
-  E,
-  arc
-} from "./chunk-ZXLRLH5A.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/lottie/saas-ui-error-retry.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var saas_ui_error_retry_default = saasUi({
-  slug: "error-retry",
-  role: "error",
-  size: "icon",
-  duration: 3200,
-  loop: true,
-  title: "error and retry",
-  description: "A failed state that points at the way out: the alert shakes its head, gently, with two small marks beside it, then the retry arrow around it takes one turn and settles \u2014 a 3.2-second seamless loop, 512\xD7512",
-  tags: ["retry", "failed", "try again", "alert"],
-  build(l) {
-    const SHAKE = 250, TURN = 1350;
-    l.circle(l.sheet, 256, 256, 232, "soft", { name: "Backdrop" });
-    const retry = l.box(l.sheet, 56, 56, 400, 400, "Retry");
-    l.line(retry, arc(200, 200, 170, 62, 330), "ink", 22, { name: "Retry arc" });
-    const a = 330 * Math.PI / 180, px = 200 + 170 * Math.sin(a), py = 200 - 170 * Math.cos(a);
-    const tx = Math.cos(a), ty = Math.sin(a), nx = Math.sin(a), ny = -Math.cos(a);
-    l.shape(retry, [[px + tx * 50, py + ty * 50], [px + nx * 44, py + ny * 44], [px - nx * 44, py - ny * 44]], "ink", { name: "Retry head", stroke: { color: "ink", width: 10, join: "ROUND" } });
-    l.keys(retry, "rotation", [[0, 0, E.hold], [TURN, 0, E.inOut], [TURN + 220, -22, E.inOut], [TURN + 1050, 372, E.inOut], [TURN + 1400, 360, E.hold]]);
-    l.scale(retry, [[0, 1, E.hold], [TURN + 220, 1, E.inOut], [TURN + 640, 1.06, E.inOut], [TURN + 1250, 1, E.hold]]);
-    const alert = l.box(l.sheet, 136, 136, 240, 240, "Alert");
-    l.circle(alert, 120, 132, 112, "ink", { name: "Alert shadow", opacity: 0.08 });
-    l.circle(alert, 120, 120, 116, "surface", { name: "Alert face" });
-    l.ring(alert, 120, 120, 96, "warn", 12, { name: "Alert rim" });
-    const mark = l.box(alert, 96, 58, 48, 124, "Mark");
-    bar(l, mark, 13, 0, 22, 78, "warn", { name: "Mark stem" });
-    l.circle(mark, 24, 108, 14, "warn", { name: "Mark dot" });
-    const shake = (amp, lag) => [[0, 0, E.hold], [SHAKE + lag, 0, E.out], [SHAKE + lag + 110, -amp, E.inOut], [SHAKE + lag + 270, amp * 0.8, E.inOut], [SHAKE + lag + 430, -amp * 0.55, E.inOut], [SHAKE + lag + 590, amp * 0.3, E.inOut], [SHAKE + lag + 780, 0, E.hold]];
-    l.keys(alert, "rotation", shake(9, 0));
-    l.keys(alert, "translateX", shake(10, 0));
-    l.keys(mark, "translateX", shake(-7, 50));
-    l.scale(mark, [[0, 1, E.hold], [SHAKE, 1, E.out], [SHAKE + 140, 1.12, E.inOut], [SHAKE + 780, 1, E.hold]]);
-    l.scale(alert, [[0, 1, E.hold], [TURN + 220, 1, E.inOut], [TURN + 640, 0.94, E.pop], [TURN + 1250, 1, E.hold]]);
-    for (const side of [-1, 1]) for (const [dy, len] of [[-30, 16], [10, 22]]) {
-      const x = 256 + side * 124;
-      const m = l.line(l.sheet, [[x, 256 + dy], [x + side * len, 256 + dy - 6]], "warn", 8, { name: "Shake mark", opacity: 0 });
-      l.pivot(m, side < 0 ? 1 : 0, 0.5);
-      l.keys(m, "scaleX", [[0, 0.2, E.hold], [SHAKE + 60, 0.2, E.out], [SHAKE + 320, 1, E.hold]]);
-      l.opacity(m, [[0, 0, E.hold], [SHAKE + 60, 0, E.out], [SHAKE + 200, 0.9, E.inOut], [SHAKE + 700, 0, E.hold]]);
-    }
-  }
-});
-
-export {
-  saas_ui_error_retry_default
-};

package/dist/chunks/chunk-XWFCSIP2.js

@@ -1,97 +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 {
-  bar,
-  captionGrid,
-  commonReflow,
-  finishSite,
-  foot,
-  portfolioKit,
-  portfolioSite,
-  projectPage,
-  studioPage
-} from "./chunk-GCZNQTN6.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/web/portfolio-cube-gallery.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var WORK = [
-  { title: "Tor speaker", client: "Halde Audio", year: "2026", kind: "Consumer electronics", cover: "cube-00", summary: "A speaker you carry by its strap and set down on any shelf as if it were a stone.", story: "Halde wanted one speaker for the kitchen, the garden and the bag. We gave it a single knitted band that is the handle, the stand and the grille, and a body milled from one block so it sits level on gravel.", credits: "Industrial design, CMF, prototyping \u2014 Oda Vale Studio \xB7 Engineering \u2014 Halde" },
-  { title: "Ember desk lamp", client: "Lumen & Ash", year: "2025", kind: "Lighting", cover: "cube-01", summary: "An amber shade on a brass hinge that dims as you tip it down.", story: "The hinge is the switch and the dimmer: tip it down to read, up to light the wall. Six months of prototypes went into a friction joint that holds any angle and never droops.", credits: "Design, prototyping \u2014 Oda Vale Studio \xB7 Production \u2014 Lumen & Ash" },
-  { title: "Mira stand mixer", client: "Kettle & Co.", year: "2025", kind: "Kitchen appliance", cover: "cube-02", summary: "A modular mixer whose bowl, motor and arm come apart for the dishwasher.", story: "Three parts, two clicks. We cut the part count by a third and moved the motor low so the mixer stays put on a full dough.", credits: "Industrial design, DFM \u2014 Oda Vale Studio" },
-  { title: "Ridge kettle", client: "Kettle & Co.", year: "2024", kind: "Kitchen appliance", cover: "cube-03", summary: "An aluminium kettle with a walnut handle that never gets hot.", story: "A double wall, a handle set off the body by a centimetre of air, and a spout drawn so it pours without a drip from full to the last cup.", credits: "Design \u2014 Oda Vale Studio \xB7 Engineering \u2014 Kettle & Co." },
-  { title: "Felt headphones", client: "Norr Sound", year: "2024", kind: "Wearables", cover: "cube-04", summary: "Over-ear headphones in wool felt, made to be repaired at home.", story: "Every part is held by a screw, not glue: the cushions, the band and the battery come out with one tool, and Norr sells each one on its own.", credits: "Industrial design, CMF \u2014 Oda Vale Studio" },
-  { title: "Fold chair", client: "Sette", year: "2023", kind: "Furniture", cover: "cube-05", summary: "A chair bent from a single sheet of steel, with no joints at all.", story: "One laser cut and four bends: the chair ships flat in a sleeve and is folded once at the factory. It stacks twelve high.", credits: "Design \u2014 Oda Vale Studio \xB7 Production \u2014 Sette" }
-];
-var portfolio_cube_gallery_default = defineTemplate({
-  id: "web-portfolio-cube-gallery",
-  meta: {
-    name: "Cube turn portfolio",
-    description: "An industrial designer\u2019s site where each page is a face of a 3D cube: open a product and the cube turns to it, go home and it turns back. Products on soft cards three across, a page per product with the render and the brief, and a studio page. The turn is drawn on the GPU with WebGPU, in CSS 3D elsewhere. The products are a collection you edit as a table. Desktop, tablet and phone",
-    category: "web",
-    tags: ["portfolio", "3d", "cube", "transition", "webgpu", "industrial design", "product design", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["portfolio"],
-    created: "2026-10-05",
-    updated: "2026-10-05"
-  },
-  breakpoints: true,
-  build() {
-    const k = portfolioKit("Cube turn");
-    k.brand(
-      { paper: "#ECEAE6", text: "#1D1C1A", onPaper: "#625E59", primary: "#1D1C1A", onPrimary: "#ECEAE6", card: "#F7F6F3", onCard: "#1D1C1A", cardMuted: "#625E59", line: "#D7D3CC" },
-      { name: "Oda Vale Studio", email: "hello@odavale.studio" }
-    );
-    k.textStyle("Wordmark 18", { size: 18, fontWeight: 700, letterSpacing: -0.3, lineHeight: 24 });
-    k.textStyle("Small 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Meta 14", { size: 14, fontWeight: 400, lineHeight: 20 });
-    k.textStyle("Title 20", { size: 20, fontWeight: 600, letterSpacing: -0.3, lineHeight: 28 });
-    k.textStyle("Body 17", { size: 17, fontWeight: 400, lineHeight: 28 });
-    k.textStyle("Display 64", { size: 64, fontWeight: 600, letterSpacing: -2.2, lineHeight: 68 });
-    k.textStyle("Display 40", { size: 40, fontWeight: 600, letterSpacing: -1.2, lineHeight: 46 });
-    const type = { title: "Title 20", meta: "Meta 14", body: "Body 17", small: "Small 14", display: "Display 64" };
-    const s = portfolioSite(k, { name: "Oda Vale Studio", projects: WORK, go: "CUBE_FROM_RIGHT", back: "CUBE_FROM_LEFT" });
-    const W = 1440, SIDE = 96;
-    for (const page of Object.values(s.screens)) bar(s, page, { type, wordmark: "Wordmark 18", links: [["work", "Products"], ["studio", "Studio"]], pad: [28, SIDE] });
-    const work = s.screens.work;
-    const lead = k.stack(work, { gap: 20, padding: { top: 72, right: SIDE, bottom: 64, left: SIDE }, name: "Lead" });
-    k.text(lead, "Objects for everyday rooms, designed to be kept.", { style: "Display 64", color: "text", width: 960, name: "Headline" });
-    k.text(lead, "Oda Vale is an industrial design studio in Copenhagen: speakers, lamps, kitchen things and furniture, from the first foam model to the line at the factory.", { style: "Body 17", color: "onPaper", width: 640, name: "Intro" });
-    const art = k.stack(work, { padding: { top: 0, right: SIDE, bottom: 0, left: SIDE }, name: "Art" });
-    captionGrid(s, art, { cols: 3, width: W - SIDE * 2, gap: 24, ratio: 0.72, radius: 18, type, card: { fill: "card", pad: 14, radius: 26 }, meta: "{{item.client}} \xB7 {{item.year}}", captionGap: 16 });
-    foot(s, work, { type, side: SIDE, elsewhere: "Instagram \xB7 Dezeen \xB7 Read.cv" });
-    k.patch(k.named(work, "Footer")[0], { name: "Body" });
-    projectPage(s, { type, width: W, side: SIDE, ratio: 0.66, radius: 24, split: true, kicker: "Product", more: { cols: 3, gap: 24, ratio: 0.66, label: "More products" } });
-    foot(s, s.screens.project, { type, side: SIDE, elsewhere: "Instagram \xB7 Dezeen \xB7 Read.cv" });
-    studioPage(s, {
-      type: { ...type, display: "Display 40" },
-      width: W,
-      side: SIDE,
-      picture: "cube-05",
-      ratio: 0.42,
-      radius: 24,
-      statement: "Four designers, a workshop and a CNC mill, two streets from the harbour.",
-      about: "We design a few products a year, each for a company that means to make it for a long time. We prototype everything we draw in our own workshop before a factory sees it.",
-      services: ["Industrial design", "Colour, materials and finish", "Prototyping and testing", "Design for manufacture"],
-      clients: "Halde Audio, Lumen & Ash, Kettle & Co., Norr Sound and Sette.",
-      contact: "Booking projects for spring 2027."
-    });
-    foot(s, s.screens.studio, { type, side: SIDE, elsewhere: "Instagram \xB7 Dezeen \xB7 Read.cv" });
-    finishSite(s, { all: commonReflow({ desktopSide: SIDE, ratio: 0.72, gap: 24, cols: { laptop: 3, tablet: 2, mobile: 1 }, moreCols: 3, moreRatio: 0.66, cardPad: 14, split: true, pictureRatio: 0.66, studioRatio: 0.42, restyle: { "Display 64": { laptop: "Display 40", tablet: "Display 40", mobile: "Display 40" } } }) });
-    return k.finish();
-  }
-});
-
-export {
-  portfolio_cube_gallery_default
-};

package/dist/chunks/chunk-XWZMO4J3.js

@@ -1,33 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  spring_bloom_landing_default
-} from "./chunk-3HXGYSL5.js";
-import {
-  spring_bloom_link_preview_default
-} from "./chunk-V3LOBUUJ.js";
-import {
-  spring_bloom_first_hundred_post_default
-} from "./chunk-ZUIKYAQ2.js";
-import {
-  spring_bloom_first_shoots_reel_default
-} from "./chunk-ERHSB56N.js";
-import {
-  spring_bloom_header_default
-} from "./chunk-SERAFAMT.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/themes/spring-bloom.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [spring_bloom_first_shoots_reel_default, spring_bloom_landing_default, spring_bloom_first_hundred_post_default, spring_bloom_header_default, spring_bloom_link_preview_default];
-var spring_bloom_default = pack;
-
-export {
-  spring_bloom_default
-};

package/dist/chunks/chunk-XXCOX7T4.js

@@ -1,118 +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 {
-  brand,
-  caption,
-  captionCues,
-  captionParts,
-  column,
-  glow,
-  rig,
-  sizes,
-  stage
-} from "./chunk-ZPQYHYFA.js";
-import {
-  key
-} from "./chunk-FAAVZ2GX.js";
-import {
-  PHONE,
-  deviceShadow,
-  devices
-} from "./chunk-SKMGZGNY.js";
-import {
-  appScreens
-} from "./chunk-7LNASDR7.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset,
-  swapTimes
-} from "./chunk-T3SGRYUX.js";
-import {
-  ease
-} from "./chunk-6DWY3DOQ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion3d/phone-orbit.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 1e4;
-var FPS = 60;
-var PHRASES = ["Every account, one balance.", "See where every dollar goes.", "Save for what matters most.", "Money, sorted. Try it free."];
-var SCREENS = ["Screen / Home", "Screen / Insights", "Screen / Goals"];
-var SIZES = ["video-1080p", "video-square", "ig-story"];
-var EXPO = ease.out("expo");
-var IO = ease.inOut("cubic");
-var swap = (s) => ({ layer: "Headline title", words: PHRASES, at: 350, hold: 1080, stagger: 45, in: 600, out: 380, unit: "word", rise: Math.round(46 * s.u) });
-var CAPTION = { name: "Headline", kicker: "New \xB7 Fern 3.0", body: "Balances, budgets and goals across every bank, sorted for you automatically.", cta: "Download free" };
-var CUES = captionCues(CAPTION, 200, void 0, { title: false });
-function build(k, sheet, s) {
-  k.nameSheet(sheet, `Phone orbit \xB7 ${preset(s.preset).name}`);
-  glow(k, sheet, "primary", Math.round(1100 * s.u), s.wide ? s.W * 0.7 : s.W / 2, s.tall ? s.H * 0.68 : s.H * 0.62, 0.55);
-  glow(k, sheet, "accent", Math.round(520 * s.u), s.wide ? s.W * 0.86 : s.W * 0.8, s.tall ? s.H * 0.5 : s.H * 0.3, 0.22, "Glow accent");
-  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2400 * s.u });
-  const at = s.wide ? { cx: s.W * 0.69, cy: s.H * 0.52, scale: 0.8 } : s.tall ? { cx: s.W / 2, cy: s.H * 0.66, scale: 0.78 } : { cx: s.W / 2, cy: s.H * 0.765, scale: 0.5 };
-  const R = 430;
-  const tilt = rig(k, scene, s, "Rig", PHONE.width, PHONE.height, at.cx, at.cy);
-  k.patch(tilt, { scaleX: at.scale, scaleY: at.scale, rotateX: -6, rotation: -3 });
-  const ring = k.group(tilt, { x: 0, y: 0, width: PHONE.width, height: PHONE.height }, { name: "Ring" });
-  k.patch(ring, { z: -R });
-  SCREENS.forEach((screen, i) => {
-    const th = i * 120;
-    const phone = k.group(ring, { x: 0, y: 0, width: PHONE.width, height: PHONE.height }, { name: `Phone ${i + 1}` });
-    const face = k.instance(phone, "Phone", { Screen: { swap: screen } }, { name: "Face" });
-    k.patch(face, { z: 3, effects: [deviceShadow()] });
-    const back = k.instance(phone, "Phone back", {}, { name: "Back" });
-    k.patch(back, { z: -3, rotateY: 180 });
-    k.patch(phone, { translateX: Math.round(R * Math.sin(th * Math.PI / 180)), z: Math.round(R * Math.cos(th * Math.PI / 180)), rotateY: th });
-    key(k, phone, "translateY", [[100 + i * 140, 1500, EXPO], [1300 + i * 140, 0]]);
-    key(k, phone, "rotateX", [[100 + i * 140, 40, EXPO], [1300 + i * 140, 0]]);
-    k.behave(phone, "translateY", [{ kind: "sine", amp: 16, freq: 0.3, phase: i / 3 }]);
-  });
-  const times = swapTimes(swap(s));
-  const turns = times.slice(0, 3).map((w, i) => [w.leaves - 150, w.gone + 250, -(i + 1) * 120]);
-  key(k, ring, "rotateY", [[0, 0, ease.hold], ...turns.flatMap(([a, b, v], i) => [[a, i * -120, IO], [b, v, ease.hold]])]);
-  k.behave(tilt, "rotation", [{ kind: "sine", amp: 2, freq: 0.1 }]);
-  captionParts(k, s, { kicker: CAPTION.kicker, cta: CAPTION.cta });
-  const col = column(s);
-  const width = s.wide ? Math.round(760 * s.u) : col.width;
-  const block = caption(k, sheet, s, { ...CAPTION, title: PHRASES[0], width, align: s.wide ? "LEFT" : "CENTER", at: { x: s.wide ? Math.round(150 * s.u) : col.x, y: 0 } });
-  const laid = k.finish().nodes[block];
-  k.patch(block, { y: Math.round(s.wide ? (s.H - laid.height) / 2 : s.tall ? col.top + 40 : 70 * s.u) });
-  k.swaps(sheet, [swap(s)]);
-  k.cues(sheet, CUES);
-}
-var phone_orbit_default = defineTemplate({
-  id: "motion-3d-phone-orbit",
-  meta: {
-    name: "Phone orbit",
-    description: "Three phones on a turning 3D ring bring each screen to the front while the headline swaps to what it does \u2014 a 10-second app-launch loop at 16:9 (60 fps) with square and 9:16 cuts. Swap each phone's screen, or drop your own screenshots in",
-    category: "animation",
-    tags: ["animation", "3d", "app", "phone", "device", "mockup", "launch", "promo", "orbit"],
-    platforms: ["youtube", "instagram", "tiktok", "x", "linkedin", "web"],
-    formats: ["video", "ad", "reel", "post"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  build() {
-    const k = new Kit("Phone orbit", preset(SIZES[0]));
-    brand(k, "dark");
-    appScreens(k, ["Home", "Insights", "Goals", "Screenshot"]);
-    devices(k, ["Phone", "Phone back"]);
-    const [cover] = sizes(k, SIZES, (sheet, s) => build(k, sheet, s));
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  phone_orbit_default
-};

package/dist/chunks/chunk-XZ6POAQB.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 {
-  KILOVOLT
-} from "./chunk-UM5CR545.js";
-import {
-  countdownStory
-} from "./chunk-SQZSFDY4.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/motion/festival-presale-electronic-countdown.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var festival_presale_electronic_countdown_default = countdownStory(KILOVOLT);
-
-export {
-  festival_presale_electronic_countdown_default
-};

package/dist/chunks/chunk-XZGXQTFC.js

@@ -1,81 +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 {
-  CHANNEL_COLORS,
-  CHANNEL_FIELDS
-} from "./chunk-FSWD4VT2.js";
-import {
-  outro
-} from "./chunk-EK5CFFJO.js";
-import {
-  safeArea
-} from "./chunk-GUR6XRHF.js";
-import {
-  defineTemplate
-} from "./chunk-A44WEVKR.js";
-import {
-  Kit,
-  preset
-} from "./chunk-T3SGRYUX.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// templates/src/video/youtube-end-screen.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var CONTENT = ["Title", "Watch next", "Schedule", "Handle", "Slot", "Subscribe ring"];
-var cues = [
-  { layer: "Title", preset: "rise-in", at: 100, params: { duration: 700 } },
-  { layer: "Slot", preset: "scale-in", at: 400, params: { duration: 700, amount: 0.85 }, stagger: { delay: 150 } },
-  { layer: "Subscribe ring", preset: "pop-in", at: 800 },
-  { layer: ["Watch next", "Schedule", "Handle"], preset: "fade-in", at: 1e3, stagger: { delay: 120 } },
-  { layer: "Subscribe ring", preset: "pulse", at: 4e3, params: { amount: 0.1 } },
-  { layer: "Subscribe ring", preset: "pulse", at: 9e3, params: { amount: 0.1 } },
-  { layer: "Subscribe ring", preset: "pulse", at: 14e3, params: { amount: 0.1 } },
-  outro(CONTENT, 19200, { gap: 40, duration: 350 })
-];
-var youtube_end_screen_default = defineTemplate({
-  id: "motion-youtube-end-screen",
-  meta: {
-    name: "YouTube end screen",
-    description: "A 20-second end screen at 1920\xD71080 that keeps YouTube\u2019s two video slots and the subscribe button clear, with drawn placeholders for them, a thanks title and a pulsing subscribe ring",
-    category: "animation",
-    tags: ["animation", "youtube", "end screen", "outro", "subscribe", "video"],
-    platforms: ["youtube"],
-    formats: ["end-screen", "outro", "video"],
-    useCases: ["brand-intro"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("YouTube end screen", preset("video-1080p"));
-    k.brand(CHANNEL_COLORS, CHANNEL_FIELDS);
-    k.textStyle("Title 72", { size: 72, fontWeight: 900, letterSpacing: -2, lineHeight: 80 });
-    k.textStyle("Label 30", { size: 30, fontWeight: 700, letterSpacing: 2, lineHeight: 36 });
-    k.textStyle("Line 34", { size: 34, fontWeight: 500, lineHeight: 42 });
-    k.component("Video slot", { width: 740, height: 416, fill: "card", radius: 20, stroke: { color: "primary", width: 4 }, props: {} }, () => {
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 16, { top: 96, right: 150, bottom: 96, left: 150 }, "paper", "MIN", "MIN");
-    k.timeline(sheet, { duration: 2e4, fps: 30 });
-    k.text(sheet, "Thanks for watching {{brand.name}}", { style: "Title 72", color: "text", name: "Title" });
-    k.text(sheet, "WATCH NEXT", { style: "Label 30", color: "onPaper", name: "Watch next" });
-    const zones = safeArea("youtube-end-screen").zones;
-    for (const z of zones.filter((z2) => z2.label === "Video")) k.instance(sheet, "Video slot", {}, { name: "Slot", absolute: { x: z.x, y: z.y } });
-    const sub = zones.find((z) => z.label === "Subscribe");
-    k.stack(sheet, { width: sub.width, height: sub.height, radius: sub.width / 2, stroke: { color: "subscribe", width: 8 }, name: "Subscribe ring", absolute: { x: sub.x, y: sub.y } });
-    k.text(sheet, "{{brand.schedule}}", { style: "Line 34", color: "onPaper", width: 680, name: "Schedule", absolute: { x: 150, y: 860 } });
-    k.text(sheet, "{{brand.handle}}", { style: "Line 34", color: "text", width: 680, align: "RIGHT", name: "Handle", absolute: { x: 1090, y: 860 } });
-    k.cues(sheet, cues);
-    return k.finish();
-  }
-});
-
-export {
-  youtube_end_screen_default
-};