@popcraft/kit 0.26.0 → 0.26.1

package/dist/chunks/chunk-GFYS352X.js

@@ -0,0 +1,152 @@
+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 {
+  bandsAround,
+  confetti,
+  disc,
+  draw,
+  perBand,
+  polyP,
+  redraw,
+  restyleAll,
+  scaleGaps,
+  sparkle,
+  streamer
+} from "./chunk-AISWLDDO.js";
+import {
+  SERIF
+} from "./chunk-X23ZWFW2.js";
+import {
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/holidays-new-years-eve-shop-hours.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "New Year\u2019s Eve shop holiday hours post";
+var HOURS = [
+  ["Wed 23 Dec", "10 am \u2013 8 pm"],
+  ["Thu 24 Dec", "10 am \u2013 4 pm"],
+  ["Fri 25 Dec", "Closed"],
+  ["Sat 26 Dec", "12 \u2013 6 pm"],
+  ["Wed 30 Dec", "10 am \u2013 8 pm"],
+  ["Thu 31 Dec", "10 am \u2013 6 pm"],
+  ["Fri 1 Jan", "Closed"]
+];
+function bottle(x, y, s, tilt) {
+  const c = Math.cos(tilt), sn = Math.sin(tilt);
+  const p = (u, v) => ({ x: x + (u * c - v * sn) * s, y: y + (u * sn + v * c) * s });
+  const glass = [polyP([p(-0.16, 0), p(0.16, 0), p(0.16, -0.5), p(0.06, -0.68), p(0.05, -0.92), p(-0.05, -0.92), p(-0.06, -0.68), p(-0.16, -0.5)])];
+  const foil = [polyP([p(-0.058, -0.74), p(0.058, -0.74), p(0.05, -0.94), p(-0.05, -0.94)])];
+  const label = [polyP([p(-0.16, -0.16), p(0.16, -0.16), p(0.16, -0.38), p(-0.16, -0.38)])];
+  const tip = p(0, -1.18);
+  const cork = [polyP([{ x: tip.x - 0.035 * s, y: tip.y - 0.05 * s }, { x: tip.x + 0.035 * s, y: tip.y - 0.05 * s }, { x: tip.x + 0.045 * s, y: tip.y + 0.05 * s }, { x: tip.x - 0.045 * s, y: tip.y + 0.05 * s }])];
+  const spray = [0, 1, 2, 3, 4, 5, 6, 7].map((i) => {
+    const q = p((i % 2 ? 1 : -1) * (0.04 + i * 0.012), -0.98 - i * 0.03);
+    return disc(q.x, q.y, (0.014 + i % 3 * 6e-3) * s);
+  });
+  return { glass, foil, label, cork, spray };
+}
+function art(w, h, safe = { top: 0, bottom: 0 }) {
+  const s = w / 1080, B = 0;
+  const b = bottle(w - 120 * s, h - 70 * s - safe.bottom * 0.3, 470 * s, -0.36);
+  const keep = { x: 60 * s, y: 60 * s + safe.top, w: 700 * s, h: h - 120 * s - safe.top - safe.bottom };
+  const bands = bandsAround(w, h, keep, B);
+  const st = [streamer({ x: w * 0.62, y: -10 }, w * 0.5, 0.5, 18 * s, 3.5), streamer({ x: w * 0.78, y: -10 }, w * 0.4, 1.05, 16 * s, 3), streamer({ x: -10, y: h - 40 * s }, w * 0.4, -0.12, 14 * s, 2.5)];
+  return [
+    ...perBand("Confetti", "yellow", bands, (r, i) => confetti(r.w, r.h, Math.round(r.w * r.h / (9e3 * s * s)), 90 + i, 22 * s).bars.map((p) => ({ ...p, points: p.points.map((q) => ({ x: q.x + r.x, y: q.y + r.y })) }))),
+    ...perBand("Confetti dots", "coral", bands, (r, i) => confetti(r.w, r.h, Math.round(r.w * r.h / (14e3 * s * s)), 120 + i, 22 * s).dots.map((p) => ({ ...p, points: p.points.map((q) => ({ ...q, x: q.x + r.x, y: q.y + r.y, ...q.handleIn ? { handleIn: { x: q.handleIn.x + r.x, y: q.handleIn.y + r.y } } : {}, ...q.handleOut ? { handleOut: { x: q.handleOut.x + r.x, y: q.handleOut.y + r.y } } : {} })) }))),
+    { name: "Streamers", paths: st.slice(0, 2), color: "coral", o: { strokeWidth: 7 * s } },
+    { name: "Streamers", paths: st.slice(2), color: "mint", o: { strokeWidth: 7 * s } },
+    { name: "Bottle", paths: b.glass, color: "bottle" },
+    { name: "Bottle label", paths: b.label, color: "cream" },
+    { name: "Bottle foil", paths: b.foil, color: "yellow" },
+    { name: "Cork", paths: b.cork, color: "cork" },
+    { name: "Spray", paths: b.spray, color: "cream" },
+    { name: "Pop", paths: [sparkle(w - 140 * s, h - 700 * s - safe.bottom * 0.3, 40 * s), sparkle(w - 290 * s, h - 660 * s - safe.bottom * 0.3, 26 * s)], color: "yellow" }
+  ];
+}
+var holidays_new_years_eve_shop_hours_default = defineTemplate({
+  id: "social-holidays-new-years-eve-shop-hours",
+  meta: {
+    name: NAME,
+    description: "A holiday-hours post for a neighbourhood wine shop, Christmas to New Year: confetti and streamers on deep teal, a bottle popping its cork, \u201CPop in before you pop the cork\u201D in big heavy type, every day\u2019s hours with the closed days marked, and the sparkling-wine offer in a yellow pill. 4:5 for the feed and 9:16 for stories",
+    category: "social",
+    tags: ["new year\u2019s eve", "new year", "holiday hours", "opening hours", "wine shop", "small business", "shop", "champagne", "sale", "confetti", "instagram", "story", "post"],
+    platforms: ["instagram", "facebook"],
+    formats: ["portrait-post", "story"],
+    useCases: ["announcement", "sale"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("ig-portrait"));
+    k.quantizeGeometry = true;
+    k.brand(
+      { paper: "#0C4A47", text: "#FFF7E6", onPaper: "#F5C443", primary: "#F5C443", onPrimary: "#0C2E2C" },
+      { name: "Cork & Crate", site: "corkandcrate.co" }
+    );
+    k.palette({ yellow: "#F5C443", coral: "#F2725E", mint: "#8FDCC2", cream: "#FFF7E6", bottle: "#14302C", cork: "#C99A5B", line: "#2E6B66" });
+    k.textStyle("Kicker 26", { ...SERIF, size: 34, fontWeight: 400, fontStyle: "italic", lineHeight: 40 });
+    k.textStyle("Title 96", { size: 96, fontWeight: 900, letterSpacing: -3.6, lineHeight: 92 });
+    k.textStyle("Day 30", { size: 30, fontWeight: 700, lineHeight: 38, fontFeatures: { tnum: 1 } });
+    k.textStyle("Hours 30", { ...SERIF, size: 30, fontWeight: 400, lineHeight: 38, fontFeatures: { tnum: 1 } });
+    k.textStyle("Pill 28", { size: 28, fontWeight: 800, lineHeight: 34 });
+    k.textStyle("Foot 24", { size: 24, fontWeight: 600, letterSpacing: 1, lineHeight: 30 });
+    k.component("Hours row", { direction: "HORIZONTAL", gap: 20, width: 620, justify: "SPACE_BETWEEN", padding: { top: 9, right: 0, bottom: 9, left: 0 }, props: { Day: "Mon 1 Jan", Hours: "9 \u2013 5" } }, (id) => {
+      k.propText(id, "Day", { style: "Day 30", color: "text", autoWidth: true, name: "Day" });
+      k.propText(id, "Hours", { style: "Hours 30", color: "text", autoWidth: true, name: "Hours" });
+    });
+    const sheet = k.sheet;
+    const { width: W, height: H } = k.node(sheet);
+    k.flowSheet(sheet, 0, { top: 84, right: 340, bottom: 70, left: 84 }, "paper", "CENTER", "MIN");
+    draw(k, sheet, art(W, H));
+    k.text(sheet, "Holiday hours at {{brand.name}}", { style: "Kicker 26", color: "onPaper", width: "FILL", name: "Kicker" });
+    k.stack(sheet, { height: 22, name: "Gap" });
+    k.text(sheet, "Pop in before you pop the cork", { style: "Title 96", color: "text", width: "FILL", name: "Title" });
+    k.stack(sheet, { height: 34, name: "Gap" });
+    const list = k.stack(sheet, { width: 620, name: "Hours" });
+    for (const [i, [d, hrs]] of HOURS.entries()) {
+      k.instance(list, "Hours row", { Day: d, Hours: hrs }, { name: "Hours row", width: "FILL" });
+      if (i < HOURS.length - 1) k.rect(list, "FILL", 2, "line", { name: "Rule" });
+    }
+    k.stack(sheet, { height: 34, name: "Gap" });
+    const pill = k.stack(sheet, { direction: "HORIZONTAL", width: "HUG", padding: { top: 16, right: 28, bottom: 16, left: 28 }, radius: 40, fill: "primary", name: "Offer" });
+    k.text(pill, "15% off any six bottles of bubbly, to 31 Dec", { style: "Pill 28", color: "onPrimary", autoWidth: true, name: "Offer text" });
+    k.stack(sheet, { height: 26, name: "Gap" });
+    k.text(sheet, "1408 Elm Street \xB7 {{brand.site}}", { style: "Foot 24", color: "onPaper", width: "FILL", name: "Foot" });
+    k.textStyle("Title 116", { size: 106, fontWeight: 900, letterSpacing: -4, lineHeight: 100 });
+    k.textStyle("Kicker 40", { ...SERIF, size: 40, fontWeight: 400, fontStyle: "italic", lineHeight: 48 });
+    const story = {
+      preset: "ig-story",
+      adjust: (kit, id) => {
+        const { width: w, height: h } = kit.node(id);
+        const safe = verticalPadding(84);
+        redraw(kit, id, art(w, h, { top: safe.top - 84, bottom: safe.bottom - 84 }));
+        kit.patch(id, { padding: { top: safe.top, right: 260, bottom: safe.bottom + 160, left: safe.left } });
+        restyleAll(kit, id, [["Title", "Title 116"], ["Kicker", "Kicker 40"]]);
+        scaleGaps(kit, id, 1.25);
+      }
+    };
+    k.variants(sheet, [story]);
+    return k.finish();
+  }
+});
+
+export {
+  holidays_new_years_eve_shop_hours_default
+};

package/dist/chunks/chunk-GH6JQF2K.js

@@ -0,0 +1,55 @@
+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 {
+  slideshow
+} from "./chunk-R63EHB4Z.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/slideshow/travel.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var story = {
+  id: "motion-slideshow-travel",
+  song: "openRoad",
+  meta: {
+    name: "Travel diary slideshow",
+    description: "A travel film from your trip photos: a title card, three chapters (the cities, the roads, the water), fifteen scenes cut on the beats of a travelling acoustic-guitar track (made by PopCraft, CC0), captions with the place under each, Ken Burns drifts, pushes, slides, dips and light leaks, and a closing card. Photos are CC0 from Wikimedia Commons; drop your own on any frame.",
+    tags: ["animation", "slideshow", "travel", "trip", "vacation", "holiday", "photo", "diary", "music", "beat", "scenes", "ken burns", "video"],
+    platforms: ["youtube", "instagram", "tiktok", "facebook"],
+    formats: ["video", "reel", "post"],
+    useCases: ["event"],
+    created: "2026-09-29",
+    updated: "2026-09-29"
+  },
+  brand: { paper: "#F5F1E8", onPaper: "#243B4A", accent: "#D9822B", shade: "#132029", onPhoto: "#FFFFFF", leak: "#FFB05C" },
+  fields: { names: "Lena & Tom", date: "Spring 2026 \xB7 21 days" },
+  scenes: [
+    { kind: "title", name: "Opening", photo: "travel-00", kicker: "A travel diary", beats: 8, move: "in" },
+    { kind: "chapter", name: "Chapter 1", kicker: "Week one", title: "The cities", beats: 4 },
+    { kind: "photo", name: "Osaka", photo: "travel-01", caption: "The first morning", place: "Osaka, Japan", beats: 4, move: "up", into: "push" },
+    { kind: "photo", name: "Bangkok", photo: "travel-07", caption: "Across town by tuk-tuk", place: "Bangkok, Thailand", beats: 4, move: "in", into: "push" },
+    { kind: "photo", name: "Old town", photo: "travel-08", caption: "Lost, happily, in the old town", beats: 6, move: "left" },
+    { kind: "dip", name: "Dip 1", to: "shade", beats: 1 },
+    { kind: "chapter", name: "Chapter 2", kicker: "Week two", title: "The roads", beats: 4 },
+    { kind: "photo", name: "Highway", photo: "travel-05", caption: "Four hundred miles of this", beats: 4, move: "up", into: "slide" },
+    { kind: "photo", name: "Valley", photo: "travel-02", caption: "Up the valley by cable car", beats: 6, move: "right" },
+    { kind: "photo", name: "The storm", photo: "travel-04", caption: "The storm we drove toward", place: "Monument Valley, Utah", beats: 6, move: "in", into: "leak" },
+    { kind: "dip", name: "Dip 2", to: "shade", beats: 1 },
+    { kind: "chapter", name: "Chapter 3", kicker: "Week three", title: "The water", beats: 4 },
+    { kind: "photo", name: "The lake", photo: "travel-03", caption: "A lake that holds the sky", place: "Tso Kiagar, Ladakh", beats: 6, move: "left" },
+    { kind: "photo", name: "The pier", photo: "travel-06", caption: "Wind off the sea", beats: 6, move: "right" },
+    { kind: "photo", name: "Last light", photo: "travel-09", caption: "Last light, last night", beats: 8, move: "in", into: "leak" },
+    { kind: "end", name: "Ending", kicker: "Until the next one" }
+  ]
+};
+var travel_default = slideshow(story);
+
+export {
+  story,
+  travel_default
+};

