@popcraft/kit 0.32.0 → 0.32.1

package/dist/chunks/chunk-XJYGS6YQ.js

@@ -1,131 +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 {
-  draw,
-  egg,
-  eggBands,
-  grass,
-  maze,
-  polyP,
-  printVariant,
-  rabbit,
-  sparkle,
-  tulip
-} from "./chunk-YAIUTBXU.js";
-import {
-  SERIF
-} from "./chunk-PFCHOCEN.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/print/holidays-easter-activity-sheet.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var NAME = "Easter activity sheet for kids";
-var PAD = { top: 30, right: 48, bottom: 96, left: 48 };
-function frame(w, h) {
-  const s = w / 816, B = 12;
-  const wave = polyP([{ x: -B, y: -B }, { x: w + B, y: -B }, ...Array.from({ length: 25 }, (_, i) => ({ x: w + B - (w + 2 * B) * i / 24, y: 128 + Math.sin(i * 0.9) * 8 }))]);
-  const tl = [0.03, 0.09, 0.91, 0.97].map((x, i) => tulip(w * x, h + 4, (70 + i % 2 * 22) * s, i % 2 ? -0.06 : 0.06));
-  return [
-    { name: "Header", paths: [wave], color: "band" },
-    { name: "Header sparkles", paths: [sparkle(w * 0.06, 52, 14 * s), sparkle(w * 0.12, 96, 8 * s)], color: "onBand" },
-    { name: "Header sparkles", paths: [sparkle(w * 0.93, 46, 16 * s), sparkle(w * 0.87, 92, 9 * s)], color: "onBand" },
-    { name: "Grass", paths: grass(-B, w + B, h + B, 52 * s, 9, 80), color: "grass" },
-    { name: "Tulip stems", paths: tl.flatMap((t) => t.stem), color: "grassDeep", o: { strokeWidth: 3.4 * s } },
-    { name: "Tulip leaves", paths: tl.flatMap((t) => t.leaves), color: "grassDeep" },
-    { name: "Tulips", paths: tl.slice(0, 2).flatMap((t) => t.cup), color: "tulip" },
-    { name: "Tulips", paths: tl.slice(2).flatMap((t) => t.cup), color: "tulipYellow" }
-  ];
-}
-var holidays_easter_activity_sheet_default = defineTemplate({
-  id: "print-holidays-easter-activity-sheet",
-  meta: {
-    name: NAME,
-    description: "A printable Easter activity sheet for children: three eggs in outline to decorate, a maze to take the rabbit to its basket, and a word builder for SPRINGTIME with lines to write on, under a pastel header and above a border of tulips and grass. US Letter with bleed, and an A4 copy",
-    category: "document",
-    tags: ["easter", "spring", "kids", "children", "activity sheet", "coloring page", "colouring", "maze", "eggs", "bunny", "sunday school", "printable", "print"],
-    platforms: ["print"],
-    formats: ["document"],
-    useCases: ["education", "event"],
-    created: "2026-10-10",
-    updated: "2026-10-10"
-  },
-  stableNumbers: true,
-  build() {
-    const k = new Kit(NAME, preset("us-letter"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#FFFDF7", text: "#3D3360", onPaper: "#6A5F8E", primary: "#D9577A", onPrimary: "#FFFFFF", line: "#CFC6E4", card: "#F4F0FB", onCard: "#3D3360" },
-      { name: "St Mark\u2019s Sunday School" }
-    );
-    k.palette({ ink: "#3D3360", band: "#C9E7D9", onBand: "#FFFFFF", grass: "#9ED39B", grassDeep: "#5DA466", tulip: "#F28CA6", tulipYellow: "#F7C85C", outline: "#3D3360", soft: "#F4F0FB", basket: "#C99561", rabbit: "#BFA58C" });
-    k.textStyle("Title 48", { ...SERIF, size: 48, fontWeight: 700, letterSpacing: -1, lineHeight: 52 });
-    k.textStyle("Band sub 15", { size: 15, fontWeight: 600, letterSpacing: 2.6, lineHeight: 20 });
-    k.textStyle("Head 20", { ...SERIF, size: 21, fontWeight: 700, lineHeight: 25 });
-    k.textStyle("Hint 12.5", { size: 12.5, fontWeight: 400, lineHeight: 18 });
-    k.textStyle("Big word 40", { size: 34, fontWeight: 900, letterSpacing: 5, lineHeight: 42 });
-    k.textStyle("Name 12", { size: 12, fontWeight: 600, lineHeight: 18 });
-    k.textStyle("Foot 10", { size: 10, fontWeight: 500, lineHeight: 14 });
-    k.component("Panel head", { gap: 2, width: 320, props: { Title: "Puzzle", Hint: "What to do" } }, (id) => {
-      k.propText(id, "Title", { style: "Head 20", color: "onCard", width: "FILL", name: "Panel title" });
-      k.propText(id, "Hint", { style: "Hint 12.5", color: "onCard", width: "FILL", name: "Panel hint" });
-    });
-    const panel = (parent, title, hint, name, width = "FILL") => {
-      const p = k.stack(parent, { width, gap: 10, padding: 18, fill: "card", radius: 22, name });
-      k.instance(p, "Panel head", { Title: title, Hint: hint }, { name: "Panel head", width: "FILL" });
-      return p;
-    };
-    const sheet = k.sheet;
-    const { width: W } = k.node(sheet);
-    k.flowSheet(sheet, 14, PAD, "paper", "MIN", "MIN");
-    draw(k, sheet, frame(W, k.node(sheet).height));
-    const head = k.stack(sheet, { width: "FILL", height: 92, gap: 2, justify: "CENTER", align: "CENTER", name: "Header" });
-    k.text(head, "Spring Garden Puzzles", { style: "Title 48", color: "ink", autoWidth: true, name: "Title" });
-    k.text(head, "HAPPY EASTER!", { style: "Band sub 15", color: "ink", autoWidth: true, name: "Subtitle" });
-    k.stack(sheet, { height: 6, name: "Gap" });
-    const top = k.stack(sheet, { direction: "HORIZONTAL", width: "FILL", justify: "SPACE_BETWEEN", name: "Name row" });
-    k.text(top, "Name: ________________________", { style: "Name 12", color: "text", autoWidth: true, name: "Name" });
-    k.text(top, "Age: ______", { style: "Name 12", color: "text", autoWidth: true, name: "Age" });
-    const eggs = panel(sheet, "Decorate the eggs", "Colour them in, follow the lines or invent your own patterns: stripes, spots, zigzags, flowers.", "Egg panel");
-    const ea = k.stack(eggs, { width: "FILL", height: 230, name: "Egg art" });
-    const shapes = [[120, 120, 150, 200, -0.12, "zigzag"], [340, 116, 160, 212, 0.05, "waves"], [560, 120, 150, 200, 0.14, "dots"]];
-    draw(k, ea, [
-      { name: "Egg outlines", paths: shapes.map(([x, y, w, h, t]) => egg(x, y, w, h, t)), color: "outline", o: { strokeWidth: 3 } },
-      { name: "Egg guides", paths: shapes.flatMap(([x, y, w, h, t, kind]) => eggBands(x, y, w, h, t, kind).lines), color: "outline", o: { strokeWidth: 1.6, opacity: 0.6 } },
-      { name: "Egg guide dots", paths: shapes.flatMap(([x, y, w, h, t, kind]) => eggBands(x, y, w, h, t, kind).dots), color: "outline", o: { strokeWidth: 1.6, opacity: 0.6 } }
-    ]);
-    const row = k.stack(sheet, { direction: "HORIZONTAL", gap: 16, width: "FILL", name: "Puzzles" });
-    const mz = panel(row, "Hop to the basket", "Help the rabbit find the way to its basket of eggs.", "Maze panel");
-    const mart = k.stack(mz, { width: 300, height: 284, name: "Maze art" });
-    const cell = 25;
-    const rb = rabbit(16, 36, 46, 1);
-    draw(k, mart, [
-      { name: "Maze walls", paths: maze(0, 40, 12, 9, cell, 327), color: "outline", o: { strokeWidth: 3 } },
-      { name: "Rabbit", paths: rb.body, color: "rabbit" },
-      { name: "Basket", paths: [polyP([{ x: 268, y: 266 }, { x: 300, y: 266 }, { x: 296, y: 284 }, { x: 272, y: 284 }]), { closed: false, points: [{ x: 270, y: 266 }, { x: 298, y: 266, handleIn: { x: 284, y: 248 } }] }], color: "basket", o: { strokeWidth: 2.4 } },
-      { name: "Basket eggs", paths: [egg(278, 262, 10, 13), egg(290, 262, 10, 13, 0.3)], color: "tulip" }
-    ]);
-    const wb = panel(row, "Word builder", "How many words can you make from the letters of this word? Rest, ring, time\u2026", "Word panel");
-    k.text(wb, "SPRINGTIME", { style: "Big word 40", color: "onCard", align: "CENTER", width: "FILL", name: "Big word" });
-    k.text(wb, "_________________   _________________\n_________________   _________________\n_________________   _________________\n_________________   _________________\n_________________   _________________", { style: "Name 12", color: "onCard", align: "CENTER", width: "FILL", name: "Lines" });
-    k.text(sheet, "Happy Easter from {{brand.name}}. Bring your sheet on Sunday for a sticker!", { style: "Foot 10", color: "onPaper", align: "CENTER", width: "FILL", name: "Foot" });
-    k.variants(sheet, [printVariant("a4", { art: frame, pad: PAD, masterWidth: W })]);
-    return k.finish();
-  }
-});
-
-export {
-  holidays_easter_activity_sheet_default
-};

package/dist/chunks/chunk-XL2QEXIR.js

@@ -1,83 +0,0 @@
-import { createRequire as __popcraftRequire } from 'node:module';
-import { fileURLToPath as __popcraftPath } from 'node:url';
-import { dirname as __popcraftDirname } from 'node:path';
-const require = __popcraftRequire(import.meta.url);
-const __filename = __popcraftPath(import.meta.url);
-const __dirname = __popcraftDirname(__filename);
-import {
-  bar,
-  bob,
-  card,
-  saasUi
-} from "./chunk-X4HN5LP7.js";
-import {
-  E,
-  sparkle
-} from "./chunk-SRSUY2WG.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/lottie/saas-ui-empty-data.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var saas_ui_empty_data_default = saasUi({
-  slug: "empty-data",
-  role: "empty-state",
-  size: "spot",
-  duration: 4e3,
-  loop: true,
-  title: "empty state: no data yet",
-  description: "The empty state for a dashboard with nothing in it yet: an empty chart card floats over its shadow, its ghost bars breathing in a slow wave, while the add button bobs and pings to say where to start \u2014 a four-second seamless loop, 800\xD7600",
-  useCases: ["onboarding"],
-  tags: ["empty state", "no data", "dashboard", "illustration", "zero state"],
-  build(l) {
-    l.circle(l.sheet, 400, 296, 258, "soft", { name: "Backdrop" });
-    const floor = l.rect(l.sheet, 230, 520, 340, 20, "accent", { radius: 10, name: "Floor shadow", opacity: 0.16 });
-    l.keys(floor, "scaleX", [[0, 1, E.inOut], [1e3, 0.9, E.inOut], [2e3, 1, E.inOut], [3e3, 1.06, E.inOut], [4e3, 1]]);
-    const under = l.rect(l.sheet, 232, 100, 336, 60, "surface", { radius: 24, name: "Sheet behind", opacity: 0.45 });
-    bob(l, under, 5, 500);
-    const mid = l.rect(l.sheet, 208, 116, 384, 60, "surface", { radius: 26, name: "Sheet behind", opacity: 0.75 });
-    bob(l, mid, 7, 250);
-    const c = card(l, l.sheet, 184, 134, 432, 336, "Empty chart");
-    bob(l, c, 9);
-    bar(l, c, 32, 34, 128, 18, "ink", { name: "Title" });
-    bar(l, c, 32, 64, 84, 12, "mute", { name: "Range" });
-    l.rect(c, 332, 30, 68, 30, "soft", { radius: 15, name: "Filter" });
-    for (let i = 0; i < 3; i++) bar(l, c, 32, 122 + i * 56, 368, 3, "line", { name: "Gridline" });
-    bar(l, c, 32, 290, 368, 4, "mute", { name: "Axis" });
-    const heights = [78, 132, 98, 164, 116, 58];
-    heights.forEach((h, i) => {
-      const b = l.rect(c, 46 + i * 60, 288 - h, 40, h, "line", { radius: 12, name: "Ghost bar" });
-      l.pivot(b, 0.5, 1);
-      const t = i * 180;
-      l.keys(b, "scaleY", [[0, 1, E.hold], [t, 1, E.inOut], [t + 900, 0.72, E.inOut], [t + 1900, 1.08, E.inOut], [t + 2700, 1, E.hold], [4e3, 1]]);
-    });
-    const add = l.box(l.sheet, 556, 404, 112, 112, "Add");
-    for (const t of [200, 2200]) {
-      const p = l.ring(add, 56, 56, 46, "accent", 6, { name: "Add ping", opacity: 0 });
-      l.scale(p, [[0, 1, E.hold], [t, 1, E.out], [t + 1300, 1.75, E.hold], [4e3, 1]]);
-      l.opacity(p, [[0, 0, E.hold], [t, 0, E.out], [t + 120, 0.55, E.in], [t + 1300, 0, E.hold], [4e3, 0]]);
-    }
-    l.circle(add, 56, 66, 48, "ink", { name: "Add shadow", opacity: 0.1 });
-    l.circle(add, 56, 56, 48, "accent", { name: "Add button" });
-    bar(l, add, 34, 51, 44, 10, "white", { name: "Plus bar" });
-    bar(l, add, 51, 34, 10, 44, "white", { name: "Plus bar" });
-    bob(l, add, 12, -350);
-    l.scale(add, [[0, 1, E.hold], [200, 1, E.out], [380, 1.08, E.inOut], [800, 1, E.hold], [2200, 1, E.out], [2380, 1.08, E.inOut], [2800, 1, E.hold], [4e3, 1]]);
-    const star = l.shape(l.sheet, sparkle(646, 150, 24), "gold", { name: "Sparkle" });
-    l.keys(star, "rotation", [[0, 0, E.inOut], [2e3, 90, E.inOut], [4e3, 180]]);
-    l.scale(star, [[0, 1, E.inOut], [1e3, 0.7, E.inOut], [2e3, 1, E.inOut], [3e3, 0.7, E.inOut], [4e3, 1]]);
-    const small = l.shape(l.sheet, sparkle(150, 392, 14), "accent", { name: "Sparkle" });
-    l.scale(small, [[0, 0.6, E.inOut], [1400, 1.1, E.inOut], [2800, 0.5, E.inOut], [4e3, 0.6]]);
-    bob(l, l.ring(l.sheet, 138, 196, 16, "accent", 6, { name: "Loop", opacity: 0.5 }), 14, 200);
-    bob(l, l.circle(l.sheet, 690, 300, 10, "success", { name: "Dot" }), 10, -200);
-    const tile = l.rect(l.sheet, 108, 284, 30, 30, "surface", { radius: 9, name: "Tile" });
-    l.k.patch(tile, { rotation: 14 });
-    bob(l, tile, 12, 420);
-    l.keys(tile, "rotation", [[0, 14, E.inOut], [2e3, -10, E.inOut], [4e3, 14]]);
-  }
-});
-
-export {
-  saas_ui_empty_data_default
-};

