@popcraft/kit 0.53.6 → 0.53.8

package/dist/chunks/chunk-XFSPCWQ2.js

@@ -1,200 +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 {
-  useEditorStore
-} from "./chunk-NU76YFXE.js";
-import {
-  announce
-} from "./chunk-DV7XWPVL.js";
-import {
-  create
-} from "./chunk-QLJLPV5R.js";
-import {
-  t
-} from "./chunk-CHJBZFDR.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// lib/collab/presence.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/a11y/status-announcements.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function presenceChanges(prev, next) {
-  const before = new Map(prev.map((p) => [p.id, p.name]));
-  const after = new Map(next.map((p) => [p.id, p.name]));
-  const out = [];
-  for (const [id, name] of after) if (!before.has(id)) out.push(t("a11y.personJoined", { name }));
-  for (const [id, name] of before) if (!after.has(id)) out.push(t("a11y.personLeft", { name }));
-  return out;
-}
-function announcePresence(subscribe) {
-  let last = null;
-  return subscribe((people) => {
-    if (last) for (const m of presenceChanges(last, people)) announce(m);
-    last = people;
-  });
-}
-
-// lib/collab/presence.ts
-var PALETTE = ["#F24E1E", "#FF7262", "#A259FF", "#1ABCFE", "#0ACF83", "#F5A623", "#E84393", "#00B8D9", "#6554C0", "#36B37E"];
-function colorFor(id) {
-  let h = 0;
-  for (let i = 0; i < id.length; i++) h = h * 31 + id.charCodeAt(i) >>> 0;
-  return PALETTE[h % PALETTE.length];
-}
-var usePresence = create((set) => ({
-  peers: [],
-  selfClientId: null,
-  following: null,
-  dismissedSpotlight: null,
-  setFollowing: (following) => {
-    set({ following });
-    updateLocal({ following });
-  },
-  dismissSpotlight: (dismissedSpotlight) => set({ dismissedSpotlight, following: null })
-}));
-var awareness = null;
-function updateLocal(patch) {
-  if (!awareness) return;
-  const cur = awareness.getLocalState();
-  if (!cur) return;
-  awareness.setLocalState({ ...cur, ...patch });
-}
-var CURSOR_SEND_MS = 100;
-var VIEWPORT_SEND_MS = 250;
-var cursorTimer = null;
-var pendingCursor = null;
-var sentCursor = null;
-function sendCursor() {
-  cursorTimer = null;
-  const next = pendingCursor;
-  const prev = sentCursor;
-  const zoom = useEditorStore.getState().camera.zoom || 1;
-  if (next && prev && next.page === prev.page && Math.hypot(next.x - prev.x, next.y - prev.y) * zoom < 2) return;
-  if (!next && !prev) return;
-  sentCursor = next;
-  updateLocal({ cursor: next });
-}
-function setPresenceCursor(world) {
-  if (!awareness) return;
-  pendingCursor = world ? { ...world, page: useEditorStore.getState().currentPageId } : null;
-  if (!cursorTimer) cursorTimer = setTimeout(sendCursor, CURSOR_SEND_MS);
-}
-var EMOTE_MS = 2500;
-function sendEmote(emoji) {
-  const at = Date.now();
-  updateLocal({ emote: { emoji, at } });
-  setTimeout(() => {
-    if (awareness?.getLocalState()?.emote?.at === at) updateLocal({ emote: null });
-  }, EMOTE_MS + 200);
-}
-function setPresencePrivate(on) {
-  updateLocal({ privateMode: on });
-}
-function setSpotlight(on) {
-  updateLocal({ spotlight: on });
-}
-function localPresence() {
-  return awareness?.getLocalState() ?? null;
-}
-function attachPresence(aw, user, canvasSize) {
-  awareness = aw;
-  const st = useEditorStore.getState();
-  aw.setLocalState({
-    user: { ...user, color: colorFor(user.id) },
-    cursor: null,
-    selection: st.selection,
-    viewport: { ...st.camera, ...canvasSize(), page: st.currentPageId },
-    emote: null,
-    privateMode: !!st.privateMode,
-    spotlight: false,
-    following: null
-  });
-  usePresence.setState({ selfClientId: aw.clientID });
-  sentCursor = null;
-  let viewTimer = null;
-  const unsubStore = useEditorStore.subscribe((s, p) => {
-    if (s.selection !== p.selection) updateLocal({ selection: s.selection });
-    if (s.camera !== p.camera || s.currentPageId !== p.currentPageId) {
-      if (viewTimer) return;
-      viewTimer = setTimeout(() => {
-        viewTimer = null;
-        const now = useEditorStore.getState();
-        updateLocal({ viewport: { ...now.camera, ...canvasSize(), page: now.currentPageId } });
-      }, VIEWPORT_SEND_MS);
-    }
-  });
-  const onChange = (_changes, origin) => {
-    if (origin === "local") return;
-    const peers = [];
-    for (const [clientId, state] of aw.getStates()) {
-      if (clientId === aw.clientID || !state?.user) continue;
-      peers.push({ clientId, ...state });
-    }
-    usePresence.setState({ peers });
-    followPeers(peers);
-    if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("popcraft-render-chrome"));
-  };
-  const stopAnnouncing = announcePresence((fn) => usePresence.subscribe((s, p) => {
-    if (s.peers !== p.peers) fn([...new Map(s.peers.map((peer) => [peer.user.id, { id: peer.user.id, name: peer.user.name }])).values()]);
-  }));
-  aw.on("change", onChange);
-  onChange();
-  return () => {
-    stopAnnouncing();
-    unsubStore();
-    aw.off("change", onChange);
-    if (awareness === aw) awareness = null;
-    usePresence.setState({ peers: [], selfClientId: null, following: null });
-  };
-}
-var lastFollowCamera = null;
-function followPeers(peers) {
-  const { following, dismissedSpotlight } = usePresence.getState();
-  const spotlighter = peers.find((p) => p.spotlight);
-  if (spotlighter && dismissedSpotlight !== spotlighter.clientId && following !== spotlighter.clientId) {
-    usePresence.setState({ following: spotlighter.clientId });
-  }
-  const target = peers.find((p) => p.clientId === usePresence.getState().following);
-  if (!target?.viewport) {
-    if (following !== null && !peers.some((p) => p.clientId === following)) usePresence.setState({ following: null });
-    return;
-  }
-  const editor = useEditorStore.getState();
-  const v = target.viewport;
-  if (v.page !== editor.currentPageId && editor.document.nodes[v.page]) editor.setCurrentPage?.(v.page);
-  const mine = typeof window !== "undefined" ? document.querySelector("canvas")?.clientWidth ?? v.width : v.width;
-  const zoom = v.zoom * (mine / Math.max(1, v.width));
-  const camera = { x: v.x, y: v.y, zoom };
-  lastFollowCamera = camera;
-  useEditorStore.setState({ camera });
-}
-if (typeof window !== "undefined") {
-  useEditorStore.subscribe((s, p) => {
-    if (s.camera === p.camera || s.camera === lastFollowCamera) return;
-    const { following, peers } = usePresence.getState();
-    if (following === null) return;
-    const target = peers.find((pe) => pe.clientId === following);
-    usePresence.setState({ following: null, dismissedSpotlight: target?.spotlight ? following : usePresence.getState().dismissedSpotlight });
-    updateLocal({ following: null });
-  });
-}
-if (typeof module !== "undefined") module.hot?.decline();
-
-export {
-  colorFor,
-  usePresence,
-  setPresenceCursor,
-  EMOTE_MS,
-  sendEmote,
-  setPresencePrivate,
-  setSpotlight,
-  localPresence,
-  attachPresence
-};

