@dixy-ui/themes 0.0.0-stage → 0.1.0-beta.0

package/dist/starters-launch.js

@@ -0,0 +1,808 @@
+import { frameRecipes } from "./recipes.js";
+const mat = (surfaceMix, darkSurfaceMix, cushion, inkTint, sheen, textureScale = 1, lightAngle = 180) => ({
+    surfaceMix,
+    darkSurfaceMix,
+    cushion,
+    inkTint,
+    sheen,
+    textureScale,
+    lightAngle,
+});
+export const launchStarters = [
+    {
+        slug: "phosphor-terminal",
+        symbol: "phosphorTerminal",
+        name: "Phosphor Terminal",
+        description: "Ready when you are.",
+        detail: "Green phosphor, scanlines and a blinking block cursor.",
+        swatches: ["#3dff6e", "#040b06", "#ffb000"],
+        voice: {
+            eyebrow: "READY. · 64K RAM SYSTEM",
+            headline: "> hello, operator",
+            body: "Type a command. The screen glows back.",
+            primary: "Run",
+            secondary: "Abort",
+        },
+        foundations: {
+            accentColor: "green",
+            neutralColor: "olive",
+            radius: "none",
+            shape: "square",
+            appearance: "dark",
+            bodyFont: "terminal",
+            headingFont: "terminal",
+            border: 1,
+            depth: "none",
+            material: "matte",
+        },
+        material: { id: "phosphor-glass", parameters: mat(30, 20, 0, 0.55, 0) },
+        frame: "crt",
+        character: {
+            controls: "pixel",
+            motion: { style: "stepped", press: 1, tempo: 0.8 },
+            type: {
+                headingCase: "uppercase",
+                headingTracking: 0.04,
+                headingWeight: 400,
+                numerals: "tabular",
+            },
+            states: "glow",
+            details: {
+                focus: "double",
+                divider: "dashed",
+                selection: "inverse",
+                scrollbar: "thin",
+                iconStroke: 1.5,
+            },
+            backdrop: { pattern: "scanlines", intensity: 0.3, scale: 1 },
+        },
+        chrome: { edge: "double", well: "lcd", corners: "inherit" },
+    },
+    {
+        slug: "ansi-panes",
+        symbol: "ansiPanes",
+        name: "ANSI Panes",
+        description: "Everything in its pane.",
+        detail: "ANSI colours, box-drawn panes and keyboard hints.",
+        swatches: ["#268bd2", "#859900", "#d33682"],
+        voice: {
+            eyebrow: "$ git status",
+            headline: "Everything in its pane.",
+            body: "Arrow keys to move, enter to open, q to quit.",
+            primary: "Commit",
+            secondary: "Discard",
+        },
+        foundations: {
+            accentColor: "blue",
+            neutralColor: "slate",
+            radius: "none",
+            shape: "square",
+            appearance: "light",
+            bodyFont: "jetbrains",
+            headingFont: "jetbrains",
+            border: 1,
+            depth: "none",
+            material: "matte",
+        },
+        material: { id: "ansi-term", parameters: mat(20, 15, 0, 0.2, 0) },
+        frame: "panes",
+        character: {
+            controls: "instrument",
+            motion: { style: "stepped", press: 0.5, tempo: 0.7 },
+            type: {
+                headingCase: "none",
+                headingTracking: 0,
+                headingWeight: 700,
+                numerals: "tabular",
+            },
+            states: "led",
+            details: {
+                focus: "dashed",
+                divider: "dotted",
+                selection: "inverse",
+                scrollbar: "thin",
+                iconStroke: 1.5,
+            },
+            backdrop: { pattern: "grid", intensity: 0.2, scale: 0.6 },
+        },
+        chrome: { edge: "line", well: "tinted", corners: "pixel" },
+    },
+    {
+        slug: "swiss-poster",
+        symbol: "swissPoster",
+        name: "Swiss Poster",
+        description: "Form follows grid.",
+        detail: "Red, black and white on a strict six-column grid.",
+        swatches: ["#e30613", "#0d0d0d", "#ffffff"],
+        voice: {
+            eyebrow: "AUSSTELLUNG 26",
+            headline: "Form follows grid.",
+            body: "Flush left, ragged right, nothing extra.",
+            primary: "Print",
+            secondary: "Proof",
+        },
+        foundations: {
+            accentColor: "red",
+            neutralColor: "neutral",
+            radius: "none",
+            shape: "square",
+            appearance: "light",
+            bodyFont: "inter",
+            headingFont: "archivo",
+            border: 2,
+            depth: "none",
+            material: "paper",
+        },
+        material: { id: "poster-stock", parameters: mat(10, 10, 0, 0, 0) },
+        frame: "swiss",
+        character: {
+            controls: "standard",
+            motion: { style: "weighted", press: 0.5, tempo: 1 },
+            type: {
+                headingCase: "none",
+                headingTracking: -0.03,
+                headingWeight: 400,
+                numerals: "proportional",
+            },
+            states: "standard",
+            details: {
+                focus: "offset",
+                divider: "line",
+                selection: "accent",
+                scrollbar: "native",
+                iconStroke: 2.25,
+            },
+            backdrop: { pattern: "grid", intensity: 0.15, scale: 2 },
+        },
+        chrome: { edge: "line", well: "none", corners: "notched" },
+    },
+    {
+        slug: "azulejo-tile",
+        symbol: "azulejoTile",
+        name: "Azulejo Tile",
+        description: "Fired in cobalt.",
+        detail: "Hand-glazed tiles, cobalt on white, with a ceramic sheen.",
+        swatches: ["#1f4fa0", "#fbfaf6", "#d79a2b"],
+        voice: {
+            eyebrow: "LISBOA · HAND GLAZED",
+            headline: "Fired in cobalt.",
+            body: "Pattern by pattern, a wall becomes a story.",
+            primary: "Lay tile",
+            secondary: "Sample",
+        },
+        foundations: {
+            accentColor: "blue",
+            neutralColor: "slate",
+            radius: "lg",
+            shape: "rounded",
+            appearance: "light",
+            bodyFont: "inter",
+            headingFont: "playfair",
+            border: 2,
+            depth: "raised",
+            material: "glossy",
+        },
+        material: {
+            id: "glazed-tile",
+            parameters: mat(30, 35, 0.2, 0.3, 0.6, 1, 135),
+        },
+        frame: "azulejo",
+        character: {
+            controls: "pearl",
+            motion: { style: "weighted", press: 1, tempo: 1.1 },
+            type: {
+                headingCase: "none",
+                headingTracking: -0.01,
+                headingWeight: 500,
+                numerals: "oldstyle",
+            },
+            states: "inlay",
+            details: {
+                focus: "double",
+                divider: "double",
+                selection: "accent",
+                scrollbar: "accent",
+                iconStroke: 1.75,
+            },
+            backdrop: { pattern: "dots", intensity: 0.25, scale: 1.2 },
+        },
+        chrome: { edge: "double", well: "glass", corners: "round" },
+    },
+    {
+        slug: "brutalist-concrete",
+        symbol: "brutalistConcrete",
+        name: "Brutalist Concrete",
+        description: "Raw. Honest. Load-bearing.",
+        detail: "Board-formed concrete, tie holes and stencilled levels.",
+        swatches: ["#bdbab3", "#1c1c1b", "#d9961a"],
+        voice: {
+            eyebrow: "BLOCK C · LEVEL 04",
+            headline: "Raw. Honest. Load-bearing.",
+            body: "No veneer. Every joint shows how it was made.",
+            primary: "Pour",
+            secondary: "Cure",
+        },
+        foundations: {
+            accentColor: "amber",
+            neutralColor: "stone",
+            radius: "none",
+            shape: "square",
+            appearance: "light",
+            bodyFont: "inter",
+            headingFont: "archivo",
+            border: 2,
+            depth: "none",
+            material: "matte",
+        },
+        material: { id: "concrete", parameters: mat(25, 30, 0, 0.2, 0, 1.5) },
+        frame: "formwork",
+        character: {
+            controls: "hardware",
+            motion: { style: "weighted", press: 2, tempo: 1.2 },
+            type: {
+                headingCase: "uppercase",
+                headingTracking: 0.02,
+                headingWeight: 400,
+                numerals: "tabular",
+            },
+            states: "stamp",
+            details: {
+                focus: "offset",
+                divider: "groove",
+                selection: "inverse",
+                scrollbar: "thin",
+                iconStroke: 2.5,
+            },
+            backdrop: { pattern: "halftone", intensity: 0.2, scale: 2 },
+        },
+        chrome: { edge: "stepped", well: "recessed", corners: "pixel" },
+    },
+    {
+        slug: "atomic-lounge",
+        symbol: "atomicLounge",
+        name: "Atomic Lounge",
+        description: "Tomorrow, today!",
+        detail: "Teal and tangerine, boomerangs and starbursts.",
+        swatches: ["#2a9d8f", "#f4a261", "#f6ecd6"],
+        voice: {
+            eyebrow: "SPACE-AGE LIVING",
+            headline: "Tomorrow, today!",
+            body: "Everything sleek, sunny and a little bit atomic.",
+            primary: "Swing by",
+            secondary: "Later",
+        },
+        foundations: {
+            accentColor: "teal",
+            neutralColor: "sand",
+            radius: "lg",
+            shape: "pill",
+            appearance: "light",
+            bodyFont: "rounded",
+            headingFont: "rounded",
+            border: 1,
+            depth: "raised",
+            material: "soft",
+        },
+        material: {
+            id: "atomic-laminate",
+            parameters: mat(30, 35, 0.3, 0.2, 0.3, 1, 160),
+        },
+        frame: "atomic",
+        character: {
+            controls: "clay",
+            motion: { style: "springy", press: 1.5, tempo: 1 },
+            type: {
+                headingCase: "none",
+                headingTracking: 0,
+                headingWeight: 600,
+                numerals: "proportional",
+            },
+            states: "glow",
+            details: {
+                focus: "offset",
+                divider: "dotted",
+                selection: "highlighter",
+                scrollbar: "accent",
+                iconStroke: 2,
+            },
+            backdrop: { pattern: "sunburst", intensity: 0.3, scale: 1 },
+        },
+        chrome: { edge: "pill", well: "sunken", corners: "inherit" },
+    },
+    {
+        slug: "orbital-hud",
+        symbol: "orbitalHud",
+        name: "Orbital HUD",
+        description: "Target acquired.",
+        detail: "Holographic lines, bracket corners and live telemetry.",
+        swatches: ["#5ff3ff", "#04121a", "#ff8a4c"],
+        voice: {
+            eyebrow: "ORBIT 412 · Δv 3.2 KM/S",
+            headline: "Target acquired.",
+            body: "Every system nominal. Every vector plotted.",
+            primary: "Engage",
+            secondary: "Hold",
+        },
+        foundations: {
+            accentColor: "cyan",
+            neutralColor: "slate",
+            radius: "sm",
+            shape: "square",
+            appearance: "dark",
+            bodyFont: "grotesk",
+            headingFont: "techno",
+            border: 1,
+            depth: "none",
+            material: "glossy",
+        },
+        material: { id: "hologram", parameters: mat(20, 15, 0, 0.35, 0.2) },
+        frame: "hud",
+        character: {
+            controls: "chrome",
+            motion: { style: "snappy", press: 0.8, tempo: 0.8 },
+            type: {
+                headingCase: "uppercase",
+                headingTracking: 0.12,
+                headingWeight: 500,
+                numerals: "tabular",
+            },
+            states: "led",
+            details: {
+                focus: "glow",
+                divider: "dashed",
+                selection: "accent",
+                scrollbar: "thin",
+                iconStroke: 1.25,
+            },
+            backdrop: { pattern: "grid", intensity: 0.3, scale: 1 },
+        },
+        chrome: { edge: "double", well: "tinted", corners: "notched" },
+    },
+    {
+        slug: "freighter",
+        symbol: "freighter",
+        name: "Freighter",
+        description: "Haul it home.",
+        detail: "Hazard stripes, rivets and worn cargo stencils.",
+        swatches: ["#e09a00", "#2b2e30", "#c0392b"],
+        voice: {
+            eyebrow: "CARGO BAY 02",
+            headline: "Haul it home.",
+            body: "Mag-locks engaged. Manifest checked. Burn when ready.",
+            primary: "Load",
+            secondary: "Jettison",
+        },
+        foundations: {
+            accentColor: "amber",
+            neutralColor: "zinc",
+            radius: "sm",
+            shape: "rounded",
+            appearance: "light",
+            bodyFont: "lcd",
+            headingFont: "archivo",
+            border: 2,
+            depth: "raised",
+            material: "metal",
+        },
+        material: {
+            id: "painted-steel",
+            parameters: mat(30, 35, 0, 0.15, 0.25, 1.2),
+        },
+        frame: "hazard",
+        character: {
+            controls: "hardware",
+            motion: { style: "snappy", press: 1.5, tempo: 0.9 },
+            type: {
+                headingCase: "uppercase",
+                headingTracking: 0.04,
+                headingWeight: 400,
+                numerals: "tabular",
+            },
+            states: "marching",
+            details: {
+                focus: "offset",
+                divider: "groove",
+                selection: "inverse",
+                scrollbar: "accent",
+                iconStroke: 2.25,
+            },
+            backdrop: { pattern: "dots", intensity: 0.2, scale: 1.4 },
+        },
+        chrome: { edge: "bevel", well: "recessed", corners: "notched" },
+    },
+    {
+        slug: "solar-sail",
+        symbol: "solarSail",
+        name: "Solar Sail",
+        description: "Catch the light.",
+        detail: "Clean white, gold foil and thin orbital rings.",
+        swatches: ["#b8892b", "#fbfbf8", "#1d2033"],
+        voice: {
+            eyebrow: "MISSION 01 · HELIOCENTRIC",
+            headline: "Catch the light.",
+            body: "Ride the sunlight out to the edge of the map.",
+            primary: "Launch",
+            secondary: "Drift",
+        },
+        foundations: {
+            accentColor: "gold",
+            neutralColor: "mist",
+            radius: "lg",
+            shape: "pill",
+            appearance: "light",
+            bodyFont: "grotesk",
+            headingFont: "grotesk",
+            border: 1,
+            depth: "floating",
+            material: "glossy",
+        },
+        material: { id: "gold-foil", parameters: mat(20, 25, 0, 0.1, 0.5, 1, 120) },
+        frame: "orbit",
+        character: {
+            controls: "halo",
+            motion: { style: "drift", press: 0.6, tempo: 1.3 },
+            type: {
+                headingCase: "none",
+                headingTracking: -0.02,
+                headingWeight: 300,
+                numerals: "proportional",
+            },
+            states: "glow",
+            details: {
+                focus: "ring",
+                divider: "line",
+                selection: "accent",
+                scrollbar: "thin",
+                iconStroke: 1.25,
+            },
+            backdrop: { pattern: "topo", intensity: 0.2, scale: 1.5 },
+        },
+        chrome: { edge: "pill", well: "glass", corners: "round" },
+    },
+    {
+        slug: "diwali-lights",
+        symbol: "diwaliLights",
+        name: "Diwali Lights",
+        description: "Light every corner.",
+        detail: "Rangoli corners, glowing diyas, marigold and magenta.",
+        swatches: ["#c2185b", "#f08c00", "#fff7ea"],
+        voice: {
+            eyebrow: "FESTIVAL OF LIGHTS",
+            headline: "Light every corner.",
+            body: "Clean the house, light the lamps, share the sweets.",
+            primary: "Celebrate",
+            secondary: "Share sweets",
+        },
+        foundations: {
+            accentColor: "ruby",
+            neutralColor: "sand",
+            radius: "lg",
+            shape: "rounded",
+            appearance: "light",
+            bodyFont: "inter",
+            headingFont: "fraunces",
+            border: 1,
+            depth: "raised",
+            material: "soft",
+        },
+        material: {
+            id: "marigold-silk",
+            parameters: mat(25, 35, 0.2, 0.25, 0.4, 1, 135),
+        },
+        frame: "rangoli",
+        character: {
+            controls: "brass",
+            motion: { style: "drift", press: 1, tempo: 1.2 },
+            type: {
+                headingCase: "none",
+                headingTracking: 0,
+                headingWeight: 600,
+                numerals: "oldstyle",
+            },
+            states: "glow",
+            details: {
+                focus: "glow",
+                divider: "dotted",
+                selection: "highlighter",
+                scrollbar: "accent",
+                iconStroke: 1.75,
+            },
+            backdrop: { pattern: "dots", intensity: 0.3, scale: 1 },
+        },
+        chrome: { edge: "stepped", well: "tinted", corners: "round" },
+    },
+    {
+        slug: "lunar-new-year",
+        symbol: "lunarNewYear",
+        name: "Lunar New Year",
+        description: "Fortune at the door.",
+        detail: "Paper-cut scallops, lanterns, red and gold.",
+        swatches: ["#c8102e", "#f5c542", "#fff4e6"],
+        voice: {
+            eyebrow: "新年快乐 · SPRING FESTIVAL",
+            headline: "Fortune at the door.",
+            body: "Sweep out the old year and hang the lanterns high.",
+            primary: "Welcome",
+            secondary: "Visit family",
+        },
+        foundations: {
+            accentColor: "red",
+            neutralColor: "sand",
+            radius: "sm",
+            shape: "rounded",
+            appearance: "light",
+            bodyFont: "inter",
+            headingFont: "playfair",
+            border: 1,
+            depth: "raised",
+            material: "paper",
+        },
+        material: { id: "red-paper", parameters: mat(25, 40, 0, 0.35, 0.2) },
+        frame: "papercut",
+        character: {
+            controls: "standard",
+            motion: { style: "weighted", press: 1, tempo: 1 },
+            type: {
+                headingCase: "none",
+                headingTracking: 0.02,
+                headingWeight: 700,
+                numerals: "proportional",
+            },
+            states: "stamp",
+            details: {
+                focus: "offset",
+                divider: "double",
+                selection: "accent",
+                scrollbar: "accent",
+                iconStroke: 2,
+            },
+            backdrop: { pattern: "dots", intensity: 0.25, scale: 1.6 },
+        },
+        chrome: { edge: "double", well: "paper", corners: "inherit" },
+    },
+    {
+        slug: "papel-picado",
+        symbol: "papelPicado",
+        name: "Papel Picado",
+        description: "String up the colour.",
+        detail: "Cut-paper bunting, marigold, pink and violet.",
+        swatches: ["#e8590c", "#d6336c", "#7048e8"],
+        voice: {
+            eyebrow: "FIESTA · HECHO A MANO",
+            headline: "String up the colour.",
+            body: "Every flag cut by hand, every colour turned up.",
+            primary: "Join in",
+            secondary: "Save a spot",
+        },
+        foundations: {
+            accentColor: "orange",
+            neutralColor: "sand",
+            radius: "md",
+            shape: "rounded",
+            appearance: "light",
+            bodyFont: "bricolage",
+            headingFont: "bricolage",
+            border: 1,
+            depth: "raised",
+            material: "paper",
+        },
+        material: {
+            id: "fiesta-paper",
+            parameters: mat(25, 35, 0, 0.25, 0.2, 1, 170),
+        },
+        frame: "picado",
+        character: {
+            controls: "standard",
+            motion: { style: "springy", press: 1.5, tempo: 1 },
+            type: {
+                headingCase: "none",
+                headingTracking: -0.01,
+                headingWeight: 700,
+                numerals: "proportional",
+            },
+            states: "stamp",
+            details: {
+                focus: "offset",
+                divider: "dashed",
+                selection: "highlighter",
+                scrollbar: "accent",
+                iconStroke: 2.25,
+            },
+            backdrop: { pattern: "halftone", intensity: 0.2, scale: 1.2 },
+        },
+        chrome: { edge: "stepped", well: "paper", corners: "round" },
+    },
+    {
+        slug: "holi-colours",
+        symbol: "holiColours",
+        name: "Holi Colours",
+        description: "Throw some colour.",
+        detail: "Clouds of coloured powder drifting in from the corners.",
+        swatches: ["#ff4d9a", "#f5b800", "#20c997"],
+        voice: {
+            eyebrow: "SPRING · COLOUR PLAY",
+            headline: "Throw some colour.",
+            body: "Bright, messy and shared. Wash it off tomorrow.",
+            primary: "Play",
+            secondary: "Watch",
+        },
+        foundations: {
+            accentColor: "pink",
+            neutralColor: "mauve",
+            radius: "lg",
+            shape: "pill",
+            appearance: "light",
+            bodyFont: "rounded",
+            headingFont: "rounded",
+            border: 1,
+            depth: "floating",
+            material: "soft",
+        },
+        material: {
+            id: "powder-wash",
+            parameters: mat(15, 25, 0.3, 0.15, 0.3, 1, 150),
+        },
+        frame: "gulal",
+        character: {
+            controls: "clay",
+            motion: { style: "drift", press: 1.5, tempo: 1.2 },
+            type: {
+                headingCase: "none",
+                headingTracking: 0,
+                headingWeight: 600,
+                numerals: "proportional",
+            },
+            states: "glow",
+            details: {
+                focus: "offset",
+                divider: "dotted",
+                selection: "highlighter",
+                scrollbar: "accent",
+                iconStroke: 2,
+            },
+            backdrop: { pattern: "caustics", intensity: 0.25, scale: 1.5 },
+        },
+        chrome: { edge: "pill", well: "none", corners: "inherit" },
+    },
+    {
+        slug: "yule-knit",
+        symbol: "yuleKnit",
+        name: "Yule Knit",
+        description: "Cosy by design.",
+        detail: "Sweater knit, pine green, cranberry and cream wool.",
+        swatches: ["#1f5e3a", "#b3261e", "#fbf6ee"],
+        voice: {
+            eyebrow: "WINTER · FIRESIDE",
+            headline: "Cosy by design.",
+            body: "Pull up a chair. The cider is still warm.",
+            primary: "Warm up",
+            secondary: "Stay in",
+        },
+        foundations: {
+            accentColor: "crimson",
+            neutralColor: "sage",
+            radius: "md",
+            shape: "rounded",
+            appearance: "light",
+            bodyFont: "inter",
+            headingFont: "fraunces",
+            border: 1,
+            depth: "raised",
+            material: "soft",
+        },
+        material: { id: "wool", parameters: mat(25, 35, 0.2, 0.25, 0.1, 1.5) },
+        frame: "knit",
+        character: {
+            controls: "stitched",
+            motion: { style: "drift", press: 1, tempo: 1.3 },
+            type: {
+                headingCase: "none",
+                headingTracking: 0,
+                headingWeight: 600,
+                numerals: "oldstyle",
+            },
+            states: "inlay",
+            details: {
+                focus: "double",
+                divider: "dashed",
+                selection: "highlighter",
+                scrollbar: "accent",
+                iconStroke: 1.75,
+            },
+            backdrop: { pattern: "fibre", intensity: 0.3, scale: 1.4 },
+        },
+        chrome: { edge: "line", well: "paper", corners: "round" },
+    },
+    {
+        slug: "glass-ui",
+        symbol: "glassUI",
+        name: "Glass UI",
+        description: "Light, through glass.",
+        detail: "Translucent layers, specular rims and soft refraction.",
+        swatches: ["#ffffff", "#7ab8ff", "#ff9ad0"],
+        voice: {
+            eyebrow: "LAYERS · DEPTH · LIGHT",
+            headline: "Light, through glass.",
+            body: "Content first. The interface floats just above it.",
+            primary: "Continue",
+            secondary: "Not now",
+        },
+        foundations: {
+            accentColor: "blue",
+            neutralColor: "slate",
+            radius: "lg",
+            shape: "pill",
+            appearance: "light",
+            bodyFont: "system",
+            headingFont: "system",
+            border: 1,
+            depth: "floating",
+            material: "glossy",
+        },
+        material: { id: "liquid-glass", parameters: mat(0, 0, 0.25, 0, 0.9) },
+        frame: "liquid",
+        character: {
+            controls: "glass",
+            motion: { style: "springy", press: 1, tempo: 1 },
+            type: {
+                headingCase: "none",
+                headingTracking: -0.02,
+                headingWeight: 600,
+                numerals: "proportional",
+            },
+            states: "glow",
+            details: {
+                focus: "glow",
+                divider: "line",
+                selection: "accent",
+                scrollbar: "thin",
+                iconStroke: 1.5,
+            },
+            backdrop: { pattern: "none", intensity: 0, scale: 1 },
+        },
+        chrome: { edge: "pill", well: "glass", corners: "inherit" },
+    },
+];
+const id = (s) => "dixy/" + s.slug;
+/** v2 source documents, migrated by documents.ts like every other starter. */
+export const launchDocuments = launchStarters.map((s) => ({
+    schemaVersion: 2,
+    id: id(s),
+    name: s.name,
+    revision: 1,
+    foundations: {
+        componentFinish: "inherit",
+        customAccent: false,
+        lightness: 0.54,
+        chroma: 0.2,
+        hue: 305,
+        density: "default",
+        ornament: "balanced",
+        relief: 1,
+        effects: "static",
+        ...s.foundations,
+    },
+    recipes: {
+        material: {
+            id: s.material.id,
+            version: 1,
+            parameters: s.material.parameters,
+        },
+        frame: {
+            id: s.frame,
+            version: 1,
+            parameters: { ...frameRecipes[s.frame].defaults },
+        },
+    },
+}));
+export const launchCharacters = Object.fromEntries(launchStarters.map((s) => [id(s), s.character]));
+export const launchChrome = Object.fromEntries(launchStarters.map((s) => [id(s), s.chrome]));
+export const launchMetadata = launchStarters.map(({ slug, symbol, name, description, detail, swatches, voice }) => ({
+    slug,
+    symbol,
+    name,
+    description,
+    detail,
+    swatches,
+    voice,
+}));