package/dist/chunks/chunk-GHW6ACOW.js

@@ -0,0 +1,123 @@
+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 {
+  KONTOR,
+  fitGrid,
+  fitRoute,
+  grot,
+  lockup,
+  routeGeo,
+  routeMap,
+  rule,
+  swissBrand,
+  swissGrid
+} from "./chunk-ZBW3A2IQ.js";
+import {
+  restyle
+} from "./chunk-QLV6445V.js";
+import {
+  defineTemplate
+} from "./chunk-QBBW3JXO.js";
+import {
+  Kit,
+  preset
+} from "./chunk-SOHOKD4X.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/style-swiss-link-preview.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var NAME = "Swiss SaaS link preview";
+var GRID = { cols: 12, margin: 56, gutter: 16 };
+var FIELD = 0.36;
+var routeH = (w, pad) => {
+  const g = routeGeo(w, 1e4, pad);
+  return Math.round(7 * g.u + 2 * pad);
+};
+var style_swiss_link_preview_default = defineTemplate({
+  id: "social-saas-style-swiss-link-preview",
+  meta: {
+    name: NAME,
+    description: "A link preview in the Swiss typographic style: a visible grid, a giant 48h over the promise set flush left, and a red field on the right third carrying a white transit-style route diagram with its late stretch and rail reroute. 1200 \xD7 630, with a 1280 \xD7 640 GitHub social preview and a 1600 \xD7 900 X post",
+    category: "social",
+    tags: ["link preview", "open graph", "og image", "github", "saas", "swiss", "international typographic style", "grid", "b2b", "logistics", "product", "launch"],
+    platforms: ["web", "x", "linkedin", "facebook", "github"],
+    formats: ["og-image", "post"],
+    useCases: ["launch", "brand-intro"],
+    created: "2026-10-02",
+    updated: "2026-10-02"
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset("og-image"));
+    k.quantizeGeometry = true;
+    swissBrand(k, { tagline: "Know which shipments will be late. Two days early." });
+    grot(k, "Brand 26", 26, { weight: 700, lead: 1.1, spacing: -0.02 });
+    grot(k, "Brand 38", 38, { weight: 700, lead: 1.1, spacing: -0.02 });
+    grot(k, "Giant 230", 230, { weight: 700, lead: 0.84, spacing: -0.07 });
+    grot(k, "Giant 320", 320, { weight: 700, lead: 0.84, spacing: -0.07 });
+    grot(k, "Head 40", 40, { weight: 700, lead: 1.05, spacing: -0.03 });
+    grot(k, "Head 54", 54, { weight: 700, lead: 1.05, spacing: -0.03 });
+    grot(k, "Site 20", 20, { weight: 600, lead: 1.3 });
+    grot(k, "Site 26", 26, { weight: 600, lead: 1.3 });
+    const sheet = k.sheet;
+    const W = 1200, H = 630;
+    k.flowSheet(sheet, 0, { top: 52, right: Math.round(W * FIELD) + 40, bottom: 48, left: 56 }, "paper", "SPACE_BETWEEN", "MIN");
+    k.patch(sheet, { clipsContent: true });
+    swissGrid(k, sheet, GRID);
+    const fw = Math.round(W * FIELD);
+    k.rect(sheet, fw, H, "primary", { name: "Field", absolute: { x: W - fw, y: 0 } });
+    const rh = routeH(fw, 64);
+    routeMap(k, sheet, { w: fw, h: rh, pad: 64, weight: 14, ink: "onPrimary", late: "text", ground: "primary", labels: "Site 20", labelInk: "onPrimary", name: "Route", absolute: { x: W - fw, y: Math.round((H - rh) / 2) - 30 } });
+    k.component("Route note", { width: fw - 128, description: "The line under the route: what the forecast caught.", props: { Text: `+${KONTOR.slip} h from Duisburg to Mannheim, rerouted by rail` } }, (id) => {
+      k.propText(id, "Text", { style: "Site 20", color: "onPrimary", width: "FILL", name: "Note words" });
+    });
+    k.instance(sheet, "Route note", {}, { name: "Field note", absolute: { x: W - fw + 64, y: H - 100 } });
+    const top = k.stack(sheet, { gap: 12, name: "Top" });
+    lockup(k, top, { size: 26, style: "Brand 26" });
+    rule(k, top, "FILL", { weight: 3, name: "Top rule" });
+    k.text(sheet, "48h", { style: "Giant 230", color: "text", name: "Giant" });
+    const foot = k.stack(sheet, { gap: 14, name: "Foot" });
+    k.text(foot, "{{brand.tagline}}", { style: "Head 40", color: "text", name: "Headline" });
+    k.text(foot, "{{brand.site}}", { style: "Site 20", color: "text", name: "Site" });
+    const fit = (kit, id, big) => {
+      const { width: w, height: h } = kit.node(id);
+      const f = Math.round(w * FIELD);
+      kit.patch(id, { padding: { top: big ? 72 : 52, right: f + (big ? 56 : 40), bottom: big ? 64 : 48, left: big ? 80 : 56 } });
+      fitGrid(kit, id, big ? { cols: 12, margin: 80, gutter: 20 } : GRID);
+      for (const n of kit.named(id, "Field")) kit.patch(n, { x: w - f, y: 0, width: f, height: h });
+      const pad = big ? 90 : 64, rh2 = routeH(f, pad);
+      fitRoute(kit, id, "Route", f, rh2, { pad, weight: 14 });
+      for (const n of kit.named(id, "Route")) kit.patch(n, { x: w - f, y: Math.round((h - rh2) / 2) - 30 });
+      for (const n of kit.named(id, "Field note")) kit.patch(n, { x: w - f + pad, y: h - (big ? 130 : 100), width: f - 2 * pad });
+      if (big) restyle(kit, id, "Note words", "Site 26");
+      if (big) {
+        restyle(kit, id, "Giant", "Giant 320");
+        restyle(kit, id, "Headline", "Head 54");
+        restyle(kit, id, "Site", "Site 26");
+      }
+      if (big) {
+        restyle(kit, id, "Brand name", "Brand 38");
+        restyle(kit, id, "Station", "Site 26");
+        for (const t of kit.named(id, "Logo tile")) {
+          kit.patch(t, { padding: { top: 8, right: 8, bottom: 8, left: 8 } });
+          for (const c of kit.node(t).childIds) kit.patch(c, { width: 38, height: 38 });
+        }
+      }
+    };
+    k.variants(sheet, [
+      { preset: "github-social", adjust: (kit, id) => fit(kit, id, false) },
+      { preset: "x-post", adjust: (kit, id) => fit(kit, id, true) }
+    ]);
+    return k.finish();
+  }
+});
+
+export {
+  style_swiss_link_preview_default
+};