package/dist/chunks/chunk-XG3N3MTA.js

@@ -1,77 +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 {
-  standardPortfolio
-} from "./chunk-WRWOVQGW.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/web/portfolio-case-folio.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var WORK = [
-  { title: "Fieldnotes Coffee", client: "Fieldnotes Roasters", year: "2026", kind: "Brand identity \xB7 Packaging", cover: "folio-00", summary: "A coffee brand that reads like a farmer\u2019s notebook: every bag says where, who and when.", story: "We built the identity around a handwritten tasting card that changes with each lot. The bag system prints on demand, so a new harvest needs no new plates.", credits: "Identity, packaging, print production \u2014 Juno Park" },
-  { title: "Riso Nights", client: "The Paper Room", year: "2026", kind: "Poster series", cover: "folio-01", summary: "Twelve risograph posters for a year of late-night print workshops.", story: "Two drums, two colours, one rule: every poster is printed in the workshop it announces. The series became the venue\u2019s house style.", credits: "Design, printing \u2014 Juno Park" },
-  { title: "Kin banking app", client: "Kin Credit Union", year: "2025", kind: "Product design \xB7 iOS and Android", cover: "folio-02", summary: "A banking app for a credit union whose members are mostly over sixty.", story: "Large type, one action per screen and a weekly letter that explains the account in words. Calls to support fell by a third in the first quarter.", credits: "Product design, research \u2014 Juno Park \xB7 Engineering \u2014 Kin" },
-  { title: "Bloom skincare", client: "Bloom Botanics", year: "2025", kind: "Packaging \xB7 Art direction", cover: "folio-03", summary: "Soft ceramic bottles and a photo style lit by shadows of palm leaves.", story: "The bottles are refillable at the counter; the labels are printed on the ceramic so nothing peels. I art-directed the launch shoot and the shelf talkers.", credits: "Packaging, art direction \u2014 Juno Park \xB7 Photography \u2014 Ama Osei" },
-  { title: "Orbit bikes", client: "Orbit Cycles", year: "2024", kind: "Brand identity", cover: "folio-04", summary: "An orange city bike, a round logo and a showroom that is mostly wall.", story: "One colour does the work: Orbit orange on frames, signs and the shop\u2019s back wall. The logo is a wheel seen from the side, drawn to be stamped into metal.", credits: "Identity, environmental graphics \u2014 Juno Park" },
-  { title: "Read Here", client: "Eastside Public Library", year: "2024", kind: "Rebrand \xB7 Merchandise", cover: "folio-05", summary: "A rebrand for a public library, its tote bags and its enamel pins.", story: "The library asked for something its readers would wear. The pins sold out twice; the new card sign-ups doubled over the summer.", credits: "Identity, merchandise \u2014 Juno Park" },
-  { title: "Cellar labels", client: "Domaine Vasse", year: "2023", kind: "Label design", cover: "folio-06", summary: "A wine label series in bold geometric shapes, one shape per grape.", story: "Each grape has its own shape and the vintage is the colour, so a shelf reads like a chart. Printed with a single foil on black stock.", credits: "Label design \u2014 Juno Park" },
-  { title: "This Way", client: "Harbour Museum", year: "2023", kind: "Wayfinding", cover: "folio-07", summary: "A yellow wayfinding system for a museum in an old grain store.", story: "Signs hang from the original beams and read from both sides. Every gallery has a number you can see from the door.", credits: "Wayfinding, signage \u2014 Juno Park \xB7 Fabrication \u2014 Signworks" }
-];
-var portfolio_case_folio_default = defineTemplate({
-  id: "web-portfolio-case-folio",
-  meta: {
-    name: "Case study folio",
-    description: "A brand and product designer\u2019s portfolio in the style of design platforms: white cards with a hairline two across, a case-study page per project with the brief, the picture, the story and credits, and an about page. The projects are a collection you edit as a table. Desktop, tablet and phone",
-    category: "web",
-    tags: ["portfolio", "case studies", "designer", "brand identity", "behance", "cards", "cms", "website", "responsive"],
-    platforms: ["web"],
-    formats: ["page"],
-    useCases: ["portfolio", "case-study"],
-    created: "2026-10-05",
-    updated: "2026-10-05"
-  },
-  breakpoints: true,
-  build: () => standardPortfolio({
-    name: "Case study folio",
-    brand: { paper: "#FFFFFF", text: "#191919", onPaper: "#626262", primary: "#0057FF", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#191919", cardMuted: "#626262", line: "#E4E4E4" },
-    fields: { name: "Juno Park", email: "juno@junopark.design" },
-    styles: {
-      "Wordmark 18": { size: 18, fontWeight: 800, letterSpacing: -0.4, lineHeight: 24 },
-      "Small 14": { size: 14, fontWeight: 500, lineHeight: 20 },
-      "Meta 14": { size: 14, fontWeight: 400, lineHeight: 20 },
-      "Title 18": { size: 18, fontWeight: 700, letterSpacing: -0.2, lineHeight: 26 },
-      "Body 17": { size: 17, fontWeight: 400, lineHeight: 28 },
-      "Display 56": { size: 56, fontWeight: 800, letterSpacing: -1.8, lineHeight: 62 },
-      "Display 36": { size: 36, fontWeight: 800, letterSpacing: -1, lineHeight: 42 }
-    },
-    type: { wordmark: "Wordmark 18", small: "Small 14", meta: "Meta 14", title: "Title 18", body: "Body 17", display: "Display 56", displaySmall: "Display 36" },
-    projects: WORK,
-    links: [["work", "Work"], ["studio", "About"]],
-    lead: { kicker: "Brand and product designer \xB7 Seoul and remote", headline: "I make brands people keep in their kitchen, their wallet and their tote bag.", intro: "Juno Park designs identities, packaging and apps for small companies with something real to sell. Eight years, forty clients, one desk." },
-    grid: { cols: 2, gap: 32, ratio: 0.66, radius: 10, card: { fill: "card", pad: 12, radius: 16, stroke: "line" }, meta: "{{item.kind}}" },
-    project: { ratio: 0.62, center: true, kicker: "Case study", more: { cols: 3, ratio: 0.66, label: "More case studies" } },
-    studio: {
-      statement: "Hello \u2014 I am Juno, a designer of brands and the things they come in.",
-      about: "I work with founders directly, from the first sketch to the printer\u2019s proof. Most projects take eight to twelve weeks; I take three a season so each one gets the attention it needs.",
-      picture: "folio-01",
-      ratio: 0.4,
-      services: ["Brand identity", "Packaging and print", "Product design for apps", "Art direction"],
-      clients: "Fieldnotes Roasters, Kin Credit Union, Bloom Botanics, Orbit Cycles, Eastside Public Library, Domaine Vasse and the Harbour Museum.",
-      contact: "Taking on two new projects for early 2027."
-    },
-    elsewhere: "Behance \xB7 Dribbble \xB7 Instagram"
-  })
-});
-
-export {
-  portfolio_case_folio_default
-};

package/dist/chunks/chunk-XHFLH65C.js

@@ -1,95 +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 {
-  KITTY,
-  blink,
-  coin,
-  jar,
-  lockup,
-  mochi,
-  pastelBrand,
-  pastelButton,
-  pillowCard,
-  softGround,
-  ts,
-  wave
-} from "./chunk-RXOLGFHM.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-G3SUQ3V3.js";
-import {
-  hz
-} from "./chunk-CLQ3FUJI.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit
-} from "./chunk-4G7VHQUV.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/email/style-pastel-header.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Pastel SaaS email header";
-var DURATION = 6e3;
-var cues = [
-  { layer: "Open button", preset: "pulse", at: 2400, params: { duration: 600, amount: 0.05 } }
-];
-var style_pastel_header_default = defineTemplate({
-  id: "email-saas-style-pastel-header",
-  meta: {
-    name: `${NAME} (animated GIF)`,
-    description: "A 600 \xD7 300 animated header for a product-news email in the pastel soft UI look: the sender, the news, the button, a savings jar and a round cat mascot are all on the first frame (for Outlook), then the jar\u2019s liquid rolls, a coin bobs, the mascot blinks and waves and the button nudges, all returning to where they began. A seamless 6-second GIF",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "saas", "pastel", "soft ui", "playful", "mascot", "announcement", "feature", "newsletter", "fintech", "loop"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["announcement", "newsletter", "changelog"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues },
-  build() {
-    const k = new Kit(NAME, HEADER);
-    k.quantizeGeometry = true;
-    pastelBrand(k, { offer: "Spare change, now saved.", when: "Round-ups drop the change from every card payment into a jar you choose." });
-    pastelButton(k, "Button", { style: ts(k, "title", 14), label: "Turn on round-ups", pad: [10, 18], d: 0.5 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, { top: 0, right: 24, bottom: 0, left: 30 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    softGround(k, sheet, 600, 300, { loop: DURATION, seed: 29, sparkles: 5, scale: 0.35 });
-    for (const n of k.named(sheet, "Blob 1")) k.patch(n, { x: -140, y: -160 });
-    const main = k.stack(sheet, { direction: "HORIZONTAL", gap: 18, align: "CENTER", name: "Main" });
-    const copy = k.stack(main, { gap: 10, name: "Copy" });
-    lockup(k, copy, { size: 16, style: ts(k, "title", 16), name: "Lockup" });
-    k.text(copy, "{{brand.offer}}", { style: ts(k, "display", 38), color: "text", name: "Offer" });
-    k.text(copy, "{{brand.when}}", { style: ts(k, "body", 14), color: "onPaper", name: "When" });
-    k.instance(copy, "Button", { Label: "Turn on round-ups" }, { name: "Open button" });
-    const art = k.stack(main, { width: 220, height: 260, name: "Art" });
-    const tag = pillowCard(k, art, { width: "HUG", gap: 0, padding: { top: 6, right: 12, bottom: 7, left: 12 }, radius: 16, depth: 0.4, align: "CENTER", name: "Jar tag", absolute: { x: 6, y: 196 } });
-    k.text(tag, `$${KITTY.jar.saved.toLocaleString("en-US")}`, { style: ts(k, "figure", 20), color: "onCard", autoWidth: true, name: "Jar figure" });
-    k.text(tag, "Lisbon in May", { style: ts(k, "soft", 12), color: "cardMuted", autoWidth: true, name: "Jar name" });
-    jar(k, art, { w: 100, h: 136, level: KITTY.jar.percent / 100, absolute: { x: 16, y: 54 }, loop: DURATION });
-    const c = coin(k, art, 34, { name: "Bob coin", absolute: { x: 48, y: 10 } });
-    k.behave(c, "translateY", [{ kind: "sine", amp: 6, freq: hz(2, DURATION) }]);
-    k.behave(c, "rotation", [{ kind: "sine", amp: 10, freq: hz(1, DURATION) }]);
-    const m = mochi(k, art, 104, { absolute: { x: 116, y: 140 } });
-    k.cues(sheet, cues);
-    blink(k, m, [1200, 4300]);
-    wave(k, m, 2600, 2);
-    return k.finish();
-  }
-});
-
-export {
-  style_pastel_header_default
-};

package/dist/chunks/chunk-XIRWPJCR.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 {
-  solarpunk_landing_default
-} from "./chunk-TWJYBR52.js";
-import {
-  solarpunk_impact_post_default
-} from "./chunk-KKT6D3BZ.js";
-import {
-  solarpunk_link_preview_default
-} from "./chunk-U5EXHTBB.js";
-import {
-  solarpunk_rooftop_reel_default
-} from "./chunk-BZ6YYRFN.js";
-import {
-  solarpunk_header_default
-} from "./chunk-FXFSFWZJ.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/themes/solarpunk.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var pack = [solarpunk_rooftop_reel_default, solarpunk_landing_default, solarpunk_impact_post_default, solarpunk_header_default, solarpunk_link_preview_default];
-var solarpunk_default = pack;
-
-export {
-  solarpunk_default
-};

package/dist/chunks/chunk-XJK6WOZ3.js

@@ -1,150 +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,
-  column,
-  glow,
-  rig,
-  sizes,
-  stage,
-  typeStep
-} from "./chunk-TS3FI7DW.js";
-import {
-  key
-} from "./chunk-LAPZ2X3J.js";
-import {
-  deviceShadow
-} from "./chunk-WXWK2NO7.js";
-import {
-  defineTemplate
-} from "./chunk-YDW25Z3P.js";
-import {
-  Kit,
-  preset
-} from "./chunk-4G7VHQUV.js";
-import {
-  ease
-} from "./chunk-PLZLKHOI.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-WKDVCZ45.js";
-
-// templates/src/motion3d/feature-flip.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 1e4;
-var FPS = 30;
-var SIZES = ["video-square", "video-1080p"];
-var FEATURES = [
-  ["Budgets", "A monthly budget per category, with a nudge before you go over."],
-  ["Bills", "Every bill and subscription, with a reminder three days out."],
-  ["Goals", "Save toward a trip or a laptop and watch it fill."],
-  ["Insights", "See where it went, by week, month or merchant."],
-  ["Split", "Split any purchase with friends in two taps."],
-  ["Widgets", "Your balance and budgets on your Home Screen."],
-  ["Face ID", "Only you can open your money."],
-  ["Offline", "Works without signal and syncs when you\u2019re back."],
-  ["Export", "CSV and PDF statements for tax time."]
-];
-var FLIP_AT = 1600;
-var BACK_AT = 6600;
-var WAVE = 130;
-var TURN = 800;
-var CAPTION = { name: "Headline", title: "Everything your money needs." };
-var CUES = [...captionCues(CAPTION, 200), { layer: "Headline", preset: "fade-out", at: 9300, params: { duration: 500 } }];
-function build(k, sheet, s) {
-  k.nameSheet(sheet, `Feature flip wall \xB7 ${preset(s.preset).name}`);
-  glow(k, sheet, "primary", Math.round(1200 * s.u), s.W / 2, s.H * 0.58, 0.45);
-  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2600 * s.u });
-  const cols = s.wide ? 4 : 3, rows = s.wide ? 2 : 3;
-  const tile = s.wide ? { w: 360, h: 300 } : { w: 262, h: 236 };
-  const gap = Math.round(24 * s.u);
-  const W = cols * tile.w + (cols - 1) * gap, H = rows * tile.h + (rows - 1) * gap;
-  const col = column(s, 120);
-  const top = Math.round((s.wide ? 200 : 190) * s.u);
-  const grid = rig(k, scene, s, "Grid", W, H, s.W / 2, top + (s.H - top - 60 * s.u) / 2);
-  k.patch(grid, { rotateX: 8 });
-  k.behave(grid, "rotateY", [{ kind: "sine", amp: 4, freq: 0.1 }]);
-  const pad = Math.round(26 * s.u);
-  const faceName = `Feature tile ${tile.w}`, backName = `Feature detail ${tile.w}`;
-  if (!k.hasComponent(faceName)) {
-    const name = `Tile ${Math.round(44 * s.u)}`;
-    k.textStyle(name, { size: Math.round(44 * s.u), fontWeight: 800, letterSpacing: -1, lineHeight: Math.round(50 * s.u) });
-    k.textStyle("Tile detail 20", { size: 20, fontWeight: 500, lineHeight: 27 });
-    const label = typeStep(k, s, "label");
-    k.component(faceName, {
-      width: tile.w,
-      height: tile.h,
-      fill: "primary",
-      radius: 30,
-      padding: pad,
-      justify: "SPACE_BETWEEN",
-      effects: [deviceShadow(0.3, 20, 50)],
-      description: "The front of a feature tile: its number and its name.",
-      props: { Number: "01", Feature: FEATURES[0][0] }
-    }, (id) => {
-      k.propText(id, "Number", { style: label, color: "onPrimary" });
-      k.propText(id, "Feature", { style: name, color: "onPrimary" });
-    });
-    k.component(backName, {
-      width: tile.w,
-      height: tile.h,
-      fill: "surface",
-      radius: 30,
-      padding: pad,
-      gap: 10,
-      justify: "CENTER",
-      effects: [deviceShadow(0.3, 20, 50)],
-      description: "The back of a feature tile: what the feature does.",
-      props: { Feature: FEATURES[0][0], Detail: FEATURES[0][1] }
-    }, (id) => {
-      k.propText(id, "Feature", { style: label, color: "primary" });
-      k.propText(id, "Detail", { style: "Tile detail 20", color: "onScreen" });
-    });
-  }
-  FEATURES.slice(0, cols * rows).forEach(([title, text], i) => {
-    const c = i % cols, r = Math.floor(i / cols);
-    const g = k.group(grid, { x: c * (tile.w + gap), y: r * (tile.h + gap), width: tile.w, height: tile.h }, { name: title });
-    const face = k.instance(g, faceName, { Number: String(i + 1).padStart(2, "0"), Feature: title }, { name: "Face" });
-    k.patch(face, { z: 1 });
-    const back = k.instance(g, backName, { Feature: title, Detail: text }, { name: "Back" });
-    k.patch(back, { z: -1, rotateY: 180 });
-    const d = (c + r) * WAVE;
-    key(k, g, "rotateY", [[FLIP_AT + d, 0, ease.inOut("cubic")], [FLIP_AT + d + TURN, 180, ease.hold], [BACK_AT + d, 180, ease.inOut("cubic")], [BACK_AT + d + TURN, 360]]);
-    key(k, g, "z", [[FLIP_AT + d, 0, ease.out("cubic")], [FLIP_AT + d + TURN / 2, 120, ease.inOut("cubic")], [FLIP_AT + d + TURN, 0, ease.hold], [BACK_AT + d, 0, ease.out("cubic")], [BACK_AT + d + TURN / 2, 120, ease.inOut("cubic")], [BACK_AT + d + TURN, 0]]);
-    if (c + r < (cols + rows - 2) / 2) k.patch(g, { rotateY: 180 });
-  });
-  caption(k, sheet, s, { ...CAPTION, step: "subtitle", width: col.width, align: "CENTER", at: { x: col.x, y: Math.round(70 * s.u) } });
-  k.cues(sheet, CUES);
-}
-var feature_flip_default = defineTemplate({
-  id: "motion-3d-feature-flip",
-  meta: {
-    name: "Feature flip wall",
-    description: "A grid of feature tiles in your colour flips over in a 3D wave to show what each feature does on its back, holds, and flips home \u2014 a 10-second loop at 30 fps, square (nine features) and 16:9 (eight), for launch and feature videos",
-    category: "animation",
-    tags: ["animation", "3d", "features", "grid", "flip", "cards", "app", "launch", "loop"],
-    platforms: ["instagram", "linkedin", "x", "youtube", "web"],
-    formats: ["post", "video", "ad"],
-    useCases: ["launch", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues: CUES },
-  build() {
-    const k = new Kit("Feature flip wall", preset(SIZES[0]));
-    brand(k, "dark");
-    const [cover] = sizes(k, SIZES, (sheet, s) => build(k, sheet, s));
-    k.setCover(cover);
-    return k.finish();
-  }
-});
-
-export {
-  feature_flip_default
-};