@popcraft/kit 0.26.1 → 0.28.0

package/dist/chunks/chunk-HRPXQYOM.js

@@ -0,0 +1,390 @@
+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 {
+  caption,
+  captionParts,
+  glow,
+  size,
+  stage,
+  typeStep
+} from "./chunk-LVE2GGWW.js";
+import {
+  key
+} from "./chunk-FAAVZ2GX.js";
+import {
+  defineTemplate
+} from "./chunk-WBZ6O2YF.js";
+import {
+  Kit,
+  preset
+} from "./chunk-MTD3UAQT.js";
+import {
+  ease
+} from "./chunk-37IU3FCE.js";
+import {
+  boxModel,
+  contextFrame,
+  init_scene3d
+} from "./chunk-MF4NUZBE.js";
+import {
+  init_transform3d,
+  mul4,
+  transform4
+} from "./chunk-7ECF2YL5.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/motion3d/burger-reveal.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene3d();
+init_transform3d();
+var DURATION = 1e4;
+var FPS = 30;
+var SIZE = "video-1080p";
+var BW = 520;
+var RH = 820;
+var GAP = 64;
+var TILT = -17;
+var FOCUS_Z = 190;
+var DIM = 0.38;
+var OPEN = 2200;
+var OPENED = 3300;
+var CLOSE = 7200;
+var CLOSED = 8400;
+var range = (n) => Array.from({ length: n }, (_, i) => i);
+var rand = (i) => {
+  const x = Math.sin(i * 12.9898 + 78.233) * 43758.5453;
+  return x - Math.floor(x);
+};
+var PARTS = [
+  {
+    name: "Bottom bun",
+    h: 52,
+    about: "The toasted heel of a brioche bun: sturdy enough to carry everything stacked on it.",
+    discs: (k) => [
+      ...range(9).map((i) => {
+        const yy = 6 + i * 5.5;
+        const round = Math.max(0, yy - 34);
+        return { yy, d: 470 - round * round * 0.28, fills: [...k.tint("bunShade", 0.1 + i * 0.05), ...k.paint("bun")], rim: "bunShade", rimWidth: 14 };
+      }),
+      { yy: 2, d: 466, fills: k.paint("bunCut"), rim: "bun", rimWidth: 12 }
+    ].sort((a, b) => b.yy - a.yy)
+  },
+  {
+    name: "Patty",
+    h: 46,
+    about: "Six ounces of chuck and brisket, smashed on a hot griddle for a deep, crusty sear.",
+    discs: (k) => [
+      ...range(8).map((i) => ({ yy: 8 + i * 5, d: 500 - (i === 7 ? 10 : 0), fills: k.paint("patty"), rim: "pattyShade", rimWidth: 18 })),
+      { yy: 3, d: 494, fills: k.paint("patty"), rim: "pattyShade", rimWidth: 10, deco: (kit, id, d) => {
+        for (const i of range(4)) kit.rect(id, d * 0.72, 14, "pattyShade", { radius: 7, name: "Grill mark", opacity: 0.8, absolute: { x: Math.round(d * 0.14), y: Math.round(d * (0.28 + i * 0.15)) } });
+        for (const i of range(26)) {
+          const a = rand(i) * Math.PI * 2, r = Math.sqrt(rand(i + 40)) * d * 0.44;
+          kit.ellipse(id, 10 + Math.round(rand(i + 80) * 12), "pattyShade", { name: "Speck", opacity: 0.7, absolute: { x: Math.round(d / 2 + Math.cos(a) * r - 8), y: Math.round(d / 2 + Math.sin(a) * r - 8) } });
+        }
+      } }
+    ].sort((a, b) => b.yy - a.yy)
+  },
+  {
+    name: "Cheese",
+    h: 8,
+    about: "A slice of American cheese, laid on the patty straight off the griddle so it melts into every corner.",
+    discs: (k) => [
+      { yy: 7, d: 400, fills: k.paint("cheeseShade"), turn: 45, square: true },
+      { yy: 3, d: 400, fills: k.paint("cheese"), turn: 45, square: true }
+    ]
+  },
+  {
+    name: "Lettuce",
+    h: 18,
+    about: "Crisp iceberg leaves: cool, crunchy, and a barrier that keeps the bun from going soggy.",
+    discs: (k) => [12, 7, 2].map((yy, i) => ({ yy, d: 486 - i * 6, fills: k.paint(i === 2 ? "lettuce" : "lettuceShade"), deco: (kit, id, d) => {
+      const n = 22;
+      for (const j of range(n)) {
+        const a = j / n * Math.PI * 2 + i * 0.3, b = 46 + Math.round(rand(j + i * 30) * 16);
+        kit.ellipse(id, b, i === 2 ? "lettuce" : "lettuceShade", { name: "Frill", absolute: { x: Math.round(d / 2 + Math.cos(a) * (d / 2 - 14) - b / 2), y: Math.round(d / 2 + Math.sin(a) * (d / 2 - 14) - b / 2) } });
+      }
+    } }))
+  },
+  {
+    name: "Tomato",
+    h: 22,
+    about: "A thick slice of ripe beefsteak tomato, seasoned with a pinch of flaky salt.",
+    discs: (k) => [
+      ...range(4).map((i) => ({ yy: 20 - i * 4, d: 420, fills: k.paint("tomato"), rim: "tomatoShade", rimWidth: 14 })),
+      { yy: 3, d: 420, fills: k.paint("tomato"), rim: "tomatoShade", rimWidth: 12, deco: (kit, id, d) => {
+        kit.ellipse(id, Math.round(d * 0.84), "tomatoFlesh", { name: "Flesh", absolute: { x: Math.round(d * 0.08), y: Math.round(d * 0.08) } });
+        kit.ellipse(id, Math.round(d * 0.3), "tomato", { name: "Core", absolute: { x: Math.round(d * 0.35), y: Math.round(d * 0.35) } });
+        for (const j of range(6)) {
+          const a = j / 6 * Math.PI * 2, w = Math.round(d * 0.16);
+          kit.ellipse(id, w, "tomato", { name: "Seed pocket", opacity: 0.85, absolute: { x: Math.round(d / 2 + Math.cos(a) * d * 0.27 - w / 2), y: Math.round(d / 2 + Math.sin(a) * d * 0.27 - w / 2) } });
+        }
+      } }
+    ]
+  },
+  {
+    name: "Onion",
+    h: 10,
+    about: "Rings of red onion, sliced thin, for a sharp, sweet crunch that cuts through the richness.",
+    discs: () => [7, 3].flatMap((yy) => [
+      { yy, d: 400, fills: [], rim: yy === 3 ? "onion" : "onionShade", rimWidth: 18 },
+      { yy, d: 260, fills: [], rim: yy === 3 ? "onion" : "onionShade", rimWidth: 16 }
+    ])
+  },
+  {
+    name: "Sauce",
+    h: 8,
+    about: "House burger sauce: mayonnaise, ketchup, mustard and chopped pickle, spread edge to edge.",
+    discs: (k) => [
+      { yy: 6, d: 436, fills: k.paint("sauceShade") },
+      { yy: 2, d: 430, fills: k.paint("sauce"), deco: (kit, id, d) => {
+        for (const j of range(12)) {
+          const a = j / 12 * Math.PI * 2 + 0.2, b = 30 + Math.round(rand(j + 200) * 22);
+          kit.ellipse(id, b, "sauce", { name: "Drip", absolute: { x: Math.round(d / 2 + Math.cos(a) * (d / 2 - 6) - b / 2), y: Math.round(d / 2 + Math.sin(a) * (d / 2 - 6) - b / 2) } });
+        }
+        kit.ellipse(id, Math.round(d * 0.5), "sauceShine", { name: "Sheen", opacity: 0.35, absolute: { x: Math.round(d * 0.18), y: Math.round(d * 0.16) } });
+      } }
+    ]
+  },
+  {
+    name: "Top bun",
+    h: 128,
+    about: "A soft brioche crown, glazed with egg wash and scattered with toasted sesame seeds.",
+    discs: (k) => {
+      const R = 236, band = 22, dome = 128 - band, steps = 22;
+      const at = (i) => 126 - i * 124 / steps;
+      const width = (yy) => {
+        const up = Math.min(1, Math.max(0, (128 - band - yy) / dome));
+        return Math.max(30, Math.round(2 * R * Math.sqrt(1 - up * up)));
+      };
+      const out = [];
+      let seed = 0;
+      for (let i = 0; i <= steps; i++) {
+        const yy = at(i), d = width(yy), dn = i < steps ? width(at(i + 1)) : 0;
+        const seeds = i >= 3 && i < steps - 2 ? Math.round((d - dn) / 10) : 0;
+        const first = seed;
+        seed += seeds;
+        out.push({
+          yy,
+          d,
+          fills: [...i > steps - 6 ? k.tint("bunGloss", 0.1 * (i - steps + 6)) : [], ...k.tint("bunShade", Math.round(0.62 * (1 - i / steps) ** 1.4 * 100) / 100), ...k.paint("bun")],
+          ...i < 4 ? { rim: "bunShade", rimWidth: 10 } : {},
+          ...seeds ? { deco: (kit, id, dd) => {
+            for (const j of range(seeds)) {
+              const a = rand(first + j) * Math.PI * 2, r = dn / 2 + (dd / 2 - dn / 2) * (0.3 + 0.4 * rand(first + j + 500));
+              const sd = kit.ellipse(id, 22, "sesame", { name: "Sesame seed", absolute: { x: Math.round(dd / 2 + Math.cos(a) * r - 11), y: Math.round(dd / 2 + Math.sin(a) * r - 6) } });
+              kit.patch(sd, { height: 12, rotation: Math.round(a * 180 / Math.PI + 90 + (rand(first + j + 900) - 0.5) * 60) });
+            }
+          } } : {}
+        });
+      }
+      return out;
+    }
+  }
+];
+function positions() {
+  const total = PARTS.reduce((s, p) => s + p.h, 0) - 6;
+  const together = [];
+  let y = RH / 2 + total / 2;
+  for (const p of PARTS) {
+    y -= p.h - (p.name === "Cheese" ? 6 : 0);
+    together.push(Math.round(y));
+  }
+  const mid = (PARTS.length - 1) / 2;
+  const apart = together.map((t, i) => Math.round(t - (i - mid) * GAP));
+  return { together, apart };
+}
+function parts(k) {
+  for (const p of PARTS) {
+    const set = `Layer / ${p.name}`;
+    const states = k.variantSet(set, "State", ["Idle", "Hover"], { width: BW, height: p.h, description: `${p.name}: ${p.about} Hover lifts and brightens it.` }, (state, id) => {
+      const hover = state === "Hover";
+      for (const disc of p.discs(k)) {
+        const fills = [...hover && disc.fills.length ? k.tint("highlight", 0.34) : [], ...disc.fills];
+        const rimRole = disc.rim && hover && !disc.fills.length ? "highlight" : disc.rim;
+        const at = { x: Math.round((BW - disc.d) / 2), y: Math.round(disc.yy - disc.d / 2 - (hover ? 14 : 0)) };
+        const radius = disc.square ? 18 : Math.round(disc.d / 2);
+        const stroke = rimRole ? { color: rimRole, width: disc.rimWidth ?? 10, align: "INSIDE" } : void 0;
+        const n = disc.deco ? k.stack(id, { width: disc.d, height: disc.d, fill: fills, radius, name: "Disc", absolute: at, ...stroke ? { stroke } : {} }) : disc.square ? k.rect(id, disc.d, disc.d, fills, { radius, name: "Disc", absolute: at, ...stroke ? { stroke } : {} }) : k.ellipse(id, disc.d, fills, { name: "Disc", absolute: at, ...stroke ? { stroke } : {} });
+        if (disc.deco) disc.deco(k, n, disc.d);
+        k.patch(n, { rotateX: 90, ...disc.turn ? { rotateY: disc.turn } : {} });
+      }
+    });
+    for (const id of Object.values(states)) k.patch(id, { preserve3d: true });
+    k.changeTo(`${set}/Idle`, "ON_HOVER", `${set}/Hover`, 180, "EASE_OUT");
+  }
+}
+function burger(k, sheet, s, ys, o = {}) {
+  glow(k, sheet, "primary", 1150, s.W * 0.6, s.H * 0.56, 0.32);
+  const scene = stage(k, sheet, s, { duration: DURATION, fps: FPS, perspective: 2400 });
+  const cx = Math.round(s.W * 0.6), cy = Math.round(s.H * 0.53);
+  const rig = k.group(scene, { x: cx - BW / 2, y: cy - RH / 2, width: BW, height: RH }, { name: "Rig" });
+  k.patch(rig, { rotateX: TILT });
+  const turn = k.group(rig, { x: 0, y: 0, width: BW, height: RH }, { name: "Turn" });
+  const spin = k.group(turn, { x: 0, y: 0, width: BW, height: RH }, { name: "Spin" });
+  const layers = PARTS.map((p, i) => {
+    const id = k.instance(spin, `Layer / ${p.name}/Idle`, {}, { name: p.name });
+    k.patch(id, { x: 0, y: ys[i], ...o.focus === i ? { z: FOCUS_Z } : o.focus !== void 0 ? { opacity: DIM } : {} });
+    return id;
+  });
+  return { scene, rig, turn, spin, layers };
+}
+function labels(k, sheet, s, b, o = {}) {
+  const doc = k.finish();
+  const frame = contextFrame(doc.nodes[b.scene]);
+  const style = typeStep(k, s, "label");
+  PARTS.forEach((p, i) => {
+    const m = boxModel(doc.nodes, b.layers[i]).model;
+    const see = (x, y, z) => {
+      const q = transform4(mul4(frame.projection, mul4(frame.view, m)), x, y, z);
+      return { x: q[0] / q[3], y: q[1] / q[3] };
+    };
+    const r = Math.max(...p.discs(k).map((d) => d.d)) / 2;
+    const pts = range(24).map((j) => {
+      const a = j / 24 * Math.PI * 2;
+      return see(BW / 2 + Math.cos(a) * r, p.h / 2, Math.sin(a) * r);
+    });
+    const rim = pts.reduce((a, q) => q.x > a.x ? q : a);
+    const x0 = Math.round(rim.x + 24), labelX = Math.round(s.W * 0.6 + 330);
+    const tag = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", gap: 14, align: "CENTER", name: `${p.name} label` });
+    const quiet = o.focus !== void 0 && o.focus !== i;
+    k.rect(tag, Math.max(24, labelX - x0), 3, "accent", { radius: 2, name: "Rule", ...quiet ? { opacity: 0 } : {} });
+    k.text(tag, p.name, { style, color: quiet ? "onBackground" : "text", autoWidth: true, name: "Label" });
+    const box = k.finish().nodes[tag];
+    k.patch(tag, { layoutPositioning: "ABSOLUTE", x: x0, y: Math.round(rim.y - box.height / 2) });
+  });
+}
+var CAPTION = { name: "Caption", kicker: "Inside the Classic", title: "Eight layers. One perfect bite.", body: "Hover a layer to lift it, click to look closer, drag to turn the burger." };
+var REEL_BODY = "Brioche, beef, cheese and five more: every layer, and what it brings.";
+function captionBlock(k, sheet, s, body = CAPTION.body) {
+  captionParts(k, s, { kicker: CAPTION.kicker, cta: "Take it apart" });
+  caption(k, sheet, s, { ...CAPTION, body, step: "subtitle", width: 600, at: { x: 130, y: 150 } });
+}
+var toggle = (k, sheet, s, label) => k.instance(sheet, `Button ${typeStep(k, s, "body")}`, { Label: label }, { name: "Toggle", absolute: { x: 130, y: 520 } });
+function detail(k, sheet, s, i) {
+  const p = PARTS[i];
+  const card = k.stack(sheet, { width: 660, gap: 12, fill: k.tint("text", 0.08), radius: 28, padding: 34, name: `${p.name} card`, absolute: { x: 130, y: 630 } });
+  k.text(card, `Layer ${i + 1} of ${PARTS.length}`, { style: typeStep(k, s, "label"), color: "accent", name: "Layer number" });
+  k.text(card, p.name, { style: typeStep(k, s, "subtitle"), color: "text", name: "Layer name" });
+  k.text(card, p.about, { style: typeStep(k, s, "body"), color: "onBackground", name: "About" });
+  const close = k.text(card, "Back to all layers", { style: typeStep(k, s, "label"), color: "accent", name: "Close" });
+  return { card, close };
+}
+var burger_reveal_default = defineTemplate({
+  id: "motion-3d-burger-reveal",
+  meta: {
+    name: "Burger reveal",
+    description: "A burger in real 3D \u2014 sesame bun, sauce, onion, tomato, lettuce, cheese, patty \u2014 turns slowly, comes apart into a labelled exploded view and stacks back up. A 10-second 16:9 loop at 30 fps, plus a working prototype: hover a layer, click it to read about it, take the burger apart with a button, drag to turn it. Exports to working HTML and React",
+    category: "animation",
+    tags: ["animation", "3d", "exploded", "food", "burger", "product", "interactive", "layers", "restaurant", "menu"],
+    platforms: ["youtube", "instagram", "linkedin", "x", "web"],
+    formats: ["video", "post", "ad"],
+    useCases: ["launch", "announcement"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  // One file, not sizes to pick between: the showreel (its first sheet, what the card pictures) and the prototype.
+  sequence: true,
+  build() {
+    const k = new Kit("Burger reveal", preset(SIZE));
+    k.brand({
+      background: "#170E0A",
+      text: "#FFF4E6",
+      onBackground: "#CDB9A6",
+      accent: "#F4AE3F",
+      onAccent: "#2A1405",
+      primary: "#E4572E",
+      onPrimary: "#FFFFFF",
+      highlight: "#FFFFFF",
+      bun: "#D98E3E",
+      bunShade: "#7E4216",
+      bunCut: "#F2D7A4",
+      bunGloss: "#FFE3B0",
+      sesame: "#FFF3D6",
+      patty: "#5B2F1D",
+      pattyShade: "#2C140B",
+      cheese: "#F8BC2C",
+      cheeseShade: "#C98B0C",
+      lettuce: "#74C44A",
+      lettuceShade: "#3F8428",
+      tomato: "#DD3E2C",
+      tomatoShade: "#98221A",
+      tomatoFlesh: "#F4876C",
+      onion: "#EBD3F1",
+      onionShade: "#B484C6",
+      sauce: "#E9773C",
+      sauceShade: "#B24E1F",
+      sauceShine: "#FFD2A8"
+    }, { name: "Stackhouse", tagline: "Built layer by layer." });
+    parts(k);
+    const s = size(SIZE);
+    const { together, apart } = positions();
+    const reel = k.sheet;
+    k.nameSheet(reel, "Burger reveal");
+    const b = burger(k, reel, s, together);
+    k.behave(b.spin, "rotateY", [{ kind: "spin", rate: 360 / (DURATION / 1e3) }]);
+    b.layers.forEach((id, i) => {
+      const off = apart[i] - together[i];
+      const d = Math.abs(i - (PARTS.length - 1) / 2) * 70;
+      k.patch(id, { translateY: off });
+      key(k, id, "translateY", [[0, 0], [OPEN + d, 0, ease.back(1.3)], [OPENED + d, off, ease.hold], [CLOSE - d, off, ease.inOut("cubic")], [CLOSED - d, 0]]);
+    });
+    captionBlock(k, reel, s, REEL_BODY);
+    labels(k, reel, s, b);
+    PARTS.forEach((p, i) => {
+      const tag = k.named(reel, `${p.name} label`)[0];
+      const d = Math.abs(i - (PARTS.length - 1) / 2) * 70;
+      key(k, tag, "opacity", [[0, 0], [OPENED + d - 200, 0, ease.out("cubic")], [OPENED + d + 250, 1, ease.hold], [CLOSE - d - 400, 1, ease.out("cubic")], [CLOSE - d - 100, 0]]);
+      key(k, tag, "translateX", [[OPENED + d - 200, 30, ease.out("cubic")], [OPENED + d + 250, 0]]);
+    });
+    ["Caption kicker", "Caption title", "Caption body"].forEach((name, i) => {
+      const id = k.named(reel, name)[0], t0 = 200 + i * 120;
+      key(k, id, "opacity", [[t0, 0, ease.out("cubic")], [t0 + 500, 1]]);
+      key(k, id, "translateY", [[t0, 40, ease.out("cubic")], [t0 + 700, 0]]);
+    });
+    const screen = (name) => k.addScreen(name);
+    const assembled = screen("Assembled");
+    const exploded = screen("Exploded");
+    const focus = PARTS.map((p) => screen(`Focus \xB7 ${p.name}`));
+    const built = [];
+    const apartScene = burger(k, exploded, s, apart);
+    captionBlock(k, exploded, s);
+    labels(k, exploded, s, apartScene);
+    const explodedToggle = toggle(k, exploded, s, "Put it back together");
+    {
+      const bb = burger(k, assembled, s, together);
+      k.timeline(assembled, { duration: 12e3, fps: FPS });
+      k.behave(bb.spin, "rotateY", [{ kind: "spin", rate: 30 }]);
+      captionBlock(k, assembled, s);
+      built.push({ id: assembled, b: bb, toggle: toggle(k, assembled, s, "Take it apart") });
+    }
+    built.push({ id: exploded, b: apartScene, toggle: explodedToggle });
+    focus.forEach((id, i) => {
+      const bb = burger(k, id, s, apart, { focus: i });
+      captionBlock(k, id, s);
+      labels(k, id, s, apartScene, { focus: i });
+      const { close } = detail(k, id, s, i);
+      built.push({ id, b: bb, toggle: toggle(k, id, s, "Put it back together"), close });
+    });
+    const GLIDE = 650;
+    for (const [n, screenB] of built.entries()) {
+      const focused = n >= 2 ? n - 2 : void 0;
+      k.link(screenB.toggle, n === 0 ? exploded : assembled, "SMART_ANIMATE", { duration: n === 0 ? 900 : 800 });
+      screenB.b.layers.forEach((layer, i) => k.link(layer, focused === i ? exploded : focus[i], "SMART_ANIMATE", { duration: GLIDE }));
+      if (screenB.close) k.link(screenB.close, exploded, "SMART_ANIMATE", { duration: GLIDE });
+      k.orbit(screenB.b.scene, screenB.b.turn, { degreesPerPx: 0.35, tilt: true, tiltRange: [-14, 5], tiltLayerId: screenB.b.rig });
+    }
+    k.flowStart(assembled, "Burger reveal");
+    k.setCover(reel);
+    return k.finish();
+  }
+});
+
+export {
+  burger_reveal_default
+};

package/dist/chunks/chunk-HRWTCVRJ.js

@@ -0,0 +1,62 @@
+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 {
+  ease
+} from "./chunk-37IU3FCE.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+import {
+  __export
+} from "./chunk-LJSVREWM.js";
+
+// templates/src/shared/pointer.ts
+var pointer_exports = {};
+__export(pointer_exports, {
+  clicks: () => clicks,
+  glide: () => glide,
+  pointer: () => pointer,
+  touch: () => touch
+});
+init_define_POPCRAFT_COMPONENT_IDS();
+var ARROW = [[0, 0], [0, 19.2], [5.2, 14.6], [8.4, 22], [11.6, 20.6], [8.4, 13.4], [15.2, 13.4]];
+function pointer(k, parent, o) {
+  const s = (o.size ?? 72) / 24, R = (o.size ?? 72) * 1.5;
+  const ring = k.ellipse(parent, R, k.tint(o.ring, 1e-3), { name: "Click ring", absolute: { x: o.x - R / 2, y: o.y - R / 2 }, stroke: { color: o.ring, width: 6 }, opacity: 0 });
+  const arrow = k.vector(parent, 24 * s, 24 * s, [{ closed: true, points: ARROW.map(([x, y]) => ({ x: x * s, y: y * s })) }], o.fill, { name: o.name ?? "Pointer", absolute: { x: o.x, y: o.y }, stroke: { color: o.edge, width: Math.max(3, s * 1.2), join: "ROUND" } });
+  return { arrow, ring };
+}
+function touch(k, parent, o) {
+  const d = o.size ?? 84, R = d * 1.7;
+  const ring = k.ellipse(parent, R, k.tint(o.ring, 1e-3), { name: "Tap ring", absolute: { x: o.x - R / 2, y: o.y - R / 2 }, stroke: { color: o.ring, width: 5 }, opacity: 0 });
+  const arrow = k.ellipse(parent, d, k.tint(o.fill, 0.42), { name: "Touch", absolute: { x: o.x - d / 2, y: o.y - d / 2 }, stroke: { color: o.fill, width: 4, align: "INSIDE" } });
+  return { arrow, ring };
+}
+function glide(k, p, stops) {
+  for (const id of [p.arrow, p.ring]) {
+    k.animate(id, "translateX", stops.map((s, i) => ({ t: s.t, v: s.dx, ...i < stops.length - 1 ? { ease: ease.inOut("cubic") } : {} })));
+    k.animate(id, "translateY", stops.map((s, i) => ({ t: s.t, v: s.dy, ...i < stops.length - 1 ? { ease: ease.inOut("cubic") } : {} })));
+  }
+}
+function clicks(k, p, times) {
+  const dip = times.flatMap((t) => [{ t, v: 1, ease: ease.out("cubic") }, { t: t + 90, v: 0.82, ease: ease.out("cubic") }, { t: t + 240, v: 1, ease: ease.hold }]);
+  const last = (keys) => keys.map((key, i) => i === keys.length - 1 ? (({ ease: _e, ...rest }) => rest)(key) : key);
+  k.animate(p.arrow, "scaleX", last(dip));
+  k.animate(p.arrow, "scaleY", last(dip));
+  const spread = times.flatMap((t) => [{ t, v: 0.2, ease: ease.out("cubic") }, { t: t + 420, v: 1, ease: ease.hold }]);
+  k.animate(p.ring, "scaleX", last(spread));
+  k.animate(p.ring, "scaleY", last(spread));
+  k.animate(p.ring, "opacity", last(times.flatMap((t) => [{ t: t - 1, v: 0, ease: ease.hold }, { t, v: 0.9, ease: ease.out("cubic") }, { t: t + 420, v: 0, ease: ease.hold }])));
+}
+
+export {
+  pointer,
+  touch,
+  glide,
+  clicks,
+  pointer_exports
+};

package/dist/chunks/chunk-HSDDSCU2.js

@@ -0,0 +1,23 @@
+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 {
+  STREET
+} from "./chunk-BWBV27KV.js";
+import {
+  ticket
+} from "./chunk-G2C2BDDU.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/app/festival-presale-street-ticket.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_street_ticket_default = ticket(STREET);
+
+export {
+  festival_presale_street_ticket_default
+};

package/dist/chunks/chunk-HSEJSKCZ.js

@@ -0,0 +1,23 @@
+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 {
+  STREET
+} from "./chunk-BWBV27KV.js";
+import {
+  adSet
+} from "./chunk-G2C2BDDU.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/festival-presale-street-ads.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_street_ads_default = adSet(STREET, { top: 0.4, foot: 0.5, dx: 120 });
+
+export {
+  festival_presale_street_ads_default
+};