package/dist/chunks/chunk-XLH3LH35.js

@@ -1,84 +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 {
-  bullet,
-  mapPaper,
-  metroBrand,
-  nameplate,
-  network,
-  ride
-} from "./chunk-Z32XURQ3.js";
-import {
-  EMAIL_FPS,
-  HEADER
-} from "./chunk-K3QP3IUF.js";
-import {
-  pill
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit
-} from "./chunk-2P7ISWIA.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/email/transit-map-service-update.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 5e3;
-var cues = [
-  { layer: "Line bullet", preset: "pulse", at: 400, params: { duration: 800, amount: 0.14 } },
-  { layer: "Button", preset: "pulse", at: 3300, params: { duration: 800, amount: 0.06 } }
-];
-var U = 28;
-var transit_map_service_update_default = defineTemplate({
-  id: "email-transit-map-service-update",
-  meta: {
-    name: "Transit map service update email header (animated GIF)",
-    description: "A 600 \xD7 300 animated header for a changelog or launch email, drawn as a metro map: the nameplate, \u201CLine 4 is open.\u201D, one sentence and the button are all on the first frame (for Outlook), beside a four-line network on a folded pocket map; then a train rides the new line from end to end and the button swells once \u2014 a five-second GIF loop in map red, blue, green and yellow on cream",
-    category: "email",
-    tags: ["email", "gif", "animated", "header", "banner", "transit map", "metro", "subway", "underground", "tube map", "changelog", "release notes", "service update", "integrations", "saas"],
-    platforms: ["email"],
-    formats: ["email", "banner"],
-    useCases: ["changelog", "announcement", "newsletter", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("Transit map service update email header", HEADER);
-    k.quantizeGeometry = true;
-    metroBrand(k, { offer: "Line 4\nis open." });
-    k.textStyle("Plate 12", { size: 12, fontWeight: 800, letterSpacing: 0.4, lineHeight: 16 });
-    k.textStyle("Offer 46", { size: 46, fontWeight: 800, letterSpacing: -2.2, lineHeight: 44 });
-    k.textStyle("Account 14", { size: 14, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Button 14", { size: 14, fontWeight: 800, lineHeight: 20 });
-    k.textStyle("Bullet 16", { size: 16, fontWeight: 800, lineHeight: 20 });
-    pill(k, "Button pill", { fill: "primary", ink: "onPrimary", style: "Button 14", label: "See the new stations", pad: [9, 18], radius: 6 });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 10, { top: 24, right: 304, bottom: 24, left: 28 }, "paper", "CENTER", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: EMAIL_FPS });
-    mapPaper(k, sheet, 600, 300, { folds: [3, 1] });
-    const net = network(k, sheet, { u: U, label: "Account 14", hub: "Account 14", bare: true, trainOn: 3, at: { x: 306, y: 24 }, west: -0.6 });
-    bullet(k, net.id, 3, 30, "Bullet 16", { name: "Line bullet", absolute: { x: Math.round(6.4 * U), y: Math.round(7.75 * U) } });
-    nameplate(k, sheet, "Service update \xB7 October", { style: "Plate 12", line: 3, pad: [5, 9], name: "Eyebrow" });
-    k.text(sheet, "{{brand.offer}}", { style: "Offer 46", color: "text", name: "Offer" });
-    k.text(sheet, "Product events now reach your CRM and your dashboards in real time. Six new stations.", { style: "Account 14", color: "onPaper", name: "Account" });
-    k.instance(sheet, "Button pill", { Label: "See the new stations" }, { name: "Button" });
-    k.cues(sheet, cues);
-    ride(k, net, 3, 500, 3600, 300);
-    return k.finish();
-  }
-});
-
-export {
-  transit_map_service_update_default
-};

package/dist/chunks/chunk-XMBY4GQC.js

@@ -1,120 +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 {
-  background,
-  refilled
-} from "./chunk-HAK2G6YB.js";
-import {
-  feedVariants,
-  logoBadge,
-  outro,
-  pill,
-  verticalPadding
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  hex,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/effects/mesh-story.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var MESH_STORY = {
-  duration: 9e3,
-  /** Rest values of the gradient (what Design mode and a still export show). */
-  speed: 0.12,
-  spread: 0.5,
-  peach: "#FFB38A",
-  coral: "#FF9E80",
-  butter: "#F7D774",
-  sage: "#A6D6B4",
-  base: "#FCE9D8"
-};
-var CONTENT = ["Logo badge", "Class tag", "Class name", "Details card", "Book button"];
-var cues = [
-  { layer: "Logo badge", preset: "pop-in", at: 200 },
-  { layer: "Class tag", preset: "drop-in", at: 450 },
-  { layer: "Class name", preset: "lines-in", at: 700, params: { duration: 700 } },
-  { layer: "Details card", preset: "rise-in", at: 1500, params: { duration: 700 } },
-  { layer: "Detail", preset: "fade-in", at: 1700, stagger: { delay: 160 } },
-  { layer: "Book button", preset: "pop-in", at: 2400 },
-  { layer: "Book button", preset: "pulse", at: 4800 },
-  outro(CONTENT, 7900)
-];
-var mesh_story_default = defineTemplate({
-  id: "motion-mesh-story",
-  meta: {
-    name: "Mesh gradient class story",
-    description: "A 9-second story for a weekly class over a live mesh gradient whose drift, spread and colour are keyed: the class name comes in line by line, the time, place and level rise on a card and the booking button pops \u2014 9:16 with square and 4:5 cuts",
-    category: "animation",
-    tags: ["animation", "background", "mesh gradient", "shader", "gradient", "story", "reel", "class", "yoga", "fitness", "studio"],
-    platforms: ["instagram", "tiktok", "facebook"],
-    formats: ["story", "reel", "post", "portrait-post"],
-    useCases: ["event", "announcement"],
-    created: "2026-09-29",
-    updated: "2026-09-29"
-  },
-  motion: { cues, loop: true },
-  build() {
-    const S = MESH_STORY;
-    const k = new Kit("Mesh gradient class story", preset("ig-story"));
-    k.brand(
-      { paper: S.base, headline: "#1E2B24", body: "#2F3D35", primary: "#2F5D46", onPrimary: "#FFF4EA", card: "#FFFDF8", onCard: "#1E2B24", muted: "#55655B" },
-      { studio: "Fernwood Yoga", handle: "@fernwoodyoga" }
-    );
-    k.textStyle("Class 132", { size: 132, fontWeight: 800, letterSpacing: -4, lineHeight: 132, textAlign: "CENTER" });
-    k.textStyle("Class 96", { size: 96, fontWeight: 800, letterSpacing: -3, lineHeight: 98, textAlign: "CENTER" });
-    k.textStyle("Tag 28", { size: 28, fontWeight: 800, letterSpacing: 3, lineHeight: 32 });
-    k.textStyle("Detail 36", { size: 36, fontWeight: 600, lineHeight: 46 });
-    k.textStyle("Button 36", { size: 36, fontWeight: 800, lineHeight: 44 });
-    pill(k, "Tag", { fill: "primary", ink: "onPrimary", style: "Tag 28", label: "SATURDAYS AT FERNWOOD" });
-    pill(k, "Button", { fill: "primary", ink: "onPrimary", style: "Button 36", label: "Book a mat \xB7 fernwoodyoga.com", pad: [24, 48] });
-    k.component("Detail", { direction: "HORIZONTAL", width: 760, gap: 20, align: "CENTER", props: { Detail: "Saturdays \xB7 7:00 to 8:15 am" } }, (id) => {
-      k.ellipse(id, 14, "primary", { name: "Bullet" });
-      k.propText(id, "Detail", { style: "Detail 36", color: "onCard", width: "FILL" });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 36, verticalPadding(), "paper", "CENTER", "CENTER");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: S.duration, fps: 30 });
-    const bg = background(k, sheet, k.shader("Mesh gradient", { speed: S.speed, spread: S.spread, colorA: hex(S.peach), colorB: hex(S.butter), colorC: hex(S.sage), base: k.color("paper") }));
-    logoBadge(k, sheet, { fill: "primary", size: 72 });
-    k.instance(sheet, "Tag", { Label: "SATURDAYS AT FERNWOOD" }, { name: "Class tag" });
-    k.text(sheet, "Sunrise\nslow flow", { style: "Class 132", color: "headline", name: "Class name" });
-    const card = k.stack(sheet, { width: 840, fill: "card", radius: 40, gap: 18, padding: { top: 40, right: 40, bottom: 40, left: 40 }, name: "Details card" });
-    for (const d of ["Saturdays \xB7 7:00 to 8:15 am", "Hawthorne studio, 2nd floor", "All levels \xB7 mats and blocks provided"]) k.instance(card, "Detail", { Detail: d }, { width: "FILL", name: "Detail" });
-    k.instance(sheet, "Button", { Label: "Book a mat \xB7 fernwoodyoga.com" }, { name: "Book button" });
-    const half = S.duration / 2;
-    k.animateShader(bg, "speed", [{ t: 0, v: S.speed, ease: ease.inOut("sine") }, { t: half, v: 0.45, ease: ease.inOut("sine") }, { t: S.duration, v: S.speed }]);
-    k.animateShader(bg, "spread", [{ t: 0, v: S.spread, ease: ease.inOut("sine") }, { t: half, v: 0.75, ease: ease.inOut("sine") }, { t: S.duration, v: S.spread }]);
-    k.animateShader(bg, "colorA", [{ t: 1e3, v: hex(S.peach), ease: ease.inOut("sine") }, { t: half, v: hex(S.coral), ease: ease.inOut("sine") }, { t: S.duration - 1e3, v: hex(S.peach) }]);
-    k.cues(sheet, cues);
-    k.variants(sheet, refilled(feedVariants({ post: 56, portrait: 72 }, {
-      post: (kit, id) => {
-        kit.patch(id, { itemSpacing: 18, counterAxisSpacing: 18 });
-        for (const n of kit.named(id, "Class name")) kit.restyle(n, "Class 96");
-        for (const n of kit.named(id, "Details card")) kit.patch(n, { itemSpacing: 8, counterAxisSpacing: 8, padding: { top: 28, right: 36, bottom: 28, left: 36 } });
-      },
-      portrait: (kit, id) => kit.patch(id, { itemSpacing: 26, counterAxisSpacing: 26 })
-    })));
-    return k.finish();
-  }
-});
-
-export {
-  MESH_STORY,
-  mesh_story_default
-};

package/dist/chunks/chunk-XNCBJGF3.js

@@ -1,214 +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 {
-  productWindow
-} from "./chunk-FF7Q4NVH.js";
-import {
-  clicks,
-  glide,
-  pointer
-} from "./chunk-F3TA2VS2.js";
-import {
-  chart,
-  gridPaths,
-  tickPath
-} from "./chunk-UDE42EDS.js";
-import {
-  MONO
-} from "./chunk-PFCHOCEN.js";
-import {
-  each,
-  pattern,
-  redraw,
-  restyle
-} from "./chunk-YHBAWSDX.js";
-import {
-  shadow
-} from "./chunk-M6VTXO6F.js";
-import {
-  logoBadge,
-  outro,
-  pill,
-  postVariants
-} from "./chunk-LEKU2ZW3.js";
-import {
-  defineTemplate
-} from "./chunk-HLBQLOTA.js";
-import {
-  Kit,
-  preset
-} from "./chunk-2P7ISWIA.js";
-import {
-  ease
-} from "./chunk-YYQUCS6P.js";
-import {
-  init_define_POPCRAFT_COMPONENT_IDS
-} from "./chunk-FFS4SO7R.js";
-
-// templates/src/social/saas-kit-feature-drop.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-var DURATION = 9e3;
-var OUT = 8100;
-var ROWS = [
-  ["Team \xB7 DE", "1,284", "6.1%", "$18,420", "+12.4%"],
-  ["Team \xB7 FR", "962", "5.4%", "$12,960", "+8.1%"],
-  ["Team \xB7 NL", "611", "7.0%", "$9,870", "+15.9%"],
-  ["Team \xB7 ES", "540", "4.2%", "$6,310", "\u22122.3%"],
-  ["Team \xB7 PL", "388", "5.8%", "$4,975", "+6.7%"],
-  ["Team \xB7 SE", "301", "6.6%", "$4,120", "+9.2%"]
-];
-var TREND = [42, 44, 41, 47, 52, 50, 55, 61, 58, 66, 71, 69, 78, 84, 81, 90];
-var VIEWS = ["All accounts", "Trials ending this week", "Churn risk, score under 40", "Enterprise, seats over 50"];
-var CHIPS = ["Plan: Team", "Region: EU", "Last 30 days"];
-var SIDE = 248;
-var BAR = 46;
-var PADX = 20;
-var CLICK = 3500;
-var paper = (w, h) => gridPaths(w, h, 24, 1);
-var cues = [
-  { layer: "Badge", preset: "pop-in", at: 0, params: { duration: 350 } },
-  { layer: "Headline", preset: "words-in", at: 150, params: { duration: 500 } },
-  { layer: "Sub", preset: "fade-in", at: 600, params: { duration: 400 } },
-  { layer: "Window", preset: "rise-in", at: 300, params: { duration: 600 } },
-  { layer: "Filter", preset: "pop-in", at: 1100, params: { duration: 300 }, stagger: { delay: 260 } },
-  { layer: "Trend line", preset: "wipe-in", at: 1900, params: { duration: 1e3, ease: ease.inOut("cubic") } },
-  { layer: "Trend area", preset: "fade-in", at: 2500, params: { duration: 500 } },
-  { layer: "Row", preset: "fade-in", at: 1900, params: { duration: 260 }, stagger: { delay: 110 } },
-  { layer: "Save", preset: "pulse", at: CLICK, params: { duration: 420, amount: 0.08 } },
-  { layer: "New view", preset: "drop-in", at: CLICK + 350, params: { duration: 450 } },
-  { layer: "New view", preset: "pulse", at: CLICK + 900, params: { duration: 600, amount: 0.05 } },
-  { layer: "Toast", preset: "rise-in", at: CLICK + 700, params: { duration: 400 } },
-  { layer: "Foot", preset: "fade-in", at: 5200, params: { duration: 400 } },
-  outro(["Badge", "Headline", "Sub", "Window", "Foot"], OUT)
-];
-var saas_kit_feature_drop_default = defineTemplate({
-  id: "motion-saas-kit-feature-drop",
-  meta: {
-    name: "SaaS launch feature-drop post (animated)",
-    description: "A \u201CNew: <feature>\u201D post that shows the feature working, in the data-dense look: filter chips land on a real slice of product UI (sidebar, trend, a table of mono figures), the pointer clicks \u201CSave view\u201D, and the saved view drops into the sidebar with a toast, held and then cleared so it loops. Nine seconds, square with 4:5 and 9:16 cuts",
-    category: "animation",
-    tags: ["animation", "saas", "saas launch", "feature", "new feature", "changelog", "release", "product ui", "dashboard", "data-dense", "analytics", "post", "build in public"],
-    platforms: ["x", "linkedin", "instagram", "threads"],
-    formats: ["post", "portrait-post", "story"],
-    useCases: ["changelog", "announcement", "launch"],
-    created: "2026-10-02",
-    updated: "2026-10-02"
-  },
-  stableNumbers: true,
-  motion: { cues, loop: true },
-  build() {
-    const k = new Kit("SaaS launch feature-drop post (animated)", preset("ig-post"));
-    k.quantizeGeometry = true;
-    k.brand(
-      { paper: "#EDF0F3", text: "#0D1217", onPaper: "#47515E", primary: "#0D766E", onPrimary: "#FFFFFF", accent: "#F4631E", onAccent: "#1A0A00" },
-      { name: "Gauge", feature: "Saved views", site: "gauge.example/changelog" }
-    );
-    k.palette({ win: "#FFFFFF", side: "#F3F5F7", line: "#DDE2E8", ink: "#0D1217", muted: "#56606D", chip: "#DDF1EE", chipInk: "#0A4F49", up: "#0B6B4D", head: "#F8F9FA", toast: "#0D1217", onToast: "#FFFFFF", pointer: "#0D1217", pointerEdge: "#FFFFFF" });
-    k.textStyle("Badge 20", { ...MONO, size: 20, fontWeight: 800, letterSpacing: 1, lineHeight: 26, textCase: "UPPER" });
-    k.textStyle("Brand 26", { size: 26, fontWeight: 800, letterSpacing: -0.5, lineHeight: 32 });
-    k.textStyle("Display 128", { size: 128, fontWeight: 800, letterSpacing: -7, lineHeight: 120 });
-    k.textStyle("Display 104", { size: 104, fontWeight: 800, letterSpacing: -5.5, lineHeight: 100 });
-    k.textStyle("Sub 34", { size: 34, fontWeight: 500, letterSpacing: -0.7, lineHeight: 42 });
-    k.textStyle("Win title 16", { ...MONO, size: 16, fontWeight: 500, lineHeight: 20 });
-    k.textStyle("Side label 16", { size: 16, fontWeight: 700, letterSpacing: 0.6, lineHeight: 20, textCase: "UPPER" });
-    k.textStyle("Side 17", { size: 17, fontWeight: 500, letterSpacing: -0.2, lineHeight: 22 });
-    k.textStyle("Chip 16", { size: 16, fontWeight: 600, lineHeight: 20 });
-    k.textStyle("Cell 17", { ...MONO, size: 17, fontWeight: 500, lineHeight: 22, fontFeatures: { tnum: 1 } });
-    k.textStyle("Cell head 16", { size: 16, fontWeight: 700, lineHeight: 20 });
-    k.textStyle("Toast 18", { size: 18, fontWeight: 700, lineHeight: 24 });
-    k.textStyle("Foot 24", { ...MONO, size: 24, fontWeight: 600, lineHeight: 30 });
-    pill(k, "Badge", { fill: "accent", ink: "onAccent", style: "Badge 20", label: "New in Gauge 3.2", pad: [8, 14], radius: 6 });
-    pill(k, "Filter", { fill: "chip", ink: "chipInk", style: "Chip 16", label: CHIPS[0], pad: [7, 12], radius: 8 });
-    pill(k, "Save", { fill: "primary", ink: "onPrimary", style: "Chip 16", label: "Save view", pad: [9, 16], radius: 8 });
-    k.component("Row", { direction: "HORIZONTAL", width: 660, gap: 0, align: "CENTER", padding: { top: 9, right: PADX, bottom: 9, left: PADX }, props: { Segment: ROWS[0][0], Users: ROWS[0][1], Conv: ROWS[0][2], Mrr: ROWS[0][3], Delta: ROWS[0][4] } }, (id) => {
-      k.propText(id, "Segment", { style: "Cell 17", color: "ink", width: "FILL" });
-      k.propText(id, "Users", { style: "Cell 17", color: "ink", width: 90 });
-      k.propText(id, "Conv", { style: "Cell 17", color: "muted", width: 90 });
-      k.propText(id, "Mrr", { style: "Cell 17", color: "ink", width: 110 });
-      k.propText(id, "Delta", { style: "Cell 17", color: "up", width: 90 });
-    });
-    const sheet = k.sheet;
-    k.flowSheet(sheet, 26, 64, "paper", "SPACE_BETWEEN", "MIN");
-    k.patch(sheet, { clipsContent: true });
-    k.timeline(sheet, { duration: DURATION, fps: 30 });
-    pattern(k, sheet, "Graph paper", "text", paper, 0.05);
-    const top = k.stack(sheet, { direction: "HORIZONTAL", justify: "SPACE_BETWEEN", align: "CENTER", name: "Top" });
-    const brand = k.stack(top, { direction: "HORIZONTAL", width: "HUG", gap: 12, align: "CENTER", name: "Brand" });
-    logoBadge(k, brand, { fill: "primary", size: 24, pad: 9, radius: 8 });
-    k.text(brand, "{{brand.name}}", { style: "Brand 26", color: "text", width: 480, name: "Name" });
-    k.instance(top, "Badge", { Label: "New in Gauge 3.2" }, { name: "Badge" });
-    const words = k.stack(sheet, { gap: 14, name: "Words" });
-    k.text(words, "{{brand.feature}}", { style: "Display 128", color: "text", name: "Headline" });
-    k.text(words, "Filter once. Pin it. Send the link, not the screenshot.", { style: "Sub 34", color: "onPaper", name: "Sub" });
-    const W = 952, H = 520;
-    const { win, body, bodyHeight } = productWindow(k, sheet, {
-      width: W,
-      height: H,
-      title: "gauge.example / acme / accounts",
-      look: { fill: "win", bar: "head", titleStyle: "Win title 16", titleInk: "muted", dots: "line", radius: 14, barHeight: BAR, rule: "line", stroke: { color: "line", width: 1, align: "INSIDE" }, effects: [shadow(k, "text", 0.16, 22, 50)] }
-    });
-    k.patch(body, { layoutMode: "HORIZONTAL" });
-    const side = k.stack(body, { width: SIDE, height: bodyHeight, fill: "side", gap: 4, padding: { top: 16, right: 10, bottom: 16, left: 10 }, name: "Sidebar" });
-    k.text(side, "Saved views", { style: "Side label 16", color: "muted", name: "Side label" });
-    k.rect(side, "FILL", 4, "side", { name: "Space" });
-    const fresh = k.stack(side, { direction: "HORIZONTAL", gap: 8, align: "CENTER", fill: "primary", radius: 8, padding: { top: 9, right: 10, bottom: 9, left: 10 }, name: "New view" });
-    k.vector(fresh, 14, 11, [tickPath(14, 11)], "onPrimary", { name: "Tick", strokeWidth: 3 });
-    k.text(fresh, "Team \xB7 EU \xB7 30 days", { style: "Side 17", color: "onPrimary", name: "New view name" });
-    for (const v of VIEWS) {
-      const item = k.stack(side, { padding: { top: 9, right: 10, bottom: 9, left: 10 }, name: "View" });
-      k.text(item, v, { style: "Side 17", color: "ink", name: "View name" });
-    }
-    k.rect(body, 1, bodyHeight, "line", { name: "Side rule" });
-    const main = k.stack(body, { height: bodyHeight, gap: 0, name: "Main" });
-    const tools = k.stack(main, { direction: "HORIZONTAL", gap: 8, align: "CENTER", padding: { top: 14, right: PADX, bottom: 14, left: PADX }, name: "Toolbar" });
-    k.instance(tools, "Save", { Label: "Save view" }, { name: "Save" });
-    for (const c2 of CHIPS) k.instance(tools, "Filter", { Label: `${c2}  \xD7` }, { name: "Filter" });
-    k.rect(main, "FILL", 1, "line", { name: "Rule" });
-    const mw = W - SIDE - 1;
-    const trend = k.stack(main, { height: 112, name: "Trend" });
-    const c = chart(TREND, mw, 96, 96);
-    k.vector(trend, mw, 96, [c.area], [k.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0.26, toOpacity: 0 })], { name: "Trend area", absolute: { x: 0, y: 16 } });
-    k.vector(trend, mw, 96, [c.line], "primary", { name: "Trend line", strokeWidth: 3, absolute: { x: 0, y: 16 } });
-    k.rect(main, "FILL", 1, "line", { name: "Rule" });
-    const headRow = k.stack(main, { direction: "HORIZONTAL", fill: "head", padding: { top: 8, right: PADX, bottom: 8, left: PADX }, name: "Table head" });
-    for (const [label, w] of [["Segment", 0], ["Users", 90], ["Conv.", 90], ["MRR", 110], ["30 d", 90]]) k.text(headRow, label, { style: "Cell head 16", color: "muted", name: "Column", ...w ? { width: w } : {} });
-    for (const r of ROWS) {
-      k.rect(main, "FILL", 1, "line", { name: "Rule" });
-      k.instance(main, "Row", { Segment: r[0], Users: r[1], Conv: r[2], Mrr: r[3], Delta: r[4] }, { width: "FILL", name: "Row" });
-    }
-    const toast = k.stack(win, { direction: "HORIZONTAL", width: "HUG", gap: 10, align: "CENTER", fill: "toast", radius: 10, padding: { top: 10, right: 16, bottom: 10, left: 12 }, effects: [shadow(k, "text", 0.3, 10, 24)], name: "Toast", absolute: { x: W - 300, y: BAR + 82 } });
-    k.vector(toast, 16, 12, [tickPath(16, 12)], "onToast", { name: "Tick", strokeWidth: 3 });
-    k.text(toast, "View saved \xB7 link copied", { style: "Toast 18", color: "onToast", autoWidth: true, name: "Toast words" });
-    const target = { x: SIDE + 1 + PADX + 98, y: BAR + 1 + 14 + 32 };
-    const p = pointer(k, win, { x: target.x, y: target.y, size: 44, fill: "pointer", edge: "pointerEdge", ring: "primary" });
-    glide(k, p, [{ t: 0, dx: 420, dy: 330 }, { t: 2600, dx: 420, dy: 330 }, { t: CLICK - 100, dx: 0, dy: 0 }, { t: CLICK + 900, dx: 0, dy: 0 }, { t: CLICK + 1700, dx: -150, dy: 60 }]);
-    clicks(k, p, [CLICK]);
-    k.text(sheet, "Out today for every plan \xB7 {{brand.site}}", { style: "Foot 24", color: "onPaper", name: "Foot" });
-    k.cues(sheet, cues);
-    k.variants(sheet, postVariants({ portrait: 64 }, {
-      portrait: (kit, id) => {
-        kit.patch(id, { itemSpacing: 34, counterAxisSpacing: 34 });
-        redraw(kit, id, "Graph paper", paper);
-      },
-      vertical: (kit, id) => {
-        restyle(kit, id, "Headline", "Display 104");
-        each(kit, id, "Window", (n) => kit.patch(n, { width: 800 }));
-        each(kit, id, "Toast", (n) => kit.patch(n, { x: 800 - 300 }));
-        redraw(kit, id, "Graph paper", paper);
-        each(kit, id, "Top", (n) => kit.patch(n, { padding: { top: 0, right: 24, bottom: 0, left: 0 } }));
-        const big = chart(TREND.map((v) => v - 30), 1080, 400, 66);
-        kit.vector(id, 1080, 400, [big.area], [kit.gradient({ from: "primary", to: "primary", angle: 90, fromOpacity: 0.22, toOpacity: 0 })], { name: "Foot trend area", absolute: { x: 0, y: 1500 } });
-        kit.vector(id, 1080, 400, [big.line], "primary", { name: "Foot trend line", strokeWidth: 6, absolute: { x: 0, y: 1500 } });
-      }
-    }));
-    return k.finish();
-  }
-});
-
-export {
-  saas_kit_feature_drop_default
-};