@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-KYSJZE4P.js

@@ -0,0 +1,78 @@
+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 {
+  standardPortfolio
+} from "./chunk-SBRMQBSJ.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/web/portfolio-depth-tunnel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var WORK = [
+  { title: "Spin Cycle", client: "Low Hum Pictures", year: "2026", kind: "Feature film \xB7 Director of photography", cover: "depth-00", summary: "A night-shift drama that lives in one laundromat from midnight to dawn.", story: "Shot on anamorphic lenses with practical light only: the dryers and the vending machine. Premiered at Rotterdam.", credits: "Director \u2014 Ana Liu \xB7 DP \u2014 Theo Marsh \xB7 Colour \u2014 Grade Room" },
+  { title: "Keeper of the Light", client: "North Sea Films", year: "2025", kind: "Short film \xB7 DP", cover: "depth-01", summary: "A lighthouse in a storm and the woman who will not leave it.", story: "Two nights of rain towers on a real headland; the beam is the lighthouse\u2019s own.", credits: "Director \u2014 Ruth Ward \xB7 DP \u2014 Theo Marsh" },
+  { title: "Blue Hour", client: "Arcadia Records", year: "2025", kind: "Music video \xB7 DP", cover: "depth-02", summary: "Two silhouettes on a rooftop for the twenty minutes the city is blue.", story: "One take a night, five nights, the best of the five.", credits: "Director \u2014 Kemi Ade \xB7 DP \u2014 Theo Marsh" },
+  { title: "Room 214", client: "Halcyon Hotels", year: "2024", kind: "Commercial \xB7 DP", cover: "depth-03", summary: "A green-carpeted corridor and the one door left open.", story: "A hotel brand film that plays like the first minute of a thriller.", credits: "Director \u2014 Ana Liu \xB7 DP \u2014 Theo Marsh \xB7 Agency \u2014 Doorman" },
+  { title: "Leaf Tunnel", client: "Vellum Motors", year: "2024", kind: "Commercial \xB7 DP", cover: "depth-04", summary: "A car through a tunnel of autumn trees, headlights on at four in the afternoon.", story: "A car-to-car rig and a week of waiting for the leaves to turn.", credits: "Director \u2014 Oskar Lind \xB7 DP \u2014 Theo Marsh" },
+  { title: "Solo", client: "City Ballet", year: "2023", kind: "Dance film \xB7 DP", cover: "depth-05", summary: "One dancer, one spotlight, an empty theatre.", story: "Filmed in the hour between the matinee and the evening show.", credits: "Director, choreography \u2014 Mira Sol \xB7 DP \u2014 Theo Marsh" }
+];
+var portfolio_depth_tunnel_default = defineTemplate({
+  id: "web-portfolio-depth-tunnel",
+  meta: {
+    name: "Depth push portfolio",
+    description: "A cinematographer\u2019s portfolio where pages travel in depth: open a film and the page recedes into the dark as the next arrives from in front; go back and it pulls the other way. Wide frame grabs two across on black, a page per film and a bio. The move is drawn on the GPU with WebGPU, in CSS 3D elsewhere. The films are a collection you edit as a table. Desktop, tablet and phone",
+    category: "web",
+    tags: ["portfolio", "3d", "depth", "transition", "webgpu", "cinematography", "film", "dark", "cms", "website", "responsive"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["portfolio"],
+    created: "2026-10-05",
+    updated: "2026-10-05"
+  },
+  breakpoints: true,
+  build: () => standardPortfolio({
+    name: "Depth push",
+    brand: { paper: "#0B0C0E", text: "#ECE8E1", onPaper: "#959089", primary: "#E5B560", onPrimary: "#0B0C0E", card: "#0B0C0E", line: "#24262A" },
+    fields: { name: "Theo Marsh", email: "theo@theomarsh.film" },
+    styles: {
+      "Wordmark 18": { size: 18, fontWeight: 600, letterSpacing: 2, lineHeight: 24 },
+      "Small 13": { size: 13, fontWeight: 500, letterSpacing: 1.2, lineHeight: 18 },
+      "Meta 14": { size: 14, fontWeight: 400, lineHeight: 20 },
+      "Title 20": { size: 20, fontWeight: 500, letterSpacing: -0.2, lineHeight: 28 },
+      "Lead 24": { size: 24, fontWeight: 400, lineHeight: 34 },
+      "Body 17": { size: 17, fontWeight: 400, lineHeight: 28 },
+      "Display 72": { size: 72, fontWeight: 500, letterSpacing: -2, lineHeight: 76 },
+      "Display 40": { size: 40, fontWeight: 500, letterSpacing: -1, lineHeight: 46 }
+    },
+    type: { wordmark: "Wordmark 18", small: "Small 13", meta: "Meta 14", title: "Title 20", lead: "Lead 24", body: "Body 17", display: "Display 72", displaySmall: "Display 40" },
+    projects: WORK,
+    go: "DEPTH_PUSH",
+    back: "DEPTH_PULL",
+    links: [["work", "FILMS"], ["studio", "BIO"]],
+    lead: { kicker: "DIRECTOR OF PHOTOGRAPHY \xB7 LONDON", headline: "Light for stories told at night.", intro: "Theo Marsh shoots features, shorts, music videos and commercials, mostly after dark." },
+    grid: { cols: 2, gap: 24, ratio: 0.5625, radius: 4, meta: "{{item.client}} \xB7 {{item.year}}", tablet: 1 },
+    project: { ratio: 0.5625, kicker: "FILM", more: { cols: 3, ratio: 0.5625, label: "MORE FILMS" } },
+    studio: {
+      statement: "I make pictures with whatever light is already there, and a little more.",
+      about: "Twelve years behind the camera: assistant on features in London, then DP on shorts that went to Berlin, Rotterdam and Sundance. I own a full anamorphic package and work with the same gaffer on everything.",
+      picture: "depth-02",
+      ratio: 0.42,
+      services: ["Features and shorts", "Music videos", "Commercials", "Camera package with crew"],
+      clients: "Low Hum Pictures, North Sea Films, Arcadia Records, Halcyon Hotels, Vellum Motors and City Ballet.",
+      contact: "Represented by Frame Agency."
+    },
+    elsewhere: "VIMEO \xB7 IMDB \xB7 INSTAGRAM"
+  })
+});
+
+export {
+  portfolio_depth_tunnel_default
+};

package/dist/chunks/chunk-KYUDWSL4.js

@@ -0,0 +1,33 @@
+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 {
+  noir_landing_default
+} from "./chunk-CD5RHRAZ.js";
+import {
+  noir_case_file_default
+} from "./chunk-GTIKKAWK.js";
+import {
+  noir_feature_post_default
+} from "./chunk-2DYIKSPK.js";
+import {
+  noir_case_reel_default
+} from "./chunk-PCY3U3ID.js";
+import {
+  noir_header_default
+} from "./chunk-USOLP5YM.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/themes/noir.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [noir_case_reel_default, noir_landing_default, noir_feature_post_default, noir_header_default, noir_case_file_default];
+var noir_default = pack;
+
+export {
+  noir_default
+};

package/dist/chunks/chunk-KZ63OUX7.js

@@ -0,0 +1,329 @@
+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 {
+  checkbox,
+  confirms,
+  field,
+  formStyles,
+  select,
+  submit
+} from "./chunk-M6XFQILQ.js";
+import {
+  SITE_CONTENT,
+  SITE_LOOP,
+  SITE_RESTYLE,
+  artBox,
+  disc,
+  fitArt,
+  linkOut,
+  linkTo,
+  ruledRows,
+  section,
+  sectionHead,
+  shape,
+  siteType,
+  sprig,
+  sway
+} from "./chunk-2KO7AWVS.js";
+import {
+  SERIF
+} from "./chunk-PFCHOCEN.js";
+import {
+  compactNav
+} from "./chunk-I2EYNBXR.js";
+import {
+  buttons,
+  nav,
+  page,
+  webResponsive
+} from "./chunk-TF2MO3UA.js";
+import {
+  box,
+  curve3,
+  pt3,
+  rng
+} from "./chunk-6RCDZU4R.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/web/everyday-wedding.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Wedding website with RSVP: orchard";
+var AW = 560;
+var AH = 600;
+var SCHEDULE = [
+  ["Fri 18 June \xB7 6 pm", "Welcome drinks", "The Barn at Hartwell Orchard. Cider from the orchard, small plates, and a fire pit. Come as you are."],
+  ["Sat 19 June \xB7 4 pm", "The ceremony", "Under the old pear tree. It is grass, so leave the stilettos at home. Seats from 3:30."],
+  ["Sat 19 June \xB7 5 pm", "Dinner at the long table", "One table down the orchard row, family style, from Rosa\u2019s kitchen in Healdsburg."],
+  ["Sat 19 June \xB7 8 pm", "Dancing", "In the barn, until midnight. The last shuttle back to town leaves at 12:15."],
+  ["Sun 20 June \xB7 10 am", "Farewell brunch", "On the hotel terrace at the Madrona Inn. Drop in whenever you are up."]
+];
+var TRAVEL = [
+  ["Fly", "Sonoma County Airport (STS)", "Twenty minutes away, direct from Seattle, Portland, LA and Phoenix. San Francisco (SFO) and Oakland are 90 minutes by car."],
+  ["Drive", "Hartwell Orchard, 4180 West Dry Creek Road", "Parking is in the field by the barn. Follow the paper lanterns from the gate."],
+  ["Shuttle", "From both hotels, Saturday only", "Leaves at 3:15 pm, back at 10:30 pm and 12:15 am. No need to drive after a glass of cider."]
+];
+var STAYS = [
+  ["The Madrona Inn", "Healdsburg, 10 minutes away. Rooms held at $289 a night until 1 May: ask for the Calloway\u2013Reyes wedding.", "https://www.example.com/madrona-inn-wedding-block"],
+  ["Dry Creek Cottages", "Six cottages with kitchens, for families and groups. Held until 15 April.", "https://www.example.com/dry-creek-cottages-wedding"]
+];
+var REGISTRY = [
+  ["A honeymoon in Oaxaca", "Three weeks, one cooking class a week, and as many tlayudas as we can eat.", "https://www.example.com/iris-and-tomas/honeymoon"],
+  ["Our home registry", "A short list of good, lasting things for our first kitchen together.", "https://www.example.com/iris-and-tomas/home"],
+  ["Russian River Land Trust", "If you would rather give to the valley that is hosting us, this is the one we love.", "https://www.example.com/iris-and-tomas/give"]
+];
+var QUESTIONS = [
+  ["Can I bring a plus-one?", "If your invitation says \u201Cand guest\u201D, yes. We have kept the numbers small, so we cannot add more."],
+  ["Are children welcome?", "Yes, all of them. There is a babysitter in the farmhouse from 7 pm with films and pyjamas."],
+  ["What should I wear?", "Garden formal. It is on grass and it cools quickly after sunset, so bring a layer."],
+  ["Is there parking?", "Plenty, in the field by the barn. Or take the shuttle from the Madrona Inn and Dry Creek Cottages."],
+  ["When do I need to reply?", "By Saturday 1 May, please, so Rosa knows how many to cook for."],
+  ["Will it be outside?", "The ceremony and dinner are. If it rains, the barn is ready and the dinner moves in."]
+];
+var cues = [
+  { layer: "Nav", preset: "fade-in", at: 0, params: { duration: 500 } },
+  { layer: "Art", preset: "fade-in", at: 100, params: { duration: 900 } },
+  { layer: "Eyebrow", preset: "rise-in", at: 250, params: { duration: 600 } },
+  { layer: "Headline", preset: "blur-in", at: 350, params: { duration: 1e3, amount: 20 } },
+  { layer: "Lead", preset: "rise-in", at: 900, params: { duration: 700 } },
+  { layer: ["CTA primary", "CTA quiet"], preset: "rise-in", at: 1200, params: { duration: 600 }, stagger: { delay: 140 } }
+];
+function hill(y, ys) {
+  const pts = ys.map((d, i) => ({ x: -40 + (AW + 80) * i / (ys.length - 1), y: y + d }));
+  const top = curve3(pts, 0.25);
+  return { closed: true, points: [...top.points, pt3(AW + 40, AH + 20), pt3(-40, AH + 20)] };
+}
+function orchard(k, art) {
+  const sun = shape(k, art, [disc(400, 250, 64)], "sun", { name: "Sun" });
+  const halo = shape(k, art, [disc(400, 250, 120)], "sun", { name: "Sun halo", opacity: 0.28 });
+  sway(k, halo, "opacity", 0.1, SITE_LOOP, 1);
+  void sun;
+  shape(k, art, [hill(300, [30, 0, 18, -10, 24, 6])], "hillFar", { name: "Hill far" });
+  const r = rng(5), canopies = [], trunks = [];
+  for (let row = 0; row < 4; row++) {
+    const y = 350 + row * 34, size = 9 + row * 4;
+    for (let x = -10 + row % 2 * 24; x < AW + 20; x += 34 + row * 12) {
+      canopies.push(disc(x, y - size, size * (1 + r() * 0.15), size * 0.85));
+      trunks.push(box(x - 1.5, y - size * 0.2, 3, size * 0.7));
+    }
+  }
+  shape(k, art, [hill(340, [10, -6, 12, 0, -8, 14])], "hillMid", { name: "Hill middle" });
+  shape(k, art, trunks, "trunk", { name: "Orchard trunks" });
+  const rows = shape(k, art, canopies, "leaf", { name: "Orchard rows" });
+  sway(k, rows, "translateX", 1.5, SITE_LOOP, 2);
+  shape(k, art, [hill(470, [26, 4, -12, 0, 14, 30])], "hillNear", { name: "Hill near" });
+  shape(k, art, [{ closed: true, points: [pt3(92, 600), pt3(104, 420), pt3(80, 330), pt3(96, 326), pt3(118, 400), pt3(140, 340), pt3(152, 346), pt3(126, 430), pt3(132, 600)] }], "trunk", { name: "Pear trunk" });
+  const crown = [], light = [];
+  [[60, 300, 70], [130, 270, 78], [190, 320, 58], [30, 360, 48], [110, 350, 60], [176, 380, 40]].forEach(([x, y, s], i) => (i % 2 ? light : crown).push(disc(x, y, s, s * 0.82)));
+  const c1 = shape(k, art, crown, "leaf", { name: "Pear crown" });
+  const c2 = shape(k, art, light, "leafLight", { name: "Pear crown light" });
+  sway(k, c1, "translateX", 2, SITE_LOOP, 1);
+  sway(k, c2, "translateX", 2.5, SITE_LOOP, 1, 0.2);
+  const blossom = [];
+  const rb = rng(9);
+  for (let i = 0; i < 22; i++) blossom.push(disc(20 + rb() * 200, 250 + rb() * 150, 4 + rb() * 2));
+  shape(k, art, blossom, "blossom", { name: "Pear blossom" });
+  const at = (t) => ({ x: 170 + (AW + 20 - 170) * t, y: 300 + 90 * Math.sin(t * Math.PI) - 60 * t });
+  shape(k, art, [curve3(Array.from({ length: 13 }, (_, i) => at(i / 12)), 0.2)], "wire", { name: "Light wire", strokeWidth: 1.5 });
+  for (let g = 0; g < 3; g++) {
+    const bulbs = [];
+    for (let i = g; i < 15; i += 3) {
+      const p = at((i + 0.5) / 15);
+      bulbs.push(disc(p.x, p.y + 6, 4.5, 6));
+    }
+    const id = shape(k, art, bulbs, "bulb", { name: "Bulbs" });
+    sway(k, id, "opacity", 0.3, SITE_LOOP, 2 + g, g / 3);
+    k.patch(id, { opacity: 0.7 });
+  }
+  shape(k, art, [{ closed: true, points: [pt3(210, 498), pt3(530, 470), pt3(560, 486), pt3(232, 520)] }], "shade", { name: "Table shadow", opacity: 0.35 });
+  shape(k, art, [{ closed: true, points: [pt3(200, 484), pt3(520, 456), pt3(528, 470), pt3(206, 500)] }], "cloth", { name: "Table cloth" });
+  const chairs = [], flames = [];
+  for (let i = 0; i < 9; i++) {
+    const x = 214 + i * 36, y = 484 - i * 3.15;
+    chairs.push(box(x, y - 16, 10, 12), box(x + 4, y + 18, 10, 12));
+    if (i % 2 === 0) flames.push(disc(x + 14, y - 6, 2.4, 4));
+  }
+  shape(k, art, chairs, "trunk", { name: "Chairs" });
+  const fl = shape(k, art, flames, "bulb", { name: "Candles" });
+  sway(k, fl, "opacity", 0.25, SITE_LOOP, 3);
+  const sp = sprig({ x: AW + 10, y: AH - 40 }, { x: AW - 90, y: AH - 120 }, { x: AW - 150, y: AH - 60 }, { leaves: 7, size: 26, seed: 21, berries: 3 });
+  shape(k, art, [sp.stem], "stem", { name: "Sprig stem", strokeWidth: 2 });
+  shape(k, art, sp.light, "leafLight", { name: "Sprig leaves light" });
+  shape(k, art, sp.dark, "leaf", { name: "Sprig leaves" });
+  shape(k, art, sp.berries, "berry", { name: "Sprig berries" });
+  [[250, 120, 0], [330, 60, 0.4], [470, 150, 0.7], [210, 210, 0.2]].forEach(([x, y, ph], i) => {
+    const id = shape(k, art, [disc(x, y, 6, 3.8)], "blossom", { name: "Petal" });
+    k.patch(id, { rotation: 20 + i * 50 });
+    sway(k, id, "translateY", 26, SITE_LOOP, 1, ph);
+    sway(k, id, "translateX", 18, SITE_LOOP, 2, ph);
+  });
+}
+var everyday_wedding_default = defineTemplate({
+  id: "web-everyday-wedding",
+  meta: {
+    name: NAME,
+    description: "A wedding website with an RSVP that works. The hero is an orchard at golden hour, with string lights that twinkle and petals that drift, beside the couple\u2019s names, the date and the place. Then their story with a photo frame, the weekend as a schedule, travel and room blocks that link out to the hotels, the RSVP (name, email, coming or not, guests, meal, diets, a song request) with a thank-you once it is sent, registry links, questions and answers, and a footer. Desktop, laptop, tablet and phone",
+    category: "web",
+    tags: ["wedding", "wedding website", "rsvp", "form", "database", "invitation", "schedule", "travel", "registry", "faq", "orchard", "botanical", "serif", "animation", "responsive", "event"],
+    platforms: ["web"],
+    formats: ["page"],
+    useCases: ["invitation", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  breakpoints: true,
+  motion: { cues },
+  build() {
+    const k = new Kit(NAME, preset("web-desktop"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#FBF7F0", text: "#1F2E26", onPaper: "#4F5C53", primary: "#2F4A3A", onPrimary: "#FBF7F0", card: "#F3E5CC", onCard: "#1F2E26", cardMuted: "#5A5246", panel: "#2F4A3A", onPanel: "#FBF7F0", panelMuted: "#D3DCCF", field: "#FFFFFF", onField: "#5E655F", line: "#DDD2BF" },
+      { name: "Iris & Tom\xE1s" }
+    );
+    k.palette({ sun: "#F2BF5E", hillFar: "#D3C998", hillMid: "#A4AE7A", hillNear: "#71875A", leaf: "#4F6B4A", leafLight: "#8EA383", stem: "#5E6F4F", trunk: "#6B4E3A", berry: "#7A3E3A", blossom: "#F6E3D6", cloth: "#FFFDF7", shade: "#2E3B2A", bulb: "#FFD782", wire: "#3E4A3F" });
+    siteType(k, { ...SERIF, fontWeight: 600 });
+    formStyles(k);
+    buttons(k, { style: "Button 16", pad: [15, 26], radius: 999 });
+    const sheet = k.sheet;
+    page(k, sheet, { gap: 96, top: 28 });
+    k.timeline(sheet, { duration: SITE_LOOP, fps: 30 });
+    nav(k, sheet, { links: ["Our story", "The weekend", "Travel", "Registry"], cta: "Reply by 1 May", 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: 24, name: "Copy" });
+    k.text(copy, "SATURDAY 19 JUNE 2027 \xB7 HEALDSBURG, CALIFORNIA", { style: "Kicker 13", color: "onPaper", name: "Eyebrow" });
+    k.text(copy, "Iris and Tom\xE1s are getting married in the orchard.", { style: "Display 76", color: "text", name: "Headline" });
+    k.text(copy, "Under the old pear tree at Hartwell Orchard, with dinner at one long table and dancing in the barn after. We would love you there. Please reply by Saturday 1 May.", { style: "Lead 20", color: "onPaper", name: "Lead" });
+    const ctas = k.stack(copy, { direction: "HORIZONTAL", gap: 12, wrap: true, name: "CTAs" });
+    const rsvpBtn = k.instance(ctas, "Button", { Label: "RSVP by 1 May" }, { name: "CTA primary" });
+    const travelBtn = k.instance(ctas, "Button quiet", { Label: "Plan your trip" }, { name: "CTA quiet" });
+    const art = artBox(k, hero, AW, AH, { radius: 28 });
+    orchard(k, art);
+    const story = section(k, sheet, "Our story", { direction: "HORIZONTAL", gap: 72, align: "CENTER" });
+    const pic = k.stack(story, { gap: 14, width: "HUG", align: "CENTER", name: "Story picture" });
+    k.photo(pic, 440, 540, { radius: 220, ground: "card", name: "Story photo" });
+    k.text(pic, "Healdsburg square, October 2019", { style: "Small 14", color: "onPaper", autoWidth: true, name: "Story caption" });
+    const storyCopy = k.stack(story, { gap: 20, name: "Story copy" });
+    sectionHead(k, storyCopy, { kicker: "OUR STORY", title: "We met over the last pear at a farmers\u2019 market." });
+    k.text(storyCopy, "It was October 2019 in Healdsburg square. Tom\xE1s had the pear in his hand; Iris asked if he was going to buy it or just hold it. He gave it to her. She still says it was the best pear she has ever eaten.", { style: "Body 17", color: "onPaper", name: "Story text" });
+    k.text(storyCopy, "Seven years, two apartments and one very patient dog later, we are going back to where the pears grow, and we want the people we love around the table.", { style: "Body 17", color: "onPaper", name: "Story text" });
+    const weekend = section(k, sheet, "The weekend");
+    sectionHead(k, weekend, { kicker: "THE WEEKEND", title: "Three days in Dry Creek Valley", aside: "Everything happens at Hartwell Orchard unless it says otherwise. Times are Pacific." });
+    ruledRows(k, weekend, SCHEDULE, { name: "Schedule", labelWidth: 200 });
+    const travel = section(k, sheet, "Travel", { fill: "card", radius: 28, padding: 56 });
+    sectionHead(k, travel, { kicker: "TRAVEL AND STAY", title: "Getting to the orchard", ink: "onCard", muted: "cardMuted" });
+    const cols = k.stack(travel, { direction: "HORIZONTAL", gap: 56, name: "Travel columns" });
+    ruledRows(k, cols, TRAVEL, { name: "Routes", labelWidth: 90, ink: "onCard", muted: "cardMuted" });
+    const stays = k.stack(cols, { gap: 20, width: 440, name: "Stays" });
+    k.text(stays, "Where to stay", { style: "Title 24", color: "onCard", name: "Stays title" });
+    for (const [name, note, url] of STAYS) {
+      const st = k.stack(stays, { gap: 10, padding: 22, fill: "paper", radius: 18, name: "Stay" });
+      k.text(st, name, { style: "Title 20", color: "text", name: "Stay name" });
+      k.text(st, note, { style: "Body 16", color: "onPaper", name: "Stay note" });
+      linkOut(k, k.instance(st, "Button quiet", { Label: "Book the room block" }, { name: "Stay button" }), url);
+    }
+    const rsvp = section(k, sheet, "RSVP", { direction: "HORIZONTAL", gap: 72 });
+    const rsvpCopy = k.stack(rsvp, { gap: 20, name: "RSVP copy" });
+    sectionHead(k, rsvpCopy, { kicker: "RSVP", title: "Will you join us?", aside: "One reply per invitation, please, by Saturday 1 May. If your plans change, send it again: we go by the latest." });
+    k.text(rsvpCopy, "Questions about the day? Write to us at hello@irisandtomas.com.", { style: "Body 16", color: "onPaper", name: "RSVP note" });
+    const card = k.stack(rsvp, { width: 560, gap: 16, fill: "card", radius: 24, padding: 32, name: "RSVP card" });
+    const form = k.stack(card, { gap: 14, name: "RSVP form" });
+    field(k, form, { card: true, label: "Your names", name: "names", placeholder: "Jo and Sam Bell", required: true });
+    field(k, form, { card: true, label: "Email", name: "email", placeholder: "jo@example.com", type: "email", required: true });
+    const row = k.stack(form, { direction: "HORIZONTAL", gap: 12, name: "Coming and guests" });
+    select(k, row, { card: true, label: "Coming?", name: "coming", options: ["Joyfully, yes", "Sadly, no"] });
+    select(k, row, { card: true, label: "How many?", name: "guests", options: ["One", "Two", "Three", "Four"] });
+    select(k, form, { card: true, label: "Dinner", name: "meal", options: ["Lamb with salsa verde", "Halibut with charred lemon", "Squash and ricotta (vegetarian)", "A plate for a child"] });
+    field(k, form, { card: true, label: "Anything we should know?", name: "dietary", placeholder: "Allergies, access, a high chair", multiline: true });
+    field(k, form, { card: true, label: "A song that will get you dancing", name: "song", placeholder: "September, Earth, Wind & Fire" });
+    checkbox(k, form, { card: true, label: "We will take the shuttle on Saturday", name: "shuttle" });
+    submit(k, form, "Send our reply");
+    confirms(k, card, form, { title: "Thank you. We have your reply.", body: "We cannot wait to see you in the orchard. If anything changes, send the form again.", titleStyle: "Thanks 24", bodyStyle: "Field 16", card: true });
+    const registry = section(k, sheet, "Registry");
+    sectionHead(k, registry, { kicker: "REGISTRY", title: "Your being there is the gift", aside: "If you would like to give something as well, here is what we have chosen. Each link opens in a new tab." });
+    const gifts = k.stack(registry, { direction: "HORIZONTAL", wrap: true, gap: 24, name: "Gifts" });
+    for (const [name, note, url] of REGISTRY) {
+      const g = k.stack(gifts, { gap: 12, padding: 28, radius: 20, stroke: { color: "line", width: 1.5, align: "INSIDE" }, name: "Gift" });
+      k.text(g, name, { style: "Title 24", color: "text", name: "Gift name" });
+      k.text(g, note, { style: "Body 16", color: "onPaper", name: "Gift note" });
+      linkOut(k, k.instance(g, "Button quiet", { Label: "Open the registry" }, { name: "Gift button" }), url);
+    }
+    const faq = section(k, sheet, "Questions");
+    sectionHead(k, faq, { kicker: "QUESTIONS", title: "Good to know" });
+    const qs = k.stack(faq, { direction: "HORIZONTAL", wrap: true, gap: 40, name: "Answers" });
+    for (const [q, a] of QUESTIONS) {
+      const item = k.stack(qs, { gap: 8, name: "Answer" });
+      k.text(item, q, { style: "Title 20", color: "text", name: "Question" });
+      k.text(item, a, { style: "Body 16", color: "onPaper", name: "Answer text" });
+    }
+    const foot = k.stack(sheet, { gap: 10, align: "CENTER", padding: { top: 48, right: 0, bottom: 24, left: 0 }, fill: "panel", radius: 28, name: "Footer" });
+    k.text(foot, "Iris & Tom\xE1s", { style: "Section 46", color: "onPanel", align: "CENTER", width: "FILL", name: "Footer names" });
+    k.text(foot, "19 June 2027 \xB7 Hartwell Orchard, Healdsburg", { style: "Body 17", color: "panelMuted", align: "CENTER", width: "FILL", name: "Footer line" });
+    k.text(foot, "hello@irisandtomas.com", { style: "Small 14", color: "panelMuted", align: "CENTER", width: "FILL", name: "Footer email" });
+    linkTo(k, rsvpBtn, rsvp);
+    linkTo(k, travelBtn, travel);
+    for (const b of k.named(sheet, "Nav button")) linkTo(k, b, rsvp);
+    for (const c of k.named(sheet, "Gift")) k.patch(c, { layoutSizingHorizontal: "FIXED", width: Math.floor((SITE_CONTENT.desktop - 48) / 3) });
+    for (const c of k.named(sheet, "Answer")) k.patch(c, { layoutSizingHorizontal: "FIXED", width: Math.floor((SITE_CONTENT.desktop - 40) / 2) });
+    k.cues(sheet, cues);
+    webResponsive(k, sheet, {
+      stack: ["Hero", "Our story", "Travel columns", "RSVP"],
+      stackMobile: ["Row", "Coming and guests"],
+      restyle: { ...SITE_RESTYLE },
+      gap: { tablet: 80, mobile: 64 },
+      tweak: (kit, id, size) => {
+        const inside = SITE_CONTENT[size === "mobile" ? "mobile" : size === "tablet" ? "tablet" : "laptop"];
+        const each = (name, props) => {
+          for (const n of kit.named(id, name)) kit.patch(n, props);
+        };
+        if (size === "laptop") {
+          each("Hero", { itemSpacing: 48 });
+          each("Our story", { itemSpacing: 48 });
+          each("RSVP", { itemSpacing: 48 });
+          each("Stays", { width: 400 });
+        }
+        if (size === "tablet" || size === "mobile") {
+          each("Hero", { itemSpacing: 40 });
+          each("Our story", { itemSpacing: 36 });
+          each("RSVP", { itemSpacing: 32 });
+          each("Travel columns", { itemSpacing: 40 });
+          each("RSVP card", { layoutSizingHorizontal: "FILL" });
+          each("Stays", { layoutSizingHorizontal: "FILL" });
+          each("Travel", { padding: size === "mobile" ? { top: 32, right: 20, bottom: 32, left: 20 } : { top: 44, right: 40, bottom: 44, left: 40 } });
+        }
+        if (size === "tablet") compactNav(kit, id, ["Our story", "Registry"]);
+        if (size === "mobile") {
+          each("Row", { itemSpacing: 6 });
+          each("RSVP card", { padding: { top: 22, right: 18, bottom: 22, left: 18 } });
+        }
+        fitArt(kit, id, AW, AH, inside);
+        const cols2 = size === "mobile" ? 1 : size === "tablet" ? 1 : 3;
+        for (const g of kit.named(id, "Gifts")) for (const c of kit.named(g, "Gift")) kit.patch(c, { layoutSizingHorizontal: "FIXED", width: Math.floor((inside - 24 * (cols2 - 1)) / cols2) });
+        const qc = size === "mobile" ? 1 : 2;
+        for (const g of kit.named(id, "Answers")) for (const c of kit.named(g, "Answer")) kit.patch(c, { layoutSizingHorizontal: "FIXED", width: Math.floor((inside - 40 * (qc - 1)) / qc) });
+        const ph = size === "mobile" ? [335, 400] : size === "tablet" ? [440, 520] : [400, 500];
+        for (const p of kit.named(id, "Story photo")) {
+          kit.patch(p, { width: ph[0], height: ph[1] });
+          for (const c of kit.node(p).childIds) kit.patch(c, { width: ph[0], height: ph[1], cornerRadius: ph[0] / 2 });
+        }
+      }
+    });
+    return k.finish();
+  }
+});
+
+export {
+  everyday_wedding_default
+};

package/dist/chunks/chunk-KZSYS3YN.js

@@ -0,0 +1,38 @@
+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 {
+  defineDeck
+} from "./chunk-ZHEVVPRY.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/slides/agenda.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var agenda_default = defineDeck({
+  id: "motion-slide-agenda",
+  meta: {
+    name: "Animated agenda",
+    description: "A 16:9 agenda slide whose numbered items slide in one after another \u2014 a staggered running order for a meeting or talk",
+    category: "animation",
+    tags: ["animation", "agenda", "stagger", "slides", "meeting", "presentation"],
+    platforms: ["slides"],
+    formats: ["slide-deck"],
+    useCases: ["planning", "report"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  colors: { accent: "#9C2C77", onAccent: "#FFFFFF", paper: "#FFFFFF", text: "#1E1B2E", onPaper: "#57536B" },
+  fields: { company: "Tidewater Credit Union" },
+  slides: [
+    { kind: "agenda", name: "Agenda", heading: "Today\u2019s all-hands", items: ["Where the quarter landed", "Member stories from the branches", "The new mobile app, live", "Branch hours from January", "Your questions"] }
+  ]
+});
+
+export {
+  agenda_default
+};

package/dist/chunks/chunk-L265KFQG.js

@@ -0,0 +1,157 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  PANE_ART,
+  VITRINE,
+  aurora,
+  body,
+  chip,
+  code,
+  display,
+  figure,
+  fitAurora,
+  float,
+  glassBrand,
+  label,
+  lightTrack,
+  lockup,
+  pane,
+  paneArt,
+  paneTrack,
+  passThrough,
+  sheen,
+  sitePill,
+  swell,
+  ts
+} from "./chunk-4AIMQKSC.js";
+import {
+  board,
+  hide,
+  reboard,
+  restyle
+} from "./chunk-YHBAWSDX.js";
+import {
+  postVariants
+} from "./chunk-LEKU2ZW3.js";
+import {
+  defineTemplate
+} from "./chunk-YKWT2Q3P.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SHOYVADV.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-FFS4SO7R.js";
+
+// templates/src/social/style-glass-announcement.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Glass SaaS announcement post";
+var LOOP = 8e3;
+var BEAM = 900;
+var TRAVEL = 2200;
+var LEAVE = 6200;
+var cues = [
+  { layer: "Site plate", preset: "pulse", at: 4200, params: { duration: 1600, amount: 0.04 } }
+];
+var style_glass_announcement_default = defineTemplate({
+  id: "social-saas-style-glass-announcement",
+  meta: {
+    name: NAME,
+    description: "An eight-second looping announcement post in the glass look for a new AI-agent guardrail feature: the message on smoked glass from the first frame, four panes of glass a beam of light crosses and stops at, chips that light in step, a travelling highlight and a slow aurora in teal, ocean blue and amber. Square with 4:5 and 9:16 cuts",
+    category: "social",
+    tags: ["social", "post", "announcement", "feature", "launch", "saas", "glass", "glassmorphism", "aurora", "shader", "ai", "security", "loop", "animation", "instagram", "linkedin"],
+    platforms: ["instagram", "linkedin", "x", "threads"],
+    formats: ["post", "portrait-post", "story"],
+    useCases: ["announcement", "launch", "changelog"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  motion: { cues, loop: true },
+  build() {
+    const k = new Kit(NAME, preset("ig-post"));
+    k.quantizeGeometry = true;
+    glassBrand(k);
+    ts(k, "Brand 30", display(30));
+    ts(k, "Kicker 24", code(24));
+    ts(k, "Head 92", display(92, { lead: 1.02 }));
+    ts(k, "Head 104", display(116, { lead: 1.02 }));
+    ts(k, "Sub 32", body(32));
+    ts(k, "Track 22", label(22));
+    ts(k, "Site 26", code(26));
+    ts(k, "Card 22", label(22));
+    ts(k, "Figure 60", figure(60));
+    ts(k, "Mono 24", code(24));
+    ts(k, "Card 30", label(30));
+    ts(k, "Figure 84", figure(84));
+    ts(k, "Mono 32", code(32));
+    ts(k, "Track 30", label(30));
+    ts(k, "Sub 38", body(38));
+    sitePill(k, { style: "Site 26", label: "{{brand.site}}/spend" });
+    const sheet = k.sheet;
+    k.nameSheet(sheet, "Announcement");
+    k.flowSheet(sheet, 26, 72, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    k.timeline(sheet, { duration: LOOP, fps: 30 });
+    const sky = aurora(k, sheet, { duration: LOOP });
+    swell(k, sky, BEAM + TRAVEL - 300, 1e3, 3e3);
+    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top row" });
+    lockup(k, top, { size: 48, style: "Brand 30" });
+    chip(k, top, `New in ${VITRINE.version}`, { style: "Kicker 24", dot: "stop", name: "New chip", pad: [10, 18] });
+    const head = pane(k, sheet, { gap: 14, padding: { top: 34, right: 40, bottom: 38, left: 40 }, radius: 32, name: "Head plate" });
+    k.text(head, "Spend panes\nare here.", { style: "Head 92", color: "onGlass", name: "Headline" });
+    k.text(head, "Cap what any agent can spend: per call, per day, per customer.", { style: "Sub 32", color: "glassMuted", name: "Sub" });
+    sheen(k, head, 936, 380, [BEAM + TRAVEL + 200]);
+    const card = pane(k, sheet, { gap: 14, padding: 32, radius: 28, name: "Limit card" });
+    k.text(card, `SPEND PANE \xB7 ${VITRINE.agent.toUpperCase()}`, { style: "Card 22", color: "glassMuted", name: "Card label" });
+    const figs = k.stack(card, { direction: "HORIZONTAL", gap: 40, name: "Card figures" });
+    for (const [v, l] of [[VITRINE.limit, "a call"], ["$5,000", "a day"]]) {
+      const c = k.stack(figs, { gap: 2, width: "HUG", name: "Card cell" });
+      k.text(c, v, { style: "Figure 60", color: "onGlass", autoWidth: true, name: "Card figure" });
+      k.text(c, l, { style: "Mono 24", color: "glassMuted", autoWidth: true, name: "Card unit" });
+    }
+    k.text(card, `${VITRINE.tool}  ${VITRINE.amount} \xB7 stopped at Spend`, { style: "Mono 24", color: "stop", name: "Card call" });
+    const stage = k.stack(sheet, { gap: 18, align: "CENTER", name: "Panes" });
+    const art = paneArt(k, board(k, stage, PANE_ART.w, PANE_ART.h, 0.66, "Pane board"), { name: "Pane art" });
+    const footRow = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", wrap: true, name: "Foot row" });
+    const dots = paneTrack(k, footRow, { style: "Track 22", pad: [9, 16] });
+    passThrough(k, art, BEAM, { travel: TRAVEL, leave: LEAVE });
+    lightTrack(k, dots, art, BEAM, { travel: TRAVEL, leave: LEAVE });
+    float(k, k.node(art.root).parentId, LOOP, { amp: 6, phase: 0.2 });
+    float(k, head, LOOP, { amp: 3, phase: 0.7 });
+    k.instance(footRow, "Site pill", { Label: "{{brand.site}}/spend" }, { name: "Site plate" });
+    const foot = paneArt(k, board(k, sheet, PANE_ART.w, PANE_ART.h, 1.08, "Foot board", { absolute: { x: 22, y: 1420 } }), { name: "Foot art" });
+    passThrough(k, foot, BEAM, { travel: TRAVEL, leave: LEAVE });
+    k.cues(sheet, cues);
+    k.variants(sheet, postVariants({ portrait: 72 }, {
+      portrait: (kit, id) => {
+        fitAurora(kit, id);
+        hide(kit, id, ["Limit card", "Foot board stage"]);
+        reboard(kit, id, "Pane board", 0.9);
+      },
+      vertical: (kit, id) => {
+        fitAurora(kit, id);
+        restyle(kit, id, "Headline", "Head 104");
+        restyle(kit, id, "Sub", "Sub 38");
+        restyle(kit, id, "Card label", "Card 30");
+        restyle(kit, id, "Card figure", "Figure 84");
+        for (const n of ["Card unit", "Card call"]) restyle(kit, id, n, "Mono 32");
+        restyle(kit, id, "Track chip words", "Track 30");
+        hide(kit, id, ["Pane board stage"]);
+        for (const b of kit.named(id, "Foot board stage")) kit.patch(b, { visible: true, x: 22, y: 1420 });
+      }
+    }));
+    k.setCover(sheet);
+    hide(k, sheet, ["Limit card", "Foot board stage"]);
+    return k.finish();
+  }
+});
+
+export {
+  style_glass_announcement_default
+};