package/dist/chunks/chunk-GII477RX.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 {
+  FAMILY
+} from "./chunk-2BT2BDO5.js";
+import {
+  ticket
+} from "./chunk-E4JKR44C.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/app/festival-presale-family-ticket.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var festival_presale_family_ticket_default = ticket(FAMILY);
+
+export {
+  festival_presale_family_ticket_default
+};

package/dist/chunks/chunk-GIUQ7LNF.js

@@ -0,0 +1,317 @@
+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 {
+  storePlatform
+} from "./chunk-RVU4WKRT.js";
+import {
+  reportPlanLimit
+} from "./chunk-FK2VTANM.js";
+import {
+  accessToken
+} from "./chunk-ZTNA7M3C.js";
+import {
+  formatFileSize
+} from "./chunk-MQYNCRLU.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// lib/client/cloud/api.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/billing/purchases.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/billing/plans.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/billing/limits.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function formatLimit(key, max) {
+  if (max === null) return "Unlimited";
+  if (key === "exportWatermark") return max ? "Watermarked" : "No watermark";
+  if (key === "siteBadge") return max ? "PopCraft badge" : "No badge";
+  if (typeof max === "boolean") return max ? "Included" : "Not included";
+  if (key === "storageBytes" || key === "maxUploadBytes") return formatBytes(max);
+  if (key === "versionHistoryDays") return max >= 365 ? `${Math.round(max / 365)} year${max >= 730 ? "s" : ""}` : `${max} days`;
+  return String(max);
+}
+var formatBytes = formatFileSize;
+
+// lib/billing/plans.ts
+var MB = 1024 * 1024;
+var GB = 1024 * MB;
+var PLANS = {
+  free: {
+    label: "Free",
+    hyperyPlanNames: [],
+    badge: null,
+    limits: {
+      cloudDocuments: 3,
+      pagesPerDocument: 5,
+      storageBytes: 250 * MB,
+      maxUploadBytes: 10 * MB,
+      versionHistoryDays: 7,
+      namedVersionsPerDocument: 3,
+      sharedPeoplePerDocument: 2,
+      publishedLibraries: 0,
+      publishedSites: 1,
+      installedPlugins: 3,
+      teamWorkspaces: true,
+      teamMembers: 3,
+      offlineDocuments: false,
+      exportWatermark: true,
+      siteBadge: true
+    }
+  },
+  creator: {
+    label: "Creator",
+    hyperyPlanNames: ["PopCraft Creator"],
+    badge: { icon: "sparkles", label: "Creator plan" },
+    limits: {
+      cloudDocuments: 100,
+      pagesPerDocument: 50,
+      storageBytes: 10 * GB,
+      maxUploadBytes: 100 * MB,
+      versionHistoryDays: 90,
+      // Creator is sold per team, and every file belongs to a team — a personal team is a real team — so a
+      // Creator plan that excluded team workspaces could hold a file nowhere at all, including in the
+      // buyer's own files. Studio's team advantage is its uncapped limits and member count, not whether a
+      // team may have files.
+      namedVersionsPerDocument: 50,
+      sharedPeoplePerDocument: 10,
+      publishedLibraries: 5,
+      publishedSites: 10,
+      installedPlugins: 20,
+      teamWorkspaces: true,
+      teamMembers: 10,
+      offlineDocuments: false,
+      exportWatermark: false,
+      siteBadge: false
+    }
+  },
+  studio: {
+    label: "Studio",
+    hyperyPlanNames: ["PopCraft Studio"],
+    badge: { icon: "crown", label: "Studio plan" },
+    limits: {
+      cloudDocuments: null,
+      pagesPerDocument: 200,
+      storageBytes: 100 * GB,
+      maxUploadBytes: 100 * MB,
+      versionHistoryDays: 365,
+      namedVersionsPerDocument: null,
+      sharedPeoplePerDocument: null,
+      publishedLibraries: null,
+      publishedSites: null,
+      installedPlugins: null,
+      teamWorkspaces: true,
+      teamMembers: 25,
+      offlineDocuments: false,
+      exportWatermark: false,
+      siteBadge: false
+    }
+  },
+  /**
+   * PLACEHOLDER — not sold, not reachable.
+   *
+   * `hyperyPlanNames` is empty and no plan id maps here, so `tierOfPlan` can never return 'enterprise'
+   * and no account resolves to it. It exists so the one thing that needs an enterprise agreement —
+   * creating files that live on a device before they exist in the cloud — is expressed as a plan limit
+   * rather than as a switch anyone can flip. Selling it means adding its plan name/ids and listing it in
+   * TIERS; until then this is the only definition of what it would allow.
+   */
+  enterprise: {
+    label: "Enterprise",
+    hyperyPlanNames: [],
+    badge: { icon: "crown", label: "Enterprise plan" },
+    limits: {
+      cloudDocuments: null,
+      pagesPerDocument: null,
+      storageBytes: null,
+      maxUploadBytes: null,
+      versionHistoryDays: null,
+      namedVersionsPerDocument: null,
+      sharedPeoplePerDocument: null,
+      publishedLibraries: null,
+      publishedSites: null,
+      installedPlugins: null,
+      teamWorkspaces: true,
+      teamMembers: null,
+      offlineDocuments: true,
+      exportWatermark: false,
+      siteBadge: false
+    }
+  }
+};
+var GUEST_FILE_LIMIT = 1;
+var plansOn = () => process.env.NEXT_PUBLIC_HYPERY_PLANS === "1";
+var LIMIT_TEXT = {
+  cloudDocuments: (n) => `${n} cloud file${n === 1 ? "" : "s"}`,
+  pagesPerDocument: (n) => `${n} page${n === 1 ? "" : "s"} per file`,
+  storageBytes: (n) => `${formatLimit("storageBytes", n)} of storage (media and published websites)`,
+  maxUploadBytes: (n) => `uploads up to ${formatLimit("maxUploadBytes", n)}`,
+  versionHistoryDays: (n) => `${formatLimit("versionHistoryDays", n)} of version history`,
+  namedVersionsPerDocument: (n) => `${n} named version${n === 1 ? "" : "s"} per file`,
+  sharedPeoplePerDocument: (n) => `sharing each file with ${n} ${n === 1 ? "person" : "people"}`,
+  publishedLibraries: (n) => n === 0 ? "no published libraries" : `${n} published libraries`,
+  publishedSites: (n) => n === 0 ? "no published websites" : `${n} published website${n === 1 ? "" : "s"}`,
+  installedPlugins: (n) => `${n} workspace plugin${n === 1 ? "" : "s"}`,
+  teamWorkspaces: () => "personal files only (no team files)",
+  // Boolean limits are never rendered with a number; they are named by the UI that gates on them.
+  offlineDocuments: () => "creating files while offline",
+  exportWatermark: () => "GIF and video exports without a watermark",
+  siteBadge: () => "published websites without the PopCraft badge",
+  teamMembers: (n) => `${n} editors per team`
+};
+function limitMessage(d) {
+  const base = `The ${PLANS[d.tier].label} plan includes ${LIMIT_TEXT[d.limit](typeof d.max === "number" ? d.max : 0)}.`;
+  return d.upgradeTo ? `${base} Upgrade to ${PLANS[d.upgradeTo].label} for more.` : base;
+}
+
+// lib/billing/purchases.ts
+function purchasesAllowed() {
+  return storePlatform() === null;
+}
+function limitMessageHere(d) {
+  return limitMessage(purchasesAllowed() ? d : { ...d, upgradeTo: null });
+}
+
+// lib/client/cloud/api.ts
+var ApiError = class extends Error {
+  constructor(status, message, code, body) {
+    super(message);
+    this.status = status;
+    this.code = code;
+    this.body = body;
+  }
+  /** `{ limit, max, used, tier, upgradeTo }` when a plan limit blocked the request (`code === 'plan_limit'`). */
+  get planLimit() {
+    if (this.code !== "plan_limit") return null;
+    return this.body?.error?.details ?? null;
+  }
+};
+var inFlight = /* @__PURE__ */ new Map();
+function api(path, init = {}) {
+  const method = (init.method ?? "GET").toUpperCase();
+  if (method !== "GET") return request(path, init);
+  const hit = inFlight.get(path);
+  if (hit) return hit;
+  const value = request(path, init).finally(() => {
+    if (inFlight.get(path) === value) inFlight.delete(path);
+  });
+  inFlight.set(path, value);
+  return value;
+}
+async function request(path, init) {
+  const headers = new Headers(init.headers);
+  const token = await accessToken();
+  if (token) headers.set("authorization", `Bearer ${token}`);
+  let body = init.body;
+  if (init.json !== void 0) {
+    headers.set("content-type", "application/json");
+    body = JSON.stringify(init.json);
+  }
+  const res = await fetch(path, { ...init, headers, body });
+  if (!res.ok) {
+    const data = await res.json().catch(() => null);
+    let err = new ApiError(res.status, data?.error?.message ?? res.statusText, data?.error?.code ?? "error", data);
+    if (err.planLimit) err = new ApiError(err.status, limitMessageHere(err.planLimit), err.code, data);
+    if (err.planLimit) reportPlanLimit(err.message, err.planLimit);
+    throw err;
+  }
+  const type = res.headers.get("content-type") ?? "";
+  return type.includes("application/json") ? res.json() : res.text();
+}
+var fileUrl = (key) => `${window.location.origin}/pop/${key}`;
+var meInFlight = null;
+var provisioned = null;
+var ME_TTL_MS = 3e3;
+function invalidateMe() {
+  meInFlight = null;
+  provisioned = null;
+}
+var cloudApi = {
+  /** Provisioning. Idempotent, but slow: it runs once per session unless the session changes. */
+  signedIn: () => provisioned ??= api("/api/me", { method: "POST" }).catch((e) => {
+    provisioned = null;
+    throw e;
+  }),
+  me: () => {
+    const hit = meInFlight;
+    if (hit && Date.now() - hit.at < ME_TTL_MS) return hit.value;
+    const value = api("/api/me");
+    meInFlight = { at: Date.now(), value };
+    value.catch(() => {
+      if (meInFlight?.value === value) meInFlight = null;
+    });
+    return value;
+  },
+  /**
+   * One page of files. `cursor` continues the previous page; `nextCursor` is null at the end.
+   *
+   * Scope and search are the server's job: filtering a page in the browser would hide rows it already
+   * paid to send and quietly lose everything past the page boundary.
+   */
+  listFiles: (opts = {}) => api(`/api/files?${new URLSearchParams({
+    ...opts.trash ? { trash: "1" } : {},
+    ...opts.shared ? { shared: "1" } : {},
+    ...opts.workspace ? { workspace: opts.workspace } : {},
+    ...opts.project ? { project: opts.project } : {},
+    ...opts.folder ? { folder: opts.folder } : {},
+    ...opts.q ? { q: opts.q } : {},
+    ...opts.sort === "name" ? { sort: "name" } : {},
+    ...opts.cursor ? { cursor: opts.cursor } : {},
+    ...opts.limit ? { limit: String(opts.limit) } : {}
+  })}`),
+  createFile: (body) => api("/api/files", { method: "POST", json: body }),
+  /** Create a Hypery team. It has been mirrored as a workspace by the time this resolves. */
+  createTeam: (name) => api("/api/teams", { method: "POST", json: { name } }),
+  getFile: (key) => api(`/api/files/${key}`),
+  updateFile: (key, body) => api(`/api/files/${key}`, { method: "PATCH", json: body }),
+  /** Copy a file next to the original as "<name> copy". */
+  duplicateFile: (key) => api(`/api/files/${key}/duplicate`, { method: "POST" }),
+  deleteFile: (key) => api(`/api/files/${key}`, { method: "DELETE" }),
+  permissions: (key) => api(`/api/files/${key}/permissions`),
+  invite: (key, email, role) => api(`/api/files/${key}/permissions`, { method: "POST", json: { email, role } }),
+  removeAccess: (key, who) => api(`/api/files/${key}/permissions?${new URLSearchParams(who)}`, { method: "DELETE" }),
+  members: (key) => api(`/api/files/${key}/members`),
+  /** Every comment on the file: the endpoint is paged (≤ 500 a response), this follows `nextCursor` to the end. */
+  comments: async (key) => {
+    const comments = [];
+    let cursor = null;
+    do {
+      const page = await api(`/api/files/${key}/comments${cursor ? `?cursor=${encodeURIComponent(cursor)}` : ""}`);
+      comments.push(...page.comments);
+      cursor = page.nextCursor ?? null;
+    } while (cursor);
+    return { comments };
+  },
+  createComment: (key, body) => api(`/api/files/${key}/comments`, { method: "POST", json: body }),
+  updateComment: (key, id, body) => api(`/api/files/${key}/comments/${id}`, { method: "PATCH", json: body }),
+  deleteComment: (key, id) => api(`/api/files/${key}/comments/${id}`, { method: "DELETE" }),
+  notifications: () => api("/api/notifications"),
+  markNotificationsRead: (body) => api("/api/notifications", { method: "PATCH", json: body }),
+  projects: () => api("/api/projects"),
+  createProject: (name, workspaceId) => api("/api/projects", { method: "POST", json: { name, workspaceId } }),
+  renameProject: (id, name) => api(`/api/projects/${id}`, { method: "PATCH", json: { name } }),
+  deleteProject: (id) => api(`/api/projects/${id}`, { method: "DELETE" }),
+  createFolder: (projectId, name, parentId) => api("/api/folders", { method: "POST", json: { name, projectId, parentId } }),
+  updateFolder: (id, body) => api(`/api/folders/${id}`, { method: "PATCH", json: body }),
+  deleteFolder: (id) => api(`/api/folders/${id}`, { method: "DELETE" })
+};
+
+export {
+  PLANS,
+  GUEST_FILE_LIMIT,
+  plansOn,
+  ApiError,
+  api,
+  fileUrl,
+  invalidateMe,
+  cloudApi
+};