@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-O3BEBIDN.js

@@ -1,219 +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 {
-  aiAvailability,
-  effectiveChatModel,
-  effectiveEmbeddingModel,
-  markImageModelUnavailable,
-  useAiStore
-} from "./chunk-6XGGSKFB.js";
-import {
-  activeHyperyTeamId
-} from "./chunk-EVFG2K4L.js";
-import {
-  accessToken
-} from "./chunk-ZTNA7M3C.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-6VMOKHMF.js";
-
-// lib/ai/client.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/hypery/client.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-
-// lib/hypery/shared.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var HYPERY_TEAM_HEADER = "x-hypery-active-organization-id";
-
-// lib/hypery/client.ts
-async function hyperyRequestHeaders() {
-  const token = await accessToken();
-  if (!token) return null;
-  const headers = new Headers({ authorization: `Bearer ${token}` });
-  const team = activeHyperyTeamId();
-  if (team) headers.set(HYPERY_TEAM_HEADER, team);
-  return headers;
-}
-
-// lib/ai/image-models.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var IMAGE_FAVORITES = [
-  { id: "google/gemini-3.1-flash-image", label: "Nano Banana 2", vector: "option", edits: true, description: "Fast, balanced image generation and editing that follows detailed instructions. Can also write and edit SVG." },
-  { id: "google/gemini-3-pro-image", label: "Nano Banana Pro", vector: "option", edits: true, description: "Studio-quality images, legible text and precise edits. Can also write and edit SVG." },
-  { id: "google/gemini-3.1-flash-lite-image", label: "Nano Banana 2 Lite", vector: "option", edits: true, description: "Google\u2019s fastest image model for quick iterations and edits. Can also write and edit SVG." },
-  { id: "google/gemini-2.5-flash-image", label: "Nano Banana", vector: "option", edits: true, description: "The original Nano Banana: conversational image generation and editing. Can also write and edit SVG." },
-  { id: "recraft/recraft-v4.1", label: "Recraft V4.1", vector: "option", description: "Natural photorealism, dreamy gradients and new illustration styles; reads short prompts well. Vector output available." },
-  { id: "recraft/recraft-v4.1-pro", label: "Recraft V4.1 Pro", vector: "option", description: "Recraft V4.1 at higher resolution, for detailed final artwork. Vector output available." },
-  { id: "recraft/recraft-v4.1-utility", label: "Recraft V4.1 Utility", vector: "option", description: "Restrained look: flat lighting, front-facing composition and simple scenes \u2014 good for assets and product shots. Vector output available." },
-  { id: "recraft/recraft-v4.1-utility-pro", label: "Recraft V4.1 Utility Pro", vector: "option", description: "Recraft V4.1 Utility at higher resolution. Vector output available." },
-  { id: "recraft/recraft-v4", label: "Recraft V4", vector: "option", description: "Strong photorealism and distinctive lighting and composition; original characters for illustration. Vector output available." },
-  { id: "recraft/recraft-v4-pro", label: "Recraft V4 Pro", vector: "option", description: "Recraft V4 at higher resolution. Vector output available." },
-  { id: "recraft/recraft-v3", label: "Recraft V3", vector: "option", description: "Photorealism and accurate text rendering, including text placed at specific positions. Vector output available." },
-  { id: "recraft/recraft-v2", label: "Recraft V2", vector: "option", description: "Anatomy-accurate images with minimalist icon and illustration styles. Vector output available." }
-];
-var IMAGE_ACTIONS = {
-  removeBackground: { id: "recraft-ai/recraft-remove-background", label: "Remove background", svg: false, description: "Cuts the subject out onto a transparent background." },
-  vectorize: { id: "recraft-ai/recraft-vectorize", label: "Vectorize", svg: true, description: "Traces the image into editable SVG layers." },
-  crispUpscale: { id: "recraft-ai/recraft-crisp-upscale", label: "Crisp upscale", svg: false, description: "Sharper, cleaner, higher-resolution copy." },
-  creativeUpscale: { id: "recraft-ai/recraft-creative-upscale", label: "Creative upscale", svg: false, description: "Upscales while adding fine detail." }
-};
-var normalizeModelId = (id) => id.trim().toLowerCase().replace(/^recraft-ai\//, "recraft/");
-var favoriteById = (id) => IMAGE_FAVORITES.find((f) => normalizeModelId(f.id) === normalizeModelId(id));
-function vectorSupport(id) {
-  const fav = favoriteById(id);
-  if (fav) return fav.vector;
-  if (/-svg$|vector/i.test(id)) return "always";
-  return /^recraft\//i.test(normalizeModelId(id)) || CHAT_IMAGE_MODEL.test(id) ? "option" : void 0;
-}
-var modelEditsImages = (id) => favoriteById(id)?.edits ?? CHAT_IMAGE_MODEL.test(id);
-var IMAGE_PROVIDER = "vercel";
-var CHAT_IMAGE_MODEL = /^google\/gemini-/i;
-var ASPECT_SIZES = {
-  "1:1": { width: 1024, height: 1024 },
-  "4:3": { width: 1152, height: 896 },
-  "3:4": { width: 896, height: 1152 },
-  "16:9": { width: 1344, height: 768 },
-  "9:16": { width: 768, height: 1344 },
-  "3:2": { width: 1216, height: 832 },
-  "2:3": { width: 832, height: 1216 }
-};
-function sizeForAspect(aspect) {
-  const s = ASPECT_SIZES[aspect] ?? ASPECT_SIZES["1:1"];
-  return { aspect: ASPECT_SIZES[aspect] ? aspect : "1:1", ...s };
-}
-
-// lib/ai/client.ts
-var AiClientError = class extends Error {
-  constructor(message, code, status) {
-    super(message);
-    this.code = code;
-    this.status = status;
-  }
-  code;
-  status;
-};
-var needsReauth = (e) => e instanceof AiClientError && (e.code === "ai_reauth" || e.code === "ai_scope" || e.code === "unauthenticated");
-function ensureAvailable() {
-  const a = aiAvailability();
-  if (!a.ok) throw new AiClientError(a.message, a.reason, 0);
-}
-async function aiFetch(path, init = {}) {
-  ensureAvailable();
-  const headers = await hyperyRequestHeaders();
-  if (!headers) throw new AiClientError("Sign in with Hypery to use AI features.", "signed-out", 401);
-  if (init.json !== void 0) headers.set("content-type", "application/json");
-  let res;
-  try {
-    res = await fetch(path, { method: init.method ?? (init.json !== void 0 ? "POST" : "GET"), headers, body: init.json === void 0 ? void 0 : JSON.stringify(init.json), signal: init.signal });
-  } catch (e) {
-    if (e?.name === "AbortError") throw e;
-    throw new AiClientError(navigator.onLine ? "Could not reach the server." : "You are offline \u2014 AI features need a connection.", "network", 0);
-  }
-  if (!res.ok) {
-    const data = await res.json().catch(() => null);
-    throw new AiClientError(data?.error?.message ?? `AI request failed (HTTP ${res.status}).`, data?.error?.code ?? "error", res.status);
-  }
-  return res;
-}
-function requireChatModel() {
-  const m = effectiveChatModel();
-  if (!m) throw new AiClientError("Pick a chat model in AI settings first.", "no_model", 0);
-  return m;
-}
-async function loadChatCatalog(force = false) {
-  const st = useAiStore.getState();
-  if (!aiAvailability().ok || st.catalogLoading || st.catalog && !force) return;
-  useAiStore.setState({ catalogLoading: true, catalogError: null });
-  try {
-    const data = await (await aiFetch("/api/ai/models")).json();
-    useAiStore.setState({ catalog: data });
-  } catch (e) {
-    useAiStore.setState({ catalogError: e.message });
-  } finally {
-    useAiStore.setState({ catalogLoading: false });
-  }
-}
-async function loadAudioCatalog() {
-  const st = useAiStore.getState();
-  if (!aiAvailability().ok || st.audioModelsLoading || st.audioModels) return;
-  useAiStore.setState({ audioModelsLoading: true });
-  try {
-    const data = await (await aiFetch("/api/ai/models?kind=audio")).json();
-    useAiStore.setState({ audioModels: data.models.map((m) => m.id) });
-  } catch {
-  } finally {
-    useAiStore.setState({ audioModelsLoading: false });
-  }
-}
-async function loadImageCatalog(search = "", force = false) {
-  const st = useAiStore.getState();
-  if (!aiAvailability().ok || st.imagesLoading || st.images && !force && !search) return;
-  useAiStore.setState({ imagesLoading: true, imagesError: null });
-  try {
-    const q = new URLSearchParams({ kind: "image" });
-    if (search.trim()) q.set("search", search.trim());
-    const data = await (await aiFetch(`/api/ai/models?${q}`)).json();
-    useAiStore.setState({ images: data });
-  } catch (e) {
-    useAiStore.setState({ imagesError: e.message });
-  } finally {
-    useAiStore.setState({ imagesLoading: false });
-  }
-}
-async function requestDesign(opts, signal) {
-  const res = await aiFetch("/api/ai/generate", { json: { ...opts, model: requireChatModel() }, signal });
-  return (await res.json()).design;
-}
-async function requestEmbeddings(values, signal) {
-  const model = effectiveEmbeddingModel();
-  if (!model) throw new AiClientError("Pick an embedding model in AI settings first.", "no_model", 0);
-  const res = await aiFetch("/api/ai/embed", { json: { values, model }, signal });
-  return { model, embeddings: (await res.json()).embeddings };
-}
-async function imageResponse(res) {
-  const blob = await res.blob();
-  return { blob, mime: res.headers.get("content-type") ?? blob.type, modelId: res.headers.get("x-ai-model") ?? "" };
-}
-async function requestImage(model, req, signal) {
-  try {
-    const res = await aiFetch("/api/ai/image", { json: { model: model.id, provider: IMAGE_PROVIDER, ...req }, signal });
-    return await imageResponse(res);
-  } catch (e) {
-    if (e instanceof AiClientError && e.code === "ai_model") markImageModelUnavailable(model.id);
-    throw e;
-  }
-}
-async function requestImageAction(action, imageDataUrl, signal) {
-  const res = await aiFetch("/api/ai/image", { json: { action, image: imageDataUrl }, signal });
-  return imageResponse(res);
-}
-async function requestAudio(req, signal) {
-  const res = await aiFetch("/api/ai/audio", { json: req, signal });
-  const blob = await res.blob();
-  return { blob, mime: res.headers.get("content-type") ?? blob.type, modelId: res.headers.get("x-ai-model") ?? "" };
-}
-
-export {
-  HYPERY_TEAM_HEADER,
-  IMAGE_ACTIONS,
-  vectorSupport,
-  modelEditsImages,
-  sizeForAspect,
-  AiClientError,
-  needsReauth,
-  aiFetch,
-  loadChatCatalog,
-  loadAudioCatalog,
-  loadImageCatalog,
-  requestDesign,
-  requestEmbeddings,
-  requestImage,
-  requestImageAction,
-  requestAudio
-};

package/dist/chunks/chunk-O5WFLCVU.js

@@ -1,146 +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 {
-  TIDE,
-  fine,
-  fitScorePaper,
-  orchestra,
-  placeFine,
-  placeScore,
-  scoreBrand,
-  scoreList,
-  scorePaper,
-  scoreType,
-  screen,
-  sweep
-} from "./chunk-O2QGI6UR.js";
-import {
-  mover,
-  pruneStyles
-} from "./chunk-HIGI3DBQ.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/motion/tour-tickets-tide-dates.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var T = TIDE;
-var LOOP = 9e3;
-var plain = T.dates.filter((d) => d.status !== "new").length;
-var cues = [
-  { layer: "Bar", preset: "rise-in", at: 200, params: { duration: 480, distance: 14 }, stagger: { delay: 280 } },
-  // The leg's last bar line is drawn with its last bar.
-  { layer: "Fine", preset: "fade-in", at: 200 + (plain - 1) * 280 + 200, params: { duration: 400 } },
-  { layer: "Sold stamp", preset: "drop-in", at: 200 + plain * 280 + 300, params: { duration: 200, distance: 16 }, stagger: { delay: 300 } },
-  { layer: "New bar", preset: "rise-in", at: 5e3, params: { duration: 480, distance: 14 }, stagger: { delay: 450 } },
-  { layer: "Added", preset: "drop-in", at: 5200, params: { duration: 260, distance: 20 }, stagger: { delay: 450 } },
-  { layer: "Code", preset: "pulse", at: 6600, params: { duration: 600, amount: 0.05 } },
-  { layer: ["Added", "Sold stamp", "New bar", "Fine", "Bar"], preset: "fade-out", at: 8100, params: { duration: 420 }, stagger: { delay: 20, order: "selection" } }
-];
-var NAME = `Tour tickets date list post: ${T.act}`;
-function lay(k, id, w, h) {
-  const { at, scaled } = mover(k, id);
-  let b;
-  if (w === h) {
-    scaled("Screen", 46, 46, 0.42);
-    at("Title", 520, 70, { width: 520 });
-    at("Subtitle", 520, 150, { width: 520 });
-    b = { x: 26, y: 290, scale: 0.98, cols: 4, rowGap: 20 };
-    at("Foot", 26 + 2 * 262 * 0.98 + 24, 290 + 2 * 260 * 0.98 + 14, { width: 470 });
-    at("Orchestra", 0, 0, { visible: false });
-  } else if (h === 1350) {
-    scaled("Screen", 230, 50, 0.62);
-    at("Title", 90, 396, { width: 900 });
-    at("Subtitle", 90, 494, { width: 900 });
-    b = { x: 26, y: 566, scale: 0.98, cols: 4, rowGap: 28 };
-    at("Foot", 26 + 2 * 262 * 0.98 + 24, 566 + 2 * 268 * 0.98 + 14, { width: 470 });
-    at("Orchestra", 0, 0, { visible: false });
-  } else {
-    scaled("Screen", 260, 56, 0.56);
-    at("Title", 140, 356, { width: 800 });
-    at("Subtitle", 140, 456, { width: 800 });
-    b = { x: 159, y: 512, scale: 0.97, cols: 3, rowGap: 0 };
-    at("Foot", 159 + 262 * 0.97 + 24, 512 + 3 * 240 * 0.97 + 14, { width: 500 });
-    at("Orchestra", 0, 1430, { visible: true });
-  }
-  placeScore(k, id, T.dates, b);
-  placeFine(k, id, b, T.dates.length - 1);
-}
-var tour_tickets_tide_dates_default = defineTemplate({
-  id: "motion-tour-tickets-tide-dates",
-  meta: {
-    name: NAME,
-    description: "An animated tour date list for a film-in-concert tour, drawn as a page of the score under the film's screen: ten concert-hall nights come in as bars of music, the hall librarian's navy SOLD OUT stamps fall on three, two added nights are pencilled in with gold tabs, and the leg ends on a final bar line with the subscriber presale; the lighthouse beam turns once a loop. Nine seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "tour", "tour dates", "tickets", "concert", "orchestra", "film score", "live to picture", "classical", "sold out", "new date", "sheet music", "post", "loop"],
-    platforms: ["instagram", "facebook", "threads", "x"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["announcement", "event"],
-    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;
-    scoreBrand(k, { name: "TIDEWATER" });
-    scoreType(k);
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 0, 0, "paper", "MIN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: LOOP, fps: 30 });
-    const hall = k.frame(sheet, { x: 0, y: 0, width: 1080, height: 1080 }, { name: "Hall" });
-    k.patch(hall, { layoutPositioning: "ABSOLUTE" });
-    scorePaper(k, hall, 1080, 1080);
-    orchestra(k, hall, 1080, 470, { x: 0, y: 1450 });
-    screen(k, hall);
-    k.text(hall, "{{brand.name}}", { style: "Title 64", color: "text", width: 520, name: "Title", absolute: { x: 0, y: 0 } });
-    k.text(hall, "in concert \xB7 ten halls in March", { style: "Sub 28", color: "onPaper", width: 520, name: "Subtitle", absolute: { x: 0, y: 0 } });
-    scoreList(k, hall, T.dates, { x: 0, y: 0, scale: 1, cols: 4, rowGap: 20 });
-    fine(k, hall);
-    const foot = k.stack(hall, { gap: 10, name: "Foot", absolute: { x: 0, y: 0 } });
-    k.text(foot, "SUBSCRIBER PRESALE", { style: "Label 18", color: "onPaper", width: "FILL", name: "Foot kicker" });
-    k.text(foot, T.presale.opens, { style: "Label 22", color: "text", width: "FILL", name: "Foot when" });
-    const well = k.stack(foot, { direction: "HORIZONTAL", width: "HUG", fill: "primary", radius: 2, padding: { top: 10, right: 18, bottom: 10, left: 18 }, name: "Code well" });
-    k.text(well, T.presale.code, { style: "Code 30", color: "onPrimary", autoWidth: true, name: "Code" });
-    k.text(foot, `${T.site}/dates`, { style: "Label 18", color: "onPaper", width: "FILL", name: "Foot link" });
-    lay(k, hall, 1080, 1080);
-    sweep(k, hall, LOOP, 1);
-    k.cues(sheet, cues);
-    const size = (kit, id, w, h, title, big = false) => {
-      if (title) for (const t of kit.named(id, "Title")) kit.restyle(t, title);
-      if (big) {
-        for (const t of kit.named(id, "Code")) kit.restyle(t, "Code 40");
-        for (const t of kit.named(id, "Foot when")) kit.restyle(t, "Label 22");
-        for (const t of kit.named(id, "Foot kicker")) kit.restyle(t, "Label 22");
-      }
-      for (const d of kit.named(id, "Hall")) {
-        kit.patch(d, { x: 0, y: 0, width: w, height: h });
-        fitScorePaper(kit, d, w, h);
-        lay(kit, d, w, h);
-      }
-    };
-    k.variants(sheet, [
-      { preset: "ig-portrait", adjust: (kit, id) => size(kit, id, 1080, 1350, "Title 92") },
-      { preset: "ig-story", adjust: (kit, id) => size(kit, id, 1080, 1920, "Title 92", true) }
-    ]);
-    pruneStyles(k);
-    return k.finish();
-  }
-});
-
-export {
-  tour_tickets_tide_dates_default
-};

package/dist/chunks/chunk-O5WPFOA3.js

@@ -1,169 +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 {
-  sceneLengths,
-  type,
-  withSound
-} from "./chunk-MZODLFLE.js";
-import {
-  portraitSlot
-} from "./chunk-UD3JVCFG.js";
-import {
-  gridPaths
-} from "./chunk-YNOCYFZ4.js";
-import {
-  MONO
-} from "./chunk-X23ZWFW2.js";
-import {
-  bed
-} from "./chunk-52GCV7N5.js";
-import {
-  hardShadow
-} from "./chunk-HVK5T4I5.js";
-import {
-  logoBadge,
-  pill
-} from "./chunk-EK5CFFJO.js";
-import {
-  playScenes,
-  sceneSheets
-} from "./chunk-3HDJLLZM.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/scenes/saas-film-youtube-demo-kit.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var B = bed("launch", 24);
-var { beat } = B;
-var ON = [0, 8, 16];
-var CHAPTERS = ["Connect your data", "Model a table", "Build the dashboard", "Share it with the team"];
-var CURRENT = 0;
-var COLS = 8;
-var ROWS = 9;
-var HOT = /* @__PURE__ */ new Set([11, 14, 18, 27, 29, 38, 44, 51, 53, 62, 66]);
-var scenes = [
-  { sheet: "Intro sting", cues: [
-    { layer: "Series row", preset: "fade-in", at: 0, params: { duration: 300 } },
-    { layer: "Prompt", preset: "pop-in", at: 0, params: { duration: 260 } },
-    { layer: "Product name", preset: "typewriter", at: 150, params: { duration: 800 } },
-    { layer: "Prompt", preset: "flash", at: beat(2), params: { duration: 700 } },
-    { layer: "Episode tag", preset: "pop-in", at: beat(1.5), params: { duration: 320 } },
-    { layer: "Episode title", preset: "words-in", at: beat(2), params: { duration: 550, amount: 70 } },
-    { layer: "Cell", preset: "pop-in", at: beat(0.5), params: { duration: 240 }, stagger: { delay: 26 } },
-    { layer: "Prompt", preset: "flash", at: beat(6), params: { duration: 700 } },
-    { layer: "Table", preset: "pulse", at: beat(7), params: { duration: 500, amount: 0.03 } }
-  ] },
-  { sheet: "Lower third", cues: [
-    { layer: "Name bar", preset: "slide-in", at: beat(1), params: { duration: 600, direction: "left", distance: 1300 } },
-    { layer: "Presenter tag", preset: "pop-in", at: beat(2), params: { duration: 320 } },
-    { layer: "Presenter tag", preset: "pulse", at: beat(4), params: { duration: 500, amount: 0.06 } },
-    { layer: "Name bar", preset: "slide-out", at: beat(7.5), params: { duration: 500, direction: "left", distance: 1300 } }
-  ] },
-  { sheet: "Chapter card", cues: [
-    { layer: "Chapter number", preset: "pop-in", at: 0, params: { duration: 380 } },
-    { layer: "Chapter label", preset: "fade-in", at: 150, params: { duration: 300 } },
-    { layer: "Chapter title", preset: "words-in", at: 200, params: { duration: 550, amount: 70 } },
-    { layer: "Chapter rule", preset: "wipe-in", at: beat(1), params: { duration: 600, direction: "right" } },
-    { layer: "Chapter row", preset: "slide-in", at: beat(1.5), params: { duration: 380, direction: "right" }, stagger: { delay: 110 } }
-  ] }
-];
-var LENGTHS = sceneLengths(ON.map((b) => beat(b)), B.duration, scenes);
-var PAD = { top: 86, right: 120, bottom: 96, left: 120 };
-var saas_film_youtube_demo_kit_default = defineTemplate({
-  id: "motion-saas-film-youtube-demo-kit",
-  meta: {
-    name: "SaaS film: YouTube demo opener kit",
-    description: 'Three pieces for a product demo series at 1920\xD71080, in one file: a six-second intro sting (the product name types out, the episode title rises, a table of cells fills in), a lower third with the presenter\u2019s photo slot (under a drawn portrait: drop a photo on it and hide "Placeholder portrait"), name and role, and a chapter card ("01 \xB7 Connect your data") with the run of chapters. Monospace on a pale grid, with music; export each scene on its own',
-    category: "animation",
-    tags: ["animation", "saas", "saas film", "youtube", "demo", "intro", "sting", "lower third", "chapter", "title card", "tutorial", "monospace", "scenes", "music", "audio", "16:9"],
-    platforms: ["youtube", "linkedin", "web"],
-    formats: ["intro", "lower-third", "title-card", "video", "demo"],
-    useCases: ["education", "onboarding", "title", "brand-intro"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { scenes },
-  build() {
-    const k = new Kit("SaaS film: YouTube demo opener kit", preset("video-1080p"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#F3EDEF", text: "#1B1217", onPaper: "#B3134F", primary: "#D81E6A", onPrimary: "#FFFFFF", card: "#FFFFFF", onCard: "#1B1217" },
-      { name: "Tablekit", title: "Connect your warehouse in five minutes" }
-    );
-    k.palette({ ink: "#1B1217", faint: "#6A5C62", screen: "#2B2227", screenLine: "#3D3138", screenCell: "#4A3B43", photo: "#EAD9DF", skin: "#B9785C" });
-    const made = /* @__PURE__ */ new Set();
-    const T = (name, px, o = {}) => type(k, made, name, px, o);
-    const label = T("Label", 26, { fontWeight: 700, tracking: 0.08, leading: 1.25, textCase: "UPPER", ...MONO });
-    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: label, label: "EP 04", pad: [10, 20], radius: 0 });
-    const sheets = sceneSheets(k, "video-1080p", scenes.map((s) => s.sheet));
-    const [intro, lower, chapter] = sheets;
-    sheets.forEach((id, i) => {
-      k.flowSheet(id, 30, PAD, i === 1 ? "screen" : "paper", i === 1 ? "MAX" : "SPACE_BETWEEN", "MIN");
-      k.timeline(id, { duration: LENGTHS[i], fps: 30 });
-    });
-    const ruled = (sheet, role) => k.vector(sheet, 1920, 1080, gridPaths(1920, 1080, 60, 2), role ?? k.tint("text", 0.09), { name: "Grid", absolute: { x: 0, y: 0 } });
-    ruled(intro);
-    const CELL = 82, GAP = 10;
-    const table = k.stack(intro, { width: COLS * (CELL + GAP) - GAP, gap: GAP, name: "Table", absolute: { x: 1920 - PAD.right - (COLS * (CELL + GAP) - GAP), y: 158 } });
-    for (let r = 0; r < ROWS; r++) {
-      const row2 = k.stack(table, { direction: "HORIZONTAL", gap: GAP, name: "Table row" });
-      for (let c = 0; c < COLS; c++) {
-        const i = r * COLS + c;
-        k.rect(row2, CELL, CELL, r === 0 ? "text" : HOT.has(i) ? "primary" : k.tint("text", c === 0 ? 0.2 : 0.09), { name: "Cell" });
-      }
-    }
-    const series = k.stack(intro, { direction: "HORIZONTAL", align: "CENTER", name: "Series row" });
-    const mark = k.stack(series, { direction: "HORIZONTAL", width: "HUG", gap: 18, align: "CENTER", name: "Series" });
-    logoBadge(k, mark, { fill: "primary", size: 34, radius: 0 });
-    k.text(mark, "Product demos \xB7 tablekit.example", { style: label, color: "text", autoWidth: true, name: "Series name" });
-    const word = k.stack(intro, { direction: "HORIZONTAL", gap: 30, width: 920, name: "Wordmark" });
-    k.rect(word, 34, 150, "primary", { name: "Prompt" });
-    k.text(word, "{{brand.name}}", { style: T("Wordmark", 170, { fontWeight: 800, leading: 1.02, tracking: -0.04, textCase: "LOWER", ...MONO }), color: "text", name: "Product name" });
-    const episode = k.stack(intro, { width: 860, gap: 20, name: "Episode words" });
-    k.instance(episode, "Tag", { Label: "EP 04" }, { name: "Episode tag" });
-    k.text(episode, "{{brand.title}}", { style: T("Episode", 76, { fontWeight: 800, leading: 1.04, tracking: -0.035 }), color: "text", name: "Episode title" });
-    ruled(lower, "screenLine");
-    const stand = k.stack(lower, { width: 1300, height: 560, name: "Footage stand-in", absolute: { x: 310, y: 130 } });
-    for (let r = 0; r < 6; r++) for (let c = 0; c < 5; c++) k.rect(stand, c === 0 ? 300 : 220, 56, r === 0 ? "screenLine" : "screenCell", { name: "Stand-in cell", absolute: { x: c === 0 ? 0 : 320 + (c - 1) * 240, y: r * 84 }, opacity: r === 0 ? 1 : 0.55 });
-    const bar = k.stack(lower, { direction: "HORIZONTAL", width: "HUG", gap: 30, align: "CENTER", fill: "card", padding: { top: 18, right: 40, bottom: 18, left: 18 }, stroke: { color: "ink", width: 4, align: "INSIDE" }, effects: [hardShadow(k, "primary", 12, 12)], name: "Name bar" });
-    portraitSlot(k, bar, 136, 136, { radius: 0, ground: "photo", skin: "skin", top: "ink", halo: "card", name: "Presenter slot", photo: "Presenter photo" });
-    const who = k.stack(bar, { width: "HUG", gap: 6, name: "Presenter" });
-    k.text(who, "Priya Raman", { style: T("Presenter", 60, { fontWeight: 800, leading: 1.05, tracking: -0.035 }), color: "onCard", autoWidth: true, name: "Presenter name" });
-    k.text(who, "Developer advocate, Tablekit", { style: T("Role", 30, { fontWeight: 500, leading: 1.3, ...MONO }), color: "faint", autoWidth: true, name: "Presenter role" });
-    k.instance(bar, "Tag", { Label: "Live build" }, { name: "Presenter tag" });
-    ruled(chapter);
-    k.patch(chapter, { primaryAxisAlignItems: "CENTER" });
-    const row = k.stack(chapter, { direction: "HORIZONTAL", gap: 80, align: "CENTER", name: "Chapter" });
-    k.text(row, `0${CURRENT + 1}`, { style: T("Number", 460, { fontWeight: 800, leading: 0.9, tracking: -0.06, ...MONO }), color: "onPaper", autoWidth: true, name: "Chapter number" });
-    const words = k.stack(row, { gap: 26, name: "Chapter words" });
-    k.text(words, `Chapter ${CURRENT + 1} of ${CHAPTERS.length}`, { style: label, color: "text", name: "Chapter label" });
-    k.text(words, CHAPTERS[CURRENT], { style: T("Chapter", 124, { fontWeight: 900, leading: 0.98, tracking: -0.045 }), color: "text", name: "Chapter title" });
-    k.stack(words, { height: 10, fill: "primary", clip: true, name: "Chapter rule" });
-    const list = k.stack(words, { gap: 10, name: "Chapters" });
-    CHAPTERS.forEach((c, i) => {
-      const item = k.stack(list, { direction: "HORIZONTAL", gap: 22, align: "CENTER", padding: { top: 10, right: 20, bottom: 10, left: 20 }, ...i === CURRENT ? { fill: "primary" } : {}, name: "Chapter row" });
-      k.text(item, `0${i + 1}`, { style: T("Row", 30, { fontWeight: 700, leading: 1.25, ...MONO }), color: i === CURRENT ? "onPrimary" : "text", autoWidth: true, name: "Row number" });
-      k.text(item, c, { style: T("Row", 30, { fontWeight: 700, leading: 1.25, ...MONO }), color: i === CURRENT ? "onPrimary" : "text", name: "Row title" });
-    });
-    playScenes(k, "comp-demo-kit", "YouTube demo opener kit", sheets, scenes, "paper");
-    k.setCover(intro);
-    return withSound(k.finish(), { "comp-demo-kit": B.audio });
-  }
-});
-
-export {
-  saas_film_youtube_demo_kit_default
-};