makeables 0.11.0 → 0.12.0

package/dist/{chunk-YB2YJCBS.js → chunk-MXT43NAQ.js}

@@ -28,7 +28,7 @@ import {
   submissionMetadataSchema,
   svgNodeXml,
   svgPackage
-} from "./chunk-DLTVENEP.js";
+} from "./chunk-KLJRRHMY.js";
 
 // ../design/dist/chunk-VKBNWHNO.js
 var t = (id, value, x, baseline, w, size, font, color, extra = {}) => ({
@@ -172,7 +172,7 @@ laminated.material = {
   speed: 0.4
 };
 
-// ../design/dist/chunk-KBQZZHRT.js
+// ../design/dist/chunk-OMIJE6EQ.js
 var andes = design(
   "andes",
   "Hack the Andes",
@@ -360,9 +360,9 @@ var archive = design(
     q(92, 931, 336)
   ]
 );
-function classic(id, event, title, subtitle, base, ink, accent, font, layout) {
+function classic(id, event, title, subtitle, base, ink2, accent, font, layout) {
   const variant = layout === "winter" ? "snow" : layout === "postage" ? "postal" : "grid";
-  const decoration = () => [g("paper", "paper", 0, 0, 1024, 1536, base, accent, { variant, ink })];
+  const decoration = () => [g("paper", "paper", 0, 0, 1024, 1536, base, accent, { variant, ink: ink2 })];
   const x = layout === "terminal" ? 102 : layout === "postage" ? 160 : 140;
   const y = layout === "winter" ? 397 : layout === "postage" ? 412 : 367;
   const w = 1024 - x * 2;
@@ -406,34 +406,34 @@ function classic(id, event, title, subtitle, base, ink, accent, font, layout) {
         layout === "postage" ? 695 : 866,
         title.length > 1 ? 85 : 105,
         font,
-        ink
+        ink2
       )
     ),
-    t("name", "$name", 78, 1280, 850, 95, font, ink, upper),
+    t("name", "$name", 78, 1280, 850, 95, font, ink2, upper),
     t("role", "$role", 84, 1338, 390, 27, "mono", accent, { ...upper, prefix: "\u2197 " }),
-    t("organization", "$organization", 548, 1338, 390, 23, "mono", ink, { align: "right" }),
-    s("footer-rule", 82, 1380, 860, 1.5, `${ink}70`),
-    t("location", "$location", 84, 1444, 700, 20, "mono", ink),
+    t("organization", "$organization", 548, 1338, 390, 23, "mono", ink2, { align: "right" }),
+    s("footer-rule", 82, 1380, 860, 1.5, `${ink2}70`),
+    t("location", "$location", 84, 1444, 700, 20, "mono", ink2),
     t("number", "$number", 765, 1476, 175, 18, "mono", accent, { prefix: "N\xBA ", align: "right" })
   ];
   const back = [
     ...decoration(),
     { ...s("back-panel", 54, 110, 916, 1278, `${base}e8`), channel: "print" },
-    g("back-motif", "grid", 0, 0, 1024, 1536, base, accent, { variant, ink, reverse: true }),
-    t("event", "$event", 82, 176, 710, 40, font, ink, upper),
+    g("back-motif", "grid", 0, 0, 1024, 1536, base, accent, { variant, ink: ink2, reverse: true }),
+    t("event", "$event", 82, 176, 710, 40, font, ink2, upper),
     t("reverse", "REVERSE", 770, 173, 170, 17, "mono", accent, { align: "right" }),
-    s("header-rule", 82, 217, 860, 1.5, `${ink}65`),
+    s("header-rule", 82, 217, 860, 1.5, `${ink2}65`),
     t("person-label", "THE PERSON", 84, 280, 850, 20, "mono", accent),
-    t("name", "$name", 79, 380, 850, 95, font, ink, upper),
-    t("role", "{role}  /  {organization}", 84, 436, 840, 29, "mono", ink, { binding: "template" }),
-    s("identity-rule", 82, 483, 860, 1.5, `${ink}55`),
+    t("name", "$name", 79, 380, 850, 95, font, ink2, upper),
+    t("role", "{role}  /  {organization}", 84, 436, 840, 29, "mono", ink2, { binding: "template" }),
+    s("identity-rule", 82, 483, 860, 1.5, `${ink2}55`),
     t("edition-label", "THE EDITION", 84, 546, 850, 20, "mono", accent),
-    t("subtitle", subtitle, 80, 622, 850, 51, font, ink),
-    t("location", "$location", 84, 674, 850, 26, "mono", ink),
-    s("meeting-rule", 82, 720, 860, 1.5, `${ink}55`),
+    t("subtitle", subtitle, 80, 622, 850, 51, font, ink2),
+    t("location", "$location", 84, 674, 850, 26, "mono", ink2),
+    s("meeting-rule", 82, 720, 860, 1.5, `${ink2}55`),
     t("explore", "KEEP EXPLORING", 84, 786, 850, 20, "mono", accent),
-    t("ideas", "Ideas travel.", 502, 905, 410, 48, font, ink),
-    t("further", "Take yours further.", 502, 969, 410, 33, "serif", ink),
+    t("ideas", "Ideas travel.", 502, 905, 410, 48, font, ink2),
+    t("further", "Take yours further.", 502, 969, 410, 33, "serif", ink2),
     t("website", "$website", 502, 1040, 405, 19, "mono", accent),
     g("stamp", "stamp", 594, 1076, 128, 128, accent),
     t("stamp-label", "BUILDER", 609, 1134, 98, 15, "mono", accent, {
@@ -448,11 +448,11 @@ function classic(id, event, title, subtitle, base, ink, accent, font, layout) {
       x: 610.8281764208984,
       y: 1143.8534330767354
     }),
-    s("footer-rule", 82, 1260, 860, 1.5, `${ink}55`),
-    t("closing", "Una persona. Muchas formas de crear.", 84, 1324, 850, 31, font, ink),
+    s("footer-rule", 82, 1260, 860, 1.5, `${ink2}55`),
+    t("closing", "Una persona. Muchas formas de crear.", 84, 1324, 850, 31, font, ink2),
     t("signature", "$signature", 84, 1380, 840, 20, "mono", accent, { prefix: "ID " }),
-    s("bottom-rule", 82, 1418, 860, 1.5, `${ink}55`),
-    t("footer", "BADGE STUDY / INSPIRED EDITION", 84, 1468, 730, 17, "mono", ink),
+    s("bottom-rule", 82, 1418, 860, 1.5, `${ink2}55`),
+    t("footer", "BADGE STUDY / INSPIRED EDITION", 84, 1468, 730, 17, "mono", ink2),
     t("number", "$number", 790, 1468, 150, 20, "mono", accent, { prefix: "N\xBA ", align: "right" }),
     { ...q(84, 823, 374), foreground: "#141414", maxCellSize: 10 }
   ];
@@ -864,6 +864,34 @@ var collectionDesigns = [
   archive,
   laminated
 ].map((value) => badgeDesignSchema.parse(value));
+var ink = "#141414";
+var paper = "#f4f4f1";
+var blankBadge = design(
+  "blank",
+  "Untitled",
+  "Blank badge: bindings, portrait and QR, ready for a brand.",
+  paper,
+  [
+    t("event", "$event", 82, 300, 860, 96, "brand", ink, upper),
+    p(174, 380, 676, 760),
+    t("name", "$name", 81, 1292, 866, 91, "display", ink, upper),
+    s("number-plate", 81, 1345, 116, 89, ink),
+    t("number", "$number", 101, 1403, 90, 30, "mono", paper, { prefix: "" }),
+    t("role", "$role", 230, 1388, 692, 30, "mono", ink, upper),
+    t("organization", "$organization", 231, 1430, 692, 23, "mono", ink),
+    rule("footer-rule", 1470, ink, 82, 859)
+  ],
+  [
+    t("event", "$event", 82, 300, 860, 96, "brand", ink, upper),
+    t("name", "$name", 82, 553, 861, 89, "display", ink, upper),
+    t("role", "$role", 82, 646, 860, 30, "mono", ink, upper),
+    t("organization", "$organization", 82, 700, 860, 27, "mono", ink),
+    { ...s("qr-paper", 76, 958, 388, 388, "#ffffff"), protectMaterial: true },
+    q(92, 974, 360),
+    t("website", "$website", 86, 1405, 840, 20, "mono", ink),
+    rule("footer-rule", 1457, ink, 82, 859)
+  ]
+);
 
 // ../design/dist/index.js
 import { z } from "zod";
@@ -1621,7 +1649,7 @@ var cardDirections = {
   }
 };
 function cardReverse(slug, original) {
-  const { base, ink, accent } = cardDirections[slug];
+  const { base, ink: ink2, accent } = cardDirections[slug];
   const motif2 = (index, box2, opacity = 1) => {
     const source = original[index - 1];
     const scale = Math.min(box2[2] / source.w, box2[3] / source.h);
@@ -1637,9 +1665,9 @@ function cardReverse(slug, original) {
       opacity
     };
   };
-  const label = (id, value, x, y, w = 900, color = ink) => text(id, value, [x, y, w, 28], color, 14);
-  const title = (value, x = 80, y = 260, w = 900, size = 88, font = "sans") => text("reverse-title", value, [x, y, w, size * 2.5], ink, size, font, "600");
-  const line2 = (id, y, color = ink) => path(id, [80, y, 1040, 2], "M0 1H1040", color, 1, 0.5);
+  const label = (id, value, x, y, w = 900, color = ink2) => text(id, value, [x, y, w, 28], color, 14);
+  const title = (value, x = 80, y = 260, w = 900, size = 88, font = "sans") => text("reverse-title", value, [x, y, w, size * 2.5], ink2, size, font, "600");
+  const line2 = (id, y, color = ink2) => path(id, [80, y, 1040, 2], "M0 1H1040", color, 1, 0.5);
   const frame = () => field("reverse-frame", "M40 40H1160V716H40Z", accent, 1, 0.5);
   let layers;
   switch (slug) {
@@ -1688,7 +1716,7 @@ function cardReverse(slug, original) {
         rect("save-panel-shadow", [105, 156, 990, 400], "#130e29"),
         rect("save-panel", [92, 143, 990, 400], "#684369"),
         rect("save-inset", [104, 155, 966, 376], "#2c2047"),
-        text("save-title", "SAVE COMPLETE", [158, 211, 820, 85], ink, 53, "pixel"),
+        text("save-title", "SAVE COMPLETE", [158, 211, 820, 85], ink2, 53, "pixel"),
         label("save-message", "A GOOD PLACE TO BEGIN AGAIN.", 161, 323, 860),
         ...Array.from(
           { length: 12 },
@@ -1705,13 +1733,13 @@ function cardReverse(slug, original) {
         rect("obsidian-veil", [0, 0, 1200, 756], "#070909", 0, 0.58),
         frame(),
         field("inner-gold-rim", "M58 58H1142V698H58Z", accent, 1, 0.2),
-        text("private-reverse", "PRIVATE EDITION", [80, 79, 1030, 30], ink, 17),
+        text("private-reverse", "PRIVATE EDITION", [80, 79, 1030, 30], ink2, 17),
         motif2(8, [442, 175, 318, 137]),
         text(
           "builders-manifesto",
           "BUILD. SHIP. REPEAT.",
           [180, 389, 850, 75],
-          ink,
+          ink2,
           43,
           "sans",
           "500"
@@ -1730,13 +1758,13 @@ function cardReverse(slug, original) {
           "dream-letter",
           "see you on\nthe other side.",
           [96, 224, 970, 235],
-          ink,
+          ink2,
           86,
           "serif",
           "400"
         ),
         label("dream-index", "DREAM SEQUENCE / AN AFTERNOON NOTE", 99, 85),
-        path("postcard-line", [99, 556, 606, 2], "M0 1H606", ink, 1, 0.5),
+        path("postcard-line", [99, 556, 606, 2], "M0 1H606", ink2, 1, 0.5),
         label("dream-address", "SOMEWHERE, AT 4:07 PM.", 99, 592, 710),
         motif2(31, [844, 90, 238, 72])
       ];
@@ -1761,7 +1789,7 @@ function cardReverse(slug, original) {
         gradient("arcade-panel", ["#120d20", "#341136"]),
         grid("arcade-grid", [0, 0, 1200, 756], "#a653b8", 28, 0.07),
         label("arcade-index", "EXTRA LIFE / PLAYER ONE", 82, 77),
-        text("continue-question", "CONTINUE?", [79, 203, 1050, 111], ink, 77, "pixel"),
+        text("continue-question", "CONTINUE?", [79, 203, 1050, 111], ink2, 77, "pixel"),
         ...[0, 1, 2].map((i) => ({
           ...motif2(20, [88 + i * 126, 376, 92, 85], i < 2 ? 1 : 0.22),
           id: `life-${i}`
@@ -1782,25 +1810,25 @@ function cardReverse(slug, original) {
         path("blue-quarter", [738, 395, 302, 302], "M0 0H302V302A302 302 0 0 1 0 0Z", "#29455a"),
         title("FORM &\nFUNCTION", 84, 222, 855, 79),
         label("study-caption", "COMPOSITION STUDY / 02", 88, 83),
-        path("study-rule", [86, 542, 550, 2], "M0 1H550", ink, 1),
+        path("study-rule", [86, 542, 550, 2], "M0 1H550", ink2, 1),
         label("study-note", "BALANCE, WITH ROOM TO PLAY.", 88, 593, 660),
-        circle("registration-mark", 89, 683, 4, ink)
+        circle("registration-mark", 89, 683, 4, ink2)
       ];
       break;
     case "garra-29":
       layers = [
         gradient("maroon-enamel", ["#8d1828", "#b02138"]),
         film("heritage-grain", "grain", ["#a6192e", "#d49a9a", "#5b1120"], 0.04),
-        field("cream-frame", "M38 38H1162V718H38Z", ink, 1.5, 0.8),
-        text("heritage-number", "29", [83, 257, 534, 302], ink, 218, "sans", "800"),
-        text("one-legacy", "ONE\nLEGACY.", [704, 390, 438, 151], ink, 57, "sans", "700"),
+        field("cream-frame", "M38 38H1162V718H38Z", ink2, 1.5, 0.8),
+        text("heritage-number", "29", [83, 257, 534, 302], ink2, 218, "sans", "800"),
+        text("one-legacy", "ONE\nLEGACY.", [704, 390, 438, 151], ink2, 57, "sans", "700"),
         ...Array.from(
           { length: 29 },
           (_, i) => path(
             `championship-star-${i + 1}`,
             [90 + i % 15 * 48, 126 + Math.floor(i / 15) * 43, 22, 22],
             smallStar(11, 11, 10),
-            ink
+            ink2
           )
         ),
         label("heritage-origin", "GARRA CREMA / LIMA, 1924", 87, 79),
@@ -1853,13 +1881,13 @@ function cardReverse(slug, original) {
         gradient("warm-paper", ["#f7f2e8", "#e7e2d8"]),
         grid("measuring-field", [81, 135, 1038, 479], "#bbb2a2", 39, 0.17),
         rect("vermilion-spine", [80, 135, 21, 478], accent),
-        text("second-interval", "02", [786, 364, 337, 238], ink, 180, "sans", "400"),
+        text("second-interval", "02", [786, 364, 337, 238], ink2, 180, "sans", "400"),
         label("interval-title", "INTERVAL / THE SPACE BETWEEN", 81, 79),
         title("ROOM\nTO THINK.", 130, 221, 700, 73),
         field(
           "calibration-ticks",
           Array.from({ length: 27 }, (_, i) => `M${83 + i * 39} 641v${i % 3 ? 9 : 22}`).join(""),
-          ink,
+          ink2,
           1,
           0.65
         ),
@@ -1981,10 +2009,10 @@ function cardReverse(slug, original) {
         rect("status-titlebar", [166, 151, 864, 53], "#304976"),
         text("status-title", "REVERSE SIDE", [192, 166, 788, 37], "#ffffff", 23),
         ...["LAYERS   : OPEN", "MATERIAL : LIVE", "STATUS   : READY"].map(
-          (value, i) => text(`status-row-${i}`, value, [238, 266 + i * 69, 745, 47], ink, 28)
+          (value, i) => text(`status-row-${i}`, value, [238, 266 + i * 69, 745, 47], ink2, 28)
         ),
         rect("status-button", [790, 480, 194, 57], "#dfe5ee"),
-        text("status-ok", "OK", [858, 495, 92, 36], ink, 24),
+        text("status-ok", "OK", [858, 495, 92, 36], ink2, 24),
         label("local-note", "SYSTEM DIALOG / LOCAL SESSION", 154, 654)
       ];
       break;
@@ -1993,8 +2021,8 @@ function cardReverse(slug, original) {
         gradient("brushed-silver", ["#eceee7", "#c9d1c8"]),
         grid("maker-grid", [40, 40, 1120, 676], "#839589", 40, 0.13),
         label("maker-index", "VIBECODERS / REVERSE ENGINEERING", 85, 84),
-        path("opening-bracket", [81, 244, 82, 231], "M82 0L0 115L82 231", ink, 3),
-        path("closing-bracket", [1037, 244, 82, 231], "M0 0L82 115L0 231", ink, 3),
+        path("opening-bracket", [81, 244, 82, 231], "M82 0L0 115L82 231", ink2, 3),
+        path("closing-bracket", [1037, 244, 82, 231], "M0 0L82 115L0 231", ink2, 3),
         title("MAKE\nIT REAL.", 234, 216, 760, 97),
         rect("cursor", [787, 422, 20, 75], "#476953"),
         line2("maker-rule", 571),
@@ -2077,7 +2105,7 @@ function line(id, x, y, w, color) {
 function effect(id, kind, colors, opacity) {
   return { id, kind: "effect", effect: kind, ...canvas, colors, scale: 1.3, opacity };
 }
-function style(id, name, description, palette2, ink, material, layers) {
+function style(id, name, description, palette2, ink2, material, layers) {
   return badgeDesignSchema.parse({
     version: 1,
     product: "card",
@@ -2102,18 +2130,18 @@ function style(id, name, description, palette2, ink, material, layers) {
           ]
         },
         ...layers,
-        text2("wordmark", "makeables", 74, 62, 570, 38, ink),
-        text2("edition", "MATERIAL STUDIES", 76, 123, 570, 16, ink),
-        text2("title", name.toUpperCase(), 76, 500, 760, 25, ink),
-        text2("series", "DESIGNED TO BE YOURS", 78, 542, 660, 13, ink),
-        line("title-rule", 76, 589, 1028, ink),
+        text2("wordmark", "makeables", 74, 62, 570, 38, ink2),
+        text2("edition", "MATERIAL STUDIES", 76, 123, 570, 16, ink2),
+        text2("title", name.toUpperCase(), 76, 500, 760, 25, ink2),
+        text2("series", "DESIGNED TO BE YOURS", 78, 542, 660, 13, ink2),
+        line("title-rule", 76, 589, 1028, ink2),
         cardMarkLayer("chip", { mark: "chip", slot: "middle-left", color: "#c7d0d9" }),
-        cardMarkLayer("contactless", { mark: "contactless", slot: "upper-right", color: ink }),
+        cardMarkLayer("contactless", { mark: "contactless", slot: "upper-right", color: ink2 }),
         cardMarkLayer("network", {
           mark: "network",
           slot: "lower-right",
           network: "visa",
-          colorMode: ink === "#ffffff" ? "white" : "black",
+          colorMode: ink2 === "#ffffff" ? "white" : "black",
           visaVariant: "plain"
         })
       ]
@@ -2130,16 +2158,16 @@ function style(id, name, description, palette2, ink, material, layers) {
           y: 90,
           w: 1200,
           h: 130,
-          color: ink,
+          color: ink2,
           radius: 0,
           stroke: 0,
           opacity: 0.9
         },
-        text2("reverse-wordmark", "makeables / material studies", 76, 310, 1040, 24, ink),
-        line("reverse-rule", 76, 380, 1048, ink),
-        text2("reverse-title", name.toUpperCase(), 76, 430, 1e3, 46, ink),
-        text2("reverse-caption", "A SMALL CANVAS. ENDLESS POSSIBILITIES.", 78, 524, 1020, 16, ink),
-        text2("reverse-footer", "ORIGINAL ARTWORK / MAKEABLES", 78, 658, 1e3, 13, ink)
+        text2("reverse-wordmark", "makeables / material studies", 76, 310, 1040, 24, ink2),
+        line("reverse-rule", 76, 380, 1048, ink2),
+        text2("reverse-title", name.toUpperCase(), 76, 430, 1e3, 46, ink2),
+        text2("reverse-caption", "A SMALL CANVAS. ENDLESS POSSIBILITIES.", 78, 524, 1020, 16, ink2),
+        text2("reverse-footer", "ORIGINAL ARTWORK / MAKEABLES", 78, 658, 1e3, 13, ink2)
       ]
     }
   });
@@ -19000,7 +19028,7 @@ function motif(ctx, edition, seed, reverse = false) {
   }
   ctx.restore();
 }
-function paper(ctx, edition, seed) {
+function paper2(ctx, edition, seed) {
   ctx.fillStyle = edition.base;
   ctx.fillRect(0, 0, 1024, 1536);
   motif(ctx, edition, seed);
@@ -19283,7 +19311,7 @@ function paintDesignGraphic(ctx, layer) {
         typeface: "mono"
       };
       if (pattern === "paper") {
-        paper(ctx, { ...edition, ink: layer.ink ?? accent }, seed);
+        paper2(ctx, { ...edition, ink: layer.ink ?? accent }, seed);
       } else motif(ctx, edition, seed, layer.reverse);
     }
   }
@@ -19898,9 +19926,9 @@ function fillHoles(mask, width, height, maxArea) {
 }
 function stickerCutMask(alpha, width, height, border, widthMm = defaultStickerWidthMm, contour) {
   const pixelsPerMm = width / widthMm;
-  const ink = new Uint8Array(width * height);
-  for (let i = 0; i < ink.length; i++) ink[i] = alpha[i * 4 + 3] > inked ? 1 : 0;
-  const offset = border ? threshold(contour ?? maskDistance(ink, width, height), border + 0.5) : ink;
+  const ink2 = new Uint8Array(width * height);
+  for (let i = 0; i < ink2.length; i++) ink2[i] = alpha[i * 4 + 3] > inked ? 1 : 0;
+  const offset = border ? threshold(contour ?? maskDistance(ink2, width, height), border + 0.5) : ink2;
   const radius = notchRadiusMm * pixelsPerMm;
   const grown = threshold(maskDistance(offset, width, height), radius + 0.5);
   const closed = invert(threshold(maskDistance(invert(grown), width, height, true), radius + 0.5));
@@ -20938,9 +20966,9 @@ function prepareSheetItem(sheet, widthMm, source, design2) {
   }
   let white;
   if (spec.type.white) {
-    const ink = new Uint8Array(flat.width * flat.height);
-    for (let i = 0; i < ink.length; i++) ink[i] = flat.rgba[i * 4 + 3] > 16 ? 1 : 0;
-    white = traceMask(ink, flat.width, flat.height).map((loop) => ({
+    const ink2 = new Uint8Array(flat.width * flat.height);
+    for (let i = 0; i < ink2.length; i++) ink2[i] = flat.rgba[i * 4 + 3] > 16 ? 1 : 0;
+    white = traceMask(ink2, flat.width, flat.height).map((loop) => ({
       hole: false,
       points: loop.map(([x, y]) => [x / pixelsPerMm, y / pixelsPerMm])
     }));
@@ -21828,7 +21856,7 @@ async function readSubmission(file, allowKit = true) {
     );
   if (value && typeof value === "object" && "format" in value && value.format === "makeables-kit") {
     if (!allowKit) throw new InputError("Nested kits are not supported.");
-    return (await import("./kit-IEWHMBS2.js")).prepareKit(file);
+    return (await import("./kit-SZ4WFGHZ.js")).prepareKit(file);
   }
   if (value && typeof value === "object" && "format" in value && value.format === "makeables-package")
     return readPackageJson(value);
@@ -22031,6 +22059,7 @@ export {
   listCardDesigns,
   writeAtomic,
   newCard,
+  badgeAssets,
   readBadge,
   newBadge,
   side,