@popcraft/kit 0.26.1 → 0.27.0

package/dist/chunks/chunk-ARVU5SYW.js

@@ -0,0 +1,100 @@
+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 {
+  TIMETABLE_BRAND,
+  TIMETABLE_FIELDS,
+  classComponents,
+  legend,
+  week
+} from "./chunk-DEU2ENBD.js";
+import {
+  verticalPadding
+} from "./chunk-EK5CFFJO.js";
+import {
+  defineTemplate
+} from "./chunk-GTCLGM63.js";
+import {
+  Kit,
+  preset
+} from "./chunk-6QHAQLJ4.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/social/studio-class-timetable.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var SIDE = 56;
+var studio_class_timetable_default = defineTemplate({
+  id: "social-studio-class-timetable",
+  meta: {
+    name: "Studio class timetable post",
+    description: "A yoga, strength and dance studio\u2019s week of classes as a 4:5 post, with a 9:16 story where each day is a row. Every class is a component with its time, name and teacher, coloured by kind, so next week is typed in rather than redrawn. Works for a gym, a dance school or a climbing wall",
+    category: "social",
+    tags: ["timetable", "schedule", "class schedule", "weekly", "gym", "yoga", "fitness", "dance", "studio", "wellness", "pilates"],
+    platforms: ["instagram", "facebook"],
+    formats: ["portrait-post", "story"],
+    useCases: ["planning", "announcement", "event"],
+    created: "2026-10-10",
+    updated: "2026-10-10"
+  },
+  build() {
+    const k = new Kit("Studio class timetable post", preset("ig-portrait"));
+    k.brand({ ...TIMETABLE_BRAND }, { ...TIMETABLE_FIELDS });
+    k.textStyle("Brand 26", { size: 26, fontWeight: 800, letterSpacing: 0.5, lineHeight: 32 });
+    k.textStyle("Title 104", { size: 104, fontWeight: 900, letterSpacing: -4, lineHeight: 98 });
+    k.textStyle("Title 76", { size: 76, fontWeight: 900, letterSpacing: -3, lineHeight: 74 });
+    k.textStyle("Week 30", { size: 30, fontWeight: 600, lineHeight: 36 });
+    k.textStyle("Offer 24", { size: 24, fontWeight: 500, lineHeight: 32 });
+    k.textStyle("Day 22", { size: 22, fontWeight: 900, letterSpacing: 2, lineHeight: 26 });
+    k.textStyle("Time 17", { size: 17, fontWeight: 700, letterSpacing: 0.4, lineHeight: 21 });
+    k.textStyle("Class 19", { size: 19, fontWeight: 800, letterSpacing: -0.3, lineHeight: 22 });
+    k.textStyle("Teacher 16", { size: 16, fontWeight: 500, lineHeight: 20 });
+    k.textStyle("Key 20", { size: 20, fontWeight: 700, lineHeight: 24 });
+    k.textStyle("Foot 22", { size: 22, fontWeight: 600, lineHeight: 28 });
+    const type = { time: "Time 17", name: "Class 19", teacher: "Teacher 16", day: "Day 22", key: "Key 20" };
+    classComponents(k, { width: 130, pad: 14, radius: 12, type });
+    const sheet = k.sheet;
+    k.flowSheet(sheet, 0, 0, "paper", "SPACE_BETWEEN", "MIN");
+    const head = k.stack(sheet, { gap: 14, fill: "primary", padding: { top: 52, right: SIDE, bottom: 40, left: SIDE }, name: "Header" });
+    const brand = k.stack(head, { direction: "HORIZONTAL", gap: 14, align: "CENTER", name: "Brand" });
+    k.logo(brand, 40, 40);
+    k.text(brand, "{{brand.name}}", { style: "Brand 26", color: "onPrimary", width: "FILL", name: "Studio" });
+    k.text(head, "Class timetable", { style: "Title 104", color: "onPrimary", width: "FILL", name: "Title" });
+    k.text(head, "{{brand.week}}", { style: "Week 30", color: "onPrimary", width: "FILL", name: "Week of" });
+    k.text(head, "Drop in for \xA312, or take ten classes for \xA3100. Your first class is on us.", { style: "Offer 24", color: "onPrimary", width: "FILL", name: "Offer" });
+    const body = k.stack(sheet, { gap: 28, padding: { top: 36, right: SIDE, bottom: 0, left: SIDE }, name: "Body" });
+    legend(k, body, 28);
+    week(k, body, { gap: 10, rowGap: 10, type });
+    const foot = k.stack(sheet, { direction: "HORIZONTAL", gap: 24, justify: "SPACE_BETWEEN", align: "CENTER", padding: { top: 0, right: SIDE, bottom: 44, left: SIDE }, name: "Footer" });
+    k.text(foot, "{{brand.book}}", { style: "Foot 22", color: "text", width: "FILL", name: "Book" });
+    k.text(foot, "{{brand.address}}", { style: "Foot 22", color: "onPaper", autoWidth: true, name: "Address" });
+    k.variants(sheet, [{
+      preset: "ig-story",
+      adjust: (kit, id) => {
+        const p = verticalPadding(64);
+        const row = (name, top, bottom) => {
+          for (const n of kit.named(id, name)) kit.patch(n, { padding: { top, right: p.right, bottom, left: p.left } });
+        };
+        row("Header", p.top, 32);
+        row("Body", 32, 0);
+        row("Footer", 0, p.bottom);
+        for (const t of kit.named(id, "Title")) kit.restyle(t, "Title 76");
+        for (const w of kit.named(id, "Week")) kit.patch(w, { layoutMode: "VERTICAL", itemSpacing: 10 });
+        for (const d of kit.named(id, "Day")) kit.patch(d, { layoutMode: "HORIZONTAL", layoutWrap: "WRAP", itemSpacing: 8, counterAxisSpacing: 8, layoutSizingHorizontal: "FILL" });
+        for (const h of kit.named(id, "Day head")) kit.patch(h, { layoutSizingHorizontal: "FIXED", width: 64 });
+        for (const r of kit.named(id, "Day rule")) kit.patch(r, { visible: false });
+        for (const c of kit.named(id, "Class")) kit.patch(c, { layoutSizingHorizontal: "FIXED", width: 128 });
+        for (const l of [...kit.named(id, "Legend"), ...kit.named(id, "Offer")]) kit.patch(l, { visible: false });
+      }
+    }]);
+    return k.finish();
+  }
+});
+
+export {
+  studio_class_timetable_default
+};

package/dist/chunks/chunk-AS3ZBWWD.js

@@ -0,0 +1,33 @@
+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 {
+  back_to_school_landing_default
+} from "./chunk-PXXNO37G.js";
+import {
+  back_to_school_link_preview_default
+} from "./chunk-JA7TRIN5.js";
+import {
+  back_to_school_report_card_post_default
+} from "./chunk-Q53R7LSS.js";
+import {
+  back_to_school_timetable_reel_default
+} from "./chunk-OVL6WOFA.js";
+import {
+  back_to_school_header_default
+} from "./chunk-QSHK6PII.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/back-to-school.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [back_to_school_timetable_reel_default, back_to_school_landing_default, back_to_school_report_card_post_default, back_to_school_header_default, back_to_school_link_preview_default];
+var back_to_school_default = pack;
+
+export {
+  back_to_school_default
+};